Deesweb201106c PDF

FEDERATION EUROPEENNE DES ECOLES
EUROPEAN FEDERATION OF SCHOOLS

Organisation non gouvernementale dote du statut participatif auprs du Conseil de lEurope
NGO enjoying participatory status with the Council of Europe

Fdration Europenne Des Ecoles - European Federation of Schools - Juin 2011
UC D31 DEESWEB - Corrig

UE D - TECHNIQUES PROFESSIONNELLES

UC D31 - DEESWEB
Webmaster

Corrig

Type dpreuve : Etude de cas

Dure : 6 heures

Session : Juin 2011


2/23

Dossier 1 - Dfinition du projet

Question 1
Dans la dmarche dtude pralable, vous devez dfinir le contexte et les limites du projet.
Certaines tudes thmatiques vont vous y aider.
Citez ces tudes et expliquez en quoi elles sont hautement stratgiques ?

3 points (1 point par bonne rponse)

Ltude pralable, dite aussi tude prliminaire, consiste collecter et analyser les informations relatives au
lancement du projet. Ces dernires doivent permette danalyser la nature du march et didentifier les besoins
existants. Pour mieux cerner ce projet, ltude pralable sappuie sur divers lments et tudes :
- des analyses de faisabilit qui justifient le lancement du projet en fonction des ressources de lentreprise et
de risques,
- des tudes de march qui permettent de comprendre les besoins de la clientle cible et de travailler un
repositionnement marketing du site,
- des tudes de concurrence qui dressent un panorama des stratgies, technologies et principes de
communication appliqus chez les concurrents du secteur.

Question 2
A laide de lannexe 1, rdigez un premier jet du cahier des charges : dterminez les besoins
exprims, le primtre du projet et les solutions envisages pour sa ralisation.
Prsentez les donnes de faon structure, laide du plan type dun cahier des charges web.

6 points

La dfinition est la phase la plus importante dun projet. De nombreux projets de cration de sites web chouent en
raison dun cadrage initial insuffisant. Un cahier des charges est un des lments les plus durs confectionner : en
effet, la perception de 2 points de vue sur un mme appel doffre peut tre vraiment diffrente. Cest pourquoi
lexemple en annexe est simple, pour vrifier les points suivants :

Prsentation de la CAB et de son public cible
- historique et raison dtre de la CAB,
- public vis : Adhrents et Futurs Adhrents (Agriculteurs de Bruxelles) et Partenaires (de la rgion).

Objectifs du site
- objectif : informations (PAC, documents administratifs) et communication (Coordonnes des
Agriculteurs, quantit dpandage),
- les messages faire passer,
- le ton cratif et le webdesign : homogne, claire, intuitive. Couleurs : vert, bleue, blanc (couleur de la
nature). Typologie agrable la lecture et visible (Verdana, Arial,).

Ressources techniques et dploiement
- langues : franais, anglais,
- ressources apports : support informatique et/ou papier (concept, PAC, Images de la rgion),
- arborescence : partie publique (fondateurs, philosophie, coordonnes raisons de lexistence du site Web,
revue de presse et partie lgislation) et partie prive,
- modules interactifs et backoffice : inscription des agriculteurs, fiches dexploitation, forum de discussion
ou chat, administration par la CAB, espace presse pour les journalistes.


3/23

Prestations annexes
- hbergement : non spcifi,
- rfrencement : Naturel uniquement (pas de Adwords, de publicit ou dinscription payante dans les
annuaires),
- maintenance : pas de contrat prvoir pour le moment.

Livrables et budget
- dlai : non spcifi,
- budget : Entre 5.000 et 7.000 HT.

Question 3
Dans cette partie, vous crirez en html les sigles avec lattribut acronym.
Puis vous donnerez leur dfinition :
- HTML & CSS,
- PHP,
- AJAX,
- RSS.

4 points (1 point par dfinition)

<acronym title= eXtended HyperText Markup Language > XHTML </acronym>
XHTML est un langage de balisage servant crire des pages pour le World Wide Web. Conu l'origine comme
le successeur d'HTML, XHTML se fonde sur la syntaxe dfinie par XML, plus rcente, mais plus exigeante que
celle dfinie par SGML sur laquelle repose HTML

<acronym title= Cascading Style Sheet > CSS </acronym>
CSS (feuilles de style en cascade) est utilis pour dfinir les couleurs, les polices, le rendu, et d'autres
caractristiques lies au design dune page web. L'objectif est de bien sparer la structure (crite en HTML) et la
prsentation graphique (en CSS) du document.

<acronym title= Asynchronous Javascript and XML> Ajax </acronym>
Ajax est une manire de construire des applications Web et des sites web dynamiques bass sur diverses
technologies Web. Ajax est la combinaison de technologies telles que JavaScript, CSS, XML, le DOM et le
XMLHttpRequest. Cette technologie se caractrise principalement par la possibilit de rpondre aux requtes des
utilisateurs sans recharger une page web dans son intgralit.

