Création d’un site WEB Projet 3I Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Introduction Organisation de l’année scolaire Connexion Internet: CNAM, personnelle, professionnelle Objectifs pédagogiques: réalisation du TP, présentation orale, rapport écrit Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Organisation de l’année scolaire Conférences du 15 octobre au 17 décembre Séances avec le tuteur du projet de janvier à juin Travaux pratiques par groupe de 3 personnes de janvier à juin Janvier: cahier des charges Février: présentation du plan et de la bibliographie Mai à juin: présentation orale, selon calendrier Rapport écrit à remettre avant la présentation orale Présentation de la réalisation, voir avec le tuteur Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Objectifs du projet Faire la synthèse des cours du cycle probatoire Travailler en groupe Tester de nouvelles méthodes de travail: documentation en ligne, FAQ, réutilisation, Utiliser une méthodologie UML Découvrir les logiciels libres Faire un projet informatique Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Le Projet dans vos études Cycle Probatoire Valeur de spécialisation Valeur d’ouverture Valeurs de management Cours niveau C (approfondissement) Oral Probatoire Test anglais Mémoire d’ingénieur Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Planning des conférences 15 Octobre Présentation Générale. Lucie Maiques Grynbaum   22 Octobre Bases du Web: HTTP, HTML, Lucie Maiques Grynbaum 29 Octobre Programmation du WEB : PHP accès aux BD Frédéric Lallouet 5 Novembre Les bases de XML Tram Dang Ngoc 12 Novembre L’utilisation de XML(DTD, XSL, DOM, Xquery, etc..) Tram Dang Ngoc 19 Novembre Présentation des concepts objets et JAVA Mathieu Le Coz 26 Novembre Architecture JAVA / Web: les servlets, les JSP Tram Dang Ngoc 3 Décembre Les web services: techniques, démarches et outils Hubert Kadima 10 Décembre Architecture matérielle et logicielle les moteurs de recherche F-Yves Villemin 17 Décembre Internet nouvelle génération, les évolutions en cours.F-Yves Villemin Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Choix d’un groupe de TP Lundi soir Mardi soir Mercredi soir Jeudi après midi Jeudi soir Envoyer un mail avant le 15 novembre avec votre choix et éventuellement celui d’un groupe maiques@cnam.fr Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Connexion Internet Accès CNAM LOGIN 6 premiers caractères du nom_premier caractère du prénom MOT DE PASSE code en haut à gauche sur votrecarte CNAM, attention à ne pas le modifier. Vérifier votre inscription UV 19777 et au CRI Votre mail LOGIN@cnam.fr Accès professionnel ou personnel , pour récupérer votre messagerie CNAM Incoming mail server : POP3.cnam.fr Outgoing mail ( SMTP ) server : adresse du courrier chez votre fournisseur d’accès: SMTP.freesurf.fr Outgoing mail server user name : maique_l@cnam.fr Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Diffusion des informations http://dept25.cnam.fr:8080/, site de Projet 3I Deptinfo.cnam.fr:8080/ site du département Liste de diffusion de Projet 3I par groupe de TP sera créée avec les groupes Liste des sites intéressants Exercices Documentation Exemples de projet Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Usage d’internet Messagerie Navigation sur les sites E Commerce Echange de fichiers Jeux en ligne Publication personnelle ou commerciale Interface informatique Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Projet de travaux pratiques Réalisation d’un site web programmé Choix d’un thème d’approfondissement Manipulation d’outils, de langages, de logiciels Bonne compréhension du réseau internet Maîtrise d’une interface avec une BD MySQL Utilisation de langages tels que PHP, Javascript, JAVA, XML, etc… Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Avant le début du projet Connexion aux machines du CNAM Messagerie HTTP: la navigation: IE, Netscape, Opera, Mozilla, etc. TELNET: la connexion FTP: le transfert de fichier CuteFTP Familiarisation avec des sites internet Familiarisation avec les outils de base: éditeur HTML, UNIX, moteurs de recherche, etc… Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Logiciels à connaître Navigateur, préférer NETSCAPE Moteur de recherche: GOOGLE Protocole de transfert CuteFTP Compresseur: Winzip Editeurs pour HTML, PHP, etc… CHAT tels que ICQ, mIRC Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Objectifs à atteindre Maîtriser des techniques du web: animation, interface avec une base de données, programmation PHP, etc… Approfondir la conception d’un site: contenu, forme, dynamique, gestion, sécurité, etc…. Publier l’ensemble de la documentation et du rapport sous forme de site WEB Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Premier travail Accès 17 au CNAM, vous connecter Utiliser votre mail xxxxxx_x@cnam.fr Enregistrer dans votre répertoire Facultatif: installer chez soi les outils que vous aller utiliser: Serveur APACHE PHP MySQL Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Votre CV en HTML Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Base de Données Maîtriser SQL MySQL sous-produit freeware d’Oracle Méthode de conception: entité/association Modèle Conceptuel de données PHPMyAdmin outil de gestion de MySQL Interfaçage possible avec le web Notion de formulaire Vos données personnelles: nom, prénom, adresse, photo, état civil, date de naissance Comment vous joindre: téléphone, portable, mail Vos études avant le CNAM: bac, BTS, DUT. Vos études au CNAM Votre emploi: fonction, entreprise, projets , matériels et logiciels utilisés Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Gestion de Projet Définir un projet concret Mettre en place une méthode de travail Organiser le groupe Définir un planning Utiliser une méthodologie: UML Rédiger un cahier des charges Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Exemple de sujets déjà traités 1 Visualisation de la carte du ciel Organisation des résultats d’un moteur de recherche selon divers paramètres Création d’un portail associatif avec les outils de gestion du site Définition d’un chemin d’accès sur un plan Organisation d’un site de jeu en ligne Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Exemple de sujets 2 Site de rencontre Site sur la mycologie, la cuisine, le vin… Site d’une ville, d’un théâtre…. Agence immobilière, de voyage…. Site de formation Site d’une organisation humanitaire Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Thèmes d’approfondissement 1 Peer to Peer Sécurité: SPAM, cryptographie, virus Internet et la téléphonie La video sur internet Les moteurs de recherche évolués Administration de site BLOG, WIKI, etc…. Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Thèmes d’approfondissement 2 Les annuaires LDAP Les chats, les forums, les news, les listes de diffusion SPIP, PHPnuke, etc… Le référencement Les utilitaires d’un site Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Logiciels à connaître Aspirateur de site Référenceurs Utilitaires Editeurs Moteurs de recherche Crawler / spider Son (MP3) et Video (DivX) Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Cahier des charges Donner un nom au projet Décrire le projet en une page maximum Définir l’environnement technique Sites de référence, documents, livres Documentation du projet Méthodologie: MCD Planning et versions Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Les catégories de logiciels Logiciel libre: code source disponible Logiciel public: pas de copyright, payant Logiciel commercial:payant peut-être libre Logiciel copylefté: pas de copyright, gratuit Logiciel GNU logiciel libre Logiciel semi-libre: réservé à l’usage privé Logiciel propriétaire= non libre Shareware: royalties et libre Freeware: gratuit et libre Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Le gouvernement d’Internet ISOC Association qui promulgue les standards: HTML, TCP/IP, POP et SMTP, MIME, FTP, HTTP ICANN gère les noms de domaine IETF gère l’évolution des standards W3C gère l’évolution du WEB et de protocoles tels que XML Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Avantages et Inconvénients INTERNET +  Le réseau est immense Tous les ordinateurs peuvent être utilisés Le réseau n’est contrôlé ou surveillé par personne, les nouveaux sont aidés Les informations sont accessibles directement Tout semble gratuit  INTERNET -  C’est un labyrinthe Il est primordial d’être guidé Il y a tout et n’importe quoi comme information Le service n’est pas garanti Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Adresses Internet à visiter deptinfo.cnam.fr:8080 dept25.cnam.fr:8080/PROJET3I www.commentcamarche.net www.eteks.com www.demlib.com/sitelibre/lesoutils www.multimania.fr/webmaster www.freesurf.fr www.free.fr Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Le protocole de base est IP. chaque station a une adresse (appelée adresse IP ou numéro IP) gestion centralisée de l'affectation des adresses (NIC), pour garantir l'unicité elles sont de la forme A.B.C.D, A, B, C, D étant des entiers décimaux dans l'intervalle [0,255], ABC étant l’adresse réseau et D l’adresse locale DNS fait le lien entre l’adresse IP et le nom de domaine IPV6 l’adressage sera modifié pour satisfaire les besoins futurs Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018

Lucie Maiques Grynbaum maiques@cnam.fr projet III 19777 17/09/2018