Bonjour !

…

M. LARZILLIERE Julien,je vais assurer les cours de création

de site internet

Mais appelez moi juste JulienMerci !

Et vous , qui êtes-vous ?Faisons le tour

Bon je sais qu’on aime pas forcement parler en public mais il faut bien faire

connaissance

Les astuces du cours de Julien• Prendre des notes• Participer, poser des questions, faire des

remarques, s’entraider• Arriver à l’heure (merci par avance)• Eviter de jouer, téléphoner, fumer, se battre, …• Prendre des notes (oui encore)• Ne pas hésiter à dire « j’ai rien compris »• Bosser avec son ordinateur portable, si possible• Et surtout, bien noter et prendre des notes

Insistons sur un pointChaque année, j’ai des élèves qui passent beaucoup de temps sur leurs téléphone durant mes cours, au lieu de travailler.

C’est une preuve de mépris et je ne supporte plus ce comportement. Aussi, je demanderais aux futurs intéressés de quitter le cours, voir de ne pas venir du tout.

Merci pour votre compréhension ^^

Les supports de cours

• Vous aurez souvent la possibilité de récupérer la trame du cours en PDF, qui est en fait le document qui est actuellement affiché.

• Néanmoins, ce n’est qu’un récapitulatif, et tous mes cours étant fait sur mesure, selon progression, je vous encourage à prendre des notes

Oui je me répète mais c’est l’expérience qui parle là !

Un site pour tous les guider

iut.apresta.fr

Ce site vous donnera accès aux cours, aux notes, …Mémorisez le bien !!

Et les pauses ?

C’est simple, on coupe en 2 nos heures ensemble, et la pause de 15

minutes vient s’insérer,

Donc aujourd’hui c’est vers 10h20

Et les pauses pipi ?

Le prof accepte que vous puissiez aller aux toilettes … encore heureux !

Merci de ne pas abuser

3 notes

Vous serez évalué sur 3 projets, donc suivez bien les cours et vous gagnerez

facilement votre moyenne haute.

Sinon … ben heu…

Contenu des cours ?

Ensemble, nous allons étudier :

> Le fonctionnement du web> la création d’un site vitrine> La création d’un site e-commerce> Créer un « jeu » en html et javascript

C’est global mais réel.

Pardon par avance si …

• Je ne mémorise pas votre prénom• J’ai des temps morts (c’est que je réfléchie)• Je parle trop vite (Dites le moi ^^)• Je fais trop de jeux de mots• Mes blagues sont vraiment nulles

Bon, on commence ?

Première question :Qu’est-ce qu’internet ?

Ca paraît simple et pourtant …

N’essayez pas de localiser l’endroit au monde ou se trouve internet car il n’existe pasconcrètement. Internet existe grâce à chacun de nous (ou presque) :

• Internet c’est d'abord des données, un nombre immense de données et d’informations• Chacune de ces données sont enregistré / stockés sur des disques durs• Ces mêmes disques durs sont situés dans une multitude d’ordinateurs (serveurs)• Et enfin, ces serveurs sont présent dans des abris, entrepôts ou encore chez vous.

En effet, Internet est situé partout dans le monde ou il y a des serveurs et des câblestéléphoniques pour les relier entre eux (image simplifié). Quand on parle d’un mondevirtuel, c’est une fausse image puisque internet c’est : des données et des serveurs.

Internet c’est aussi un endroit ou règne parfois l’anonymat (surtout pour ceux qui s’yconnaissent suffisamment pour savoir se cacher) et donc une certaine liberté noncontrôlée d’expression qui peut être un atout comme un inconvénient.

Aujourd’hui, Internet est devenu le premier média d’information et de publicités. C’estaussi un moyen d’obtenir gratuitement et facilement des ressources sans limites.

Donc internet c’est …• Des données,• Stockées dans des disques durs,• Branchés dans des serveurs,• Localisé dans des baies de serveurs,• Le tout dans une salle blanche,• Et des milliers de salles blanches à travers le monde

Ca fait quelques millions de disques durs à changer chaque semaine pour l’entretien, sans parler du courant, de l’infrastructure ou des câblages !

Bon, et comment cela fonctionne ?

