• Home
  • Youzik
  • Papystreaming
  • Darknet
  • Libertyland
  • Cacaoweb
  • GG maps
  • Yggtorrent
  • Zone téléchargement

Grimag

  • Accueil
  • Catégories
    • Smartphone
    • High Tech
    • Business
    • Web
    • Appli Jeux Vidéo
    • Shopping
  • Android c’est quoi ?
  • Nous Contacter
  • Nos comparatifs
    • Drone avec caméra
    • Clavier d’ordinateur
    • Onduleur
    • GPS
    • Répéteur WiFi

Développez avec la plate forme Polymer de Google – TUTO 1 Votre environnement de travail



Polymer est la plate forme de développement de Google basée sur des Web components. Pour faire simple Polymer ajoute sur le HTML5 une nouvelle couche de balises qui permettent de développer rapidement en intégrant très facilement les API de Google et le Matériel Design.

Capture

J’ai décidé de me lancer dans le développement avec cette plate forme surtout que celle-ci offrira la possibilité de migrer facilement ses Web app polymer vers des applications Android. Je vas faire une série de tuto autour de mon expérience sur ce framework.

Dans ce premier tuto je vais mettre en place mon environnement de travail. le système d’exploitation sur lequel je vais travailler est Windows 7.

Il vous faudra tout d’abord installer sur votre ordinateur un serveur Apache, moi j’ai choisi la version WampServer que vous pouvez télécharger ici.Je vous mets ci dessous un tuto en vidéo “comment installer Wampserver”.

[jwplayer mediaid=”129616″]

.

Je vous conseille de créer un répertoire par exemple (PlateformPolymer) dans lequel vous allez mettre tous les fichiers.

Pour installer et utiliser le Framework Polymer j’ai choisi d’utiliser la solution avec un gestionnaire de dépendance Bower. Bower est un outil mis à disposition par les développeurs de twitter qui permet d’automatiser des taches répétitifs. il assure également la mise à jour des fichiers de vos différentes librairies.

Deux pré-requis sont nécessaires au bon fonctionnement de Bower :

  • Node.js (et son manager NPM, Node Packaged Modules)
  • Git

Vous trouverez sur le site alsacreations.com un excellent tutoriel pour installer l’environnement Bower. Attention sous Window 7 assurez que la console est lancée avec l’utilisateur administrateur sinon vous risquez d’avoir quelques bugs.

Quand vous avez fini l’installation de Bower vous devez vérifier deux choses.

  • Il faut que les chemins des répertoires ou sont installée Node.js et Git sont bien enregistrés dans la variable d’environnement PATH. Un video ci dessous pour illlustrer comment on trouve le PATH sous windows 7.
  • [jwplayer mediaid=”129645″]
  • Ensuite dans votre fenêtre DOS les deux commandes ‘Git –version‘ et ‘node –version‘  doivent vous renvoyer leur version installée.



Capture

Votre gestionnaire de dépendance en place nous allons maintenant créer notre premier projet avec Polymer.

  • Créer un répertoire projet_I dans le répertoire principal PlateformPolymer
  • Lancer la console DOS et positionnez vous dans ce nouveau répertoire “cd C:\PlateformPolymer\projet_I”
  • Toujours dans la console lancer la commande “bower init” est suivez les instructions
  • Capture
  • Dans votre répertoire projet_I vous devez avoir un fichier bower.json qui s’est crée.

 

Ensuite c’est la puissance de Bower qui va nous permettre de mettre en place l’ensemble des fichiers pour le bon fonctionnement de Polymer. Toujours en ligne de commande nous allons rappatrier les différentes librairies donc nous aurons besoin avec les commandes suivantes.

  • bower install –save Polymer/polymer
  • bower install —save Polymer/core-elements
  • bower install –save Polymer/paper-elements

Vous devez retrouver dans votre répertoire projet_I un nouveau répertoire qui s’est créé tout seul bower_compoments avec plusieurs sous répertoires. 

Nous sommes maintenant prêt pour développer notre première application avec Polymer. Vous pouvez retrouver la série de ces tutos ici.

Juin 30, 2014Gnakouri Danon

