1. Introduction 1.
Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Site Web
Regroupement de pages Web
autour d’une thématique commune
reliées entre elles par des liens hypertextes
émanant d’une même entité (organisation, entreprise, particulier…)
accessibles à partir d’une page d’accueil commune
accessibles à partir d’une URL de base commune
en général, localisées sur un même serveur
Organisation hiérarchique
structure sous forme d’arborescence de dossiers et de fichiers (comme
un disque local)
permet de définir des chemins relatifs
exceptions (de plus en plus fréquentes) : pages générées
dynamiquement
Liens vers et à partir d’autres sites
permettent de naviguer d’un site à un autre
composent la « toile » mondiale (World Wide Web)
Master AI – 2012-2013 – Remise à niveau World Wide Web 9
1. Introduction 1. Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Le « Web 2.0 »
Principe du Web « classique »
ce sont les organisations qui détiennent des sites qui décident de l’information
qui y figure
Communication de type « one-to-many » (= diffusion)
Principe du « Web 2.0 »
donner le contrôle de l’information aux utilisateurs
faire émerger des « réseaux sociaux »
chacun peut déposer des contenus
pour donner son avis sur un sujet donné (blogs)
pour partager ses documents (images, vidéos…)
pour étiqueter (« tagger ») des contenus existants
Aspects techniques
outils (protocoles, clients, serveurs) identiques à ceux du Web classique
nécessite plus de puissance de calcul (pages dynamiques)
nécessite plus d’espace de stockage (contenus envoyés par les utilisateurs)
Exemples de sites « Web 2.0 »
Wikipédia, [Link], Technorati, Flickr, Picasa Web album, Dailymotion,
YouTube, Kartoo…
Master AI – 2012-2013 – Remise à niveau World Wide Web 10
1. Introduction 1. Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Popularité du Web
Pour l’internaute
Accessibilité « world-wide »
Interfaces graphiques conviviales
Interactivité et richesse des services
Grande quantité d'informations disponibles (Web « 1.0 »)
Possibilité de contribuer en tant qu’utilisateur (Web « 2.0 »)
Pour le développeur
Simplicité des développements (technologies de base…)
Liens avec les outils applicatifs installés sur le serveur (shell,
Perl, Java…)
Indépendance par rapport aux plateformes des clients
Master AI – 2012-2013 – Remise à niveau World Wide Web 11
1. Introduction 1. Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Usages du Web (2008)
Consultation simple (Web 1.0)
Navigation
Recherche d’informations
Divertissement
TV, radio, musique, vidéo en ligne
Information
Jeux
Communication
Asynchrone (Webmail)
Synchrone (Web chat, Webconférence)
Web 2.0
Travail collaboratif : partage / édition de documents sur des intranets
Autres sites participatif (blogs…)
Réseaux sociaux
Consommation de services
Sites marchands, enchères
Autres services en ligne : banque, administration…
Sources : Journal du Net ([Link]
Ipsos ([Link] Carrefour Numérique ([Link]
Master AI – 2012-2013 – Remise à niveau World Wide Web 12
1. Introduction 1. Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Répartition des clients (2011)
Internet
Source Firefox Chrome Safari Opera * Mobile Unknown
Explorer
Fixes Net Applications 52.7% 21.5% 13.5% 8.1% 2.9% 5.5%
StatCounter 42.5% 28.0% 22.1% 5.2% 1.7% 7.0%
W3Counter 35.6% 27.7% 19.6% 6.4% 2.3% 8.4%
Wikimedia * 36.8% 25.0% 16.8% 10.8% 4.2% 9.8%
(*) certaines sources comptent deux fois les navigateurs mobiles
Source : [Link]
Source : [Link]
Master AI – 2012-2013 – Remise à niveau World Wide Web 13
1. Introduction 1. Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Évolution des clients (2012)
Google Chrome rattrape
Microsoft IE et double
Mozilla Firefox
Source :
[Link]
browser
Master AI – 2012-2013 – Remise à niveau World Wide Web 14
1. Introduction 1. Objectifs du cours
2. Aspects techniques 2. Historique
3. Langage HTML 3. Principes généraux
4. Conclusion 4. Usages
Répartition des clients (2012)
Mobiles
Source : [Link]
Master AI – 2012-2013 – Remise à niveau World Wide Web 15