Éducation, société et technologie

Je n'ai pas pu résister...

André Vincent — 2013-01-06T01:44:57Z

Source : A. Bowman » Hamster

Regardez le courir dans la roue, aller boire de l'eau, et se précipiter sur la nourriture que vous lui donnez en cliquant sur votre souris. Cliquez au centre de la roue pour lui faire reprendre sa course folle.

HTML, XML et XHTML

André Vincent — 2011-01-12T05:00:00Z

Bien que le terme ait été récemment remis à l'ordre du jour, le concept de web sémantique est présent depuis les origines du web. L'objectif premier du balisage hypertextuel depuis le SGML, au HTML, puis au XHTML en passant par le XML a toujours été de structurer le contenu d'un document afin d'en marquer, d'en souligner ou d'en révéler le sens : un titre, un intertitre, un paragraphe, une citation ou un encart, une emphase mise sur un passage, une liste, un tableau de données, etc...

Le HTML n'a jamais été conçu comme un système de balisage de présentation graphiquement ou même typographiquement riche. Face à cette insuffisance, les designers web se sont mis à développer toutes sortes de techniques pour reproduire la richesse graphique qu'ils connaissaient en production imprimée. Ils ont donc détourné le langage HTML de sa mission première [i.e. la structuration du contenu], à des fins de présentation graphique, notamment en faisant intervenir massivement des images ou des animations Flash en lieu et place de contenu textuel et en détournant certaines balises, comme les tableaux à des fins de mise en page, encouragés en cela par la vive concurrence que se livraient les éditeurs commerciaux de logiciels de mise en page web et de navigateurs web.

Avec l'apparition des feuilles de style en cascade (CSS) qui introduisent une richesse de présentation typographique et graphique tant réclamée, nous avons assisté au cours des dernières années à un retour aux origines du web. Le balisage (X)HTML ou XML pour structurer le contenu, le CSS pour le présenter graphiquement.

Le language de balisage XHTML est donc devenu la norme de facto utilisé par la plupart des sites Web de qualité, tant commerciaux, gouvernementaux, éducatifs qu'à caractère associatif ou personnel.

Toutefois, à cause de ceraines restrictions et des exigences de rigueur de sa syntaxe, peu de sites Web, encore aujourd'hui, se conforment strictement aux spécifications XHTML.

C'est une des raisons du développement actuel des spécifications de la prochaine génération du langage de balisage pour le Web : HTML5. HTML5 se veut une évolution à la fois du HTML et du XHTML. HTML5 se veut un retour à la simplicité et la souplesse du HTML tout en conservant certains aspects de la rigueur du XHTML ainsi qu'en introduisant de nouvelles fonctionnalités permettant notamment d'inclure et de paramétrer des contenus multimedia riches sans recours à des technologies externes et propriétaires. À suivre.

Voir en complément :

Suite : Du HTML au XHTML

Les navigateurs Web

André Vincent — 2011-01-11T07:17:00Z

Dans tout projet Web sérieux, la compatibilité avec les divers navigateurs utilisés par les visiteurs est un élément essentiel à prendre en considération. Voici donc un portrait de l'état de la situation en ce début d'année 2012.

Voici donc, en date du 2 janvier 2013, l'état de la situation quant à l'utilisation par les internautes de par le monde (y compris au Canada) des diverses versions des logiciels de navigation. Source : StatCounter Global Stats [1]

Quoi retenir de ces statistiques ?

Les tendances au Canada semblent être semblables que les tendances mondiales.
Internet Explorer de Microsoft, toutes versions confondues, quoiqu'en déclin, accapare encore près de 30% du marché.
Les versions 6 et 7 d'IE sont ,aintenant quasiment disparues, suite à la campagne de Microsoft incitant à leur remplacement.
Les navigateurs alternatifs qui intègrent rapidement les spécifications CSS3 et HTML 5, connaissent ont connu une progression significative et dominent maintenant le marché.
Les versions moins récentes des navigateurs alternatifs (Firefox, Safari, Chrome, Opera), sont très rapidement mises à jour par leurs versions les plus récentes.
Parmi les navigateurs alternatifs, la progression de Firefox s'est stabilisé et a même légèrement décliné, au cours de 2012 alors que les navigateurs basés sur Webkit (dont Safari et Chrome) enregistrent une progression marquée, notamment à cause de leur utilisation dans les appareils mobiles (iPhone, iTouch, iPad, Android, etc...). Opera semble toutefois en déclin et compte pour moins de 0,5% d'utilisateurs.
Les modifications et écarts de progression entre les divers navigateurs alternatifs est peu significative car en général leurs divers moteurs de rendu intègrent rapidement les standards émergents à peu près tous au même rythme.
On peut donc considérer que plus de 90% des navigateurs (en incluant IE8 et IE9) sont en mesure de rendre à peu près correctement des pages Web construites selon les spécifications, normes et standards aujourd'hui en vigueur (HTML 4.01 ou XHTML 1.0 et CSS 2.1).

