background preloader

Applications mobiles

Facebook Twitter

Android Fragments Tutorial: An Introduction. This tutorial is an introduction to Android Fragments. You will learn the fundamental concepts of Android Fragments while creating an app that displays the rage comics. Update note: This tutorial has been updated to API 25 and Android Studio 2.2.2 by Huyen Tue Dao. The original tutorial was written by Huyen Tue Dao. fragment | noun | /’frag-mənt/ an isolated or incomplete part of something A fragment is an Android component that holds part of the behavior and/or UI of an activity.

In many ways, they resemble and echo the functionality of activities. Imagine for a moment that you’re an activity. Now just like you don’t actually need a few minions to do your bidding, you don’t have to use fragments. Modularity: dividing complex activity code across fragments for better organization and maintenance.Reusability: placing behavior or UI parts into fragments that can be shared across multiple activities. The time has come to release the fragments! Getting Started With Android Fragments Guess what?

Android studio

Tutoriel : Exporter une application mobile de A à Z. Hello ! Tu viens de développer ton application Cordova et tu voudrais l’exporter sur ton téléphone ? Tu es au bon endroit ! Sinon je te conseille de voir le tutoriel pour créer une application facilement Avant de commencer, je tiens à dire que nous allons exporter l’application pour les appareils Android, car c’est un système d’exploitation open-source, ainsi tout le monde peut exécuter l’application quelque soit sa machine (PC ou Mac).

Là, tu te dis que tu n’as pas de téléphone sous Android donc que cet article ne te concerne pas … que nenni ! D’une, nous allons émuler un téléphone Android sur notre ordinateur, et de deux, nous allons aussi voir certaines commandes utiles pour exporter ton application sur iOS. NB : c’est une des limites du monde d’Apple, tu dois avoir un Mac pour exporter une application sous iOS. Configuration de l’export Si tu es sous Windows, exécute le fichier .exe téléchargé, installe-le, puis lance l’Android SDK Manager.

Émulation Et ensuite ? 5 (100%) 2 votes. Créer une application mobile de A à Z – Partie 2 : Développement. Hello ! Tu viens d’installer Cordova sur ta machine et tu es fin prêt à développer une application mobile de tes propres mains ? Alors, tu peux démarrer cette deuxième partie du tutoriel Si tu n’as pas encore installé Cordova sur ta machine ou si tu ne sais tout simplement pas le faire, je t’invite à lire la première partie du tutoriel qui est entièrement dédié à cette étape. L’application que nous allons réaliser va nous donner la météo actuelle dans une ville que l’on aura choisie via un formulaire.

Nous allons utiliser plusieurs outils pour accélérer le développement. Les outils jQuery : la fameuse librairie JavaScript qui facilite la gestion d’évènements, la manipulation du DOM, la manipulation des feuilles de style et bien d’autres. Materializecss : c’est un framework CSS (comme Bootstrap ou Foundation avec des styles différents) basé sur le Material Design de Google. OpenWeatherMap API : c’est ce qui va nous donner les informations météorologiques de chaque ville. Le développement Le ! Tutoriel : Créer une application mobile - Installer Cordova. Hello hello ! Tu viens d’avoir une idée de folie pour une application mobile mais tu ne sais pas comment la développer ?

Tu penses que les applications mobiles peuvent être créées qu’avec les langages propres aux systèmes d’exploitation mobile tels qu’Android et iOS ? Ce temps est révolu ! Tu peux maintenant créer une application avec les langages que tu connais en tant que développeur web. Pré-requis pour créer une application mobile Avoir quelques notions sur la ligne de commande.Connaître HTML/CSS, notions de JavaScript.Savoir trouver des solutions à ses problèmes. Le dernier point est important car chaque machine est différente et il se peut que l’installation de tel ou tel outil te poses un souci. Ce tutoriel sera composé de trois parties : Pour te mettre l’eau à la bouche et rendre ludique la partie théorique, je vais t’expliquer ce que nous allons réaliser. A noter aussi qu’il existe différents types d’applications : Préparer l’installation de Cordova Toujours prêt ?

Installer Nodejs. Comment adapter son contenu pour mobile ? Toi aussi tu passes tellement de temps sur ton smartphone qu’on a l’impression qu’il est greffé dans ta main ? (bon ok j’exagère à peine) Alors tu as sûrement dû remarquer que certains sites étaient plus ou moins optimisés pour ton mobile, non ? Si tu as bien suivi la stratégie de contenu marketing, il faut aussi penser à l’adapter à nos petits écrans ! Des changements de comportement C’est une des grandes tendances de 2015 ! Le mobile prend de plus en plus de place dans notre quotidien. Téléphone portable, tablettes ou encore montres connectés, c’est simple, on veut être connecté partout, n’importe quand !