<acronym title= eXtensible Markup Language> XML </acronym>
XML (franais : langage extensible de balisage ) est un langage de balisage gnrique. Ce langage est qualifi
dextensible car il permet l'utilisateur de dfinir les balises des lments. L'utilisateur peut multiplier les espaces
de nommage des balises et emprunter les dfinitions d'autres utilisateurs.

<acronym title= Really Simple Syndication> RSS </acronym>
RSS : C'est un flux d'information normalis en XML auquel on peut s'abonner via des outils de lectures de flux
RSS. Cela permet de standardiser les changes d'information selon une norme. L'utilisateur perd moins de temps
aller chercher les informations, elles viennent lui par un seul et mme outil (le lecteur de flux). Il faut galement
parler de ATOM, flux de syndication plus volu car prenant en compte des mdias comme les vidos ou les
musiques.


4/23
Question 4
Dcrivez et expliquez la conduite de projet en cascades (diagramme de Gantt) : utilisation,
objectifs, description et inconvnients.
Confrontez cette conduite de projet celle dite "Agile" (mthodologie en itrations).
Laquelle vous semble la mieux adapte au dveloppement dun site Web ?

4 points (1 point pour la dfinition, 1 point pour les inconvnients, 2 points pour la comparaison)

Le diagramme de GANTT, du nom de son inventeur, date du dbut du 20me sicle. Ce type de diagramme est fort
pratique pour la communication. Aisment comprhensible par tout un chacun, il permet de se faire rapidement une
ide prcise autant du travail accompli que des tches encore en attente de ralisation.
Principe du diagramme Gantt
Les tches accomplir sont matrialises par une barre dont la longueur correspond la dure en accord avec
l'chelle de temps en abscisses. Chaque barre est positionne exactement face sa date de dbut. La date
d'achvement apparat donc clairement l'extrmit droite de la barre lorsque l'on est face au diagramme.
Inconvnients
Ce modle est strict et lourd. Selon la mthode cascade, chaque phase doit tre approuve avant de pouvoir
commencer l'autre. Autre inconvnient : lorsquune modification est effectue sur la planification, cest tous les
modules qui sont affects. Ce risque de dcouvrir des erreurs ncessiteront de refaire toutes les tapes.
Mthode Agile
Les mthodes Agiles sont des procdures qui se veulent plus pragmatiques que les mthodes traditionnelles. En
impliquant au maximum le client, ces mthodes permettent une grande ractivit leurs demandes, visent la
satisfaction relle du besoin du client.
Adaptabilit : Grce au dveloppement itratif et au recueil permanent du feedback des clients, cela permet
daligner continuellement le dveloppement leurs besoins.
Visibilit : En mesurant, en valuant lavancement sur le projet, la visibilit du travail est accrue.
Le choix est la discrtion de ltudiant. En effet, il nexiste pas de mthodes miracles mais la mthode Agile
permet de ne pas dvelopper des fonctionnalits que le client trouvera inutile (et donc optimiser son temps /
travail). Avec un bon cahier des charges dfini en amont, la planification Gantt suffira largement.

Question 5
Expliquez les avantages et inconvnients dun CMS rpondant vos besoins face un site
traditionnel.

5 points (2,5 points pour les inconvnients, 2,5 points pour les avantages)

Inconvnients dun site cr grce un CMS :
- le principal inconvnient reste la lenteur daccs aux bases de donnes qui est visible surtout laffichage
des pages (selon lhbergeur),
- si lon souhaite avoir un webdesign personnalis, il faudra tout de mme faire appel un prestataire ayant
des connaissances en ergonomie, graphismes et intgration HTML et CSS. Les templates par dfaut ne
permettent pas une diffrenciation graphique,
- lincompatibilit de certaines fonctionnalits avec certains hbergeurs. Les hbergeurs discounter peuvent
ne pas accepter certains CMS ou empcher lURL rewriting,
- le CMS ncessite tout de mme de former les intervenants linterface et aux modalits de mise jour,
- les failles de scurit de certains plugins/templates...,
- le CMS ne peut pas toujours contenter toutes les demandes dun client : malgr lexistence de plugins,
certains besoins demanderont un dveloppement spcifique.

Avantages :
- la gestion du contenu : Les utilisateurs autoriss peuvent publier du contenu (textes, photographies,
diaporama) grce une interface simple et autonome Cette gestion est ici totalement libre et dtache de
laspect graphique du site,
- pas d'installation sur l'ordinateur : le systme de gestion de contenu n'opre pas depuis votre PC. Il
s'installe chez l'hbergeur de votre site internet,