Pour tout développement sérieux de projets Web, toute utilisation au delà de 1% d'un navigateur par les visiteurs ne peut être négligé. La compatibilité d'un site Web avec IE6 doit donc encore être prise en compte et le restera probablement (et malheureusement) encore pour quelques années [2].

Attention

Les statistiques fournies ici, ne sont qu'une indication. Seules des statistiques issues des réelles visites de SON propre site permettent de réellement dresser un portrait exact du taux d'utilisation de diverses versions des navigateurs les plus en usage présentement sur SON propre site. Google Analytics est particulièrement utile à cet effet.

[1] Les données du site StatCounter Global Stats , en plus de fournir des données par région, semblent représenter assez bien à la fois l'état actuel de la situation et les tendances. Les statistiques de StatCounter Global Stats se situent dans une fouchette à mi-chemin entre celles plus conservatrices de Browser Version Market Share (marketshare.hitslink.com) et plus progressistes de Browser Statistics (www.w3schools.com).

[2] De nombreux développeurs ont d'ailleurs commencé a facturer jusqu'à 35% en supplément à leurs clients pour maintenir une compatibilité avec IE 6

Design Web orienté accessibilité

André Vincent — 2009-06-03T14:58:14Z

Une présentation sous forme de diaporama de l'approche “Access-Oriented Web Design”.

L'objectif de cet approche est de rendre un site Web accessible à tous types d'agent utilisateur sur les diverses plateformes actuelles.

L'approche consiste à concevoir un site Web en utilisant de manière optimale le balisage HTML. Ensuite, d'améliorer la présentation selon les technologies et le rendu de chaque type d'agent utilisateur à l'aide des feuilles de styles (CSS) et du langage Javascript.

Source : Access-Oriented Web Design : Building highly-interactive web apps that work for everyone

Du HTML au XHTML

André Vincent — 2009-01-11T05:00:00Z

Le HTML serait-il mort pour faire place au XHTML ? Pas vraiment. Mais le W3C sonne la fin de la récréation. Est-il donc temps de revenir à un peu plus de rigueur ?

Sommaire

Du HTML au XHTML au html

Après les versions HTML 1, Html 2.0, HTML 3.2 et enfin HTML 4.01, le World Wide Web Consortium avait décidé d'en stopper les évolutions au profit du XHTML. Mais voilà qu'à l'aube de 2010 sont soumises à consultation de nouvelles spécifications pour HTML 5 et XHTML 5. Nous y reveindrons...

XHTML 1.0 adopte une approche conservatrice, en retenant un fort héritage du HTML. C'est à partir de XHTML 1.1 qu'apparaît un standard qui marque une nette coupure avec les réels débuts du Web : le HTML.

Le changement le plus significatif du XHTML 1.1 est la nette séparation de la structuration sémantique des données, d'une part, et leur présentation d'autre part. Le formatage de présentation n'est plus inclus dans le balisage des données et ne peut s'effectuer qu'en référence à une ou des feuilles de styles [Cascading Style Sheets - CSS]. Ce qui laisse les données disponibles pour toute espèce de réutilisation, traitement, interprétation ou rendu par une gamme de plus en plus large de nouveaux appareils, produits ou applications favorisant, notamment l'accessibilité aux handicapés.

Le XHTML est considéré compatible par le bas dans le domaine où ça compte le plus - au niveau de l'information. Les anciens logiciels de navigation qui ne supportent pas les feuilles de styles, et en conséquence, la présentation graphique des pages Web, n'afficheront pas les informations comme prévues, mais les informations demeurent parfaitement accessibles et lisibles.

Le XML et le XHTML

Le W3C a ainsi donné le jour à un autre langage sur le Web, plus restrictif, c'est-à-dire, le XML [pour EXtensible Markup Language]. Le XML est un métalangage, soit un ensemble de règles et de prescription pour permettre d'inventer de nouveaux langages (de là Extensible) avec ses propres balises. Cela signifie que XML n'est pas un langage fermé comme peut l'être le HTML mais au contraire un langage ouvert. C'est à dire que l'auteur d'un document XML peut créer ses propres balises, comme son ancêtre le SGML. Voir un exemple de document XML de type RSS, ne comportant aucune balise HTML : rss.xml. (Consulter le code source du document). Pour résumer grossièrement, le XHTML, c'est du HTML formé selon les règles plus rigoureuses du XML (well formed). Le XML n'est pas nécessairement destiné à être lu directement par des humains (bien que ce soit possible en y accolant un fichier de description des balises utilisées et une feuille de style) ; le XML est surtout présentement utilisé comme format de fichier intermédiaire d'échange de données.

Le XHTML est donc un descendant du XML qui lui-même descend du SGML.

Première exigence du XHTML : un DTD

Deuxième exigence : du XML bien formé

L'héritage du XML

Troisième exigence : aucune balise ou attribut propriétaire
Les balises et attributs propriétaires inventés, en particulier par Netscape et Microsoft, pour "enrichir" le HTML, mais qui n'ont jamais fait partie des spécifications d'AUCUNE version de HTML, doivent être abandonnées, de même que certaines balises dépréciées qui faisaient pourtant partie des spécifications de versions antérieures du HTML.

