3
eveloppement Web (NFA0016): examen premi` ere session CNAM – Sp´ ecialit´ e informatique 6 f´ evrier 2006 Exercice 1 (6points) La page XHTML suivante ne passe pas le validateur : <?xml version=”1.0” encoding=”iso -8859-1”?> <! DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 S t r i c t //EN” ”http ://www.w3. org/TR/xhtml1/DTD/xhtml1 - strict.dtd” > <html xmlns=”http ://www.w3. org/1999/xhtml” xml : l a n g=” f r ” > <head > <title >Page 1 </ title > < meta http -equiv=”Content -Type” c o n t e n t=” t e x t /HTML; charset=iso -8859-1” / > </head > <body > <h1 > Introduction </h1 > <p > ´ eDiffrents outils ont´ et ´ ecres pour ´ eamliorer les sites web : <ul> <li >Les feuilles de styles </ li > <li >Le langage Javascript <li > Une API ´ estandardise (DOM) </ li > <ol > <li >niveau 1 </ li > <li >niveau 2 </ li > </ol > </ul> </p > Le but de cet ouvrage est de permettre une approche ` econcrte de ces concepts . </html > </body > 1. Trouver les 5 erreurs et les corriger. 2. Une fois les erreurs corrig´ ees, dessiner l’arbre de balises refl´ etant la structure de la page. 3. D´ ecrire comment la page s’affiche. Exercice 2 (6 points) Il s’agit d’ecrire une page web (XHTML+CSS+JS) pour une municipalit´ e qui propose des colonies de vacances. Votre page doit respecter les contraintes suivantes : 1. Cette page doit ˆ etre organis´ ee en 3 parties : 1

FFT Et Fftshift Dans Matlab

Embed Size (px)

Citation preview

Page 1: FFT Et Fftshift Dans Matlab

Developpement Web (NFA0016): examen premiere session

CNAM – Specialite informatique

6 fevrier 2006

Exercice 1 (6points)

La page XHTML suivante ne passe pas le validateur :

<?xml v e r s i on=” 1 .0 ” encoding=” iso −8859−1”?><!DOCTYPE html PUBLIC ”−//W3C//DTD XHTML 1 . 0 S t r i c t //EN””http ://www.w3 . org /TR/xhtml1/DTD/xhtml1−s t r i c t . dtd”>

<html xmlns=”http ://www.w3 . org /1999/xhtml” xml : lang=” f r ”><head>

<t i t le >Page 1</t i t le>

<meta http−equiv=”Content−Type” content=” tex t /HTML; char s e t=iso −8859−1” />

</head>

<body>

<h1 > In t roduc t i on</h1>

<p>eD i f f r e n t s o u t i l s onte e t e c r e s pour e aml i o r e r l e s s i t e s web :<ul>

<l i >Les f e u i l l e s de s t y l e s</ l i >

<l i >Le langage Javasc r ip t<l i >Une API e s tandard i s e (DOM)</ l i>

<ol>

<l i >niveau 1</ l i >

<l i >niveau 2</ l i >

</ol>

</ul>

</p>

Le but de ce t ouvrage e s t de permettre une approche e conc r t e de ce s concepts .</html>

</body>

1. Trouver les 5 erreurs et les corriger.

2. Une fois les erreurs corrigees, dessiner l’arbre de balises refletant la structure de la page.

3. Decrire comment la page s’affiche.

Exercice 2 (6 points)

Il s’agit d’ecrire une page web (XHTML+CSS+JS) pour une municipalite qui propose descolonies de vacances. Votre page doit respecter les contraintes suivantes :

1. Cette page doit etre organisee en 3 parties :

1

Page 2: FFT Et Fftshift Dans Matlab

– Colonies pour les 6 11 ans :sport :FontainebleauReims

Musique :Toulouse

– Colonies pour les 11 15 ansSport :Toulon

Musique :MontelimarMontpellier

– Demande de documentationsformulaire demandant le nom du demandeur et presentant le choix multiple entre :sport, musique, 6-11 ans , 11-15 ans , toutes colonies

2. Les noms de ville doivent etre des liens vers le descriptif de la colonie correspondante.

3. En ce qui concerne la feuille de style, on vous demande de ne jouer que sur la couleur defond (propriete background-color) : On veut que la partie 1 soit en bleu, la partie 2en vert ; A l’interieur de ces parties, les rubriques sport seront en jaune et les rubriquesmusique en orange. On supposera que les couleurs blue, green, yellow, orange sontconnues.

4. En Javascript, on doit verifier que le champ nom est rempli et que le nombre de docu-mentations demandees est compris entre 1 et 3.

Exercice 3 : HTTP (4 points)

Scenario : monsieur Lapin, employe de l’entreprise MANC va consulter le catalogue d’unfournisseur sur son site web dont l’URL est http://www.tout.com. Il consulte d’abord lapage d’accueil du site, qui comporte une photo de son produit phare : la vis en tungstenebrosse. Elle comporte des liens vers differentes pages : des familles de produits, des adressesde distributeurs, une version anglaise, un plan du site et un historique de l’entreprise. Dansla page d’accueil, monsieur Lapin clique sur un lien qui va vers la page des vis brossees, quicomporte les photos de trois des plus belles vis proposees par MANC. Toutes les pages web del’entreprise utilisent une meme feuille de style css. On suppose que la connection est directeentre le client et le serveur (on ne prendra donc pas en compte de proxy).

1. Sur un graphique representez les echanges entre le client et le serveur, de telle sorte quechaque requete HTTP soit representee par une fleche et que leur succession temporellesoit claire.

2

Page 3: FFT Et Fftshift Dans Matlab

2. Hors du graphique, reprenez chaque requete envoyee par le client et precisez la premiereligne de l’entete ainsi que la ligne du champ Host.

3. Pour chaque reponse arrivant au client, precisez la premiere ligne de l’entete ainsi quela ligne du champ Content-Type.

Pour repondre a ces questions, vous pouvez choisir les URL des pages ainsi que les formatsde fichier utilises. Ces choix devront etre realistes.

Exercice 4 : secret (4 points)

Pour faire passer une information confidentielle entre un client et un serveur web enutilisant une page HTML, on hesite entre deux solutions :

– utiliser un formulaire avec un champs texte dans lequel l’utilisateur tapera le secret. En-suite, une fonction javascript est appelee pour encrypter l’information avant de l’envoyervia une requete post de HTTP.

– utiliser une applet dans laquelle l’utilisateur tapera le secret. Cette applet fera uneconnection vers un serveur dedie, sur un port non standard, avec un protocole nonstandard. L’applet utilise la meme methode de cryptage du secret que la fonction ja-vascript dans l’autre solution.

En moins d’une page, donnez des arguments en faveur ou en defaveur de chacune dessolutions, du point de vue de la securite.

3