5/23
- possibilit de travail simultan plusieurs sur la mme plateforme,
- le rfrencement : le CMS respecte les normes du web et est donc rfrenc automatiquement dans
Google,
- facilit dinstallation et de gestion : Aucune comptence informatique nest requise pour grer un CMS.
Quelquun connaissant 30 % des fonctionnalits dun traitement texte est capable de grer son site de
manire autonome. De plus, aucun logiciel ne doit tre install pour modifier le site,
- gratuit et gain de temps : pas de licence payante pour certains CMS (Open Source). Un avantage par
rapport certains logiciels d'dition de sites web dont les licences pro peuvent coter cher.

Dossier 2 - Conception et Modlisation

Question 1
Dcrivez ces deux besoins ainsi que leur importance dans un projet web.
Proposez des fonctionnalits apportant des solutions ces deux besoins de webmarketing.

4 points (2 points par fonctionnalits)

Mise jour et dynamisme du site
Un visiteur rgulier connat le site presque aussi bien que le webmaster. Mais une fois qu'il le connat, il s'agit de
satisfaire son besoin d'en savoir toujours plus. Si le site n'est pas actualis, ne propose pas de nouveaux contenus, et
ne devient pas plus spcifique et spcialis, le visiteur n'a plus de raison de revenir.
Il faut donc faire un site vivant, de telle faon que le visiteur rgulier s'habitue revenir inlassablement sur le site.
Voici quelques ides afin de rendre un site vivant :
- mettre du nouveau contenu en ligne,
- prvoir une rubrique actualits, une FAQ,
- proposer un calendrier des vnements, manifestations et runions,
- proposer un espace tlchargement des comptes rendus,
- proposer de nouveaux produits, de nouvelles options, des nouvelles conditions,
- mettre en place un Forum, concours qui rvlent une volont du site de samliorer et de crer une
relation avec et entre les internautes.

Fidliser les internautes
Pour que les visiteurs dcident de revenir sur un site, encore faut-il quils le puissent A moins de lavoir affiche
dans sa liste de favoris, se souvenir de ladresse dun site nest pas simple. En revanche, si linternaute reoit
rgulirement une newsletter, il pourra sans peine se connecter et constater le renouvellement du contenu.
Autres fonctionnalits possibles :
- newsletter,
- flux RSS et alerte nouveau contenus,
- boutons de partage dans les rseaux sociaux,
- bouton de mise en favoris,
- possibilit de laisser des commentaires,
- questionnaire de satisfaction. Montrez-leur que leur avis vous intresse et ne restez pas sur un malentendu
(retard dexplications, bugs...). Quand on sait "qu'un client mcontent fera part de sa dception une
dizaine de personnes".


6/23

Question 2
A partir de votre travail pralable, reprsentez la structure du site sous forme dune arborescence
(annexe 2).
Vous ne ferez apparatre que la partie Front Office du site.

7 points (1 point par rubrique racine , 1 point supplmentaire pour laffichage du mail)

La partie Connexion nest pas oblige dtre renseigne avec la base de donnes car la question ne le demande
pas. Les rponses seront varies : notez surtout si la hirarchie de dossiers est respecte et la clart / logique du
dcoupage du site.

Question 3
Suite une tude de la concurrence prsente en annexe 3, prsentez une charte graphique votre
client dfinissant :
- le logotype (couleurs, position dans les pages),
- les polices de caractres (diffrents niveaux de texte, typographie),
- les principes du choix des images et des illustrations (choix des couleurs, images).

3 points (1 point par caractristique)

Les rponses seront bien sr diffrentes et varies selon les candidats. Il faudra vrifier la pertinence des
propositions. Voici les lments quil faut trouver dans cette charte :

Le logotype :
1. les couleurs seront surtout dans une dominante de verts, pour le ct agricole ; On peut imaginer selon la rgle
des 3 une 2
me
couleur dite secondaire, plutt en harmonie (verts, orangs, bleus selon lambiance recherche) et
une 3
me
dite dimpact (juste une petite touche contrastant). Les gris peuvent redonner un air srieux, et plus
institutionnel.
2. sa position plutt en haut gauche, comme le veulent les conventions du web. Prvoir sur le logo un lien
hypertexte ramenant la page daccueil.
3. la zone tampon (espace protg minimum autour du logo).
4. ses dclinaisons sur des fonds blancs et de couleur ;


7/23

Les polices de caractre :
- plutt des polices sans serif, rputes plus lisibles lcran,
- prvoir une police forte pour le h1, toujours serif. Elle peut tre colore,
- prvoir des tailles plus petites pour les sous-titres,
- prvoir une police lisible pour les texte : hauteur dil importante comme les Verdana, Arial Le gris
fonc peut mieux passer lcran, le noir contrastant fortement sur le blanc, il peut amener des effets de
vibrance.

Les images :
- on peut prvoir des objets vectoriels illustrant des silhouettes de vgtaux, engins agricoles et mtiers,
- les photos doivent mettre en avant le ct rassembleur : des agriculteurs en action, souriant,
- les photos peuvent aussi exploiter les textures lies au vgtal, la terre, aux productions, animaux,
- llment humain reste central dans ce projet.


