Dans ce billet je vous avais parlé de l’API de Sony ericsson pour développer des applications sur Android. Aujourd’hui je vais faire un tuto sur l’installation et le développement d’application Android avec ce Framework.
Premier point l’installation
Pour installer cet API vous devez la télécharger ici. Le problème c’est une extension .msi, donc seulement compatible Windows. Pour ceux qui sont sur d’autres os (linux ou mac os) j’ai compressé le répertoire qui nous intéresse, vous pouvez le télécharger ici (également valable pour les utilisateurs windows).
Je vous conseille également de télécharger le phoneGap simulateur, c’est un logiciel en adobe air donc compatible avec tous les os. Cette application vous permettra de débugger vos applications écrites en Javascript.
Pour utiliser cette API, il faut importer dans un projet que vous avez créé le dossier Web SDK\Phonegap Framework . Pour cela il faut faire : clique droit sur le projet->import ->sélectionnez le répertoire Web SDK\Phonegap Framework
On obtient donc l’arborescence suivante :
Deuxième point le développement
Quand on regarde de plus près, cette API offre un ensemble de fonctionnalités qui tournent dans une webview, traduction c’est un mini navigateur web. Par contre, elle offre l’accès à plusieurs fonctions et capteurs du téléphone tout ça en Javascript.
- Geolocation (GPS co-ordinates)
- Accelerometer (x, y, z co-ordinates)
- Appareil photo
- Contacts
- Son
- Vibreur
Développons avec cette API une interface comprenant un bouton qui fait vibrer notre téléphone. Comme sur les serveurs web le fichier par défaut est le fichier index.html qui se trouve dans le repertoire asset/www de votre projet. Je rajoute donc ce code dans ma page index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <!DOCTYPE HTML PUBLIC « -//W3C//DTD HTML 4.01//EN "
" http://www.w3.org/TR/html4/strict.dtd ">
<html>
<head>
<meta name= "viewport " content= "width=320; user-scalable=no " />
<meta http-equiv= "Content-type " content= "text/html; charset=utf-8?>
<!– notre fonction qui fait vibrer–>
var vibrate = function(){
navigator.notification.vibrate(0);
}
<title>PhoneGap</title>
<link rel= "stylesheet " href= "master.css " type= "text/css " media= "screen " title= "no title " charset= "utf-8?>
<script type= "text/javascript " charset= "utf-8? src= "phonegap.js "></script>
<script type= "text/javascript " charset= "utf-8?>
</script>
</head>
<body onload= "init(); " id= "stage ">
<a href= "# " onclick= "vibrate(); ">Vibrate</a>
</body>
</html> |
Compilez, exécutez, et vous avez une application avec un bouton qui fait vibrer votre téléphone. La question Gagne t on vraiment du temps de développement avec cette API?
Je pense que ce Framework peut être intéressant pour des développeurs en HTML et Javascript qui aimeraient développer une application Android ou si vous voulez développer une application android rapidement et qui ne demande pas d’énormes ressources.
Autre fonctionnalité avec ce framework, quand vous avez fini de développer vous disposez également d’une WebApp (que vous pouvez mettre en ligne) compatible avec le téléphones Sony Ericsson xperia X10.
Petit détail pour débugger le Javascript de vos applications réalisées avec ce Framework lancer le PhoneGap simulateur et sélectionnez votre fichier index.html puis le bouton debug ( le bouton avec l’icône d’un insecte).
Cette API fonctionne également avec Android 1.5. Par contre, je ne garantis pas le bon fonctionnement de toutes les fonctionnalités. Il faut également modifier votre fichier AndroidManifest.xml.