Là ca ne paraît plus simple …

Pour simplifier les choses (ce qui reste assez dur) on peut voir d’un coté les serveurs qui stockent lesdonnées et d’un autre coté, les ordinateurs qui peuvent les afficher.

Les serveurs stockent les données et sont capables de comprendre certaines d’entres elles.

A l’inverse, les ordinateurs affichent les données ou en exécutent certaines pour générer un contenu final.

• Prenons deux cas comme exemple :

– J'envoie un mail à un de mes contact– Le message transite vers un serveur pour y être stocké– Mon contact demande à sa messagerie (serveur) s’il y a de nouveaux mails– Le serveur transmet à son ordinateur les nouveaux messages

– Je recherche le terme “mairie” sur google.– La requête est envoyé à l’un des serveurs de google– Le serveur cherche dans ses données ou dans d’autres serveurs– Le serveur final va générer un contenu selon les résultats de recherche– Ce contenu est envoyé à l'ordinateur qui va afficher cela à l’écran

Dans ces deux exemples, il faut comprendre que le serveur peut faire office depasserelle pour certaines données. Mais aussi que selon le type de données, il peutavoir à générer un autre contenu que pourra comprendre l’ordinateur.

On parle aussi de coté serveur (le serveur ^^) ou coté client (ordinateur). Nousreviendrons là-dessus par la suite dans différentes parties de cette formation.

Il est important de comprendre le processus de communication de l’internet pourl’utiliser correctement et faire face au problèmes basiques du quotidien.

Quels sont les unités pour mesurer les quantités d’informations ?

Combien « pèse » un fichier texte, une musique, un film, …

Toutes les sciences utilisent différentes unités.Par exemple, on mesure les distances en mètres, l'énergie en Joules, etc.En informatique, on mesure généralement en octets la quantité d'informations.

Quelques ordres de grandeur:• Une disquette fait 1,456 Mo.• Les clés USB font entre 1 et 8 Go, certains modèles allant jusqu'à 128 ou 256 Go.• La mémoire vive (RAM) d'un ordinateur est couramment de 512 Mo ou 4 Go.• Un CD-Rom fait 650 Mo.• Un DVD-R (simple couche) contient 4,7 Go.• Les disques durs actuels font souvent 500 Go, 1To, allant jusqu'à 6 To (Téra-octet) pour

certains.

Vous-même, chaque jour, vous envoyez et recevez des données via smartphone.

Quels sont les limites d’internet ?

Comme tout système,Internet à ses limites et ses risques.

Savoir cela reste utile pouroptimiser sa communication sur ce média.

• Le temps de chargementPlus les contenus à charger sont nombreux et lourds, plus il faudra de tempspour les charger et les afficher à l’écran de votre ordinateur. Plusieurs techniques existent pour réduire cela. La technique la plus efficace c’est de savoir programmer correctement et intelligemment …

• Les différents médiasIl devient compliqué aujourd’hui d'offrir un contenu qui soit exploitable surdifférents périphériques. La simple différence entre les ordinateurs et lessmartphones illustrent très bien le problème. Des règles sont donc à suivre pour faire au mieux mais rarement un contenu sera multiplateformes .

• La compatibilité entres systèmesEn plus des différents périphériques, il y a aussi le soucis des systèmes quidiffèrent (PC, Mac, Linux). Et bien sur, vous trouverez d’autres problèmes decompatibilités selon le navigateur utilisé, la taille de la résolution, la puissance du système, les plugins non installés ou encore les périphériques externes

• La panne du câblePlus rare chez un professionnel de l’hébergement mais souvent le cas chezun particulier, les soucis du câble coupé ou en dérangement. Si vous décidezd’héberger vos données chez vous (votre ordinateur), vous devez pouvoir faire fasse au coupure de courant, rupture de câbles, etc ...

• Le piratageSi votre ordinateur peut demander des choses à un serveur, un utilisateurmal intentionné peut donc faire ce qu’il veut du moment qu’il à les bonnesconnaissances. Un administrateur doit donc s’occuper de la sécurité de votreserveur si celui-ci héberge des données sensibles.

