Internet

 

Image non trouvée !

 

 

Internet

Internet est en fait un réseau mondial utilisant le protocole TCP/IP.

L'origine d'internet

Au tout début (dans les années 1950), le réseau était basé sur le principe suivant :

Des terminaux tous connectés sur un seul et même serveur.

Dans les années 1960, c'est la guerre froide, le Département de la Défense aux states s'est dit: il y a un problème, si le serveur vient à disparaître, les terminaux ne servent plus à rien. L'idée suivante a donc commencé à germer : partager les ressources entre différentes machines (ARPANET). Ainsi, il est toujours possible de partager des informations, même si un point venait à disparaître suite à une explosion atomique...(Idée reprise dans le film Terminator 3 !!!).

En parallèle de cette idée, il y avait un autre problème, la difficulté de faire dialoguer différents types de machines entre elles. En effet, les protocoles (langage) de communication n'étaient pas compatibles entre eux (en autres problèmes). D'où l'idée d'arranger tout cela et l'apparition du TCP/IP...

Au fil du temps, quelqu'un a eu l'idée d'associer l'Arpanet et le TCP/IP, Internet était alors apparu !

Depuis, Internet est connu du grand publique grâce au web (la toile, www ou encore World Wide Web)

Mais c'est aussi le courrier, la messagerie instantanée, ...

 

Le Web

Le Web utilise un protocole: Le HTTP. Il est basé sur un mode client-serveur.

Pour la partie cliente, il s'agit tout simplement des navigateurs comme internet explorer, FireFox, Opéra, ...

Ces navigateurs (aussi appelés browsers) vont pouvoir interpréter les commandes utilisateurs et envoyer des requètes HTTP à des serveurs. Il pourront afficher les pages web provenant de ces serveurs.

Pour la partie serveur, il devra y avoir des programmes capables de répondre aux requètes HTTP d'un navigateur sur une machine distante.

Image non trouvée !La communication client-serveur passe par un n° de port. Le port par défaut utilisé est le port 80 pour le protocole HTTP.

Les serveurs les plus connus sont:

- Apache
- Microsoft IIS (Internet Information Server)
- Microsoft PWS (Personal Web Server)

mais il y en a d'autres...

Image non trouvée !Il existe même des serveurs web installables sous Android. Des explications sur AndroPHP (php & MySQL) qui a l'avantage d'être gratuit !

 

Développer un site Web

Avant de se lancer dans le développement d'un site Web, il faut se fixer des objectifs:

  • Pour du professionel.
  • Pour du privé, perso.

 

Pour les professionels, une stratégie internet devra être élaborée.

Comme pour tous développements, la conception est importante et ne doit pas être négligée !

La conception et le développement pourront être confiés:

  • à une équipe interne, si vous avez un service informatique. Ce qui pourra être la moins chère.
  • mais aussi à une agence web (qui s'occupera de votre site de A à Z, en respectant le cahier des charges) mais la plus onéreuse.
  • en passant par un développeur indépendant dont les compétences devront aller de concepteur à web designer jusqu'à développeur !

Un hébergeur fiable qui doit assurer l'accès à votre site est enfin indispensable. Un article est consacré aux hébergeurs gratuits ou payants sur http://www.commentcamarche.net/faq/1624-choisir-un-hebergeur-gratuit-ou-payant

Le coût sera évidemment très variable suivant le type de site et le prestataire choisi. Par exemple, vous pouvez utiliser un simple CMS pour des sites "vitirines". Un minimum de connaissances sera demandé. Mais cette solution ne sera absolument pas conseillée pour un site marchant ! De même, il existe des solutions spécialisées pour certains domaines/métiers.

Enfin, ne pas oublier le référencement (SEO pour Search Engine Optimization) dans les moteurs de recherche (Google étant largement le moteur le plus utilisé !). Celui-ci peut être payant ou gratuit. Ce référencement se fera essentiellement par des mots clefs. Il est donc important de connaître ces mot-clefs et de les utiliser dans vos pages. Ces mots clefs étant ceux qu'utilisent les visiteurs, pas forcement ceux auquels vous pensez (Les tendances d'après Google) )!

Les titres des pages sont donc importants, pensez aussi aux balises meta (comme Keywords bien que de moins moins utilisées) pour les robots.

Image non trouvée !N'oubliez pas un autre point, les visiteurs utilisent de plus en plus des smartphones pour consulter le web ! Google a d'ailleurs mis en place un classement des sites qui savent s'adapter aux appareils mobiles pour leur référencement !

 

Google propose des outils webmaster pour vérifier les mots clefs utilisés sur votre site, les liens incorrects, les liens externes vers votre site, ...

Image non trouvée !Dans cet outil, "Trafic de recherche\compatibilité mobile ergonomie mobile" va permettre de connaître le nombre de pages non compatibles avec les smartphone (selon Google).

Si votre page est compatible mobile pour vous, mais détectée comme ne l'étant pas pour Google, vérifiez que vous ne bloquer pas l'accès des css aux robots dans le fichier à leur destination !

Vous pouvez aussi vérifier une page précise à partir du lien suivant: https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr

 

