COURS : WEB

1. COURS : WEB Philippe Bancquart

2. Présentation • BANCQUART Philippe • Arcelor (Arcelor Systems) Dunkerque • Equipe Support : Responsable plate forme décisionnelle • Business Object • Datastage • Base de données (SQLserver) • Intranet publication des données infocentre.

3. Et vous ? • Prénom, nom • Objectif

4. Objectifs • Etre en mesure de concevoir et mettre en oeuvre un site web en l'intégrant dans un système d'information existant : Intranet • Acquérir le vocabulaire et découvrir les technologie du WEB. • Connaître les principales technologies de mise en place de sites WEB • Faire l'apprentissage des langages HTML , ASP, … • Maîtriser les notions de site statique et de site dynamique • Connaître les différentes règles de conception de sites WEB • Découvrir et maîtriser le développement et l'administration des sites WEB

5. Planning (32h + 18h TP) • Présentation Générale, concept du WEB • Généralités sur les sites web • HTML les principes & balises • HTML composants • XHTML • Feuilles de styles • DHTML • ASP

6. Consignes • Tous les mardi AM 13h15 à 17h30 • Prendre des notes • Supports disponibles ou Fichiers de synthèse (ultérieurement) • Nombreuses documentations sur internet sur le sujet. • En TP ou DM, réalisation d'un site

7. Outils • Un éditeur de code source "notepad++" • un navigateur WEB (IE) • Un serveur WEB en interne (IIS)..

8. Questions • Qui a déjà un site WEB (hors blog), actuellement en ligne • Qui connaît HTML • Qui connaît DHTML • Qui connaît ASP • Qui connaît PHP, jsp, perl, etc

9. Histoires de l’informatique

10. 1945-1955 : Premiers Ordinateurs • Début à tube, puis transistors, bande perforée, tores ferrite et bande magnétiques. • Langage assembleur et Fortran • Amdahl, 32K et Fortran • Principe de Van Newman

11. 1955-1970 : Mini Informatique • Mainframe :Gros ordinateurs centrauxTerminaux passifs Utilisation en gestion.Encore très présent. • Mini Ordinateurs :Station UNIX, VAX, AS400Calculateurs pour calculs, liés aux process industrielMode client-Serveur. • Centralisation des données

12. 1970-1980 : Microprocesseurs • Intel : Microprocesseur pour les « PC » • Motorolla : Microprocesseur pour MAC • Autres :IBM, HP, Bull, etc ont leur processeur spécifique. • Microsoft , MSDOS System d’exploitation sur PC • Apple , System d’exploitation convivial, graphique • Sony, Philips Invention du CDROM

13. Matériel : Après 1980- : Evolution des processeurs • Loi de Moore, Doublement puissance tous les 18 mois • Les « PC » ont augmentés leurs nombres de processeurs, vitesses, etc. •  le graphique se développe fortement. • Le mode client-serveur s’est développé (Visual Basic) • Le serveur contient les données • Poste client, les affichages et les calculs

14. MainFrame • Les gros ordinateurs "mainframe" sont-ils encore présents : • OUI : C'est encore 50% des offres d'emplois. • Pourquoi ? • Car le patrimoine est important, il faudrait des années de développements pour migrer ARGENT

15. Questions • Combien d'utilisateurs et programmes simultanés sur un mainframe • Des centaines • Plusieurs Systèmes d'exploitation • Location de la charge des processeurs en fonction de l'utilisation. • Forte centralisation des traitements • PRIX : des Mega € • J'ai connu en Gestion

16. Questions • Succés des miniOrdinateurs • Moins cher, fiable, performant. • Combien d'utilisateurs simultanés et de programmes • Des dizaines • Est-ce utilisé ? • Oui, J'ai connu en industriel ou sur SAP, car des serveurs WEB • Nom d'un SE souvent sur des miniOrdinateurs • UNIX.

17. Questions • Pourquoi le WEB, a-t-il du succès et pourquoi il devient de plus en présent. • Ordinateurs personnels, augmentation de la puissance et la multiplication des utilisateurs. • Web services

18. Evolution du web

19. Architecture logiciel

20. POSITIF Terminal passif, peu cher Serveur gère tout y compris l’affichage, centralisation du code Pas gestion P.C. ni installation de progs Clients peu chers NEGATIF Terminal, ne fait d’autre, Place sur bureau Le serveur gère l'affichage sur le terminal Peu graphique Serveurs très chers Modèle Maitre-Esclave : Existent toujours surtout en gestion.