• La propagation des informationsGardez à l’esprit que sur internet, personne n’est véritablement maître de sacommunication. N’importe quelle publication peut se retourner contre vous etfaire le tour du monde en quelque secondes. Il est important de se relire et depouvoir agir sur in contenu en ligne (modification, suppression, modération).

Mais alors, qu’est-ce qu’un serveur finalement ?

Non on ne tourne pas en rond, on affine vos connaissances ^^

Vous l’avez compris, internet existe par le biais de milliards de serveurs à travers le monde.

Mais qu’est-ce qu’un serveur ? Quelle fonction(s) rempli t’il ?D'apparence, un serveur peut ressembler à une tour d’ordinateur ou un tiroir platmétallique très fin (selon les types de serveurs) appelé aussi des lames. Le serveuren lui-même n’est qu’un ordinateur avec les composants de base (alimentation, cartemère, mémoire RAM et disque dur).

Dans de rares cas une carte graphique mais nous allons le voir, l’utilité en reste assez rare !Le serveur est avant tout optimisé pour fonctionner 24H/24H et traiter le plus dedemandes rapidement. Les modèles en lame permettent par exemple de garder unechaleur basse et donc de profiter d’un meilleur rendement. Il est aussi souvent doté debeaucoup d’espace disque et de mémoire RAM.

Bien que le serveur travail tout le temps, il peut tomber en panne comme n’importe quelappareil informatique ! Et un serveur qui tombe en panne ou qui se bloque ne se réparepas tout seul. C’est là qu’intervient l’ingénieur en réseau avec des connaissances sur lemonde de Linux ou Microsoft selon le système d’exploitation.

Nous verrons par la suite que la gestion d’un serveur peut vite devenir coûteuse ou compliqué. Il existe donc différents types de serveurs, …

• Le serveur de fichierPermet de stocker et de partager facilement des ressources dans un réseau. Le serveur de fichiers est comme un disque dur qui n’est pas situé dans votre ordinateur mais dans un autre. En général, un bon serveur de fichier utilise un système RAID pour limiter la perte du contenu.

• Le serveur d’impressionPermet de centraliser dans un réseau les demandes d’impressions de différents utilisateurs vers une même imprimante.

• Le serveur de base de donnéesSurtout utilisé dans un site internet commerçant ou complexe, le serveur de base de donnée enregistre des morceau d’informations en tous genre et communique avec un langage informatique pour les restituer au site internet. Le plus connu est MySQL avec Php.

• Le serveur de courrierIl gère les mails entrants et sortant au sein d’un même réseau. Comme le serveur d’impressions, il centralise les envois et réceptions.

• Le serveur webObligatoire pour un site internet complexe utilisant certains langage non compris coté client comme le php, le sql ou encore le perl.

• Le serveur de jeuUn peu comme un serveur de base de donnée, celui-ci permet à plusieurs joueurs de jouer entre eux. Le serveur enregistre les données de chaque joueurs et les envois aux autres pour simuler une co-existance.

RAPPEL : Le serveur c’est aussi ce que l’on appel ‘coté serveur’. Cela signifie qu’il gère certaines choses comme l’interprétation d’un langage ou le partage de données. D’un autre coté, l’ordinateur c’est le ‘coté client’, qui réceptionne les données du serveur et interprète le reste en cas de besoins.

Et votre ordinateur, c’est un serveur ?

C’est l’ heure de la mauvaise blague :Dans un café à Bruxelles, un client demande au

serveur un sucre pour son café- Mais monsieur, je vous en ai déjà donné cinq !

- Oui je sais, mais ils ont tous fondu !

Cela dépend de plusieurs choses.

- Pour devenir un serveur, votre ordinateur doit déjà faire partie d’un réseau ou être sur internet.

- Ensuite, selon vos besoins, vous aurez besoin d’effectuer le paramétrage d’une option sur votre système d’exploitation jusqu’à l’installation d’un ensemble de logiciels.

- Et enfin, vous ne devrez jamais éteindre votre ordinateur (sauf l’écran).

Et du coup, votre ordinateur peut devenir un serveur … (de fortune ^^)

Internet sans serveurs, possible ?

A – oui bien sûr !B – non, c’est impossibleC – j’attends la réponse du profD – la réponse D