Validation

Pour nous aider à repérer les erreurs dans la structuration du code, le W3C met à notre disposition ou vérificateur de syntaxe. Cet outil n'est qu'une aide ; il ne doit pas être pris au pied de la lettre. Une page peut ne pas valider et être tout à fait bien formée ou sémantiquement correcte. De plus, il existe une foule de raisons tout à fait justifiées pour laquelle on souhaiterait s'écarter de la « conformité ». La validation d'un document HTML ou XHTML n'est pas une exigence de conformité aux standards, ce n'est qu'un indicateur à la disposition de ceux qui veulent aborder le XHTML (ou le HTML bien formé).

En anglais

Sur le site http://validator.w3.org/, vous pouvez indiquer l'adresse d'une page à vérifier ou télécharger un document pour en demander la validation.
Vous pouvez aussi glisser le favelet (mini application en javascipt) suivant dans la barre ou le menu des favoris ou des signets de votre logiciel de navigation :
Favelet -> Validation HTML/XHTML
Dans ce dernier cas, il n'y a plus qu'à cliquer sur le favori pour faire valider la page affichée dans la fenêtre de navigation.

En français

Validome - en lien avec l'excellente documentation de SELFHTML

Exemple de la structure de base d'un document XHTML

Le document XHTML

Lire aussi en complément :

Le XHTML

Pour une approche critique du XHTML, lire :

La documentation officielle sur le HTML et le XHTML

www.w3.org/MarkUp/

Enfin, un correcteur/convertisseur XHTML

Astuces pour SPIP 2.0

André Vincent — 2008-12-23T14:25:00Z

Quelques trucs et astuces pour la version 2.0 de SPIP.

Qu'est ce qu'Internet ?

André Vincent, Jean-François Pillou — 2008-11-30T08:04:45Z

Protocoles, adresses IP, services Internet, nom de domaine, chemin d'accès aux ressources, URL et URI, codage des caractères...

Sommaire

Internet

Qu'est-ce qu'Internet ?

Aux débuts de l'informatique personnelle des ordinateurs ont été mis au point, dès qu'ils furent aptes à fonctionner seuls, des personnes eurent l'idée de les relier entre eux afin qu'ils puissent échanger des données, c'est le concept de réseau informatique. Il a donc fallu mettre au point des liaisons physiques entre les ordinateurs pour que l'information puisse circuler, mais aussi un langage de communication pour qu'il puisse y avoir un réel échange, on a nommé ce langage : protocole. Sur Internet, de nombreux protocoles sont utilisés, ils font partie d'une suite des protocoles Internet qui s'appelle TCP/IP — TCP (Transmission Control Protocol) et IP (Internet Protocol). TCP/IP est basé sur le repérage de chaque ordinateur par une adresse appelée adresse IP qui permet d'acheminer les données à la bonne adresse. Puis on a associé à ces adresses des noms de domaine pour permettre de s'en souvenir plus facilement.

Des réseaux hétérogènes (de natures différentes) se sont développés aux quatre coins du globe ; des personnes décidèrent donc de relier ces réseaux entre eux (des universités par exemple, ou l'armée). Les protocoles ont donc évolué pour permettre la communication de tous ces réseaux pour former le réseau des réseaux, formant petit à petit une gigantesque toile d'araignée (en anglais "web") formant le réseau le plus vaste, puisque contenant tous les réseaux, que l'on appelle Internet ! Sur Internet il existe différents protocoles (langages entre les ordinateurs) qui permettent de faire différentes choses :

http : accéder à des pages web
ftp : transférer des fichiers
IRC : discuter en direct
et bien d'autres choses

On assigne à chacun d'entre eux un numéro (le port) qui est transmis lors de la communication (la transmission est effectuée par petits paquets d'informations). Ainsi on sait à quel programme correspond chaque petit paquet :

les paquets http arrivent sur le port 80 et sont transmis au navigateur internet à partir duquel la page a été appelée,
les paquets irc arrivent sur le port 6667 (ou un autre situé généralement autour de 7000) et sont transmis à un programme tel que iChat (ou autre).

La connexion grand public

Pour accéder à Internet il faut disposer d'un équipement IP ainsi qu'une connexion à un fournisseur d'accès. Pour cela, l'utilisateur emploie les matériels et logiciels suivants :

Un ordinateur personnel ou tout autre équipement terminal d'un réseau :
- Assistant personnel
- Console de jeux vidéo
- Téléphone mobile

Un canal de communication vers le fournisseur d'accès :
- Réseau de câbles coaxiaux
- Réseau de Fibre optique
- Ligne téléphonique fixe : ligne analogique, xDSL
- Ligne téléphonique mobile : 3G+, 3G, Edge, GPRS, GSM (CSD)
- Internet par satellite
- Wi-Fi

