Scribd Logo
Importer

Bienvenue sur Scribd !

  • 301 vues

    Chapitre:Les Outils de Développement

    Transféré par

    Amine Zeroual
    Ce chapitre décrit les outils de développement comme les langages, les frameworks, les APIs, les bibliothèques et les IDE. Il présente ensuite des exemples d'application mobile et de site web ainsi que la base de données.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Chapitre:Les Outils de Développement

    Transféré par

    Amine Zeroual
    301 vues10 pages
    Ce chapitre décrit les outils de développement comme les langages, les frameworks, les APIs, les bibliothèques et les IDE. Il présente ensuite des exemples d'application mobile et de site web ainsi que la base de données.

    Description originale:

    Les Outils de Développement pour une application mobile

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Ce chapitre décrit les outils de développement comme les langages, les frameworks, les APIs, les bibliothèques et les IDE. Il présente ensuite des exemples d'application mobile et de site web ainsi que la base de données.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    301 vues10 pages

    Chapitre:Les Outils de Développement

    Transféré par

    Amine Zeroual
    Ce chapitre décrit les outils de développement comme les langages, les frameworks, les APIs, les bibliothèques et les IDE. Il présente ensuite des exemples d'application mobile et de site web ainsi que la base de données.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 10

    ● ● ●

    CHAPITRE 1
    ● ● ●

    Les Outils de Développement


    Introduction
    - Dans ce chapitre, nous parlerons des outils de développement comme les langages, le
    Framework, l'API, les bibliothèques et également l'IDE. Ensuite, nous verrons des exemples
    et des explications sur l'application et le site Web ainsi que la base de données.

    1 Les Outils de Développement


    1.1 Les Langages
    1.1.1 Dart :
    Dart est un langage de programmation développé par la communauté Google. La première version
    datée en 2011. Le but du développement de ce langage est de remplacer Javascript afin d'éviter les limites de
    performance de ce dernier. De plus, Dart peut aussi être utilisé pour la programmation de serveurs ainsi que le
    développement mobile avec le Framework Flutter.

    1.1.1.1 Les Principales Raisons Pour Utiliser Dart :


    Ce langage a été créé principalement pour faire des grosses webapps . Voici le point essentiel de cette technique
     Résoudre des problématiques de performance des Web Apps.
     Taux de productivité³ très élevé par rapport aux autres technologies.
     La facilité d'apprendre et surtout, pas de mauvaises surprises.
     Une plateforme et un système assez cohérents.
     Fournir les bonnes pratiques et des explications bien détaillées
     Une documentation complète.
     Un langage Orienté objet basé sur les classes, héritage unique, typé optionnellement.

    1.1.2 PHP (HyperText Pre-processor) :


    PHP est un langage de script₁ côté serveur, utilisé pour développer des sites Web dynamiques (plus
    complexes).

    Remarque : Les scripts PHP ne peuvent être interprétés que sur un serveur sur lequel PHP est installé.

    Langage de script₁ : Un langage de script est un langage qui interprète les scripts au moment de l'exécution. Les
    scripts ont généralement pour but d'améliorer les performances ou d'effectuer des tâches de routine pour une
    application.

    1.1.3 MySQL :
    C’est ce qu’on appelle un SGBD (un système de gestion de bases de données), son rôle est d’enregistrer
    les données avec une manière bien organisée est pour les retrouvez facilement plus tard. Les données sont stoker
    dans des tables. Les tables sont reliées par des relations définies, qui rendent possible la combinaison de données
    entre plusieurs tables durant une requête. Le langage qui permet de communiquer avec la base des données
    s'appelle le SQL.

    1.1.4 HTML (Hypertext Markup Language) :


    Son rôle est de gérer et organiser le contenu, Et ce que vous écrivez en HTML c’est ce qui doit être
    affiché sur la page : du texte, des lignes, des images…
    1.1.4.1 Les Versions de HTML :
    Il y a cinq versions d’HTML (HTML1, HTML2, HTML3, HTML4, HTML5) , Dans notre projet en doit
    utiliser HTML 5.

    HTML5 : C’est la dernière version. De plus en plus répandue, Il est plus amélioré comme la facilite d'inclure
    un vidéo, un meilleur agencement du contenu avec des nouvelles fonctionnalités …

    1.1.5 CSS (Cascading Style Sheets) :


    Le rôle du CSS est de gérer l'apparence de la page web (agencement, positionnement, décoration,
    couleurs, taille du texte…).et Il complète le HTML.[1]

    1.1.5.1 Les Versions de CSS :

    Il existe trois versions de CSS (CSS1, CSS2, CSS3),Et dans notre site web on doit travailler avec
    CSS3

    CSS3 : C’est la dernière version, qui apporte des fonctionnalités particulièrement attendues comme les
    bordures arrondies, les dégradés, les ombres, etc.

    1.1.6 JavaScript :
    JavaScript est un langage de programmation qui est principalement employé dans les pages web
    interactives. Il permet de dynamiser une page web en ajoutant des interactions avec l’utilisateur, des animations,
    de l’aide à la navigation...etc. Il est devenu incontournable dans tout projet de développement web.

    1.2 Les Frameworks


    1.2.1 Flutter :
    Flutter est un open-source mobile SDK (Software Development Kit) qui était créé par Google que vous
    pouvez utiliser pour développer des applications Android et iOS et d'apparence native à partir du même code.

    1.2.1.1 Les Points Fort de Flutter :


     Développement Rapide :
    Flutter Rechargement à chaud (Hot Reload) vous permet d'expérimenter, de construire des
    interfaces utilisateur, d’ajouter des fonctionnalités et de corriger des bogues rapidement et facilement.
     Performance Native :
    Les widgets de Flutter intègrent toutes les différences de plate-forme critiques telles que Le
    défilement, La navigation, Les icônes et les polices afin de fournir des performances natives complètes sur iOS et
    Android.

     Des UIs Belle et Expressive :


    Les interfaces graphiques et les animations dans flutter sont très puissantes et simples à manipuler
    avec plusieurs widgets et packages intégrer dans flutter SDK

    1.2.2 Bootstrap :
    Bootstrap est une collection d’outils utile à la création du design (graphisme, animation et interactions
    avec la page dans le navigateur ...etc.) de sites et d’applications web. C’est un ensemble qui contient des codes
    HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des
    extensions JavaScript en option.
    1.3 Baas (Backend as a service)
    1.3.1 Firebase:
    Google Firebase est une plateforme de développement d'applications pour le web ou pour mobiles. Elle
    fournit des outils sous forme de services pour la création d’applications mobiles, La technologie utilisée est la
    base de données temps réel (Realtime DataBase).

    1.4 Les bibliothèques


    1.4.1 JQuery :
    JQuery est une bibliothèque JavaScript libre et multiplateforme créée pour faciliter l’écriture de scripts
    côté client dans le code HTML des pages web. Il est utilisé par plusieurs Frameworks tels que Bootstrap et
    AngularJS.

    1.5 APIs
    1.5.1 Maps JavaScript API de Google :
    Cette API permet d’afficher une carte géographique sur une page web, la personnaliser et contrôler son
    comportement vis-à-vis de l’utilisateur.

    1.5.2 Maps ANDROID et IOS API de Google :


    Cette API permet d’intégrer une carte dans une application mobile ANDROID et IOS. Elle offre les
    mêmes fonctionnalités que l’API citée précédemment.

    1.6 Les IDEs


    1.6.1 Android Studio :
    Android Studio est l'environnement de développement intégré (IDE) officiel pour le développement
    d'applications Android, basé sur IntelliJ IDEA.

    1.6.2 VSCode :
    Microsoft Visual Studio est un "integrated development environment " (IDE),Il est utilisé pour
    développer des programmes informatiques, ainsi que des sites Web, des applications Web, des services Web et
    des applications mobiles. Visual Studio utilise des plates-formes de développement logiciel Microsoft. Il peut
    produire du code natif et du code managé.

    1.6.3 Adobe XD :
    Adobe XD est l'outil de prototypage Adobe pour les concepteurs d'expérience utilisateur et d'interaction.
    Les fonctionnalités d'Adobe XD sont utilisées pour créer des structures filaires, des prototypes et des conceptions
    d'écran pour des produits numériques tels que des sites Web et des applications mobiles.
    2 L’Architecteur D’Application
    3 La Base de Données
    4 L’Application Mobile et le Site Web
    4.1 L’Application Mobile

    4.1.1 Page d'accueil :

    - l'avertissement s'adresse aux utilisateurs s'ils souhaitent utiliser l'application sans se connecter
    4.1.2 Page d’inscription et identification :

     Page d’identification  Page d’inscription

    4.1.3 Page Principale :


    4.1.4 Les Pages de Recherche :

    - Lorsque nous appuyons sur l’icône de recherche, un petit écran s'affiche pour insérer les deux stations
    de voie que vous recherchez
    4.2 Le Site Web

    Vous aimerez peut-être aussi