Microsoft propose aussi un outil pour les webmasters pour son moteur bing. Ou encore Microsoft Sonar qui propose un bilan complet du site qui lui est soumis.

 

Pour les sites perso., le principe est similaire aux sites pro., hormis la conception et le développement qui restera à priori à votre charge...

Là aussi, vous pouvez passer par de simples CMS, ou créer votre site de A à Z. Le minimum étant de "développer" en HTML, mais le CSS sera à privilégier pour "l'habillage" de votre site, afin de pouvoir l'adapter plus rapidement aux différents périphériques pouvant accéder à votre site (je pense là encore essentiellement aux appareils mobiles !). Pour allez plus loin, la création d'un site dynamique (généralement l'association php/mysql) pourra grandement vous simplifier la vie (du moins une fois le moteur développer).

 

Création d'un site chez Free

Vous pouvez profiter d'un environ chez Free qui est déjà préconfigurer pour la création d'un site Web. En effet, Free met à disposition des serveurs Web (Apache, PHP, MySQL ou PostgreSQL), FTP pour la création de votre site. Quelques explications:

- Environnement chez Free pour votre site internet

Comment se créer un environnement sur un serveur Free pour votre "site internet", un "site web" ou de "pages web" (différents termes que l'on peut entendre ...)

Désolé pour les gens qui sont chez d'autres FAI, mais je n'ai pas eu l'occasion de voir comment ils fonctionnaient.

Cet environnement est important, car c'est à partir de là que vous pourrez mettre en ligne votre site. Et donc permettre à d'autres d'y accéder via internet.

- Transférer vos fichiers

Vous développerez votre site internet sur votre machine. Ensuite, vous pourrez mettre en ligne votre site. Pour cela, il faudra le diffuser sur le serveur dans l'environnement précédemment créé.

- Création de votre site

Organisation, outils et bases d'un site internet.

- Règles de bonne conduite chez Free

 

Auto Hébergement

Evidemment, vous pouvez installer et configurer votre propre serveur et utiliser votre freebox pour héberger chez vous votre serveur.. Ce ne sera pas le même prix...puisqu'il faudra ajouter le prix du matériel (ou alors reconditionner un vieux PC, ou un Raspberry), le coût électrique, la maintenance de la machine...

Cela implique aussi une très bonne connaissance du monde informatique (Administration d'un serveur, développement page web, ...)

Exemple de configuration:

Et pourquoi pas un Raspberry comme serveur NAS

Attention Pénurie d'adresse IP V4 ! Chez Free, Pour les abonnés fibre en zone moyennement dense (ZMD): pour limiter la casse, une même adresse IP V4 publique peut être partagée entre 4 abonnés. Dans ce cas, 1/4 des ports est mis à dispositions de chacun des abonnés. Pour le plus chanceux, pas de problème s'il hérite du premier 1/4. Pour les autres, seule la solution de préciser un port dans sa plage derrière l'adresse IP permettra d'accéder à son serveur.

Donc pour ceux en fibre en ZMD, et si vous avez des problèmes pour accéder à votre serveur (mail, web, ...) hébergé chez vous, pensez à vérifier ce point.

Juin 2016, il est maintenant possible de demander une adresse IP V4 non partagée.

Plus de détails sur la fibre en ZMD https://www.freenews.fr/freenews-edition-nationale-299/fibre-optique-125/free-demarre-le-ftth-en-zone-moins-dense-ce-que-lon-sait.

 

NoteFree propose aussi gratuitement l'utilisation d'un nom de domaine qui sera associé à votre Freebox Révolution ou mini 4k. Ce sera plus simple de communiquer ce nom qu'une adresse IP !

NoteChez d'autres fournisseurs, cela peut se compliquer encore un peu plus avec des adresses IP dynamiques attribuées à la box des abonnés... Si votre FAI ne permet pas de fixer l'adresse IP, certains sites proposent gratuitement ou non de vous fournir un nom de domaine et moyennant un programme sur votre ordinateur, ce nom de domaine sera automatiquement associé à l'adresse IP actuellement utilisée par votre box.

 

Développer un site

- HTML

HyperText Mark-Up Language est un langage dit de "balisage". C'est la base du développement WEB. Dérivé du SGML, les balises permettant d'indiquer la façon de présenter un document et d'indiquer les liens vers d'autres documents. C'est le World Wide Web Consortium (W3C) qui publie les recommandations concernant le langage HTML. Il est donc important de bien respecter ce standard afin d'être certain que votre document puisse s'afficher correctement quelque soit le navigateur ou la machine qui va lire ce document. Malgré cela, les navigateurs n'interpréteront pas toujours de la même manière un document, d'où des différences d'affichage qui pourront se produire - interprétation des recommandations différentes entre ces navigateurs !

- XHTML

eXtensible HyperText Markup Language. Basé sur le XML beaucoup plus strict que SGML. XHTML en version 1.0 ou 1.1 n'apporte pas de nouvelles fonctions par rapports à HTML 4.01.

- css

Cascading Style Sheets permet de définir l'aspect, l'habillage, l'apparence de votre site. A utiliser avec un fichier HTML !

- javascript

Javascript n'ayant rien à voir avec Java ! Javascript est un langage de programmation de script qui sera lancé sur votre navigateur. Ce langage permettant de faire des pages Web intéractives, on parlera souvent de DHTML pour dynamic HTML. Le code etant intégré entre des balises dans un document html, et interprété sur votre navigateur, la totalité du code est alors disponible à tout le monde...Vous ne pourrez donc pas traiter d'opérations à caractères confidentielles comme la gestion des mots de passe pour un utilisateur !

- JAVA où plus exactement JEE pour gérer des pages dynamiques (cf. JAVA les bases).

- php Là aussi pour gérer des pages dynamiques.

php pour Personnal Hypertext Preprocessor. Il s'agit là aussi d'un langage script que l'on place dans un fichier html. Mais contrairement à javascript, ce langage est interprété directement sur le serveur. Le code n'est donc pas accéssible au reste du monde ! Ce langage permettant d'avoir un site dynamique.

- Utilisation de javascript et de php

Il y en a un qui tourne sur le client (javascript), l'autre sur le serveur (php) !

- Le fichier .htaccess sur les serveurs Apache.

. Introduction
. Gérer l'accès à certains répertoires ou fichiers
. Gérer les erreurs dans votre site
. Changer le fichier index par défaut
. Lister les fichiers ou non ?
. Gérer les informations à afficher lors du listing des fichiers
. Redirections


- dhtml

Dynamic HyperText Mark-Up. En fait, il s'agit simplement de l'utilisation simultanée de html, javascript et de css.

- vbscript

Ce mot signifiant script visual basic. Il s'agit d'une extension possible à l'html, puisqu'il sera intégré comme un script dans des balises html. Cependant, il n'est pas conseillé de l'utiliser sur internet (peut-être en intranet pour administration, mais c'est tout). En effet, il s'agit d'un langage propriétaire de Microsoft, il n'est donc utilisable que sous Windows Explorer et encore ! Ce langage est plutôt dangereux, car il permet l'accès aux ressources de la machine, les scripts sont donc généralement bloqués soit par un pare-feu, soit sur le navigateur lui-même !

Autres solutions pour la création d'un site

Il existe de nombreux CMS (Content Management System ou system de gestion de contenu) pour la création/publication d'un site, ce qui vous évitera surtout de réinventer la roue puisque vous n'aurez pas obligatoirement à coder quoique ce soit:

- JOOMLA qui intègre déjà tout le nécessaire pour démarrer votre site sans avoir à connaître grand chose (Des bases vous seront quand même nécessaire !) jusqu'aux plus expérimentés qui pourront pousser un peu plus loin. Il s'agit d'un système de gestion de contenu. A vous d'indiquer la forme et le contenu, le reste (le logiciel) est déjà dedans ! Il est basé sur php et mysql.

Image non trouvée !Dans le cas d'une utilisation chez Free, vous ne pourrez pas utiliser les dernières versions de Joomla, en effet, la version de PHP installée sur les serveurs Free n'étant pas en 5.3. Il faudra installer au mieux Joomla 1.5.26 stable fr.

- WORDPRESS une autre solution libre

- ALFRESCO encore une autre solution libre

- TYPO3

- DRUPAL

- EZ PUBLISH

- SPIP

...

 

Jouer et rejouer des tests sur votre site

Selenuim: outil Open Source permettant d'effectuer des tests d'application Web.

- tester la non régression

- tester la compatibilité multi-navigateurs, multi-versions et multi-plateforme.

Il s'agit d'enregistrer des scenarios qui seront rejoués automatiquement.

Votre application devant être de type HTML, CSS, javascript (pas possible donc pour flash, applets Java). Mais peu importe la technologie au niveau serveur (puisque les tests sont fait au niveau client !).

Image non trouvée !Produit puissant pour peu de places occupées, mais l'IDE n'est compatible qu'avec Firefox (plugin)...

 

Les robots

Les robots permettent l'indexation des pages de votre site dans les moteurs de recherche. Mais vous n'allez sûrement pas vouloir retrouver dans ces moteurs l'ensemble de vos pages, surtout les pages ditent "sensibles" de votre site comme l'administration de votre site. Le chapitre qui suit va vous indiquer comment faire.

Les robots

Messagerie

La messagerie passe aussi par internet. Il existe 3 protocoles concernant la messagerie:

- SMTP: Simple Mail Transfert Protocol

 

- POP

 

 

Annexes

- Les codes erreurs HTTP.

- Les frees pour Linux pour trouver (entre autres) des outils liés à internet

- Les frees pour Windows là aussi pour trouver des outils liés à internet

- Les RFC

- Alsacreations

- Doc. en français sur PostgreSQL

- w3schools.com - Des cours sur tout ce qui concerne le web (mais en anglais...)

- FTP via internet

- Les différentes versions de Freebox

 

Validation W3C de vos pages HTML

Validation W3C de vos CSS

Validation des liens

Validation de fichiers XML

Comme déjà indiqué, Google propose des outils webmaster pour vérifier les mots clefs utilisés sur votre site, les liens incorrects, les liens externes vers votre site.