8/23

Dossier 3 - Ralisation du Site Web

Sous-dossier 1 : Web Design

Question 1
Expliquez la diffrence entre les feuilles de style externes au document HTML et les internes ?
Quels sont les avantages des externes ?

2 points (1 point pour lexplication, 1 point pour lavantage)

Les feuilles de style internes peuvent tre places en dehors des pages HTML, dans un fichier texte portant
l'extension .css. Elles ne contiennent que le code en CSS, aucun code HTML. Elles sont intgres virtuellement
dans le HTML grce la balise link. Les feuilles de style internes elles sotn intgres dans le HTML entre les
balises <style> </style>
Les externes permettent une meilleure sparation du contenu et de la forme.
Une mme feuille de style peut sappliquer plusieurs pages, entranant une mise jour des styles plus
automatise. Exemple : tous les h1 du site peuvent passer de la police Verdana la police Arial.
Avantage li : elle permet aussi de gagner en temps de tlchargement.

Question 2
Ecrivez le code HTML utiliser pour relier votre fichier CSS "style.css" votre page HTML.

1 point

<link rel="stylesheet" type="text/css" href="style.css" />

Question 3
Pourquoi avoir utilis des attributs id et non des class lors du dcoupage de notre site ?

1 point

On utilise ici des attributs id et non des class. En effet, un id permet de dsigner de faon unique un lment unique
dans la page XHTML : les blocs ayant des dimensions et des arrire-plans diffrents, il est important de pouvoir les
dsigner nominativement. Les class eux peuvent sappliquer autant dlments quon le souhaite.

Question 4
Il vous faut maintenant disposer ces 4 blocs de faon avoir un rendu similaire au schma
prcdent en respectant les diffrentes consignes (bordure, couleur de fond, disposition).
Donnez le code CSS style.css pour appliquer le style demand de votre page HTML.

4 points (1 point par div)

#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.png");
}
#menu
{
float: left;
width: 120px;


9/23
}
#corps
{
margin-left: 140px;
border: 2px solid black;
}
#pied_de_page
{
text-align: center;
background-color: #000000;
border: 2px solid white;
}

Sous-dossier 2 : Page Cration de Compte

Question 5
Expliquez la diffrence entre les mthodes GET et POST .

1 point

Les deux mthodes sont utilisables pour remonter les formulaires aux serveurs La diffrence principale, en
dehors du volume des arguments, est l'apparition des variables dans l'URL (mthode GET) ou non (mthode
POST, donc plus scurise).

Question 6
Donnez le code HTLM correspondant ce formulaire dinscription ("inscription.html").

3 points (1 point pour la mthode et laction, 1,5 points pour le formulaire, 0,5 point pour les boutons)

<html>
<head>
<title>Formulaire dinscription</title>
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
</head>
<body>
<form name=Form1 method="POST" action = verif_inscription.php>
Login : <input type="text" name="login" / >
Password : <input type="password" name="password" />
Mail : <input type="text" name="mail" />
Sexe : <input type=radio name="sexe" value="M"> Homme <input type=radio
name="sexe" value="F"> Femme
<input type="reset" value="Rtablir" name="B2" >
<input type="submit" value="Envoyer" name ="B1" >
</form>
</body>
</html>


10/23

Sous-dossier 3 : JavaScript

Question 7
Quel rle a JavaScript dans la ralisation dun site Web ?
Expliquez la diffrence entre JavaScript et PHP.


JavaScript est un langage de programmation qui permet d'apporter des amliorations au langage HTML en
permettant d'excuter des commandes du ct client, c'est--dire au niveau du navigateur et non du serveur web.
PHP est un langage interprt ou compil la vole pour certains (un langage de script) excut du ct serveur
(comme les scripts CGI, ASP...) avant denvoyer le rsultat au client, sa syntaxe provient de celles du langage C,
du Perl et de Java.

Question 8
Ecrivez la fonction Javascript "Verif(form)" remplissant les contraintes prcdentes.

4 points (1 point pour la syntaxe, 1 points pour lalerte, 2 points pour le test des champs)

<html>
<head>
.
<script language="javascript">
function verif (form)
{
if((form. Login .value == "")||(form. Password .value == "")||(form. Mail .value == ""))
{
alert ("Veuillez remplir correctement le formulaire");
}
else
{
form.submit();
}
}
</script>
</head>

</html>

Question 9
Donnez le code JavaScript de vrification dun mail correct que vous nommerez "verif_mail()".

4 points (1 point pour la syntaxe, 1 points pour la prsence du @, 1 point pour la longueur, 1 point pour le return)

function verif_mail(a)
{
testemail = false ;
for (var j = 1 ; j < (a.length) ; j++)
{
if (a.charAt(j) == '@') // prsence du @
{
if (j < (a.length-4))
{
for ( var k = j ; k < (a.length-2) ; k++)


11/23
{
if (a.charAt(k) == '.')
testemail = true;
}
}
}
}
return testemail ;
}

