Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Université Jendouba Faculté des Sciences Juridiques Économiques et de Gestion D

Université Jendouba Faculté des Sciences Juridiques Économiques et de Gestion Développement Web: Introduction Manel Ben Sassi Université de Jendouba, FJSEG bensassi.manel@gmail.com 1 / 52 Sommaire 1 Avant de commencer 2 Introduction 3 Le web : Évolution et développement Évolution de l’usage Évolution des services 4 Le développement pour le web : est ce difﬁcile? 5 Créer une application web en 3 étapes Comment créer une application? Quels étapes à suivre? L ’essentiel d’une application Web? 6 Quels Outils et technologies nécessaires à la construction d’une application web? Les outils CMS L ’hébergement Le nom du domaine L ’évaluation des applications web 7 Bibliographie 2 / 52 Avant de commencer Avant de commencer 3 / 52 Avant de commencer Plan de cette matière Chapitre Introduction Développement web Chapitre Technologies d’internet : HTML 5 et ses APIs avancés Chapitre Technologies d’internet : CSS 3 et le Web Responsive Chapitre Technologies d’internet : JavaScript avancé : Ajax et Node.js Deux séances de cours hebdomadaire 4 / 52 Objectifs du Chapitre 1 Objectifs de ce cours 5 / 52 Objectifs du Chapitre 1 Objectifs Acquérir la "culture" du développement web et des nouvelles technologies Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le contenu des pages coté client ou coté serveur 6 / 52 Introduction Introduction 7 / 52 Introduction Culture générale : internet ▶C’est quoi? : inter-netting ou "interconnecter des réseaux" ▶C’est à qui? ▶ça marche comment? Réseaux interconnectés à travers le protocole de communication TCP/IP 8 / 52 Introduction L’internet en chiffre Statistiques 9 / 52 Introduction L’usage de l’internet Services!! 10 / 52 Introduction Services : déﬁnitions et exemples ▶E-mail Un service formel couramment utilisé pour envoyer des ﬁchiers textes en temps différé (accès internet ou activer un compte sur un serveur de messagerie POP3) ▶Tchat Echange instantané, interactif et en quasi temps réel de messages entre plusieurs ordinateurs. ▶Surfer Consultation, production et partage de l’information 11 / 52 Le web : Évolution et développement Le web : Evolution et développement 12 / 52 Le web : Évolution et développement Evolution du web Evolution d’Internet 13 / 52 Le web : Évolution et développement Evolution du web Evolution d’Internet : point de vue des usagers 14 / 52 Le web : Évolution et développement Web 2.0 : évolution et Révolution ▶Met l’accent sur l’agilité et la ré-utilisabilité des applications : Focalisation sur les services rendus et sur les données mais pas sur les applications Faiblement couplé pour faciliter l’assemblage de services en applications Faciliter la ré-utilisabilité des contenus ▶Implication des utilisateurs comme acteurs du service rendu Plus le service est utilisé, plus il s’améliore Plus le service est utilisé, plus il devient intéressant ▶Le Web2.0 qualiﬁe les interfaces permettant aux internautes d’interagir sur le contenu des pages et entre eux. 15 / 52 Le web : Évolution et développement Web 2.0 : évolution et Révolution ▶Un nouvelle interactivité et un travail collaboratif : L ’internaute= "créateur de contenu" et "consommateur de contenu" : Diffusion de l’expérience de l’internaute et consulter celle des autres (e.g au travers des blogs). ▶Nouveaux concepts liés à l’ergonomie : moins de clics, plus d’informations afﬁchées à l’écran, moins de temps de chargement ▶Nouvelles technologies : Langage AJAX pour rendre les pages interactives et ﬂuides, Flux RSS, pour être informé des actualités d’une interface Web, les mashups pour interconnecter des applications Web 2.0 dont le contenu est hétérogène. ▶Les réseaux sociaux : échange réalisé par des techniques synchrones comme les messageries instantanées, la téléphonie sur internet , ... ou des méthodes asynchrones comme les forums, les wikis, les messageries en ligne,. . . . (Facebook, MySpace, Twitter, Viadeo, LinkedIn, etc) 16 / 52 Le web : Évolution et développement Synthèse Enrichissement des interfaces 17 / 52 Le web : Évolution et développement Évolution de l’usage Evolution de l’usage Évolution de la technologie connectée au web ▶Plusieurs types d’ordinateurs principalement :ordinateur de bureau (desktop), ordinateur portable (laptop), tablette et smartphone ▶Usages différents : professionnel, performance, mobilité, design, confort, loisirs, etc. 18 / 52 Le web : Évolution et développement Évolution de l’usage Evolution de l’usage On parle du Web sémantique ▶Les informations ne seraient plus stockées mais "comprises" par les ordinateurs aﬁn d’apporter à l’utilisateur ce qu’il cherche vraiment. ▶Objectif : Transformer la masse ingérable des pages Web en un gigantesque index hiérarchisé ▶Projet ambitieux et au cœur de la recherche actuelle. On parle du Web 3.0 Web sémantique + Mobilité (applications disponibles sur tout type de support et notamment les mobiles devices) .. is LOADING ..!! 19 / 52 Le web : Évolution et développement Évolution de l’usage Deep Web ou le web profond Deep Web Partie du web accessible en ligne, mais non indexée (accès à travers des requêtes et non des liens URL) par des moteurs de recherche classiques généralistes. Le web invisible comprend des bases et des banques de données et bibliothèques en ligne gratuites ou payantes... 20 / 52 Le web : Évolution et développement Évolution de l’usage Le besoin avec cette révolution Les besoins des usagers!! Friendly user interface : interface conviviale Adaptativité des applications et des services Big brother : assistance continue dans la navigation et l’utilisation ... ... 21 / 52 Le web : Évolution et développement Évolution des services Services de stockage sur le cloud Le nuage ... Stockage des données en ligne ⇒pas besoin d’une clé usb. Synchronisation des données ⇒données accessibles depuis n’importe quel type ordinateur (tablettes et smartphones compris). Grande capacité de stockage. Possibilité de partage de données avec d’autres utilisateurs. 22 / 52 Le web : Évolution et développement Évolution des services Évolution des services ▶Compression de données : Winzip, Winrar et 7-Zip. ▶Outils d’édition vidéo : VirtualDub, Avidemux, Final Cut Pro X (mac OS X), Windows Movie Maker, Adobe Premiere, etc. ▶Services d’écoute de musique en ligne : Spotify, Deezer, Google Play Music, Grooveshark, Last.fm, etc. ▶Réseaux de serveur/partage de ﬁchiers : Usenet (binnewz) et BitTorrent ▶Réseaux sociaux/professionnels : Facebook, Google+, LinkedIn et Viadeo => visibilité sur google à partir d’une simple recherche. ▶Service de planiﬁcation et de sondage : Doodle. 23 / 52 Le développement pour le web : est ce difﬁcile? Le développement pour le web : est ce difﬁcile? 24 / 52 Le développement pour le web : est ce difﬁcile? Le développement pour le web : est ce difﬁcile? Une question importante avec l’émergence des nos nouveaux besoins Mais aussi de nouvelles technologies 25 / 52 Le développement pour le web : est ce difﬁcile? Le développement pour le web : est ce difﬁcile? Étapes de développement du site Web 26 / 52 Le développement pour le web : est ce difﬁcile? Le développement pour le web : est ce difﬁcile? Une question importante avec l’émergence des nos nouveau besoins Mais aussi de nouvelles technologies Technologies en évolution Il faut maîtriser de nombreuses technologies pour : la structure du document : XML, XHTML, DOM le rendu : CSS (feuilles de style), XSL et XSLT l’interaction côté client : Javascript, Ajax, ... L’interaction côté serveur : PHP , Perl, Python,JAVA ... ▶Ces technologies sont en constante évolution ▶De nouvelles technologies apparaissent tous les ans. 27 / 52 Le développement pour le web : est ce difﬁcile? Que sera le futur du développement web? La tendance de développement web La tendance générale consiste à utiliser des frameworks (Ensemble cohérent de librairies ou sous-programmes) Ces frameworks sont parfois adaptables grâce à des ﬁchiers XML Séparation fond / forme on s’oriente vers la création d’applications Web l’intégration de composants réutilisables. La Réutilisation 28 / 52 Le développement pour le web : est ce difﬁcile? Balkanisation du web Les concepteurs de logiciels se livrent une guerre commerciale aﬁn de faire triompher leurs produits et leurs standard : Windows avec Internet Explorer, Microsoft Server, ActiveX, .NET, ASP , VB Script, CSharp, etc Linux avec Firefox, Apache, PHP , MySQL Balkanisation du web L’utilisation de différents standard et normes conduit à la balkanisation du web : écriture spéciﬁque en fonction des incompatibilités 29 / 52 Créer une application web en 3 étapes Quelles sont les étapes pour créer une application Web 30 / 52 Créer une application web en 3 étapes Introduction Q. Savez-vous la différence entre un site web et une application Web? 31 / 52 Créer une application web en 3 étapes Introduction Q. Savez-vous la différence entre un site web et une application Web? Les applications Web Vs site Web Site web Une seule fonction : présenter un contenu (Exemple : portail de l’entreprise ) ⇒Interface graphique Application web Offre des services à travers le site web, consommé à travers le client-navigateur (exemple : chat, mail, entretenir un réseau social, etc) 32 / 52 Créer une application web en 3 étapes Comment créer une application? Comment créer une application Web? Posez vous tout d’abord les bonnes questions ▶Quels sont vos besoins? ▶Qu’attendez-vous de votre application? ▶Quelle Image de votre entreprise souhaitez vous diffusez ▶Quelle est votre cible? 33 / 52 Créer une application uploads/Science et Technologie/ cours-developpement-web-avance 1 .pdf