94
COURS : WEB Philippe Bancquart

COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Embed Size (px)

Citation preview

Page 1: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

COURS : WEBPhilippe Bancquart

Page 2: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 3: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Et vous ?

Prénom, nom Objectif

Page 4: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 5: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Planning (32h + 18h TP) Présentation Générale, concept d

u WEB Généralités sur les sites web HTML les principes & balises HTML composants XHTML Feuilles de styles DHTML ASP

Page 6: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 7: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Outils

Un éditeur de code source "notepad++"

un navigateur WEB (IE) Un serveur WEB en interne (IIS)..

Page 8: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 9: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Histoires de l’informatique

Page 10: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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 FortranPrincipe de Van Newman

Page 11: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 12: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

1970-1980 : Microprocesseurs

Intel : Microprocesseur pour les « PC »Motorolla : Microprocesseur pour MACAutres :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

Page 13: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Matériel : Après 1980- : Evolution des processeurs

Loi de Moore, Doublement puissance tous les 18 moisLes « 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éesPoste client, les affichages et les calculs

Page 14: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 15: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 16: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 17: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 18: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Evolution du web

Page 19: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Architecture logiciel

Page 20: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

POSITIFTerminal passif, peu cherServeur gère tout y compris l’affichage, centralisation du code

Pas gestion P.C. ni installation de progsClients peu chers

NEGATIFTerminal, ne fait d’autre, Place sur bureauLe serveur gère l'affichage sur le terminalPeu graphique

Serveurs très chers

Modèle Maitre-Esclave : Existent toujours surtout en gestion.

Page 21: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

POSITIFIntelligence répartie- Client pour affichage - Logique utilisation. Serveur logique métierPerformances de rapidité

NEGATIFInstallation programmes sur chaque posteLié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

Page 22: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 23: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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)

Modèle WEB : architecture 3 tiers

Page 24: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Architecture 3 Tiers

Page 25: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

POSITIFRien à installer sur les postes clients, sauf un navigateurs et connexion réseau.Intelligence centralisée sur serveurNon lié au matériel ou SE.Une seule connexion aux BD

NEGATIFAffichage graphique limité.Protocole peu performant.Non connecté.Virus, sécuritéRéseau fiable et chargé

Modèle WEB : Logique 3 tiers

Page 26: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Clients Serveurs web Données

Réseau local

Serveur WEB

[ Port 80 ]

HTTP

HTTP

Port 80Réseau local

NavigateursPage WEB HTML

Fonctionnement

Page 27: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 28: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Réseau

Page 29: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 30: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 31: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 32: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

WWW

Page 33: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 34: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Philippe
Le W3C, dirigé conjointement par le MIT/LCS aux Etats-Unis, INRIA en France, et l'université Keio au Japon, comptait en 2002 plus de 500 organisations membres des quatre coins du monde.
Page 35: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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 étatsEnsuite sont connectés des réseaux entre avec des débits plus faibles.

Page 36: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 37: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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..

Page 38: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Nombre d'internautes.

Page 39: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 40: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 41: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Technique

Page 42: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 43: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 44: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

E-MailLa 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.

Page 45: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 46: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.ht

m Quand le serveur recevra la demande

URL il sera capable d'identifier le client.

Page 47: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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.

Page 48: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

HTTP

Page 49: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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

Page 50: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

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)

Page 51: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

HTTP : Réponse

Le serveur répond alors au client par l’envoi d’une ligne d’état contenant : La version HTTP, le code d’état et sa

description.: HTTP/1.0 200 OK L’envoi d’en-têtes

Informations concernant le serveur et le document demandé

Les données formant le document demandé Le serveur coupe la connexion

Page 52: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

HTTP, Méthodes GET & POST Type de commandes HTTP

supportées GET : les données du client se

trouvent dans l’URL. POST : les données du client se

trouvent dans la requête HTTP. HEAD : Idem GET sauf que le

serveur n’envoie aucune données (en-tête seulement)

Page 53: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Réponse serveur

Statut : HTTP_Version StatusCode (ex 404) phrase CRLF