Question 10
Expliquez la ou les solutions mettre en place pour contrer ces robots.
Est-ce que ces solutions sont toutes efficaces 100 % ?

2 points (1 point pour une solution correcte, 1 point pour un moyen de la contourner)

Une possibilit de solutions est lutilisation dun captcha. Ce test est utilis sur Internet dans les formulaires pour
se prmunir contre les soumissions automatises et intensives ralises par des robots malveillants. Un captcha
usuel requiert ainsi que l'utilisateur tape les lettres et les chiffres visibles sur une image distordue ou bien mme
rsoudre une question mathmatique.
Il y a plusieurs approches pour mettre en chec un captcha :
- utiliser une main-duvre humaine pour les reconnatre,
- exploiter les bogues dans les implmentations qui permettent l'attaquant de passer compltement outre le
captcha,
- l'attaque par force brute et l'attaque par dictionnaire, qui peuvent tre facilites par la reconnaissance
partielle du captcha (notamment le nombre de caractres).


12/23

Sous-dossier 4 : Modlisation Merise & Base de Donnes

Question 11
Ralisez le Modle Conceptuel de Donnes en faisant apparatre les clefs primaires de chaque table
ainsi que les cardinalits des associations.

6 points (1 point par entit juste, 1 point pour les associations et cardinalits)

Plusieurs MCD peuvent correspondre la solution. Le plus important tant davoir les associations correctes pour
recevoir les bonnes informations.


13/23

Question 12
A partir du Modle Conceptuel de Donnes (MCD) obtenu la question prcdente et laide de
lannexe 4, donnez le MPD (Modle Physique de Donnes), aprs migration des diffrentes clefs
primaires.

3 points (0,5 point par table juste)

Exploitation de la base de donnes
Question 13
La cration de la table Exploitation, en noubliant pas les contraintes dintgrit comme les cls
primaires et trangres.

2 points (1 point pour la syntaxe, 1 point pour les contraintes)

create table EXPLOITATION
(
ID_Esp integer not null,
ID_Exp integer not null,
LIBELLE varchar(100) null,
CHEMIN varchar(150) null,
CODE_POSTAL integer null,
constraint PK_EXPLOITATION primary key (ID_Esp, ID_Exp)
constraint FK_EXPLOITATION foreign key (ID_Esp) references ESPECE (ID_Esp)
);


14/23

Question 14
La rcupration de toutes les informations des Agriculteurs tris par Nom et Prnom.

1 point

SELECT * FROM Agriculteur ORDER BY Nom, Prnom;

Question 15
Pour rcuprer le nombre dexploitation cultivant lespce dont le libell est le Bl tri par Code
Postal.

2 points (1point pour la fonction COUNT et GROUP BY, 1 point pour la jointure)

SELECT COUNT(*) AS nb_exploitation, Code_Postal
FROM Exploitation
INNER JOIN Espece
ON Espece.ID_Esp = Exploitation.ID_Esp
WHERE Espece.Libelle LIKE Bl
GROUP BY Code_Postal;

Lancienne mthode est accepte :
SELECT COUNT(*)
FROM Exploitation, Espece
WHERE Espece.ID_Esp = Exploitation.ID_Esp
AND Espece.Libelle LIKE Bl
GROUP BY Code_Postal;

Question 16
Pour calculer la somme de la quantit dazote apporte entre les dates dapport du 1
er
janvier 2009
au 1
er
janvier 2011 pour lexploitation dont lid est 22.

2 points (1 point pour la fonction SUM et la DATE, 1 point pour la jointure)

SELECT SUM(quantit_azote) AS quantite_janvier
FROM Traitement
INNER JOIN Produits_Azotes
ON Traitement.ID_Azo = Produits_Azotes.ID_Azo
INNER JOIN Exploitation
ON Exploitation.ID_Exp = Traitement.ID_exp
WHERE Date_apport BETWEEN 2009-01-01 AND 2010-01-01;

Lancienne mthode est accepte :
SELECT SUM(quantit_azote) AS quantite_janvier
FROM Exploitation, Traitement, Produits_Azotes
WHERE Traitement.ID_Azo = Produits_Azotes.ID_Azo
AND Exploitation.ID_Exp = Traitement.ID_exp
AND Date_apport BETWEEN 2009-01-01 AND 2010-01-01;


15/23

Question 17
Pour linsertion dun nouvel agriculteur souhaitant sinscrire sur le site AIM (les donnes de test
insrer sont votre discrtion).

1 point

INSERT INTO Agriculteur Values (2304, Dupont,marcel,.) ;

Sous-dossier 5 : Dveloppement (PHP / Flash)

Question 18
Crez le code de la page loginUser.php en rpondant aux contraintes demandes.