Oui, mais internet serais vide de contenu, il ne resterait que le réseaux reliant les utilisateurs entre eux.

Le futur de l’internet requiert l’utilisations de serveurs, de plus en plus. Par exemple le Cloud qui à pour volonté de vous proposer tout en ligne (vos logiciels, vos données, vos jeux, vos photos, vos vidéos, vos musiques).

Cela permettrait de ne plus être limité par la puissance de son ordinateur qui ne servirait que de “visionneur de contenu”.

L’idée même d’internet est basé sur l’utilisation de serveurs pour partager des ressources à travers un réseau d’utilisateurs (internautes).

Donc internet sans serveur, ce n’est plus internet !

Un petit Quiz pour se réveiller

1. Qu’est-ce qu’une salle blanche ?2. Qu’est-ce qu’une baie de serveurs ?3. Comment marche un serveur ?4. Citer quelques limites d’internet5. Expliquer « coté client » et « coté serveur »6. C’est quoi donc le cloud ?7. Internet, ca marche comment ?8. Mais quelle différence entre un ordinateur et un serveur ?9. Donner quelques exemples de serveurs10. Qu’est-ce qu’une adresse IP ?

Qu’est ce qu’une adresse IP?Lorsque l’on veut communiquer avec une personne sur terre, on peut lui téléphoner ou lui envoyer du courrier. En effet, nous sommes beaucoup à posséder une adresse postale ou un numéro de téléphone. Cela permet de nous localiser par le biais de technologies, plus ou moins précisément.

Dans le monde de l’internet, pour que les serveurs puissent communiquer entre eux, il existe les adresse IP. Chaque serveur / ordinateur relié à un réseau possède une IP.

Il existe des adresses IP local (pour les réseaux en intranet) puis des adresses IP externe (pour des réseaux comme internet).

Une adresse IP permet donc d’identifier une présence sur un réseau et de communiquer avec. (aussi appelé IP LAN en internet ou IP WAN en externe).

Votre IP Locale

Lancez l’interpreteur de commandes DOS en tapant cmd dans la fenêtre exécuter (toucheswindows + R) puis faites ipconfig /all

Votre IP en ligne / WAN

Rendez-vous sur le site http://www.monip.org/Vous pourrez y lire votre IP et son reverse DNS

A partir d’une adresse IP, on peut facilement trouver quelques informations sur la personne qui se trouve au bout. l’utilisation de la commande tracert permet de voir le nombre de chemin que prend votre ordinateur pour aller interroger le bon serveur.

Sachez qu’un groupe de personne relié par un intranet (comme un réseau interne dans une société) aura la même IP WAN. Car cette IP sera celle du boitier qui procure internet, et non pas celle de l’un des ordinateurs …

Qu’est-ce qu’une IPV4 et une IPV6 ?

Je serais surpris qu’une personne sache me répondre …

Quand on vous parle adresse IP, en général celles-ci se présentent sous la forme suivante : 127.0.0.1Une suite de 4 nombres, chacun allant de 0 à 255.C’est le type d’adresses IP le plus répandu : l’IPv4

Le protocole IPv4 permet d'utiliser un peu plus de quatre milliards d'adresses différentes pour connecter les ordinateurs et les autres appareils reliés au réseau. Au début d'Internet, dans les années 1970, il était pratiquement inimaginable qu'il y auraitun jour suffisamment de machines sur un unique réseau pour que l'on commence à manquer d'adresses.

Hélas, aujourd’hui il y à trop de périphériques connecté à internet (ordinateurs, serveurs, téléphones, télévisions, consoles, frigo, montres, voitures, téléphones, ...)

C’est pour cela que nous commençons à parler d’IPv6 ! Depuis les années 1998, elle existe et les systèmes informatiques la supportent déjà.

L’ipV6 (qui aura demandé 8 ans pour finaliser ses normes) possède un énorme avantage et don un énorme inconvénient. Elle permet de fournir 700 000 000 000 000 000 000 000 (700 trilliards) adresses IP par m² sur la surface de la terre.