21. POSITIF Intelligence répartie- Client pour affichage - Logique utilisation. Serveur logique métier Performances de rapidité NEGATIF Installation programmes sur chaque poste Liés à la plate forme matériel. Si modification alors rédéploiement sur tous les clients. Modèle Client-Serveur : Succès du Visual Basic, PowerBuilder, interdev, etc

22. Concept 2 tiers • Client demande ressource • Serveur effectue directement le résultat. • Serveur possède les données • Client possède le code • Logique application n'est pas centralisée • Une connexion BD par client.

23. Modèle WEB : architecture 3 tiers • Pour éviter l’installation en local, cas d’une diffusion mondiale d’un application  arrivée du concept du Web • On enlève la gestion de l’affichage sur le poste client, plus léger. • Utilisation d’un navigateur uniquement. • Centralisation sur les serveurs des logiques (métier, données)

24. Architecture 3 Tiers

25. POSITIF Rien à installer sur les postes clients, sauf un navigateurs et connexion réseau. Intelligence centralisée sur serveur Non lié au matériel ou SE. Une seule connexion aux BD NEGATIF Affichage graphique limité. Protocole peu performant. Non connecté. Virus, sécurité Réseau fiable et chargé Modèle WEB : Logique 3 tiers

26. HTTP Serveur WEB [ Port 80 ] Fonctionnement • Clients Serveurs web Données HTTP Port 80 Réseau local Navigateurs Page WEB HTML Réseau local

27. Clés succès du WEB • Prolifération des ordinateurs individuel, réseaux, modems, ... • Standards ouverts, TCP/IP, HTTP, HTML • Une forte indépendance des systèmes • Le support du multimédia • Support transactions sécurisées.

28. Réseau

29. Réseaux • Premiers réseaux ( commutation circuits) < 1960 • ARPA lance réseau basé sur la commutation de paquets et routage dynamique < 1970 • Email, Telnet, FTP, • Communication des réseaux différents, standardisation de TCP/IP • IP : routage. TCP contrôle de flux, gestion des erreurs.

30. Réseaux • Développement avec les réseaux locaux sous technologie Ethernet. • Croissance exponentielle du parc de machines. • On parle Internet comme réseau fédérateur. • Financement par les pouvoirs publics. • Arrivées les News, Serveurs Noms, Chats,World Wide WEB • Fibres Optiques. • Passage des Débits du kilo, mega, Giga

31. Internet • L'internet est un ensemble de machines connectées entre elles par câble ou par satellite. Chaque machine a un numéro unique, c'est l'adresse IP (Internet Point) qui est le plus souvent caché derrière un nom de domaine (DNS pour Domaine Names Server). • Le langage pour communiquer d'une machine à une autre est le protocole TCP/IP qui présente l’avantage de pouvoir communiquer avec des machines hétérogènes

32. WWW

33. World Wide WEB Les serveurs d'information World Wide Web ("le Web"). Actuellement, des milliers de serveurs Web proposent de l'information dans tous les domaines (sciences, éducation, médias, commerce, loisirs, etc.). Sa simplicité d'utilisation, grâce à l'hypertexte et au multimédia, en fait l'application la plus médiatique d'Internet.

34. Brèves histoire du WWW • Hypertext 1965, écriture non linéaire d'un document, par lecture en suivant des branches. • Naissance du WWW, au CERN par Tim Berners-Lee en 1989. • AU début pour les universités et la recherche • 1993 Mosaic (X-Window), 500 serveurs dans le monde • Fin 1994, le Web comptait 10 000 serveurs, dont 2000 à usage commercial, et 10 millions d'utilisateurs • il était essentiel que le Web reste un standard ouvert utilisable par tous, dont personne ne puisse devenir le propriétaire unique. • En janvier 1995, le Consortium international World-Wide Web (W3C) • Le Web ne doit pas être confondu avec l'Internet; il n'est que l'un des nombreux services de communication qui utilisent l'Internet.

35. topologie mondiale BACKBONE, réseau fédérateur mondial, avec de très hauts débits des Gigabits/sec. Ils appartiennent à des sociétés privées, universités ou aux états Ensuite sont connectés des réseaux entre avec des débits plus faibles.

