Cours_Programmation web, ffrir une compréhension solide des fondamentaux du web (HTML, CSS, JavaScript).
- 1. Création de site web Université Officielle de Bukavu
- 2. Plan du cours 1.Découverte du web et ses origines 2.Les languages du web 3.Fonctionnement du réseau 4.Identification des métiers du web
- 3. À l’issue de ce cours, les étudiants seront capable de : ●Définir le web et ses origines ●Distinguer les différents langages du Web ●Décrire le fonctionnement du réseau ●Identifier plusieurs métiers du web ●Créer des sites et pages web avec Odoo Objectifs
- 4. Télécommunications : - télégraphe, - radio, - téléphone Outils numériques : - calculatrices, - consoles, - ordinateurs Technologie pour la télécommunication numérique :- fax,- modem,- ADSL,- Wifi, ... Introduction
- 5. Introduction ● Développement des télécommunications numériques : ●Télé ( loin) : communication à distance ≈ ●Paradigme : - Émetteur : code l'information (corde vocale, main, encre,SMS...) - Canal : média qui transporte de l'information (air, papier, cable en cuivre, fréquence radio, fibre optique) – Récepteur : reçoit, décode (et interprète) l'information (oreille, oeil, antenne, ordinateur, téléphone ●La théorie de l'information (Shannon, 1948) fournit le socle théorique pour construire les réseaux de télécommunications, à l'aide de techniques de traitement du signal. ● Objectif : transmettre un message de manière fiable, mais sans redondance
- 6. Introduction ●Précurseurs d'Internet : ●Sémaphore (Chappe, 1792) : Visuel, codage manuel ● Télégraphe électrique (Morse, 1832) : Lignes électrique, codage manuel ● Fax (Korn, 1904) : Lignes téléphoniques, codage analogique ●Minitel et consorts (Pouchard, 1980) Lignes téléphoniques, codage numérique
- 7. Introduction ●Internet : web, réseau, net, toile, cyberespace… ● Réseau de réseaux : - Au départ, réseaux locaux : ordinateurs reliés par câbles - Connexion de réseaux locaux (1962, Licklider, DARPA) - ARPANET : en 1969, des universités américaines se connectent - X.25 : en 1975, standard de télécommunication - A la fin des années 80 : l'Europe, l'Asie, l'Australie se connectent ● La (télé-)communication est réalisée grâce à un Modem : - Transmission de signaux numériques sur un canal analogique - Créé fin 1950, par IBM (bases aériennes) / Bell - Modulateur : numérique analogique– → - Démodulateur : analogique numérique →
- 8. Introduction
- 9. 17.6% Taux de pénétration 16M+ Utilisateurs en RDC pour l’année 2022 Internet users internet
- 10. “Internet, c’est le réseau qui permet de communiquer entre ordinateurs. ”
- 11. Sur ce réseau, on trouve plusieurs services : ● Le Web (le plus connu d’entre eux) : vous ouvrez un navigateur web pour y aller, comme Google Chrome, Firefox, Internet Explorer, Edge, Safari... ● Les e-mails : pour échanger des messages. Il s’agit tout simplement de courrier électronique. ● Les newsgroups : moins connus, ils sont l’ancêtre des forums et permettent de discuter à plusieurs en postant des messages. ● Le FTP : un moyen d’échanger des fichiers entre ordinateurs. ● Etc.
- 12. Tim Bernes-Lee , le père du World Wide Web (www), en 1991. Le web est un ensemble des pages web stockées sur un serveur qui est connecté 24h/24 . Le web Le web
- 13. Le Web a une longue histoire derrière lui : ● 1969 : création de l’ancêtre d’Internet, appelé alors ARPAnet. C’est un réseau militaire qui se veut décentralisé (il n’a pas de lieu de commande central). Le réseau a ensuite évolué pour devenir un lieu d’échange universitaire avant de devenir progressivement grand public sous le nom d’Internet. ● 1972 : apparition des e-mails pour échanger des messages. ● 1991 : lancement du Web, pour afficher des pages d’information. ● En 1993, Eric Bina et Marc Andreessen créent un logiciel pour visualiser des documents hypertextes : navigateur Introduction
- 14. “Comme vous le voyez, Internet est apparu bien avant le Web ! Il était possible de s’échanger des e-mails avant que l’on puisse consulter des pages web”
- 15. Les utilisateurs lancent les requêtes sur le serveur pour demander une page souhaitée et le serveur se charger de traiter la requête. Le web Le web Au début, les données étaient statique et tout était stocké dans des documents HTML.
- 16. En 1990, le besoin de stocker les données en permanence sur le serveur est apparu et c’est là qu’on a commencé à intégrer les bases de données dans le serveur. Le web Le web
- 17. Tp1 prog_Web
- 18. Les languages du web Avant toute chose, il faut savoir qu’il y a 2 types d’ordinateurs connectés au Web : ● Des clients : c’est l’ordinateur qui sert à aller consulter des sites web. ● Des serveurs : ce sont des ordinateurs spéciaux (souvent très puissants) qui envoient les sites web aux clients. Les serveurs "possèdent" les sites web et les distribuent à ceux qui veulent les visiter.
- 19. Alors dans ce cadres: ● Langages serveur : préparation et envoi des pages web ● Langages client (navigateur) : affichage des pages web
- 20. Pour construire un site web, on a recours à des langages. Ils servent en quelque sorte à établir les plans d’architecte dont on a besoin pour construire les sites. Ces langages sont principalement : ● HTML ● CSS ● JavaScript Tous ces langages sont désormais indispensables à la réalisation de tous les sites web. On dit que ce sont des langages client ou encore des langages frontend, car ils sont lus par les machines des clients. Les languages client: Frontend
- 21. Pour accéder aux sites web, on a besoin de navigateurs web. Il existe notamment : ● Google Chrome ● Mozilla Firefox ● Internet Explorer, et son successeur appelé Edge ● Opera ● Safari Le rôle des navigateurs est de traduire les langages HTML, CSS et JavaScript sous la forme de sites web utilisables par tout le monde. Comment ça se fait ?
- 23. Langage de base pour tout les sites web et applications web. C’est le langage que le navigateur comprend. Le langage pour mettre en forme votre site web. HTML CSS Langage pour ajouter des intéractions avec les utilisateurs Javascript
- 24. Serveur Sont des machines connectées 24h/24 sur internet et sont là pour nous servir les données , repondre aux requetes Base des données Une base de données est un endroit où les informations sont stockées de manière organisée pour une recherche facile. Language de programmation C’est un langage qui va permettre de gérer notre serveur pour qu’il soit à mesure de répondre à nos requêtes Développement backend: Serveur
- 25. Les langages serveur sont, comme leur nom l’indique, gérés par les serveurs. Les clients n’y touchent pas. Leur rôle est un peu différent : ●Les langages client décrivent comment le site web doit s’afficher. ●Les langages serveur décrivent comment le site web doit se comporter. #Un petit rappel
- 26. Les langages serveur sont nombreux. En voici quelques exemples : ● PHP ● Java (rien à voir avec JavaScript, attention !) ● Python ● C# ● etc...
- 27. En plus de ces langages, on a inventé des frameworks pour faciliter la création de sites web dans ces langages du cote Frontend que du cote backend Les frameworks se rapportent à des langages. On peut citer : Pour PHP : Symfony, Zend, Laravel Pour Java : Java EE (ou J2EE) Pour Python : Django, Flask Frameworks
- 28. On confond souvent les frameworks et les CMS (Content Management System) tels que WordPress, odoo etc… WordPress n’est pas un framework : c’est un CMS, c’est-à-dire un site prêt à l’emploi. Il est plus facile à utiliser qu’un framework, car il n’est pas nécessaire de coder, mais il est aussi plus limité (même si, pour beaucoup de personnes, il suffit largement !).
- 29. Comment un language Serveur genere -t-il une page ?
- 31. C’est la personne qui se charge de l’affichage du site web, de la présentation et des interactions . Il se charge de l’affichage des données et le traitement d’informations. C’est la personne qui se charge de gérer le serveur. Il gère la façon dont le serveur va gérer les différentes requtes de l’utilisateur , en bref, la logique des données. Frontend Backend
- 32. Base de données Tous les sites web ont besoin d’enregistrer des informations, comme la liste de leurs utilisateurs, des messages qui ont été échangés, etc. C’est là qu’une base de données intervient : c’est un logiciel dédié au stockage de données. Parmi les logiciels de base de données les plus célèbres, on peut citer : MySQL PostgreSQL SQL Server Oracle SQLite Etc.
- 34. Tp2 Prog_Web
- 35. Introduction à Odoo pour votre site web Odoo est une suite logicielle open source populaire qui offre un large éventail de fonctionnalités pour les entreprises, y compris la création et la gestion de sites Web. Voici un aperçu de ce qu’Odoo peut vous offrir pour votre présence en ligne :
- 36. 01 02 03 Création de site web facile à utiliser Fonctionnalités de contenu riche : Intégrez du texte, des images, des vidéos et d’autres éléments multimédias pour créer un site Web attrayant et informatif. Interface intuitive par glisser-déposer : créez et personnalisez facilement votre site Web sans connaissances techniques approfondies en matière de codage. Modèles et thèmes attrayants : choisissez parmi une sélection de modèles et de thèmes adaptables pour donner à votre site Web un aspect professionnel et moderne.
- 37. ● Responsive: Votre site web est automatiquement adapté à tous les appareils, et vous pouvez décider ce qui est visible sur portable ou non. ● Traduction: Installez plusieurs langues et traduisez le contenu directement à partir de n'importe quelle page. ● Imagerie libre d’utilisation: Découvre un large éventail d'illustrations et de photos en haute résolution disponibles sur la bibliothèque Unsplash pour embellir votre site web. ● Formes et animations: Obtenez de superbes effets visuels et animez des blocs, des textes et des arrière-plans. ● Référecement: Rédigez du contenu adapté aux moteurs de recherche avec l'outil de référencement d'Odoo. ● Analyses : Apprenez-en plus sur vos visiteurs et agissez en conséquence grâce à notre tableau de bord analytique. Fonctionnalités
- 43. Fin du cours