Illimité ou presque ! Mais cela demande une forme plus complexe que l’IPv4. En effet, l’IPv6 est écrite en hexadécimal avec 8 groupe de données. par exemple :2001:0db8:0000:85a3:0000:0000:ac1f:8001

Qu’est-ce qu’un nom de domaine ?

Maintenant que vous savez un peu mieux à quoi servent les adresses IP, nous allons

parler des noms de domaines.

Déjà, c’est quoi un nom de domaine (ou NDD) ?Un exemple de nom de domaine : apresta.fr est un nom de domaine utilisant l’extension .fr

Un NDD se décompose de plusieurs données :

• Le protocoleLe plus connu est surement http:// . Ce protocole demande à charger un contenu de type web non-sécurisé. Il existe le même sécurisé : https:// pour les payements bancaires par exemple.

• Le sous-domaineLe sous domaine le plus utilisé est www (World Wide Web). Vous pouvez néanmoins en utiliser d’autre comme forum, boutique, ...

• Le domaineLe domaine constitue le principal du nom de domaine. Il doit cibler simplement son contenu, être cour mais compréhensible. Sur sedo.org, on trouve des NDD à vendre très cher ...

• L’extensionL’extension, permet de cibler un pays ou une activité précise. Par exemple .fr pour la la France.

Quelles extensions connaissez-vous ?

Extensions de NDD bien sûr …

Faire la liste des extensions serais un peu long et ennuyeux. Alors je vous propose de vous exposer les fondements des extensions de NDD pour mieux les comprendre et les utiliser. On pourrais trier les NDD existants dans trois catégories :

– Ceux qui sont représentatif d’un pays– Ceux qui sont représentatif d’une activité– Les autres ^^

Si vous souhaitez que votre site soit trouvé dans les moteurs de recherche français, vous aurez besoin d’un NDD en .fr

Si en plus, votre site est représentatif d’une communauté internet, ou possède une partie blog / forum, vous pouvez vous positionner sur un .net ou .org

Et enfin, si votre site comporte un mode spécial pour les téléphones mobiles, vous pouvez utiliser le .mobi

Le .com est un peu particulier. A la base, il était prévu pour les sites de commerce mais au fil du temps, il est devenu l’extension par défaut pour un gros site ou un site de grande marque. C’est la première extension qui vient à l’idée d’un internaute. Il existe aussi la possibilité pour quelques navigateur de ne pas inscrire d’extension dans l’url puis de faire CTRL + ENTREE pour y ajouter automatiquement un .com

Gandi : Registrar Français

Dois-je prendre un registrardifférent de mon hébergeur ?

… c’est un point important à retenir

Pour obtenir un nom de domaine, vous devrez passer par un bureau d’enregistrement en ligne (registrar). Il s’agit d’un site qui va vous permettre de trouver un NDD disponible puis de le réserver dans différentes extensions pour un temps limité.

Sur internet, il est rare d’acheter un bien lorsque l’on parle de serveur, d’hébergement ou de NDD. Le plus souvent, c’est de la location à durée limité. Pour un NDD, la moyenne, c’est un an.

Certaines extensions sont beaucoup plus cher que la moyenne ! Il existe beaucoup de registrar. Gandi fait parti de ceux qui sont très réputé pour leur qualité et leur SAV.

Vous le verrez par la suite, choisir un bon registrar est une phase très importante pour la viabilité de votre site internet. Si une personne X souhaite obtenir un hébergement pour mettre son site en ligne, elle va probablement trouver une société qui va lui proposer un pack (NDD + hébergement). Offre qui parait intéressante et pourtant … un vrai pro de l’internet devrais vous déconseiller cette manipulation. Lorsque vous achetez une voiture, vous passez par un concessionnaire et vous l’assurez chez votre assureur (soit 2 entité différentes). Il faut donc voir le même cas de figure pour l’achat d’un NDD et son hébergement : Si un jour votre hébergement ne vous convient plus, vous pourrez en changer sans avoir de soucis avec vos NDD.

Le cybersquatting, ça vous parle ?

INDICE CHEZ VOUSC’est aussi une manière très simple

de voler des données par mail

Je vais prendre comme exemple un projet de site internet qui porte le nom suivant :formations de dentistes sur Paris

