Tutorial react android jean philippe kha remi pourtier

Rémi Pourtier Jean-Philippe Kha Adaptation des interfaces à l ? environnement Application Find Your Movie Technologies Android React CPlan I- Introduction II- Développement avec Android Comment l ? application a-t-elle été réalisée Les outils de développement et de tests utilisés Déploiement Tests des capacités d ? adaptation III- Développement avec React Installation du React starter kit Comment l ? application a-t- elle été réalisée Les outils de tests utilisés IV- Conclusion Bibliographie Annexes CI-Introduction Pour ce projet nous avons décidé de développer une application destinée aux utilisateurs qui ne savent pas quel ?lm regarder Cette application possède des fonctionnalités simples La page principale contient un ?lm avec la possibilité de sauvegarder le ?lm que l ? on a envie de voir ou de le passer En appuyant sur l ? image du ?lm l ? utilisateur a la possibilité de regarder la bande d ? annonce de lire le synopsis les commentaires positifs et négatifs Une fois que l ? utilisateur a fait son choix un autre ?lm s ? a ?che Il peut consulter quand il le souhaite la liste des ?lms sélectionnés Nous avons choisi de confronter deux types d ? applications les applications web et natives Le but est de comparer les performances de deux langages en terme d ? adaptabilité Pour le développement web nous avons opté pour React et pour le coté natif nous avons choisi Android Dans ce rapport nous allons vous proposez un tutorial pour ces deux technologies Nous partageons l ? expérience acquise lors de ces deux développement sous la forme d ? un tutorial a ?n d ? aider les personnes qui souhaitent utiliser l ? une de ces technologies Dans la première partie nous allons voir la partie Android La seconde présentera le développement avec React En conclusion nous ferons un bilan des expériences de développement CII-Développement avec Android Comment l ? application a-t-elle été réalisée La réalisation de l ? application peut se découper en partie nous allons tout d ? abord voir comment nous créons un menu coulissant de côté ??Navigation Drawer ? ? Sliding Menu ? ensuite nous expliquerons comment nous faisons des onglets coulissant ??Sliding Tabs ? puis nous verrons comment nous dé ?nissons les composants d ? un écran a ?n que celui ci s ? adapte à taille de l ? écran Pour commencer il faut créer un nouveau projet sous Android Studio et créer un ??Blank Activity ? Menu coulissant Création du thème de notre application colorPrimaryDark correspond à la couleur qui sera appliqué à la bar de noti ?cation colorPrimary correspond à la couleur qui sera appliqué à la bar d ? action textColorPrimary correspond à la couleur du texte qui sera appliqué à la bar d ? action windowBackground correspond à la couleur de l ? arrière plan par défaut de l ? application navigationBarColor correspond à la couleur de la bar navigation situé au pied de l ? application CDé ?nissons dans un premier temps les couleurs qu ? on

  • 34
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager