Ce module étudie les étapes à suivre pour l’étude, la conception, le développement, la sécurité, la protection des données, l’installation, les tests et la mise en production d’un site Internet ou d’une application « Web » interfacée d’une base de données.

Cette formation de quatre journées s'adresse aux personnes débutantes, intermédiaires, ou déjà familiarisées avec les outils informatiques et le « Web » en général.

PRÉSENTATION :

Le cahier des charges et le plan de conception et de développement d’un site Internet ou d’une application « Web » sécurisée et interfacée avec une base de données.

Nous abordons les thèmes de la conception d’un site « Web », de l’organisation technique et fonctionnelle d’une application Internet, et des outils spécifiques et indispensables au « Web » : Moteur de recherche, interface multimédia, sécurité, etc.

OBJECTIF :

L’objectif est d’apprendre les différentes étapes de cycle de vie d’un produit « Web » selon les règles de l’art et les techniques éprouvées.

La formation consiste à connaître les bases de conception et les techniques de développement et de sécurité de sites et d’applications Internet afin de démarrer, à juste titre, un propre projet Internet.

PRINCIPE :

La prestation tentera de parcourir les différentes activités de la conduite d’un projet Internet (du plan d’organisation à la capitalisation) et les différentes étapes du cycle de vie de l’application à concevoir.

PRÉ-REQUIS :

Cette formation de quatre jours s’adresse aux personnes débutantes, intermédiaires ou déjà familiarisées avec les outils informatiques et le « Web » en général, désirant connaître les différentes étapes de conception et de développement d’une application « Web » (étude, conception, développement, test, sécurité, installation et mise en production.) nécessitant des serveurs d’applications et d’informations.

La connaissance du « Web » en général, de l’algorithme de base, des bases de données, des systèmes client/serveur et de la gestion de projet est un plus.

DURÉE :

4 jours (15 heures)

PROGRAMME :

Programme de la première journée : L’objectif du projet et l’architecture utilisée

I. L'introduction du projet

• L’objectif du projet et le public visé (une vitrine de produits, un site marchand, un site éducatif, etc.).
• Le type de système à implémenter (une application « Web », une base de données, une interface d’administration, une interface de saisie des informations).

II. L'architecture utilisée

• Le langage utilisé (script PHP, CGI, etc.).
• Le système de gestion de bases de données relationnelles utilisé (MySQL et les techniques Open Source sont des outils puissants, conçues pour des applications « Web » très riches).
• Le serveur « Web » sollicité (Apache, IIS, etc.).
• Les systèmes et les applications distribuées (Architecture réseau, clients/serveurs (sockets, RMI, etc.), les multi-niveaux, les programmes de liaison (CGI, Java, etc.) et l’intégration des bases de données).

III. Les outils conceptuels et organisationnels des SGBD Relationnels ou Objets

• Le système d’information, les bases de données (modèles, langage SQL, etc.), le système de gestion de base de données et les techniques de développement (du modèle conceptuel au modèle relationnel vers le modèle physique).
• La modélisation orientée objet (OMT/UML).
• La modélisation des données (objets, classes, relations).
• La modélisation dynamique (scénarios, diagrammes de flux d événements, automates, etc.).
• La programmation des interfaces graphiques et la programmation événementielle.

IV. La conception générale (Les différentes étapes de la réalisation)

• L’étude, la structuration et la conception de l’application « Web ».
• La mise en page, le traitement rédactionnel et le traitement des images.
• Les tests, le déploiement de l’application et la mise en ligne.

V. La conception artistique et les techniques de création multimédia

• Les techniques de traitement et d’animation d’images, de traitement du son et de la vidéo, et de traitement du texte.
• La conception artistique d’écriture, de graphisme multimédia et de techniques de communication.

Programme de la deuxième journée : Les contraintes et les spécifications

VI. Les contraintes fonctionnelles (techniques ou non)

• La publicité doit-elle apparaître. Une charte graphique et une mise en page sont-elles imposées.
• Une authentification, un algorithme de cryptage et des sessions sont-elles à mettre en place pour la sécurité de l’application.
• Une interactivité des formulaires de saisie des informations des produits avec contrôle des saisies.
• Le choix de l'architecture (l'aspect dynamique étant consommatrice de ressources et plus complexe à calculer et à afficher qu’une simple page HTML, un cache est géré pour conserver cette programmation dynamique tout en optimisant les ressources sur le serveur.

VII. Les spécifications techniques (convention de développement)

• La saisie et la maintenance des enregistrements (textes et photos).
• Le téléchargement des fichiers de l’application sur le serveur « Web ».
• Le plan de « nommage » des enregistrements des pages et des titres parlant dans les balises.
• Les descriptions et les mots-clés de chaque page dans les balises.
• L'utilisation des feuilles de style CSS3 pour la mise en forme des paragraphes et la présentation des pages.
• Une optimisation prévue pour les écrans (par exemple, mise en page en 800x600 s'adaptant aux autres résolutions).
• La structure appliquée sur l’ensemble des pages (linéaire, pyramidale, arborescente, etc.).

Programme de la troisième journée : Le développement et la sécurité

VIII. Le développement informatique et les technologies utilisées du « Web »

• Des exécutions HTML / DHTML / XHTML / DOM / Javascript / Flash.
• La modélisation Hypertexte et hypermédia (HTML, XML, SMIL, etc.).
• Les techniques du « Web » statique et dynamique et les liaisons avec les serveurs d’informations JDBC, CGI/bin, PERL, PHP5, etc.).
• Des développements informatiques dynamiques PHP / SQL / SQLi.
• Une mise en place de la base de données (Mysql / Mysqli pour l’enregistrement des informations des produits).
• Une mise en place de la base de données pour les gestions des droits.
• Les développements mis au point pour offrir les services de mise à jour dynamique sont la propriété du développeur et fonctionnent dans l’environnement de l’hébergeur.
• Un outil de gestion de contenu avec la gestion de validation : application dynamique.
• Une interface d’administration et de saisie des informations : zone et système d’administration.
• L’installation, l’administration et la sécurité des serveurs.

IX. La sécurité et les risques liées aux applications « Web »

• Les vulnérabilités des pages « Web » et les techniques de sécurité
• La vulnérabilité des bases de données et des protocoles
• Les mesures de sécurité côté client et côté serveur

Programme de la quatrième journée : La validation et la mise en production

X. La validation et les vérifications de fin de travaux

• La validation de fin de travaux.
• L’hébergement, la gestion de domaine et la gestion d’emails.
• Le référencement.
• Les textes et les photos.
• La formation et le suivi technique.
• La maintenance.
• La base d’information.
• La navigation dans l’application « Web ».

XI. Les méthodes de référencement

• L’Internet, les enjeux d’un bon référencement et ses acteurs.
• Comment accéder à un site Internet via des adresses, des catalogues, des moteurs, des « Web amis », et des affiliations ?
• Comment référencer un site Internet ? (noms de domaine, optimisation des pages, enregistrement dans les catalogues, sollicitation des moteurs de recherche, suivi à long terme).
• Comment générer du trafic utile vers un site Internet en fonction d’une stratégie d’échange de liens et d’une cartographie des zones d’influence ?

XII. Les aspects juridiques

• Les éléments législatifs et juridiques spécifiques à Internet.
• La protection des données et le droit informatique.

XIII. Les fonctionnalités des versions

• Les fonctionnalités assurées par les versions (côté client).
• Les fonctionnalités et les contrôles assurés par les versions (côté serveur).

XIV. L'assemblage des composants de requêtes d’informations dans la base de données

• L'assemblage des composants de requêtes d’informations dans la base de données.
• La navigation dans l’interface d’administration et de saisie des informations (Back-office).
• L'assemblage des composants de l’interface d’administration.

XV. La mise en production sur les serveurs d’hébergement

• La configuration, l’installation des noms de domaine et la protection des fichiers, des répertoires et des données.
• Le téléchargement des fichiers vers les serveurs de bases de données et les serveurs d’applications.
• Les tests d’exécution et de sécurité des applications sur Internet.

• Module 2 : L’initiation et la création d’un site Internet en HTML et CSS.
• Module 3 : L’apprentissage et la création d’un site Internet en HTML5 et CSS3.
• Module 4 : L’apprentissage et la création d’un site Internet en PHP5 sans base de données.
• Module 5 : L’apprentissage et la création d’une application Internet en PHP5 et MySQL.
• Module 6 : La sécurité et les risques liés aux applications « Web ».
• Module 7 : L’utilisation d’un outil de développement intégré pour le « Web ».
• Module 8 : L’accessibilité numérique.