Le NDD possible et retenu sera sûrement formations-dentistes.fr

Et voici un soucis …imaginez que votre site fonctionne très bien 1 ou 2 ans après son lancement. Vos concurrents ou autres sociétés remarquent que beaucoup de personnes cherchent ‘formations dentiste’ dans les moteurs de recherche.

Ils vont alors regarder si le NDD formation-dentiste.fr serait disponible. Si oui, il peuvent y mettre leur site ou un contenu plus embêtant. Dans les deux cas, cela risque vite de vous nuire !

Dans la même idée, ils peuvent l’acheter sans tirets !

Comment contrer cela ? Soit vous avez déposé une marque et enregistré un NDDconcernant cette marque et donc vous avez ‘normalement’ certains droits dessus, soitvous louez le plus de variantes possibles … mais cela à un coût !

Cet exemple existe sur formation-langue.com et formation-langues.com

Parlons des serveurs DNS

Vous devez comprendre ceci pour comprendre le fonctionnement d’internet

Un serveur DNS, c’est comme un annuaire qui va rediriger votre ordinateur vers le bon serveur afin d’afficher les informations demandées.

Le serveur DNS est souvent celui de votre FAI, mais vous êtes libre d’en utiliser un autre, comme celui de googlepar exemple.

La vitesse de chargement et de navigation passe donc par un bon serveur DNS

Récapitulons, d’un coté les serveurs en masse relié par le réseau. D’un autre, les adresses IP pour identifier un serveur parmi les autres et enfin, les noms de domaines pour ne pas avoir à mémoriser les IP WAN.

Mais qui gère ces attributions ?En fait, pas qui mais plutôt quoi. On parle des DNS (domain name system). Les DNS sont comme des annuaires pour dire qu’une personne qui veut afficher le contenu de formations-dentistes.fr sera renvoyée vers le serveur 88.182.197.82 (par exemple).

C’est utile par exemple si vous venez à changer d’hébergement mais que vous restez chez le même registrar pour vos NDD. Vous n’aurez alors qu’a modifier les DNS du NDD vers le nouvel hébergeur.

Je vous disais un peu plus tôt que le choix d’un bon registrar est important, mais pourquoi ? Pour la disponibilité des serveurs de DNS. Pour faire simple, il ne sera paspratique qu’un visiteur qui veulent se rendre sur le site formations-dentistes patientedevant une page blanche simplement parce que le serveur de DNS à planté ou qu’il est surchargé de requêtes et donc très lents !

Un registrar de qualité passe par de très bons serveurs DNS ou une gestion externalisé (par un autre organisme).

Parlons des moteurs de recherche

Et pas juste de « Google »

Lors du chargement du moteur de recherche (par ex : google.fr) il se passe déjà beaucoup de choses : vous êtes géo localisé pour trouver le serveur le plus proche à utiliser, puis google regarde s’il vous connaît, si vous avez un compte utilisateur chez lui.

Bien sur, tout cela se passe très vite et vous n’avez pas à attendre. La page de google se charge et la barre de recherche se propose pour interpréter votre recherche.

Vous pouvez donc maintenant rechercher “formations dentiste” puis valider pour afficher les résultats. Presque instantanément, vos mots-clés ont parcouru un sacré chemin entre multitude de serveurs et de BDD.

Il y a aussi une autre partie d’un moteur de recherche, le crawling. Pour pouvoir vous proposer des résultats de recherche cohérant, il doit sans cesse parcourir internet, son contenu et l'indexer (le mémoriser).

Quels alternatives à Google ?

Réfléchissez bien

Et puis il existe DuckDuckGo …

Un dernier Quiz ?

1. Qu’est-ce qu’une IPV4 / IPv6 ?2. Qu’est-ce qu’une IP WAN ?3. De quoi est composé un nom de domaine ?4. Comment choisir une extension de nom de domaine ?5. Qu’est-ce qu’un registrar ?6. Comment se protéger du cybersquatting ?7. A quoi sert un serveur DNS ?8. Comment fonctionne un moteur de recherche ?9. Citer quelques moteurs de recherche10. Qu’est-ce qu’un FAI ?

Merci pour votre attention

Bonne fin de journée