Professional Documents
Culture Documents
Avant-propos……………………………………………………………………………………………………………………3
Dédicaces…………………………………………………………………………………………………………………………4
Remerciements ………………………………………………………………………………………………………………5
Introduction………………………………………………………………………………………………………………………6
PARTIE A – ANALYSE CONCEPTUELLE DU SITE WEB…………………………………………….7
I- PREMIERE ETAPE…………………………………………………………………………………………8
1. Définition des objectifs……………………………………………………………………………8
2. Le public cible………………………………………………………………………………………….…8
3. Détermination du contenu………………………………………………………………………8
II- DEUXIEME ETAPE……………………………………………………………………………………….9
1. Elaboration de la structure d’information………………………………………………9
2. Les outils de référence ……………………………………………………………………….……9
a) Interface………………………………………………………………………………………9
b) Ergonomie……………………………………………………………………………………9
c) L’interactivité……………………………………………………………………………….10
III- TROISIEME ETAPE ……………………………………………………………………………………..10
1. Facteurs de création de l’interface utilisateur………………………….…….10
a) La charte graphique……………………………………………………….……10
b) Le choix des couleurs…………………………………………………………10
c) La maquette ………………………………………………………………………10
2. La page d’accueil du site………………………………………………………………………11
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
Avant-propos
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
DEDICACES
REMERCIEMENTS
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
Et toute ma famille
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
Introduction
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
I-PREMIERE ETAPE :
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
1) Objectifs
Le GROUPE LOKO, veut permettre aux étudiants, aux nouveaux bacheliers et aux
professionnels de faire leur inscription en ligne. D’où la nécessité de mettre en place
une application WEB dynamique permettant et facilitant l’inscription en ligne.
2) Le public cible
Le groupe, en mettant en place ce site web, pourra atteindre diverses cibles :
Les étudiants
Les nouveaux bacheliers
Les professionnels
ETC
3) Détermination du contenu
Au delà des avantages de ce site web énumérés ci-haut, d’autres avantages
peuvent être décrits dans cette partie afin de rendre le site plus attirant :
LE GROUPE :
Cette rubrique permettra une description du Groupe LOKO initiateur du
projet, la localisation de ses différentes écoles et son président fondateur.
CYCLE BTS :
Cette rubrique fera une brève énumération des filières enseignées au groupe LOKO
en cycle BTS.
CYCLE INGENIEUR :
Cette rubrique fera une brève énumération des filières enseignées au groupe
LOKO en cycle Ingénieur.
INSCRIPTION :
Cette rubrique permettra aux personnes qui désirent adhérer au Groupe
LOKO de s’inscrire.
9LIVRE d’OR :
A travers cette rubrique les internautes pourrons laisser leur opinion sur le
Groupe LOKO.
CONTACT :
Cette rubrique contiendra les contacts du groupe et un formulaire de contact à
travers lequel l’on pourra contacter le groupe.
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
LE PRESIDENT :
Cette rubrique réservée au discours du Président du Groupe LOKO M. José
Dominique LOKO.
II-DEUXIEME ETAPE
a. Interface
b. Ergonomie
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
c. Interactivité
L’interactivité caractérise les interactions possibles entre l’utilisateur et le site
web.
Les liens hypertextes offrent de vastes possibilités dans ce domaine et permettent
d’offrir au visiteur des parcours multiples, au gré de ses envies. Il est conseillé de
mettre suffisamment de liens entre les différentes pages. Par contre, trop de liens
peuvent rendre difficile la lecture.
III-TROISIEME ETAPE
a. La charte graphique
La charte graphique web est un document qui contient les règles de création de
l’ensemble des pages d’un site afin d’en assurer la cohérence. La charte graphique
permet d’assurer une homogénéité à l’intérieur d’un site et, entre les sites d’une
même entité, de contrôler l’image que l’entité souhaite véhiculé.
Elle contient :
Les couleurs principales
Les éléments graphiques communs à tous les sites
L’organisation des pages
Les images de référence
Les zones de menu et les éléments à utiliser pour la navigation
Les styles de caractère
c. La maquette
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
La maquette est le reflet de nos choix créatifs. C’est un document avec faux
texte et fausse photo, mais suffisamment évocateur pour donner une idée du résultat
final. En générale, d’ailleurs, les web designer, les web marketeurs, ne préparent pas
une, mais plusieurs maquettes qui correspondent à des différences de sensibilités ou
à des orientations créatives différentes, plus ou moins illustrées, animées,
dynamisées, etc.…
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
responsable de la paie
Adresse_resp Adresse postale du AN 100 CO
responsable de la paie
Tel_resp Numéro de téléphone du N 15 EL
responsable de la paie
id_tut Identifiant du tuteur de N 5 EL Id
l’étudiant
Nom_tut Nom du responsable de A 55 EL
la paie
Adresse_tut Adresse postale du AN 100 CO
responsable de la paie
Tel_tut Numéro de téléphone du N 15 EL
responsable de la paie
Cel_tut Numéro de cellulaire du N 15 EL
responsable de la paie
id_msg Identifiant du message N 11 EL Id
dans le livre d’or
Nom_auteur Nom du visiteur ayant A 20 EL
signé le livre d’or
Email_auteur Adresse électronique du AN 65 EL
visiteur ayant signé le
livre d’or
Date_msg Date d’enregistrement du Date 12 CO JJ/MM/AAAA
message
Message Message enregistré dans A 1000 EL
le livre d’or
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
ETUDIANT(id,matricule,statut,nom_etd,prenoms_etd,date_naissance,lieu_naissan
ce,pays,sexe,residence,tel_etd,email_etd,niveau,classe_a_suivre,filiere,adrs_photo,no
m_pere,prof_pere,nom_mere,prof_mere,#id_resp, #id_tut, #id_fil, #id_cur, #id_ets)
CURSUS(id_cur,ets_fqte1,cls_suivie1,gpe_a_passe1,diplome1,date1,
ets_fqte2,cls_suivie2,gpe_a_passe2,diplome2,date2)
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
1) MySQL
MySQL est un système de gestion de base de données. Selon le type d'application, sa
licence est libre ou propriétaire. Il fait partie des logiciels de gestion de base de
données les plus utilisés au monde, autant par le grand public (applications Web
principalement) que par des professionnels, au même titre que Oracle ou Microsoft
SQL Server.
MySQL dérive directement de SQL (Structured Query Language) qui est un
langage de requête vers les bases de données exploitant le modèle relationnel. Il en
reprend la syntaxe mais n'en conserve pas toute la puissance puisque de nombreuses
fonctionnalités de SQL n'apparaissent pas dans MySQL (sélections imbriquées, clés
étrangères...)
Le serveur de base de données MySQL est très souvent utilisé avec le langage de
création de pages web dynamiques : PHP. Il sera discuté ici des commandes MySQL
utilisables via PHP dans les conditions typiques d'utilisation dans le cadre de la
gestion d'un site personnel hébergé gratuitement (par exemple sur Free.fr).
2) Mise en œuvre
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
I- HEBERGEMENT ET TRANSFERT
2) le nom de domaine
Un site Internet est défini par son URL. En effet, un site Internet possédant son
propre nom de domaine, est beaucoup plus facile à mémoriser ; Un visiteur reviendra
plus facilement sur un site dont le nom est facile à retenir que sur un site dont le nom
est extrêmement compliqué.
De plus, un nom de domaine bien choisi favorisera la bouche à oreille et permettra au
site de gagner plus vite en popularité.
Enfin, le nom de domaine donne généralement une touche de professionnalisme et de
crédibilité à un site Internet, et provoque chez l'internaute un sentiment de confiance
plus fort.
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
Etant donné que le nom de domaine doit être facile à diffuser, il est
indispensable de le choisir le plus simple possible. Il est évident qu'un nom de
domaine n'est pas qu'une liste complexe de caractères, il doit être choisi à bon
escient en évitant les écueils suivants :
Choisir des noms compliqués
Choisir des noms trop longs (www.commentcamarche.net est déjà
limite)
Mettre des caractères spéciaux tels que sous tirets (_)
Le nom du serveur Web s'obtient en ajoutant www (ou tout autre nom de machine)
avant le nom de domaine.
Entre deux ordinateurs connectés (même différents : Mac, PC, Unix...) qui utilisent le
même protocole FTP, il va y avoir transfert de fichiers sur le Réseau. Si la taille du
fichier à transférer n'est pas limitée, elle condition
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
II- LE REFERENCEMENT
Référencer consiste à promouvoir et à mettre en évidence son site sur le réseau
internet. Il s'agit donc de se positionner sur les moteurs de recherches, les annuaires,
et les sites qui abordent les mêmes sujets que votre site pour lui apporter une visibilité
vis à vis de tous les internautes. Le référencement est l'ensemble des interventions
visant le positionnement stratégique optimal d'un site web sur les services de
recherche, pour les mots-clés les plus pertinents. Le référencement est une discipline
complexe, fluide et dynamique, qui requiert la présence d'un spécialiste au sein de
l'équipe, et ce, dès la phase de la conception du site. Un référencement efficace est un
référencement planifié dès la conception du site web. Il signifie aussi enregistrement
d’un site Web dans les moteurs et répertoire de recherche afin de le faire connaître
aux internautes, d’en accroître la visibilité et d’en augmenter ainsi le nombre des
visiteurs
1) Les balises META
Ce sont des balises HTML spéciales.
Ces balises, les META TAGS, placées dans la tête du document HTML
(entre les balises <Head> et</Head>)
renseignent les moteurs de recherche sur la nature et le contenu de la page.
Le bon positionnement d'un site sur les moteurs de recherche dépend pour une bonne
part dans les soins pris dans la construction et l’optimisation de ces balises, et dans
l’étroite corrélation entre ces META TAGS et les textes et contenus qu'ils sont censés
représenter.
Les balises sont invisibles par l’internaute insérée dans l’entête d’une page Web
permettant de donner des informations sur la page. il permettent au moteur de
recherche de mieux analyser le contenu d’une page et de faciliter la recherche sur le
net.
Les principales balises META TAGS sont
Le conseil:
Limiter cette balise à 20 / 25 mots.
Construire des phrases cohérentes.
Concentrer l'essentiel des mots clefs dans cette balise.
Ne pas perdre de vue que vous ne vous adressez pas seulement au moteur de
recherche, mais aussi à vos futurs visiteurs.
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
Particularité :
Sur les moteurs mondiaux, affecte le site dans le répertoire de la langue.
Conseil
Risque de refus du site en FR s'il est proposé à un moteur uniquement
anglophone, paramètre pour refuser les sites d'autres langues.
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
Si votre site est assez lourd (sites très graphiques), vous imposez à votre
visiteur des temps de chargements importants, même s'il a visité la page 1
minute avant.
Un moteur de recherche est une machine spécifique chargé d’indexé des pages Web
afin de permettre une recherche à l’aide de clé dans un formulaire de recherche.
C’est aussi un programme informatique conçu pour effectuer des recherches dans une
base de données. Du point de vue du client, un moteur de recherche est un site web
qui lui permet de trouver des adresses d'autres sites web. Notons que les répertoires
comme Yahoo! ou La Toile du Québec ne sont pas des moteurs de recherche, mais
disposent pourtant de ce dispositif. Il est convenu de faire une distinction entre les
répertoires et les moteurs de recherche, car leur mode de fonctionnement est basé sur
des principes forts différents.
Comme exemple nous pouvons citer: AltaVista, Google et Fast,
Ces programmes hautement sophistiqués sont logés sur des serveurs ultra
performants des moteurs de recherche. Leurs spiders naviguent sur Internet au hasard,
d’un lien à l’autre, et enregistrent l’information chemin faisant. Les moteurs de
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
L’idée de créer un site WEB est quasiment importante car cela permet de
connaître votre entreprise, vos produits et services à grande échelle.
Être sur l'Internet vous offre la possibilité de :
Améliorer vos performances commerciales
Attirer de nouveaux clients à l'international, que vous n'auriez peut-être
jamais eu le temps ni les moyens de démarcher,
Construire ou développer son image en présentant votre entreprise, votre
savoir-faire et vos réalisations,
Vendre vos produits et services au niveau mondial,
Mieux connaître les attentes de vos clients et prospects en créant une relation
directe,
Fidéliser et mieux servir vos clients en leur délivrant une information adaptée
à leurs besoins spécifiques.
Posséder un moyen moderne de communication avec son réseau ou ses
distributeurs.
augmenter vos marges
Accroître votre chiffre d'affaires,
Réduire vos frais généraux,
Diminuer les temps de traitement de vos commandes.
Améliorer votre fonctionnement interne
Mieux appréhender par ce biais les nouvelles technologies.
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
WEBOGRAPHIE
www.google.fr
www.facilehtml.fr
www.commentcamarche.com
www.siteduzero.com
www.phpdebutant.org
www.developpez.com
phpdesigner
wamp
notepad++
photoshop CS3
sothink glanda
11
EST LOKO/BTS NTIC THEME : INSCRIPTION DES ETUDIANTS EN LIGNE
11