5 points (1 point pour la mthode et laction, 3 points pour les champs, 2 points pour les boutons)

<html>
<head>
<title> Formulaire dauthentification </title>
</head>
<body>
Connexion l'espace membre :<br />
<form name=Form1 method="POST" action = verif_loginUser.php">
Login : <input type="text" name="login" value="<?php if (isset($_POST['login'])) echo
htmlentities(trim($_POST['login'])); ?>"><br />
Mot de passe : <input type="password" name="password" value="<?php if (isset($_POST[password])) echo
htmlentities(trim($_POST['password'])); ?>"><br />
<input type="submit" name="connexion" value="Connexion">
<input type="button" value="Mot de passe oubli" name="B2"
onclick="document.location.href = ' forgot_psw.php ';">
</form>
</body>
</html>

Question 19
Expliquez les termes de sessions et de cookies.
Que pouvez-vous en dire en termes de scurit ?


Un cookie est un fichier qui s'inscrit sur le disque dur d'un ordinateur connect Internet lors de la visite de
certains sites Web. Ce fichier est inscrit par un serveur Web, afin de reconnatre l'utilisateur, lors de ses prochaines
visites.
Les sessions sont comme un cookie ct serveur, contenu dans un rpertoire ad hoc (gnralement tmp). La gestion
de ce cookie particulier, contenant toutes les variables que le script lui aura transmis, est dtermine selon une
alternative : l'ID de la session en cours.
Une session PHP (ou un cookie) n'est pas un gage total de scurit, surtout quand on n'utilise pas un protocole
HTTP scuris.


16/23

Question 20
Donnez le code PHP qui accde notre base de donnes MySQL (diffrentes mthodes sont
possibles).

2 points (1 point pour la syntaxe, 1 point pour le test de connexion)

1
re
mthode : mysql_connect( )
<?php
$Host=" ServeurAIM ";
$User= "root";
$Passwd=" admin98Tpass ";
$BD= db_cab ;
$connexion =mysql_connect("$Host","$User","$Passwd");
if ($connexion) {print "<p>Connexion tablie !</p>";}
else {print "<p>Erreur lors de la connexion ...</p>";exit;}
?>

2
nd
mthode : PDO
<?php
$PARAM_hote=' ServeurAIM '; // le chemin vers le serveur
$PARAM_nom_bd=' db_cab '; // le nom de votre base de donnes
$PARAM_utilisateur='root'; // nom d'utilisateur pour se connecter
$PARAM_mot_passe='' admin98Tpass"; // mot de passe de l'utilisateur pour se connecter
try
{
$connexion = new PDO('mysql:host='.$PARAM_hote.';dbname='.$PARAM_nom_bd, $PARAM_utilisateur,
$PARAM_mot_passe);
}
catch(Exception $e)
{
echo 'Une erreur est survenue !';
die();
}
?>


17/23

Question 21
Crez le code PHP du fichier verif_loginUser.php du traitement du formulaire
dauthentification.

7 points (1 point pour le test de connexion, 2 points pour le test de login et password, 1 point pour la connexion
la base, 1 point pour la requte SQL, 2 points pour les sessions start et les erreurs de connexion)

La nouvelle mthode est aussi valide. Elle nest pas dtaille dans ce corrig.
<?php
// on teste si le visiteur a soumis le formulaire de connexion
if (isset($_POST['connexion']) && $_POST['connexion'] == 'Connexion')
{
if ((isset($_POST['login']) && !empty($_POST['login'])) && (isset($_POST['password']) &&
!empty($_POST['password'])))
{
$base = mysql_connect (ServeurAIM, root, admin98Tpass);
mysql_select_db (db_cab, $base);

// on teste si une entre de la base contient ce couple login / pass
$sql = 'SELECT count(*)
FROM membre
WHERE login = ($_POST['login'])"
AND pass_md5=" (md5($_POST['password']))";

$req = mysql_query($sql) or die('Erreur SQL !'.$sql.'<br />'.mysql_error());
$data = mysql_fetch_array($req);

mysql_free_result($req);
mysql_close();

// si on obtient une rponse, alors l'utilisateur est un membre
if ($data[0] == 1) {
session_start();
$_SESSION['login'] = $_POST['login'];
header('Location: home_user.php');
$logged_in = TRUE ;
exit();
}

// si on ne trouve de rponse, le visiteur s'est tromp dans son login / password
elseif ($data[0] == 0) { $erreur = 'Compte non reconnu.'; }

// sinon, alors l, il y a un gros problme.
else { $erreur = 'Problme dans la base de donnes'; }
}
else { $erreur = 'Au moins un des champs est vide.'; }
}
?>


18/23

Question 22
Dcrivez cette fonction PHP inconnue et renommez-la.

1 point

Cette fonction inconnue gnre un Mot de passe alatoire, de longueur 8 comme : Keolledf ou ggzpdrgd, et
laffiche.
Nom de la fonction : gen_password( ) , mdp() ou tout ayant la bonne signification.