De là sont nées des nouvelles tendances de consommation de l’information. Le smartphone est partout ! La lecture sur mobile Qui dit petit écran dit lecture rapide ! 79% des utilisateurs adoptent une lecture en diagonale. En effet, le lecteur va balayer le texte et ne retenir que les petits paragraphes, plus faciles à mémoriser que des longs pavés de textes. Savoir adapter sa rédaction. Les meilleurs cours et tutoriels pour apprendre la programmation sur système Android, et le développement d'applications mobiles.

DEVDROID Tips : thèmes Material customisés › DZ-Gen.com. MaterialViewPager - Créer facilement une application Android au look Material ! Vous souhaitez embellir votre application en lui donnant un look Material Design ? Et bien ce tuto est fait pour vous ! Je vais vous montrer dans ce tutorial comment reproduire l’ergonomie de l’application Google Play Kiosque à l’aide de la bibliothèque MaterialViewPager. Notre principal outil pour ce tutorial sera MaterialViewPager, une librairie open-source dont je suis l’auteur, qui est maintenant soutenue par la communauté Github : 1.

Importer Commençons par importer MaterialViewPager dans notre projet build.gradle transitive=true permet de demander à gradle de télécharger les dépendances de cette librairie. 2. Ajoutons une vue MaterialViewPager à notre activitylayout/activity_main.xml Nous voyons que l’objet MaterialViewPager possède une multitude d’attributs, essayons de jouer avec afin de reproduire l’application Kiosque ! Essayons de faire disparaitre la toolbar lors du scroll Entête drawable/circle.xml Style Resumé RecyclerView & CardView 1.

Remplacer une ActionBar par une Toolbar. La version 5 d’android (Lollipop) introduit une nouveauté nommé Toolbar. Ce nouveau composant devrait à long terme remplacer la barre d’action (ActionBar) d’une application. Ce composant posséde plusieurs avantage par rapport à une action bar. Il est déclaré dans le layout de votre activité : Ce qui permet de facilement personnalisé sa taille, son contenu, sa couleur, sa position Une toolbar peut contenir les différents éléments suivants : Un bouton de navigation (ouverture d’un menu ou retour à l’activité parente).Le logo / image identifiant l’application.Une ou plusieurs vues personnaliséesDes actions Prenons l’exemple d’un projet contenant une ActionBar.

Pour remplacer cette ActionBar par une toolbar, il suffit de suivre les étapes suivantes : Modifier le thème de l’application La première étape consiste à modifier le thème de l’application afin de rajouter les deux attributs windowActionBar (indique si l’application utilise une actionbar). Déclarer la Toolbar dans votre vue La valeur “? Comment optimiser une application Android - Partie 1. Le but de ce tutoriel est de présenter quelques bonnes pratiques et/ou optimisations que vous pouvez appliquer à vos applications. Cela sera abordé a travers plusieurs aspects. Les différentes optimisations prisent séparément peuvent vous paraître ridicule, mais chaque erreur d’optimisation x 100000 dans une application peut entrainer des ralentissements, fuites mémoires ou autres.

L’allocation d’objets est UN POINT sensible de l’optimisation d’une application. Plus vous allouez d’objet, plus votre application sera gourmande en mémoire. Voici quelques règles à respecter dans l’allocation de mémoire : Vous n’allouerez pas d’objet d’objet dans les boucles Lorsque vous êtes dans une boucle (for / while …), évitez d’allouer des objets à l’intérieure de la boucle. Privilégiez les boucles for simple Privilégiez les boucles for simple au foreach (for (Object o : list)) car le foreach entraine l’initialisation d’un objet Iterator (servant à parcourir la liste). Attention au vue personnalisée. Comment optimiser une application Android – Partie 2. Après quelques conseils d’optimisation au niveau code JAVA d’une application (que vous pouvez retrouver ici), voici la deuxième partie de ce tutoriel qui concerne les optimisations au niveau de l’interface utilisateur. 1 – Detecter les overdraws L’overdraw se produit quand un composant (partie) d’une vue nécessite plusieurs passages pour être dessinée (plus que nécessaire).

Optimiser le nombre de passage nécessaire pour dessiner une vue, optimisera son temps de chargement et améliora donc l’expérience utilisateur. Un outil (disponible dans les options développeurs) permet de connaitre le nombre de passage nécessaire pour dessiner une vue et cela à travers différents codes couleurs. Pour afficher l’overdraw d’une vue, il faut accéder aux “options pour les développeurs” d’un appareil (pour activer les options développeur, suivez les instructions suivantes).

Une fois l’option activée, tous les éléments qui compose un écran auront une couleur spécifique : Voici le code de la vue Ce qui donnera :