36. Des services pour tous • Services : courrier électronique, transfert de fichiers, accès à distance, forums, ... • Utilisation d'un navigateur : La fonction d'un navigateur Web est d'interpréter le langage de programmation des pages web (HTML, ...) et de le traduire en des mots et des images que vous voyez sur votre écran • Si vous avez besoin d'informations complémentaires, il vous suffit de cliquer sur un hyperlien

37. Commercialisation sur WWW • HTML initialement pour la communauté scientifique s'enrichie pour des besoins de présentation et introduction de la dynamique. • En 2007 : plus 30 milliards de pages, 108 millions de sites Web en 2007 . • En plus de l'information, nous avons le @-administration, @-commerce,@learning, etc..

38. Nombre d'internautes.

39. APPORTS Internet Kiosque Coloré. : Le WorlWideWeb , voyage dans l’information dans un univers multimédia, texte, paroles, musique, vidéo, image. Groupe de discussion. : Lieux de rencontre favorisant les échanges d’idées et opinions. Un facteur très rapide. : Fait de l’ombre à la poste, a peine rédigé, un message se trouve déjà dans la boîte aux lettres du destinataire, qui peut répondre aussi vite, avec échange de son et images. Stock de logiciels. : C’est un réservoir pour trouver jeux, utilitaires, programmes, informations.

40. APPORTS Internet Accès est un privilège. : Non un droit, donc vous pouvez être exclu si vous harcelez ou publiez des messages choquants. Il doit demeurer une communauté humaine , internationale, serviable et amicale. Pas un responsable. : Structure décentralisée, lorsqu’un site apparaît ou disparaît, cela ne remet pas en cause le système Plusieurs responsable. : Ce maillage de plusieurs milliers d’ordinateurs, à un nombre considérables d’utilisateurs. La gestion repose sur la tête d’anonymes. Frais sont payés. :Les coûts sont à la charge des universités et institution gouvernementales. Ceci diminue depuis que des entreprises ont décidé de s’introduire sur le réseau et de proposer de nouveaux services.

41. Technique

42. Adresse IP • Pour que deux machines puissent communiquer entre elles (transférer des fichiers) elles doivent connaître leurs adresses respectives sous forme d’un numéro dit IP (Internet Point) Chaque adresse IP doit être unique • L’Internet n’est que l’échange de fichiers d’un réseau vers un autre, public ou privé. Voilà pourquoi le réseau n’appartient à personne mais est utilisable par tout le monde.

43. FTP Le transfert de fichiers FTP (File Transfer Protocol) entre ordinateurs connectés à Internet est très utilisé. Il permet entre autre le transfert de documents et de télécharger de nombreux logiciels "freeware" ou "shareware" disponibles sur le réseau.

44. E-Mail • La messagerie électronique e-mail (Electronic Mail). Elle permet aux utilisateurs du réseau d'échanger messages, documents ou images avec une rapidité inégalée, et ceci 24 h. sur 24. • Les conférences électroniques News (Usenet News) sont des forums de discussion ouverts librement à tous les utilisateurs, consacrés aux sujets les plus variés, professionnels ou non.

45. URL : Uniform ressouce Locator • Moyen universel pour pointer vers des ressources, indépendamment : • Du protocole d'accès à employer • Du nom de machine • Du numéro de port • Format : protocol://numéroIP • Http : //150.140.25.14 ou http://www.site.fr

46. URL longs • La méthode d'URL long consiste à fabriquer une page HTML dont les URL sont spécifiques à chaque client • Ajout par le serveur un identifiant unique • http://www.site.fr/cours1a/eleveTruc.htm • Quand le serveur recevra la demande URL il sera capable d'identifier le client.

47. Serveurs WEB • Sur une machine, c’est un programme qui tourne pour gérer l'accès aux fichiers mis à un emplacement constituant le site WEB. • Démon (UNIX), Service (Windows NT) • Son Rôle : • Recevoir les requêtes des clients (navigateurs) • Exécuter des scripts • Renvoyer le contenu des documents demandés • Gérer les accès.

48. HTTP

49. HTTP hyperText Transfert Protocol • Protocole standard • Dialogue entre le client Web/Serveur Web. • Sur un port spécifié (par défaut 80) • Protocole de type déconnecté • Le serveur ne garde par de contexte (pas de session utilisateur) • Principe de requêtes et de réponses

50. HTTP : Requête • Le client envoie au serveur (requête HTTP) • Demande de document : GET • Des informations sur sa configuration, en-tête... • Données supplémentaires (facultatif)