Flash Design
Question 23
Expliquez, en quelques mots, les avantages et les inconvnients de cette technologie.

2 points

Inconvnients :
- Flash requiert forcement le Player Flash qui nest pas forcement install chez tous les utilisateurs.
- Flash nest malheureusement pas index dans les moteurs de recherche, nesprez pas tre un jour bien
rfrenc.
- Pour les malvoyants la lecture de flash est impossible, cest pour cela que lon rajoute du contenu ct.
- a peut aussi fournir un lment visuel beau car si lon utilise bien flash, on peut crer une interface
graphique trs belle.
- Flash est introprable : son affichage est identique dans tous les navigateurs.

Question 24
Dans la scne du logiciel Flash, quappelle-t-on symbole ?

1 point

Un symbole est un graphique, un bouton ou un clip que vous crez une seule fois et que vous pouvez rutiliser dans
votre animation ou dans dautres animations. Tout symbole que vous crez devient automatiquement un lment de
la bibliothque. Lutilisation de symboles dans les animations rduit sensiblement la taille du fichier

Question 25
Donnez le code ActionScript permettant daccder une url (ex. : http://www.partenaire.com) en
cliquant.

1,5 points (0,5 point pour la syntaxe, 0,5 point pour le MouseEvent, 0,5 point pour lURLRequest)

function gotoPartenaires(event:MouseEvent):void
{
var targetURL:URLRequest = new URLRequest("http://www.partenaires.com/");
navigateToURL(targetURL);
}


19/23

Question 26
Donnez le code HTML permettant dinsrer le ficher Flash partenaire.swf dans un document
HTML avec les dimensions demandes.

1,5 points (0,5 point pour la balise object type, 0,5 point pour la value, 0,5 point pour les dimensions)

Plusieurs solutions existent. Voici une valide :
<object type="application/x-shockwave-flash" data=" partenaire.swf " width="100" height="100">
<param name="movie" value=" partenaire.swf"/>
</object>

Dossier 4 - Mise en ligne et exploitation

Question 1
Trouvez un nom de domaine qui permettra de vhiculer limage du projet, en tenant compte des
contraintes suivantes :
- la dimension internationale du projet,
- le cur du projet : site de la Chambre dAgriculture de Bruxelles,
- le ct cologique et administrative du projet.
Motivez vos propositions.

3 points (1 point par bonne rponse)

Bien sr, il nexiste pas quune seule solution possible.
La dimension internationale peut tre traduite par un tld en .com, .net ou .eu
Le cur du projet devrait apparatre dune faon logique dans le nom de domaine : bruxelles.apca, agribruxelles,
bruxelles.chambagri,
Le ct cologique et administrative du projet peuvent tre souligns par des mots comme eco , gouv ,

Question 2
Expliquez les termes suivants : Internet Registres , Registrars et TLD .


Lattribution des adresses IP sur lInternet est du ressort du lIANA (Internet Assigned Numbers Autority) qui
dlgue des organismes dits Internet Registres (registres Internet) la gestion de blocs dadresses Internet.
Ces organismes ne doivent pas tre confondus avec les Registrars qui sont des organismes commerciaux vendant
des noms de domaine (OVH, 1and1,).
Un domaine de premier niveau ou un domaine de tte (en anglais top-level domain, abrg TLD) est un domaine
qui est au sommet de la hirarchie des domaines (ex : google.fr, le TLD est .fr). Deux approches ont t utilises :
lapproche dfinissant une organisation (.com, .net) et une approche dfinissant une implantation gographique
(.fr, .be, .de).


20/23

Question 3
Expliquez le choix dopter pour une redirection pour les noms de domaines.
Quelles en sont les avantages et les inconvnients ?

2 points (1 point pour les avantages, 1 point pour les inconvnients)

Il est possible d'opter pour une redirection, c'est--dire un nom de domaine redirigeant l'internaute vers une URL
particulire. Ce type de solution reprsente un compromis permettant aux webmasters recourant aux services d'un
hbergeur gratuit de bnficier d'un nom facile mmoriser. Nanmoins ce systme ne permet pas de faire figurer
le nom de domaine dans la barre d'adresse du navigateur.
Une redirection de nom de domaine, ralise pour un site ayant dj un bon positionnement dans les pages des
moteurs de recherche, se traduit ainsi, immanquablement, par une baisse momentane du trafic.

Question 4
Expliquez le rle des balises TITLE, META et le rle du contenu dun site dans le rfrencement.

2 points

Title : La balise TITLE joue un rle crucial dans le rfrencement dun site. Elle est pour les moteurs la zone la
plus ractive : celle o les mots cls seront systmatiquement pris en compte. Le titre dun site est souvent trs
parlant puisquil tmoigne de la stratgie mise en uvre.

Meta : keywords est peu peu abandonne. Description sert encore de rsum dans la SERP, elle doit tre en
cohrence avec le contenu de la page sinon Google pioche un extrait de texte dans la page courante.

Contenu : Un bon contenu est la base dun bon rfrencement. Ainsi, si le site en question ne possde pas un rel
contenu intressant mais juste des phrases dnues dintrt pour combler et naturaliser la mise en avant des
mots cls alors ce concurrent sera en thorie votre porte. Si au contraire il possde un contenu riche, qui apporte
un rel plus sur les mots cls sur lesquels il est positionn, alors il sera sans aucun doute plus difficile
concurrencer.

Rle des h1, h2, h3, strong. Le rfrencement est la fois bas sur un contenu riche et original, cohrent en terme
de smantique mais aussi sur lemplacement stratgique des mots dans les zones les plus ractives

Question 5
Expliquez la diffrence entre rfrencement naturel et rfrencement payant.


Le rfrencement naturel (long et durable) est un processus permettant aux robots des moteurs de recherche
d'indexer et de classer votre site selon des mots-cls se rapportant votre activit.
Le rfrencement payant (rapide) consiste rmunrer un moteur de recherche afin qu'il affiche votre site en bonne
position sur des mots-cls et selon des conditions particulires


21/23

Question 6
Expliquez le principe du rfrencement payant Google Adwords par exemple, et donnez les
avantages et les inconvnients dun tel procd.

4 points

Le paiement par clic (PPC), dont fait partie la plateforme Google Adwords, est une des solutions les plus efficaces
pour obtenir du trafic cibl vers son site.
Les avantages de Google Adwords :
- Que le volume de recherches soit important ou non, cela na pas dimportance : le budget est fix
mensuellement.
- Vous pouvez obtenir vos premiers visiteurs trs rapidement aprs la configuration de votre campagne et la
rdaction de votre premire annonce.
- Contrairement au rfrencement naturel qui prend du temps, mais surtout qui demande de bonnes
connaissances techniques, Adwords est relativement simple.

Les inconvnients :
- Certains petits malins peuvent cliquer sur votre annonce, qui est prsente sur leur site, pour gagner de
largent.
- Si vous ne ciblez pas vos mots cls, vous devrez payer une somme importante par clic. Cest la mme
chose si vos annonces sont en concurrence avec de nombreux concurrents qui peuvent avoir un budget
beaucoup plus important que vous.
- Comme toutes les solutions payantes, vous devez avoir un budget de dpart rserv exclusivement la
promotion de votre site sur Adwords.

Question 7
Expliquez donc la diffrence entre rfrencement et positionnement (ranking).


La diffrence entre rfrencement et positionnement Internet :
- Un bon rfrencement internet, c'est avoir l'ensemble des pages accessibles de son site indexes dans les
bases des moteurs de recherches.
- Un bon positionnement, c'est tre dans les premires pages des moteurs de recherches lorsque la recherche
porte sur son univers mtier.
Un bon positionnement passe donc forcment par un bon rfrencement et on a pris l'habitude d'utiliser
les deux termes pour qualifier l'ensemble des techniques visant tre bien vu par les moteurs de
recherches.

Question 8
Quest-ce quun fichier sitemap.xml ?

1 point

Un sitemap est une "carte d'un site" ralis au format XML et permet de lister les pages proposes sur un site web.
Un sitemap permet aux moteurs de recherches de connatre exhaustivement les pages dun site et donc de gagner
du temps sur leur indexation.


22/23

Question 9
Proposez un service de maintenant externalise pour garantir votre client que le site sera
continuellement oprationnel, et ce, pendant plusieurs annes.

1 point (0,5 point par service propos)

En externalisant l'entretien dun site web, le client aura accs des prestations difficilement ralisables en interne
sans un budget consquent. Chaque mise jour fait l'objet de la rdaction d'un cahier des charges. Selon les
besoins, la SSII peut prendre en charge la surveillance du site web, le l'hbergement (changement,
renouvellement)... Le client a la garantie que son site est continuellement oprationnel en analysant les audits du
site.


23/23
GRILLE DE NOTATION

NOM DU CORRECTEUR__________________________________

Prnom du correcteur___________________________________

N de candidat____________

Question Note attribue Observations obligatoires
Dossier 1 - Dfinition de projet /22

Dossier 2 - Conception et
Modlisation
/14

Dossier 3 - Ralisation dun site
Web
/64

Dossier 4 - Mise en ligne et
Exploitation
/20

TOTAL /120

Apprciation gnrale :

Je soussign,____________________, certifie avoir corrig la copie dexamens en suivant le corrig dexamens en
ma possession et en respectant la procdure de correction des examens.

Fait _______________________________________ le ____________

Signature :

Deesweb201106c PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Deesweb201106c PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

FEDERATION EUROPEENNE DES ECOLES

EUROPEAN FEDERATION OF SCHOOLS

Anda mungkin juga menyukai