Ces articles pourraient vous intéresser :

  • Développez avec la plate forme Polymer de Google – TUTO 4 Polymer et fichier json part IDéveloppez avec la plate forme Polymer de Google – TUTO 4 Polymer et fichier json part I
  • Développez avec la plate forme Polymer de Google – TUTO 3 Action du menu vers une page
  • Développez avec la plate forme Polymer de Google – TUTO 4 Polymer et fichier json part IIDéveloppez avec la plate forme Polymer de Google – TUTO 4 Polymer et fichier json part II
  • Développez avec la plate forme Polymer de Google – TUTO 2 ma première WebAppDéveloppez avec la plate forme Polymer de Google – TUTO 2 ma première WebApp
  • Développement d’une application Android autour de la cuisine  Etape 1 – Installation Android StudioDéveloppement d’une application Android autour de la cuisine Etape 1 – Installation Android Studio
  • Google travaille sur un Framework Android (performant et sans java) basé sur DartGoogle travaille sur un Framework Android (performant et sans java) basé sur Dart
  • Udacity – 4 nouveaux modules pour ses cours de dev sour AndroidUdacity – 4 nouveaux modules pour ses cours de dev sour Android
  • Deux Bouquins pour bien commencer le développement d’application AndroidDeux Bouquins pour bien commencer le développement d’application Android
  • Développez votre propre boussoleDéveloppez votre propre boussole
  • Intégrer les pub de Greystripe.com dans vos applications androidIntégrer les pub de Greystripe.com dans vos applications android
  • Intégrer des pub Admob dans ses applications AndroidIntégrer des pub Admob dans ses applications Android
  • Utiliser la camera dans vos applications androidUtiliser la camera dans vos applications android
  • material.io – Les développeurs d’applications Android vont être ravismaterial.io – Les développeurs d’applications Android vont être ravis
  • Optimiser vos applications Android pour ChromebooksOptimiser vos applications Android pour Chromebooks
  • Convertir facilement vos applications Android vers des applications Iphone avec J2ObjCConvertir facilement vos applications Android vers des applications Iphone avec J2ObjC
  • Microsoft va faciliter le portage d’applications Android que Windows 10Microsoft va faciliter le portage d’applications Android que Windows 10
  • Mise à jour des API Android avec une nouvelle librairie 22.1Mise à jour des API Android avec une nouvelle librairie 22.1
  • Playslist Youtube de Tutoriels pour le developpement AndroidPlayslist Youtube de Tutoriels pour le developpement Android
  • Material Design – Quelques nouveautésMaterial Design – Quelques nouveautés
  • Google publie des exemples de codes pour vos apps multi-deviceGoogle publie des exemples de codes pour vos apps multi-device
  • Google paye son Ebook – The Secrets to App Success on Google PlayGoogle paye son Ebook – The Secrets to App Success on Google Play
  • Material Design – Un peu plus de doc pour les développeursMaterial Design – Un peu plus de doc pour les développeurs
  • Recherche vocale – 6 lignes de code pour interagir avec vos AppsRecherche vocale – 6 lignes de code pour interagir avec vos Apps
  • Material Design – Google publie une cheklist pour les développeursMaterial Design – Google publie une cheklist pour les développeurs

Partager :

  • Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Google+(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Reddit(ouvre dans une nouvelle fenêtre)
  • Plus
  • Cliquez pour envoyer par e-mail à un ami(ouvre dans une nouvelle fenêtre)
  • Cliquer pour imprimer(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Pinterest(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Pocket(ouvre dans une nouvelle fenêtre)


HTC - Fuite de son planning de mises à jour AndroidAndroid Studio - L'IDE Google passe de Preview à Beta
Gnakouri Danon

Co-fondateur du site Android france, senior lead developper, passionné de bière et de cigare cubain

30 juin 2014 Actualité, Developpement, Tuto développementandroid, Application, Developpement, framework, tuto, tuto polyme, tuto polymer, web application, web components, Windows 72,644

2021 © Android-France
loading Annuler
L'article n'a pas été envoyé - Vérifiez vos adresses e-mail !
La vérification e-mail a échoué, veuillez réessayer
Impossible de partager les articles de votre blog par e-mail.