Entête Location (URL) Serveur (son n(om)

Descriptif Accept (type mine), content-

encoding(encodage ou non), content-lenth,content-type(mine), date, expire, last modified

Document HTML

Page 54: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Solutions coté client

Page 55: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Accès permanent

Les entreprises ou écoles y connectent leur réseau informatique local. La connexion est permanente.Direct sur le WEB, avec achat d'une adresse pour le proxy

Page 56: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Accès temporaireLes utilisateurs privés, depuis leur domicile, y connectent leur ordinateur personnel en utilisant leur raccordement téléphonique et un modem, câble, réseau, .... La connexion est alors temporaire.Passe par Provider (fournisseur d'accès)

Page 57: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Intranet

Page 58: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Une définition de Intranet

« Tirer bénéfice des nouvelles technologies popularisées par l'internet, en capitalisant sus les acquis et en restant à l'intérieur de son entreprise. »

Technologies Internet au sein d'une organisation ou entreprise

Un réseau à l'échelle d'une organisation connue.

Page 59: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Intranet

Aide les employés à capitaliser, retrouver l'information dans l'entreprise.

Outil de communication et information

Suivi de fabrication. Authentification

Page 60: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Les mythes d'intranet

Intranet est bon marché Faux c'est le prix d'un projet informatique

Intranet est destiné aux grandes organisation Faux également les petites

Intranet requiert une connexion Internet Faux, besoin uniquement d'un réseau

TCP/IP

Page 61: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Les mythes d'intranet

Intranet n'impose qu'une faible maintenance Faux, mais moins qu'avec des

applications en clients-serveurs Intranet n'est pas sécurisé

Faux, même niveau que le réseau Intranet est un web interne

C'est plus, messagerie, forum, workflow, ...

Page 62: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Extranet Extension du SE d'une entreprise à des

partenaires situés au-delà du réseau, permet d'accorder des accès privilégié.

L'accès à l'extranet doit être sécurisé Niveau d'authentification pour les accès Un extranet n'est donc ni un intranet, ni un

site internet. Il s'agit d'un système supplémentaire offrant par exemple aux clients d'une entreprise, à ses partenaires ou à des filiales, un accès privilégié à certaines ressources informatiques de l'entreprise par l'intermédiaire d'une interface Web.

Page 63: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Site WEB

Page 64: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Sites web les types

Sites vitrine d’une société Sites catalogue sites d'information sites marchands sites institutionnels sites personnels sites communautaires sites intranet

Page 65: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Sites WEB

Conception participative orientée vers les utilisateurs

Faire un cahier des charges Ergonomie et graphisme

cohérent Utilisabilité : confort d’utilisation,

sécurité Adapter le site et sa navigation

suivant les types d’utilisateurs

Page 66: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Caractéristiques humaines Ne pas mettre trop

d’informations sur une page. Parcourt visuel, à prendre en

compte pour y mettre l’importance des informations.

Etude mémoire à court et moyen termes.

Icones, logos, etc

Page 67: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Les étapes de conception d’un site web

Définition du public cible Définition des besoins Étude de l’existant Définition du contenu Structuration du contenu Définition de la charte graphique

Page 68: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Définition du public cible

Quel(s) public(s) visez-vous? Définissez les attentes de chacun d'eux.

Pourquoi vient-il visiter le site ? Que cherche-t-il ?

Quelles actions aimerait-il pouvoir effectuer sur le site, et pour obtenir quoi ?

Pourquoi reviendra-t-il, et avec quelle fréquence ?

Est-ce que ce sont les mêmes publics que ceux atteints par la communication traditionnelle ?

Faut-il prévoir de traduire le site (ou les informations principales) en plusieurs langues ?

Page 69: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Définition des besoins

Pourquoi doit-on développer un site Web ?

Satisfaire un besoin ?

Satisfaire une motivation ?

Résoudre un problème ?

Portail d’informations(bourse, horaire train, etc)

Site pour la publication des résultatsde fabrication

Site de bases de Connaissances sur différents

Sujets techniques liés à L'entrprise

Exem

ple

Exem

pl

e Exem

ple

Page 70: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Étudier le traitement et la circulation des informations pour établir la liste des personnes ressources, fréquence de mise à jour,..

Analyser les sites «concurrents»

Étude de l’existant

Page 71: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Définition du contenu

A partir de A partir de la définition des besoins et de l’étude de l’existant, établir une liste des thèmes à inclure dans le siteDans un intranet, voir pour au maximum récupérer des documents déjà existants dans différents formats.Ne pas trop chargé mes pages, mettre que l'essentiel.

Page 72: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Structuration du contenuDéfinir l’arborescence de chaque thème Définir la liste des documents liés à

chaque thèmeEviter les pages trop longues : Cela ennui

le lecteur qui ne fait que survoler.Le défilement horizontal doit être évité le

plus possibleDécoupage par paragraphe, éclaircir les

pages. Eviter la redondance d'information.En intranet, garder les habitudes de

l'entreprise

Page 73: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Structuration du contenu

Structure trop profonde

Structure trop linéaire

Les str

uctures

à év

iter

Page 74: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Structuration du contenuStructuration du contenu

Page 75: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Préparation du contenu

Définir un format d’échange du texte (Doc, RTF, PDF,..).

Prévoir des format compatible et connu Saisir / Récupérer le texte Récupérer / Traiter les images (Lier les

images aux documents saisis). En intranet ne pas faire trop de

"gadget" ne plais pas toujours et l'on pense que cela prend du temps.

Page 76: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Définition de la charte graphique

La charte graphique permet de donner une identité visuelle à votre site Web.

Les éléments graphiques : fond des pages, couleurs utilisées, polices des caractères, etc.

La présentation des pages courantes doit être :relativement uniforme, pour donner à

l'internaute une impression d'unité.assez sobre, pour ne pas distraire

l'attention du message que l'on veut transmettre.

Page 77: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Navigation

fil d'ariane : Accueil > Webmastering > Navigation (en gras page on l’on se trouve)

La navigation par onglets  La carte du site. Ensemble

du site accéssible par lien hypertexte

Page 78: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

webdesign  Discipline consistant à

structurer les éléments graphiques d’un site web

webdesigner désigne le métier de création de site web

modèles de pages (en anglais templates).

charte graphique norme entreprise 

Page 79: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

référencement un contenu original et attractif, un titre bien choisi, une URL adaptée, un corps de texte lisible par les

moteurs, des balises META décrivant

précisément le contenu de la page, des liens bien pensés, des attributs ALT pour décrire le

contenu des images.

Page 80: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Taille des pages Rendu différent suivant la résolution

des postes des utilisateurs (800*6000 ou 1280*1024)

Choix des couleurs, éviter les mélanges.

Choix images, attention aux tailles Couleur arrière plan Typographie, identique et connue Symboles standards

Page 81: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Nom de domaine

Un site internet est défini par son URL. Site perso : http://www.votre-

fournisseur.com/votrenom Achat d’un nom de domaine :

http://www.votrenom.com Donner des noms simples pour pouvoir le

retenir Pour vérifier l’existence, pas de doublon :

http://www.afnic.fr/obtenir/dispo/

Page 82: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

hébergement

Besoin d’un serveur toujours sur internet. Serveur perso besoin d’un bon débit

montant (plus lent que le download ) Hébergeur gratuit : espace stockage limité,

publicité, disponibilité sous réserve Hébergeur payant : moins d’inconvénient.

Sites mutualisés ou hébergement dédiés, permet de mettre de la sécurité, paiement etc

Page 83: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Pour choisir Espace disque alloué Bande passante autorisée Type de serveur : Langages supportés côté serveur Noms de domaines

Possibilité de configurer les domaines virtuels Nombre de noms de domaines Nombre de sous-domaines

Accès par SSH (sécurisé) Mise à jour des fichiers par FTP Serveur de gestion de bases de données

Type Nombre de bases maximum Administration de la base de données par

interface web

Page 84: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Pour choisir Serveur de messagerie

Présence d'un webmail Nombre de comptes email alloués Nombre d'alias mail autorisés Possibilité de collecter les mails sur un alias Possibilité de forwarder (faire suivre) les mails vers une

adresse externe Présence d'un antivirus et d'un antispam Gestionnaire de liste de diffusion fourni Répondeur automatique

Statistiques Accès à des statistiques élaborées par interface web Accès aux logs bruts

Services web supplémentaires Formulaire de contact par mail Compteur personnalisé

Page 85: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

RésuméPartie 1 système d'information

Page 86: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Quizz 1 : Centralisation

Quel type d'ordinateurs ? Mainframe, principalement Quel sont les principaux

avantages ? Fiabilités, nombreux utilisateurs

simultanés, puissances, multitâches, multi systèmes

Inconvénients Prix, complexe pour l'administration

serveurs.

Page 87: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

http://fr.wikipedia.org/wiki/Mainframe

Ordinateur central (mainframe en anglais) est un terme utilisé en informatique pour définir un ordinateur de grande puissance de traitement.

On compte parmi les fabricants de ces systèmes de grandes compagnies telles IBM avec les zSeries (le plus souvent sous système MVS ou z/OS) et iSeries, ou Unisys, ou Bull (avec les DPS/6 à DPS/8 sous système GCOS).

Un ordinateur central fonctionne selon un modèle centralisé en opposition aux modèles répartis. Il permet de faire tourner de façon simultanée plusieurs sessions d'un système d'exploitation ou même de systèmes d'exploitation différents (par exemple, sous l'hyperviseur VM).

Les ordinateurs centraux sont utilisés dans les très grandes entreprises (banques, compagnies d'assurances, compagnies aériennes, sociétés de services). De par leur fiabilité et leur puissance, ils sont parfois les seuls ordinateurs capables de répondre aux besoins de leurs utilisateurs (traitement de très grandes banques de données accédées par des dizaines ou des centaines de milliers d'utilisateurs

Page 88: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Quizz 2 : Client serveur

Pourquoi le client serveur s'est-il développé ?

Avec l'augmentation des "PC", le client étant "intelligent", on a mis une partie des traitements sur le client, ce qui permet d'alléger les serveurs, on peut donc avoir des "mini ordinateur" comme serveur, moins onéreux.

Page 89: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

http://fr.wikipedia.org/wiki/Client-serveur

L'architecture client/serveur désigne un mode de communication entre plusieurs ordinateurs d'un réseau qui distingue un ou plusieurs postes clients du serveur : chaque logiciel client peut envoyer des requêtes à un serveur. Un serveur peut être spécialisé en serveur d'applications, de fichiers, de terminaux, ou encore de messagerie électronique.

Caractéristiques d'un serveur : il est passif (ou esclave)  il est à l'écoute, prêt à répondre aux requêtes envoyées

par des clients  dès qu'une requête lui parvient, il la traite et envoie une

réponse. Caractéristiques d'un client :

il est actif (ou maître)  il envoie des requêtes au serveur  il attend et reçoit les réponses du serveur.

Le client et le serveur doivent bien sûr utiliser le même protocole de communication. Un serveur est généralement capable de servir plusieurs clients simultanément.

Page 90: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Quizz 3 : Le web

Pourquoi cette technologie s'est très répandue

Prolifération des ordinateurs et des réseaux

Permet de toucher la planète, libre.

Rien à installer sur le poste client sauf navigateur.

Utilisation simple, y compris pour celui qui publie de l'informations.

Page 91: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

http://fr.wikipedia.org/wiki/Web Le World Wide Web, littéralement la « toile

(d'araignée)1 mondiale », est communément appelé le Web, parfois la Toile ou le WWW. C'est un système hypertexte public fonctionnant sur Internet et qui permet de consulter, avec un navigateur, des pages mises en ligne dans des sites. L'image de la toile vient des hyperliens qui lient les pages Web entre elles.

Le Web n'est qu'une des applications d'Internet. D'autres applications d'Internet sont le courrier électronique, la messagerie instantanée, Usenet, etc. Le Web a été inventé plusieurs années après Internet, mais c'est le Web qui a rendu les médias grand public attentifs à Internet. Depuis, le Web est fréquemment confondu avec Internet ; en particulier, le mot Toile est souvent utilisé dans le langage courant sans qu'il soit clair s'il désigne le Web ou Internet.

Page 92: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

QUIZZ 4 Définir le HTTP (pour HyperText

Transfer Protocol) HTTP est le protocole de communication

communément utilisé pour transférer les ressources du Web.

Définir le HTTPS Variante sécurisée de ce protocole. Définir une URL URL (pour Uniform Resource Locator)

pointe sur une ressource. C'est une chaîne de caractères permettant d'indiquer un protocole de communication et un emplacement pour toute ressource du Web.

Page 93: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Quizz 5 Définir un hyperlien Un hyperlien (ou lien) est un élément dans une

ressource associé à une URL. Les hyperliens du Web sont orientés : ils permettent d'aller d'une source à une destination. Seule la ressource à la source contient les données définissant l'hyperlien, la ressource de destination n'en porte aucune trace. Il existe deux types d'hyperlien : ceux du premier type doivent être activés pour accéder à la destination ; ceux du second causent un accès automatique à la destination.

Définir le terme HTML HTML (pour HyperText Markup Language) est un

langage informatique permettant de décrire le contenu d'un document (titres, paragraphes, disposition des images, etc.) et d'y inclure des hyperliens. Un document HTML est un document décrit avec le langage HTML. Les documents HTML sont les ressources les plus consultées du Web.

Page 94: COURS : WEB Philippe Bancquart. Présentation BANCQUART Philippe Arcelor (Arcelor Systems) Dunkerque Equipe Support : Responsable plate forme décisionnelle

Quizz 6 Définir un serveur WEB Un serveur Web est un hôte sur lequel fonctionne un

serveur HTTP (ou serveur Web). Un serveur Web héberge les ressources qu'il dessert.

Définir un navigateur web Un navigateur Web est un logiciel client HTTP conçu pour

accéder aux ressources du Web. Sa fonction de base est de permettre la consultation des documents HTML disponibles sur les serveurs HTTP. Le support d'autres types de ressource et d'autres protocoles de communication dépend du navigateur considéré.

Définir une page web Une page Web (ou page) est un document destiné à être

consulté avec un navigateur Web. Une page Web est toujours constituée d'une ressource centrale (généralement un document HTML) et d'éventuelles ressources liées automatiquement accédées (typiquement des images).

Définir un site web Un site Web (ou site) est un ensemble de pages Web et

d'éventuelles autres ressources, liées dans une structure cohérente, publiées par un propriétaire (une entreprise, une administration, une association, un particulier, etc.) et hébergées sur un ou plusieurs serveurs Web.