Objectif : Comprendre les bases d’Internet, du Web et des CMS (Content Management Systems) et leur importance dans le marketing et le commerce.

• Différencier Internet et le Web.

• Comprendre le rôle des CMS dans la création et la gestion de sites web.

• Appréhender leur utilité dans le marketing digital et le e-commerce.

Un peu d’histoire…

 

• 300 ans av JC Euclide est l’auteur des premiers algorithmes. Le premier est celui qui permet de tester si deux nombres sont premiers entre eux.
  
• Les premiers ordinateurs sont apparus durant la deuxième guerre mondiale (inspiré fortement de la machine de Turing).
  Avant il y avait eu des machines mécaniques (analogique).
  
• Ordinateur ENIAC en 1946
  
• Claude Shannon ingénieur américain pose les base de la numérisation. Notion de bit 0 ou 1
• Grace Hooper de 1950 à 1958 conçoit le premier compilateur et participe au développement du langage Cobol
  https://player.vimeo.com/video/158908172?dnt=1&app_id=122963
• Dans les années 50 on relie les ordinateurs entre eux mais cela fonction uniquement si c’est le même constructeur.

TAF :

Nous avons déjà vu pas mal de choses sur l'histoire informatique.

Mais si vous regardez bien l'image du haut il en manque comme par exemple 
la machine d'Anticythère.

Je vous demande de faire une recherche sur le Web afin de trouver 
les informations manquantes et d'en faire une synthèse de 2 ou 3 lignes 
pour chaque notion. 

• Pourquoi cet événement est important.
• Son impact sur la société et/ou l’économie à l’époque.
• En quoi cette invention influence encore le monde actuel.

Vous pourrez utiliser un traitement de texte ou un bloc-notes.

En résumé :
L’histoire de l’informatique débute avec les premiers outils de calcul, comme l’abaque (3000 av. J.-C.) et les travaux d’algèbre de figures comme Al-Khwarizmi (IXe siècle). Au XVIIe siècle, Blaise Pascal invente la Pascaline, première machine mécanique à calculer. Au XIXe siècle, Charles Babbage conceptualise la machine analytique, souvent considérée comme l’ancêtre des ordinateurs, tandis qu’Ada Lovelace écrit les premiers algorithmes.

Le XXe siècle marque une révolution : Alan Turing pose les bases théoriques de la calculabilité, et durant la Seconde Guerre mondiale, des machines comme l’ENIAC (1945) et Colossus automatisent le traitement des données. Avec l’invention du transistor (1947) et ensuite du microprocesseur (1971), l’informatique devient compacte et abordable, ouvrant la voie aux ordinateurs personnels dans les années 1980 (IBM PC, Apple Macintosh).

L’arrivée d’Internet (années 1990) révolutionne la communication et le partage des informations, propulsant l’ère numérique. Depuis, les avancées en intelligence artificielle, big data et informatique quantique redéfinissent l’avenir, faisant de l’informatique une science incontournable de notre quotidien et de l’innovation technologique.

Décodage de l’image :

1. Antiquité et Moyen Âge :
   • Machine d’Anticythère : Considérée comme le premier calculateur mécanique connu.
   • Jules César : Utilise le chiffrement pour sécuriser ses messages militaires.
   • Al Khwarizmi : Formalise les premiers algorithmes mathématiques.
2. XVIIe – XIXe siècles :
   • Gutenberg (1450) : Invention de la presse reconfigurable, qui révolutionne la diffusion des informations.
   • Jacquard (1801) : Automatise les métiers à tisser grâce à des cartes perforées, un concept qui inspirera l’informatique.
   • Charles Babbage (1833) : Conçoit la machine à différence, ancêtre des ordinateurs.
   • Ada Lovelace (1843) : Écrit le premier programme informatique pour la machine de Babbage.
3. XIXe – Début du XXe siècle :
   • Le code Morse (1838) : Invention qui introduit la communication binaire.
   • Turing (1936) : Propose un modèle théorique pour les machines universelles, la base de l’informatique moderne.
4. XXe siècle – Informatique et automatisation :
   • Zuse3 (1941) : Création du premier ordinateur programmable.
   • Grace Hopper (1951) : Invention du premier compilateur, facilitant la programmation.
   • Lancement d’ARPANET (1969) : Précurseur de l’Internet moderne.
5. XXe siècle – Évolution technologique :
   • IBM (1967) : Invention de la disquette.
   • Le CD-ROM (1985) : Nouveau support de stockage.
   • L’ordinateur Deep Blue (1997) : Bat le champion du monde d’échecs Garry Kasparov.
6. XXe – XXIe siècles – Robotique et web :
   • Honda-P2 (1996) : Développement des premiers robots humanoïdes.
   • Aibo (1999) : Robot ludique accessible au grand public.
   • Le CERN (1990) : Invention du World Wide Web.
   • Wikipédia (2001) : Lancement de la première encyclopédie collaborative en ligne.
7. Exploration spatiale et robotique avancée :
   • Le robot Sojourner (1997) : Premier robot à explorer la planète Mars.

Ces jalons mettent en lumière les progrès majeurs de l’informatique et de ses applications dans des domaines variés : calcul, communication, stockage, intelligence artificielle, robotique et exploration spatiale.

L’histoire de la programmation :