Un système (logiciel/matériel) client pour le protocole réseau utilisé (PPP, PPPoX, Ethernet, ATM, etc.)
Un fournisseur d'accès à Internet (FAI) (en anglais ISP pour Internet Service Provider)
Des logiciels sont, eux, nécessaires pour exploiter Internet suivant les usages :
World Wide Web : un navigateur Web
Courrier électronique : un client SMTP et POP (ou POP3) ou IMAP (ou IMAP4)
Transferts de fichiers : un client ou un serveur FTP (File Transfert Protocol)
Pair à pair : l'un des nombreux logiciels de P2P en fonction de l'usage (partage de fichiers en pair à pair, Calcul distribué, P2P VoIP, etc.)

Protocoles

Qu'est-ce qu'un protocole ?

Un protocole informatique est une méthode standard qui permet la communication entre des processus (s'exécutant éventuellement sur différentes machines), c'est-à-dire un ensemble de règles et de procédures à respecter pour émettre et recevoir des données sur un réseau. Il en existe plusieurs selon ce que l'on attend de la communication. Certains protocoles seront par exemple spécialisés dans l'échange de fichiers (le FTP), d'autres pourront servir à gérer simplement l'état de la transmission et des erreurs (c'est le cas du protocole ICMP), ...

Sur Internet, les protocoles utilisés font partie d'une suite de protocoles, c'est-à-dire un ensemble de protocoles reliés entre-eux. Cette suite de protocole s'appelle TCP/IP.
Elle contient, entre autres, les protocoles suivants :

IP - Internet Protocol (gère le transport et le routage des paquets sur le réseau)
TCP - Transmission Control Protocol (gère l'établissement de la connexion, les transferts de données, et la fin de la connexion dans une communication IP)
UDP - User Data Protocol (gère la transmission rapide de données sans contrôle - à la différence de TCP)
ICMP - Internet Control Message Protocol (contrôle des erreurs de transmission sur Internet)
HTTP - HyperText Transport Protocol (pages web)
FTP - File Transfer Protocol (transfert de fichiers)
SMTP - Simple Mail Transfer Protocol (expédition du courriel)
POP - Post Office Protocol (récupération du courriel)
IMAP - Internet Mail Access Protocol (récupération du courriel avec fonctionnalités avancées)
SSH - Secure SHell (pour l'accès distant sécurisé sur les stations de type Unix ou Linux)
NNTP - Network News Transport Protocol (Usenet ou newsgroups - messages organisés par groupes de discussion stockés et relayés par serveurs NTTP)

L'adresse 127.0.0.1 est appelée adresse de boucle locale (en anglais loopback), car elle désigne la machine locale (en anglais localhost).

Les classes de réseaux

Les adresses IP sont donc réparties en classes, c'est-à-dire selon le nombre d'octets qui représentent le réseau.

Classe A

Dans la classe A, il y a 128 possibilités de réseaux. Le réseau 0 n'existe pas et le nombre 127 est réservé pour désigner votre machine, les réseaux disponibles en classe A sont donc les réseaux allant de 1.0.0.0 à 126.0.0.0 (lorsque les derniers octets sont des zéros cela indique qu'il s'agit d'un réseau et non d'un ordinateur !)

Chaque réseau de classe A peut contenir jusqu'à 16 777 214 ordinateurs

Classe B

Dans la classe B, il y a 16 384 possibilités de réseaux. Les réseaux disponibles en classe B sont les réseaux allant de 128.0.0.0 à 191.255.0.0

Un réseau de classe B peut contenir 65 534 ordinateurs.

Classe C

Dans la classe C, il y a 2 097 152 possibilités de réseaux. Les réseaux disponibles en classe C sont donc les réseaux allant de 192.0.0.0 à 223.255.255.0.

Un réseau de classe C peut contenir 254 ordinateurs.

Attribution des adresses IP

Le but de la division des adresses IP en trois classes A,B et C est de faciliter la recherche d'un ordinateur sur le réseau. En effet avec cette notation il est possible de rechercher dans un premier temps le réseau que l'on désire atteindre puis de chercher un ordinateur sur celui-ci. Ainsi l'attribution des adresses IP se fait selon la taille du réseau.

Classe	Nbe de réseaux	Nbre d'ordis sur chacun
A	126	16 777 214
B	16 384	65 534
C	2 097 152	254

Les adresses de classe A sont réservées aux très grands réseaux, tandis que l'on attribuera les adresses de classe C à des petits réseaux d'entreprise par exemple.

Adresses IP réservées

Il arrive fréquemment dans une entreprise qu'un seul ordinateur soit relié à Internet, c'est par son intermédiaire que les autres ordinateurs du réseau accèdent à Internet (on parle généralement de proxy ou routeur). Dans ce cas, seul l'ordinateur relié à Internet a besoin de réserver une adresse IP auprès de l'INTERNIC. Toutefois, les autres ordinateurs ont tout de même besoin d'une adresse IP pour pouvoir communiquer ensemble de façon interne.

Ainsi, l'INTERNIC a réservé une poignée d'adresses dans chaque classe pour permettre d'affecter une adresse IP aux ordinateurs d'un réseau local relié à Internet sans risquer de créer de conflits d'adresses IP sur le réseau. Il s'agit des adresses suivantes :

10.0.0.1 à 10.255.255.254
172.16.0.1 à 172.31.255.254
192.168.0.1 à 192.168.255.254

Noms de domaine

Qu'appelle-t-on DNS ?

Chaque station possède une adresse IP propre. Cependant, les utilisateurs ne veulent pas travailler avec des adresses numériques du genre 194.153.205.26 mais avec des noms de stations ou des adresses plus explicites (appelées adresses FQDN - Fully Qualified Domain Name) du style http://www.commentcamarche.net/ ou webmaster@commentcamarche.net.

Ainsi, TCP/IP permet d'associer des noms en langage courant aux adresses numériques grâce à un système appelé DNS (Domain Name System).

On appelle résolution de noms de domaines (ou résolution d'adresses) la corrélation entre les adresses IP et le nom de domaine associé.

Noms d'hôtes

Aux origines de TCP/IP, étant donné que les réseaux étaient très peu étendus, c'est-à-dire que le nombre d'ordinateurs connectés à un même réseau était faible, les administrateurs réseau créaient des fichiers appelés tables de conversion manuelle (fichiers généralement nommés hosts ou hosts.txt), associant sur une ligne, grâce à des caractères ASCII, l'adresse IP de la machine et le nom littéral associé, appelé nom d'hôte.

Le Domain Name System

Le système précédent a l'inconvénient majeur de nécessiter la mise à jour des tables de tous les ordinateurs en cas d'ajout ou modification d'un nom de machine. Ainsi, avec l'explosion de la taille des réseaux, et de leur interconnexion, il a fallu mettre en place un système plus centralisé de gestion des noms. Ce système est nommé Domain Name System, traduisez Système de nom de domaine.

Ce système consiste en une hiérarchie de noms permettant de garantir l'unicité d'un nom dans une structure arborescente.

On appelle nom de domaine, le nom à deux composantes, dont la première est un nom correspondant au nom de l'organisation ou de l'entreprise, le second à la classification de domaine (.fr, .com, ...). Chaque machine d'un domaine est appelée hôte. Le nom d'hôte qui lui est attribué doit être unique dans le domaine considéré (le serveur web d'un domaine porte souvent le nom www).

L'ensemble constitué du nom d'hôte, d'un point, puis du nom de domaine est appelé adresse FQDN (Fully Qualified Domain Name, soit Nom de Domaine Totalement Qualifié). Cette adresse permet de repérer de façon unique une machine. Ainsi www.ca.edu représente une adresse FQDN.

Les machines appelées serveurs de nom de domaine permettent d'établir la correspondance entre le nom de domaine et l'adresse IP sur les machines d'un réseau. Chaque domaine possède ainsi, un serveur de noms de domaines, relié à un serveur de nom de domaine de plus haut niveau. Ainsi, le système de nom est une architecture distribuée, c'est-à-dire qu'il n'existe pas d'organisme ayant à charge l'ensemble des noms de domaines. Par contre, il existe un organisme qui gère certaines classes de noms de domaine (l'InterNIC pour les noms de domaine en .com, .net, et .org par exemple). Le système de noms de domaine est transparent pour l'utilisateur, néanmoins il ne faut pas oublier les points suivants :

Chaque ordinateur doit être configuré avec l'adresse d'une machine capable de transformer n'importe quel nom en une adresse IP. Cette machine est appelée Domain Name Server.

L'adresse IP d'un second Domain Name Server (secondary Domain Name Server) doit également être introduite : il peut relayer le premier en cas de panne.
Le nom d'un serveur de nom de domaines ne peut bien sûr pas être utilisé pour d'autres services internet.

Codes des domaines internet

La classification du domaine, parfois appelées TLD (Top Level Domain, soit domaines de plus haut niveau), correspond généralement a une répartition géographique. Toutefois, il existe des noms, créés pour les Etats-Unis à la base, permettant de classifier le domaine selon le secteur d'activité, par exemple :

.arpa* correspond aux machines issues du réseau originel.
.com correspond aux entreprises à vocation commerciales (désormais ce code de domaine ne rime plus à grand chose et est devenu international).
.net correspond aux organismes ayant trait aux réseaux.
.org correspond aux entreprises à but non lucratif.
.info correspond aux sites d'information.
.biz correspond aux petites et moyennes entreprises à vocation commerciales.
.name correspond aux sites web personnels basé sur le nom des individus.
.tv correpond aux sites riches en contenu multimédia.
.org correspond aux entreprises à but non lucratif.
.edu* réservé aux établissements d'enseignement supérieur américains et parfois canadiens.
.gov* réservé aux organismes gouvernementaux américains.
.mil* réservé aux organismes militaires américains.

* Les classes .arpa, .edu, .gov et .mil ne sont évidemmment pas disponibles chez les registraires de noms de domaine grand public. Toutes les autres classes génériques sont en général disponibles pour enregistrement.

Voir le code des pays en Annexe

Beaucoup des noms de domaines nationaux sont régis par des organismes nationaux ou régionaux. Les conditions d'enregistrement et les informations à fournir varient d'un pays à l'autre. Pour de nombreux pays, seuls les résidents ou les entreprises ayant une place d'affaires dans le pays peuvent s'y enregistrer. Pour quelques pays, toutefois, les enregistrements sont disponibles sans aucune restriction. Les plus connus et populaires sont .bz, .cc, .gs, .ms, .vg, .ws. Pour ces pays, l'enregistrement de noms de domaine constitue souvent une importante source de revenus. Fait cocasse, les noms de domaine enregistrés dans la classe .us sont peu nombreux, la plupart des entreprises, organismes et individus des États-Unis préférant s'identifier sur internet dans une classe générique.

L'utilité des ports

De nombreux programmes TCP/IP peuvent être exécutés simultanément sur Internet (vous pouvez par exemple ouvrir plusieurs navigateurs simultanément ou bien naviguer sur des pages HTML tout en téléchargeant un fichier par FTP). Chacun de ces programmes travaille avec un protocole, toutefois l'ordinateur doit pouvoir distinguer les différentes sources de données.

Ainsi, pour faciliter ce processus, chacune de ces applications se voit attribuer une adresse unique sur la machine, codée sur 16 bits : un port (la combinaison adresse IP : port est alors une adresse unique au monde, elle est appelée socket). Elle prend alors cette forme 127.2.3.4:8181.

L'adresse IP sert donc à identifier de façon unique un ordinateur sur le réseau tandis que le numéro de port indique l'application à laquelle les données sont destinées. De cette manière, lorsque l'ordinateur reçoit des informations destinées à un port, les données sont envoyées vers l'application correspondante. S'il s'agit d'une requête à destination de l'application, l'application est appelée application serveur. S'il s'agit d'une réponse, on parle alors d'application cliente.

La fonction de multiplexage

Le processus qui consiste à pouvoir faire transiter sur une connexion des informations provenant de diverses applications s'appelle le multiplexage. De la même façon le fait d'arriver à mettre en parallèle (donc répartir sur les diverses applications) le flux de données s'appelle le démultiplexage.

Ces opérations sont réalisées grâce au port, c'est-à-dire un numéro associé à un type d'application, qui, combiné à une adresse IP, permet de déterminer de façon unique une application qui tourne sur une machine donnée.

Assignations par défaut

Il existe des milliers de ports (ceux-ci sont codés sur 16 bits, il y a donc 65 536 possibilités), c'est pourquoi une assignation standard a été mise au point, afin d'aider à la configuration des réseaux.

Voici certaines de ces assignations par défaut :

Code	Pays
Port	Service ou Application
21	FTP
23	Telnet
25	SMTP
53	Domain Name Server
63	Whois
70	Gopher
79	Finger
80	HTTP
110	POP3
119	NNTP

Les ports 0 à 1023 sont les ports reconnus ou réservés (Well Known Ports). Ils sont assignés par le IANA (Internet Assigned Numbers Authority) et sont, sur beaucoup de systèmes, uniquement utilisables par les processus système ou les programmes exécutés par des utilisateurs privilégiés. Un administrateur réseau peut toutefois lier des services aux ports de son choix.
Les ports 1024 à 49151 sont appelés ports enregistrés (Registered Ports).
Les ports 49152 à 65535 sont les ports dynamiques ou privés.

Ainsi, un serveur (un ordinateur que l'on contacte et qui propose des services tels que FTP, Telnet, ...) possède des numéros de port fixes auxquels l'administrateur réseau a associé des services. Ainsi, les ports d'un serveur sont généralement compris entre 0 et 1023 (fourchette de valeurs associées à des services connus).

Du côté du client, le port est choisi aléatoirement parmi ceux disponibles par le système d'exploitation. Ainsi, les ports du client ne seront jamais compris entre 0 et 1023 car cet intervalle de valeurs représente les ports connus.

URL

Qu'est-ce qu'une URL ?

Une URL (Uniform Resource Locator) est un format de nommage universel pour désigner une ressource sur Internet. Il s'agit d'une chaîne de caractères ASCII imprimables qui se décompose en cinq parties :

Le nom du protocole : c'est-à-dire en quelque sorte le langage utilisé pour communiquer sur le réseau. Le protocole le plus largement utilisé est le protocole HTTP (HyperText Transfer Protocol), le protocole permettant d'échanger des pages Web au format HTML. De nombreux autres protocoles sont toutefois utilisables (FTP,News,Mailto,Gopher,...)
Identifiant et mot de passe : permet de spécifier les paramètres d'accès à un serveur sécurisé. Cette option est facultative et même déconseillée car le mot de passe est visibledansl'URLet voyage donc en clair sur Internet.
Le nom du serveur : Il s'agit d'un nom de domaine de l'ordinateur hébergeant la ressource demandée. Notez qu'il est possible d'utiliser l'adresse IP du serveur, ce qui rend par contre l'URL moins lisible.
Le numéro de port : il s'agit d'un numéro associé à un service permettant au serveur de savoir quel type de ressource est demandée. Le port associé par défaut au protocole HTTP est le port numéro 80. Ainsi, lorsque le service Web du serveur est associé au numéro de port 80, le numéro de port est facultatif.
Le chemin d'accès à la ressource : Cette dernière partie permet au serveur de connaître l'emplacement auquel la ressource est située, c'est-à-dire de manière générale l'emplacement (répertoire) et le nom du fichier demandé

Une URL a donc la structure suivante :

Protocole Mot de passe Nom du serveur Port Chemin
 http://user:password@www.commentcamarche.net:80/internet/internet.php3

Les protocoles suivant peuvent par exemple être utilisés par l'intermédiaire de l'URL :

http, pour la consultation de pages web
ftp, pour la consultation de sites FTP
telnet, pour la connexion à un terminal distant
mailto, pour l'envoi d'un courrier électronique
news, pour la consultation d'une liste de nouvelles (NTTP)
gopher, pour la connexion à un serveur Gopher

Le nom de fichier dans l'URL peut être suivi d'un point d'interrogation puis de données au format ASCII, il s'agit de données supplémentaires envoyées en paramètre d'une application sur le serveur (un script CGI par exemple). L'URL ressemblera alors à une chaîne de caractères comme celle-ci :

http://www.commentcamarche.net/forum/index.php3?cat=1&page=2

Source : Comment ça marche ?

Ce document issu de CommentCaMarche.net est soumis à la licence GNU FDL. Vous pouvez copier, modifier des copies de cette page tant que cette note apparaît clairement.

Hébergement dynamique, gratuit et sans publicité

André Vincent — 2008-10-10T18:09:23Z

Bien que nous ne conseillons PAS d'utiliser les services d'hébergement gratuits pour un site de production, il peuvent parfois s'avérer utile pour mener des tests ou dans le cadre de travaux pédagogiques.

Il y en existe très peu qui soient relativement complet et sans publicité. Nous vous en indiquons un ici que nous avons pu utiliser au cours des 3 dernières années, sans problème connu.

www.000webhost.com

Source : Service d'hébergement gratuit

Images typo

André Vincent — 2008-05-21T18:49:00Z

Un modèle pour transformer automatiquement un texte en image typographique avec choix de la police, taille (corps), interlignage, couleur de la police, couleur de fond, alignement du texte, incrustation à gauche ou à droite, padding, etc...

Sommaire

Installation

Placer le modèle ecriture.html dans votre dossier /squelettes/modeles/ecriture.html
Placer une ou des polices au format TrueType (.ttf) directement dans le dossier /squelettes/polices/
Dans n'importe zone de Texte d'un article, d'une rubrique ou d'une brève, inscrivez :

|texte=André vous dit Bonjour
|taille=60
|hauteur_ligne=72
|couleur=0000ff
|couleur_fond=ee0|largeur=600|align=center|padding=10|float=none
>

Télécharger

Et voici le résultat

Seul l'argument texte est obligatoire, les autres arguments sont optionnels. La taille sera par défaut de 16px, la couleur sera noire et la police utilisée sera la police livrée par défaut avec SPIP : Dustismo, (dans le dossier /squelettes-dist/polices). Ainsi,

|texte=André vous dit Bonjour>

Donnera ceci :

Options

L'option float positionne la boîte d'image typographique dans le paragraphe suivant (left ou right), de la largeur spécifiée.
L'option align aligne le texte à l'intérieur de la boîte d'image. Exemple :

|police=BodoniUltraFLFCond.ttf|texte=
“...une citation, par exemple”|taille=36|align=center|padding=10
|float=right|couleur=0000ff
|largeur=240|couleur_fond=eeeeee>

Télécharger

Résultat...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam urna dui, commodo at, viverra id, pulvinar egestas, eros. Phasellus cursus. Proin ullamcorper ligula in libero. Aliquam est dolor, cursus in, consectetur nec, accumsan ut, tortor. Etiam id est eu eros pulvinar gravida. Maecenas lacus purus, hendrerit quis, auctor quis, tempus a, neque. Mauris consectetur volutpat nulla.

Et ceci...

|police=BodoniUltraFLFCond.ttf|texte=
Bonne nuit !
|taille=54
|hauteur_ligne=60
|couleur=0000ff
|couleur_fond=eeee00
|largeur=600
|align=right
|padding=10
|float=none
>

Télécharger

Résultat...

Plan d'étude

André Vincent — 2008-01-15T05:00:00Z

Ce plan d'étude ne constitue pas un plan de cours officiel spécifique à un programme. C'est un plan d'étude générique. Le plan de cours officiel et spécifique à chaque programme d'étude sera remis par l'enseignant ou l'enseignante dans la première semaine du cours. Certains éléments de ce plan peuvent ne pas apparaître au plan de cours officiel et d'autres s'y ajouter.

Sommaire

Contenu du cours

Ouverture d'un compte chez un hébergeur.
Gestion d'un nom de domaine.
Installation et configuration d'un site dynamique.
Intégration de contenu dynamique.
Intégration et mise en forme du texte.
Intégration dynamique d'images fixes.
Intégration d'éléments audiovisuels.
Intégration d'un moteur de recherche.
Intégration avec les divers services par courriel.
Intégration et gestion d'une liste de diffusion.
Intégration et gestion d'un groupe de discussion.
Intégration d'un forum de discussion.
Intégration de formulaires.
Modificatin et création de gabarits par construction modulaire pour un site web dynamique.
Intégration avec les bases de données.
Macros et scripts côté serveur.
Configuration d'un serveur Web.
Intégration d'éléments transactionnels.

Méthodologie

Le cours comporte une période théorique suivie de démonstrations et exercices pratiques.
Les travaux seront exécutés pendant les heures de cours dans une classe prévue à cette fin.
Un projet de session exigera d'être planifié et complété en partie à la maison.

Matériel requis

Connexion internet à la maison.
Hébergement Web, FTP, PHP, MySql, ListServer.

Évaluation

Les exercices effectuées en laboratoire doivent être remis à la date fixée par l'enseigant. Aucune reprise de travaux pratiques ou théoriques n'est permise sans justification pertinente.

Contrôles théoriques

Semaine 8 -* 10%
Semaine 15 -* 15%

Contrôle pratique

travaux pratiques en lab -* 50%
Projet final -* 25%

La note de passage est de 60%

Médiagraphie

Voir : Sites web dynamiques

Programmation

Bloc 1

Théorie

Présentation du plan d'études.
Attendes de l'enseignant et des élèves.
L'intégration statique, dynamique et multimédia.
Rapport entre numéro IP et nom de domaine
Domaines de tête (TLD).
Critère quant au choix d'un nom de domaine.
Recherche de noms de domaines (whois :)
Enregistrement d'un nom de domaine
Configuration du serveur de nom de domaines (DNS)
A NAME, C NAME, Redirection, etc ?

Pratique

Ouverture d'un compte chez un hébergeur
Configuration du nom de domaine (DNS)
Configuration et tests d'accès d'un service FTP
Configuration d'un service web

Ressources :

Bloc 2

Théorie

Caractéristiques des sites dynamiques.
Les divers types de sites dynamiques.
- Les wikis.
- Les blogues (weblog).
- Les CMS.
- Les applications spécialisées.
Les divers intervenants d'un site dynamique : webmestre, administrateur principal, administrateur restreint, rédacteurs, visiteurs.
Intégration de contenu textuel à un CMS.
- Les zones de saisie du texte.
- Les règles de formatage (raccourcis).
Intégration d'images au contenu textuel.
Intégration de média audiovisuels.
Intégration de documents attachés.

Pratique

Installation et configuration d'un site dynamique.
Ajout de contenu à un site dynamique.
Organisation du contenu : rubriques, articles, brèves, mot-clés, sites référencés, auteurs, forums de discussion.

Ressource :

Bloc 3

Théorie

Modification de la chartre graphique d'un site dynamique.
- Par modification de la feuille de style.
- Par remplacement du jeu complet de gabarits.
- Par modification des gabarits.
- Par création de nouveaux gabarits.

Pratique

Analyser l'organisation des fichiers d'un CMS.
Modifier une feuilles de style d'un CMS.
Modifier un fichier de gabarit d'un CMS.
Remplacer un jeu de gabarits d'un CMS.
Créer un nouveau gabarit.

Ressource :

Semaine 8 [1]

Premier examen théorique

L'examen porte sur la matière des 7 premiers cours
L'examen constitue une récapitulation de la matière
L'examen est sous forme de questions objectives et de problèmes à résoudre
De ce fait, vous avez droit à l'ordinateur et à vos notes
L'examen compte pour 10 % de la note finale

Présentation et précisions sur le travail de session

Bloc 4

Théorie

Intégration et configuration d'un moteur de recherche interne.
Organisation des résultats du moteur de recherche.
Instruire les moteurs de reherche externe : le fichier robots, les balises META.
Référencer un site auprès des principaux moteurs de recherche.
Référencer un site dynamique auprès des principaux aggrégateurs.
Contrôler les pages d'erreurs d'un site dynamique
Intégration de scripts de redirection : intégré au CMS ou par script PHP

Pratique

Intégration d'un moteur de recherche à un site.
Fabrication d'un fichier robots pour un site web.
Intégration des balises META à une page.
Intégraton d'une page d'erreur.
Tests de recherche.

Ressource :

http://docs.abondance.com/meta_1.html

Bloc 5 et 6

À venir

Semaine 15

Deuxième examen théorique

L'examen porte sur la matière des cours 8 à 14
L'examen constitue une récapitulation de la matière
L'examen est sous forme de questions objectives et de problèmes à résoudre
De ce fait, vous avez droit à l'ordinateur et à vos notes
L'examen compte pour 15 % de la note finale

Remise du travail de session

[1] Voir évaluation dans le haut du présent plan de cours

N'oubliez pas de visiter le serveur extranet des communications graphiques du collège pour le matériel et les exercices : afp://cg1.ca.edu/infographie.