Les applications Web

Les applications Web

  1. Objectifs

    • Connaitre le web
    • Connaitre les applications Web
  2. Qu’est-ce que le web?

    • Le web est né en 1994 avec la création du W3C (WWW Consor1um) par le CERN et le MIT (Tim Berners-Lee président) qui s’occupe de la normalisa=on et des développements du web
    • Sa popularité est due à :
      • Des interfaces graphiques conviviales
      • Une très grande quantité d’informations très diverses
    • Le web repose sur 3 concepts :
      1. L’URL :
        • permet au client de désigner la page demandée
        • Désigne Uniform Ressource Locator :

          Les applications Web

      2. HTTP :
        • Permet de définir le format et la signification des messages échangés entre le client et le serveur (protocole)
          • Requête HTTP : du client vers le serveur, pour demander une page web
          • Réponse HTTP : du serveur vers le client, pour répondre au navigateur
      3. HTML, CSS, PHP, Javascript... : les langages du web
        • HTML : permet de décrire le contenu d’une page web, interprété par le navigateur web pour afficher la page et demander les objets incorporés
        • CSS : permet de définir les styles de la page (format, couleurs, positions…)
        • PHP : permet d’exécuter un programme par le serveur
        • Javascript : permet d’exécuter un programme par le navigateur
    • Des clients : les navigateurs qui font l’interface avec l’humain (Firefox, Internet Exploreur, Chrome, Safari…)
    • Des serveurs : ils hébergent les pages web et répondent aux demandes des clients (Apache, Microsoq IIS…)
  3. Qu’est-ce qu’une application web ?

    • Une application web ou web app est une version d’une page web qui a été optimisée, généralement par une équipe de développement, pour être utilisée à partir d’un téléphone mobile. Grâce à cela, il peut être adapté à n’importe quel appareil.
    • Une application Web est un logiciel complexe. Il se compose de nombreux composants comme l’interface utilisateur, un écran de connexion, un magasin intégré à l’application, la base de données, etc.
    • Pour gérer ces composants, les ingénieurs logiciels ont conçu une architecture d’application Web pour définir logiquement les relations et le mode d’interaction entre tous ces éléments.
    • Une application web désigne un logiciel applicatif hébergé sur un serveur et accessible via un navigateur web.
    • Une application web c’est une application d’Internet qui permet le partage de documents liés entre eux et appelés “pages web” !
    • Une page web peut contenir du texte, des images, des programmes, des liens vers d’autres pages web… !
    • Fonctionne en mode Client/Serveur au dessus de l’architecture TCP/IP
    • En informatique, une application web (aussi appelée web application, en anglais) est une application manipulable directement en ligne grâce à un navigateur web et qui ne nécessite donc pas d’installation sur les machines clientes, contrairement aux applications mobiles.
    • Une application web ou ( web application, en anglais) est une application hébergée sur un serveur et accessible depuis un navigateur web. Contrairement à une application mobile, aucune installation n’est nécessaire.
    • Une application web permet de tout faire et se veut être facile d’utilisation pour l’internaute. Elle peut être un lieu de shopping (boutique en ligne, grand site de vente en ligne comme Amazon), un réseau social (Facebook), un outil de facturation, de comptabilité en ligne ou de gestion de contenus, un moteur de recherche (Google)…
  4. caractéristiques d’une application web

    • Elles nécessitent un développement unique pour tout appareil. Un seul développement en HTML5 suffit pour n’importe quel système d’exploitation.
    • Il n’est pas nécessaire de les télécharger. L’application est hébergée sur un serveur et est accessible à partir d’un navigateur. Cela signifie qu’il est nécessaire d’être connecté pour y accéder.
    • Elles sont accessibles à partir de n’importe quel navigateur. Si vous avez un navigateur installé sur votre appareil (Firefox, Safari, Chrome…), vous pouvez accéder à l’application web.
    • Elles apparaissent comme résultat dans les moteurs de recherche traditionnels. Comme elles n’ont pas besoin d’être téléchargées, vous ne les trouverez pas dans les app stores, mais elles apparaîtront en conséquence dans des moteurs tels que Google.
  5. Quelle est la différence entre les sites Web et les applications Web?

    • Les applications Web diffèrent des sites Web car elles offrent un large éventail de fonctionnalités / fonctionnalités interactives et un contenu dynamique.
    • Le contenu fourni via une architecture pilotée par un client léger ou un serveur varie en taille, structure et design visuel. Afin de prendre en compte un contenu aussi riche, il convient de prendre soin de concevoir une interface utilisateur.
    • Les applications Web sont généralement basées sur des processus et sont responsables d’un certain type d’interaction avec les clients (utilisateurs).
    • Les sites Web sont généralement essentiellement informatifs. rappelez-vous de votre blog ou de votre site d’informations.
  6. Historique

    • Les applications Web interactives ont lentement révolutionné notre façon d’utiliser Internet, faisant passer le contenu des sites avec textes statiques (textes qui n’évoluent pas, mais restent tels quels) à un contenu riche et interactif, donc évolutif.
    • Avant l’arrivée d’Internet, il n’y avait pas d’applications web. Il n’y avait que des applications natives, appelées logiciel ou simplement application, pour Windows, macOS et Linux.
    • Des applications natives ont commencé à utiliser Internet pour échanger des informations entre plusieurs clients. Le courrier électronique en est un exemple et continue d’être au centre de nos communications dans la vie de tous les jours.
    • Au début d’internet, il n’y avait que les sites web. Ils proposaient du contenu informatif de la même manière pour tous les utilisateurs.
    • 1969
      • Arpanet a été le premier réseau réel à utiliser la technologie de commutation par paquets (nouvelle à l’époque). Le 29 octobre 1969, les ordinateurs de Stanford et de UCLA se sont connectés pour la première fois. En fait, ils ont été les premiers hôtes de ce qui deviendrait un jour Internet.
    • 1990
      • Dans les années 1990, les toutes premières applications web ont vu le jour. Elles étaient alors bien moins performantes et maniables que les logiciels à installer.
    • 1995
      • Netscape, ancien et populaire navigateur Web, annonçait une nouvelle technologie, le JavaScript, permettant aux programmeurs de modifier dynamiquement le contenu d’une page Web qui était, jusqu’à ce jour, du texte statique.
    • 1996
      • Deux développeurs, Sabeer Bhatia et Jack Smith, lançaient Hotmail, un service de messagerie en ligne qui permettait (pour la toute première fois!) au grand public, d’accéder et de consulter ses courriels partout où les utilisateurs pouvaient se trouver sur la planète et donc loin de leur poste de travail (ordinateur).
    • 1997
      • Après avoir été acquise par Macromédia puis par Adobe, Flash devint une plateforme de développement d’applications Web interactives.
    • 1998
      • Après avoir été acquise par Macromédia puis par Adobe, Flash devint une plateforme de développement d’applications Web interactives.
    • 2001
      • "Au début de l’année 2001, peu après l’explosion de la bulle Internet, Wikipédia fut lancé comme sous-projet de Nupedia, une encyclopédie traditionnelle en ligne. Pour développer sa plateforme, Wikipédia utilisa un type d’application Web nommée « wiki » permettant à tout internaute d’ajouter du contenu. Les contributions vinrent rapidement, et à la fin de la première année d’opération, Wikipédia comptait déjà 20 000 pages en 18 langues. Aujourd’hui, ce sont près de 21 millions d’articles en 285 langues qui composent le sixième site Web le plus visité au monde, le premier étant Google."
    • 2002
      • Dès 2002, on commence à parler de "Rich Internet Application".
      • Les applications web deviennent alors aussi efficaces que les logiciels et ne cesseront plus d’accroître leurs capacités. Les internautes comme les développeurs vont très vite comprendre tous les avantages qu’ils ont à les utiliser.
    • 2005
      • "En 2005, YouTube fut officiellement lancé, permettant aux internautes de partager des vidéos en ligne. Du simple site de partage vidéo sur Internet à une plateforme à maturité telle qu’elle est connue aujourd’hui, YouTube offre maintenant près de 4 milliards de vidéos par jour, en plus d’un service de location de films en ligne et, enfin, présente des épisodes d’émissions ou de films pour les compagnies MGM, Lions Gate Entertainment et CBS."
  7. Quels sont les avantages d’une application Web ?

    • Une application Web permet au développeur de ne pas avoir à développer un client pour chaque type d’ordinateur ou chaque système d’exploitation.
    • À partir du moment où le client fonctionne dans un navigateur Internet, peu importe que l’utilisateur utilise un Mac ou un PC, fonctionnant sous Windows XP ou Windows Vista. Il peut naviguer de la même manière en utilisant Internet Explorer ou Firefox. Cependant certaines applications nécessitent un navigateur Internet en particulier.
    • Les applications Web sont généralement développées en utilisant des scripts côté serveur (ASP, PHP, etc.) et côté client (HTML, Javascript, etc.).
    • Les applications web fonctionnent à l’intérieur du navigateur web de l’appareil via un simple URL.
    • Le script côté client s’occupe de la présentation des informations. Le script côté serveur s’occupe des tâches compliquées, par exemple le stockage et la récupération d’informations.
    • Les applications Web n’ont pas besoin d’être installées à partir des App Store, comme Google Play Store ou Apple App Store. Cela signifie des économies, puisqu’il est gratuit d’avoir le lien direct via une application Web.
    • Son avantage le plus important, le prix. Le développement d’une application Web est le plus économique. Il consiste à créer un ou plusieurs liens de l’application vers un URL. Le développement d’une application native a un coût plus élevé par exemple, mais sa garantie de succès est plus grande.
    • Le prix plus bas s’explique également par le temps de réalisation qui est bien plus court.
  8. Les types d’applications Web les plus pertinents

    • Application Web statique
      • Elles sont généralement développées en HTML et CSS, bien que des objets mobiles tels que des bannières, des GIF animés ou des vidéos puissent également être affichés quelque part dans l’application web.
    • Application Web dynamique
      • Les applications web dynamiques sont beaucoup plus complexes sur le plan technique. Elles utilisent des bases de données pour charger des informations et ces contenus sont mis à jour chaque fois que l’utilisateur accède à l’application web.
    • Boutique virtuelle ou e-commerce
      • Le développement est plus compliqué car il doit permettre les paiements électroniques par carte de crédit, PayPal ou autre mode de paiement. Le développeur doit également créer un panel de gestion pour l’administrateur. À partir de là, les produits seront téléchargés, mis à jour ou supprimés et les commandes et les paiements pourront être gérées.
    • Portail d’applications Web
      • Par portail, nous entendons un type d’application dans laquelle la page d’accueil permet d’accéder à différentes sections, catégories ou rubriques. En voici quelques exemples :
        • Forums
        • Chats
        • Adresse électronique
        • Moteurs de recherche
        • Zone d’accès avec enregistrement
    • Application web animée
    • Application Web avec ‘gestionnaire de contenu’
      • Dans le cas d’applications web dont le contenu doit être mis à jour en permanence, il est préférable d’utiliser un système de gestion de contenu (CMS) grâce auquel l’administrateur peut effectuer lui-même les modifications et les mises à jour.
  9. Applications web sur iOS et Android

    • Avec les mobiles gagnant en puissance année après année, les applications web sur mobile ont gagné en performance. Les navigateurs web sur mobile ont aussi gagné des fonctionnalités pour que les applications web puissent rivaliser avec les applications natives.
  10. Exercices d’application





    Bibliographie

    • https://www.ideematic.com/actualites/2016/05/l-evolution-des-applications-web-en-10-ans/http://en.wikipedia.org/wiki/HTTP
    • https://www.webfx.com/blog/web-design/the-history-of-the-Internet-in-a-nutshell/
    • https://www.synbioz.com/blog/definition-application-web
    • http://miageprojet2.unice.fr/Master_MIAGE_1/Applications_Web#TP_2.3a_Servlets