L’histoire de la programmation commence au XIXe siècle avec Ada Lovelace, qui rédige le premier algorithme destiné à être exécuté par une machine, la machine analytique de Babbage. Au XXe siècle, Alan Turing formalise la notion d’algorithme et de machine universelle, donnant naissance à l’informatique théorique. Les premiers langages apparaissent dans les années 1940, comme Assembler pour écrire des instructions compréhensibles par les machines.

Dans les années 1950, des langages de haut niveau comme Fortran (calcul scientifique) et COBOL (gestion) simplifient la programmation. Les années 1970 voient l’émergence de C, qui devient une pierre angulaire du développement logiciel. Les années 1980 marquent un tournant avec la programmation orientée objet (langages comme Smalltalk et C++).

L’arrivée de Java dans les années 1990 permet de développer des applications multiplateformes, tandis que les langages modernes comme Python et JavaScript rendent la programmation plus accessible. Aujourd’hui, des paradigmes comme l’intelligence artificielle et la programmation fonctionnelle redéfinissent les pratiques de développement.

Un programme est une suite d’instructions écrites dans un langage de programmation, destinée à être exécutée par un ordinateur pour effectuer une tâche précise. Ces instructions, organisées logiquement, permettent à la machine de traiter des données, de prendre des décisions et de produire des résultats.

Un programme peut être simple, comme afficher un message à l’écran, ou complexe, comme gérer une application de e-commerce. Il repose sur trois concepts fondamentaux :

1. Entrées : les données fournies (par l’utilisateur, des capteurs, etc.).
2. Traitement : les calculs, décisions ou opérations réalisées.
3. Sorties : les résultats (affichage, stockage, commandes envoyées).

En résumé, un programme est l’intermédiaire entre l’utilisateur et l’ordinateur pour résoudre des problèmes ou accomplir des objectifs.

Internet

• En 1970 Arpanet aux Etats Unis et Cyclades en 1971 en France sont des moyens de relier à distance les ordinateurs entre eux et cela même si c’est pas le même constructeur.
• 1983 -> Internet (version améliorée d’Arpanet et Cyclades)

Le Web

Attention à ne pas confondre le Web et Internet…

TAF :

Après avoir vu cette vidéo.

1. Expliquez en quoi le Web n’est pas Internet. Expliquez le lien.

2. Donner d’autres services du Web

3. Qu’est-ce qu’un serveur ?

4. Qu’est-ce que le HTML ?

5. Qu’est-ce que le CSS ?

6. Comment fonctionne les moteurs de recherche.

7. Qu’est-ce qu’une métadonnée.

Découvrir un CMS à travers WordPress

Pourquoi créer un site web ?

• Pour avoir une présence sur le Web (PME, grandes entreprises, associations, les auto entrepreneurs, etc. )
• Pas de limite géographique (prévoir le multi langages)
• Pour vendre -> e-commerce (prévoir la logistique)

Comment créer un site web ?

• Première solution -> tout faire de A à Z
  • il faut connaître et maîtriser la programmation ( HTML, CSS, PHP, JavaScript, etc )
  • Avoir des notions de  sécurité informatique
  • Des notions de WebDesign
  • Et pour l’hébergement ?
• Utiliser un logiciel graphique qui génère un site ( exemple :  Adobe DreamWeaver -> https://www.adobe.com/fr/products/dreamweaver.html )
  • Souvent avec un beau WebDesign
  • Manque de souplesse
  • On n’a pas la main dessus
  • Dépendance
• Utiliser un site clef en main du style [suivant -> suivant] avec quelques paramétrage (exemple Wix, Shopify)
  • Manque de souplesse
  • On n’a pas la main dessus
  • Manque de fonctionnalité
  • Dépendance
• Prendre un CMS (Content Management System)

Les CMS

C’est la solution idéale pour créer un site web assez rapidement sans avoir des compétences techniques. De plus cette solution présente l’avantage d’être évolutive.

• Rapidité de mise en place
• Pas de compétence technique
• Souvent gratuit et open source
• Solution évolutive
• Simple et conviviale
• Multi plateformes : OS/X, Windows, Linux
• On peut ajouter des fonctionnalités manquantes grâce au plugins
• On peut gérer l’apparence facilement et en changer grâce aux templates (mise en forme).
• Indépendance vis à vis d’un prestataire.

Le fonctionnement des CMS

• Le CMS est constitué d’un noyau -> le « core » en anglais
• Ce noyau à besoin de dialoguer avec la machine (un serveur souvent) pour avoir certaines ressources .
• Il a besoin d’un serveur Web pour qu’on puisse accéder au site depuis un navigateur
• Un serveur d’application qui va permettre de traduire le language utilisé (PHP dans le cas de WordPress).
• Un serveur de base de données afin de pouvoir lire et stocker des informations dans une base de données.

Voici quelques petits schémas visant à expliquer un peu plus le mécanisme.

Particularités de WordPress

C’est le CMS le plus utilisé dans le monde.

Même si à la base il était prévu pour créer des sites web de type blog il est maintenant polyvalent grâce à ses plugins.

Nous verrons dans la deuxième partie de cette formation le plugin WooCommerce qui nous permettra de transformer notre site web en site e-commerce.

 

De plus WordPress comme beaucoup de CMS actuellement est responsive design c’est à dire que l’apparence du site s’adapte et change en fonction de la taille de l’écran.