Bonjour tout le monde,
Voici un petit tutoriel pour enlever la barre grise qui mangeait de l’espace sur l’écran des applications développées avec AI.

App2Market

Voici l’onglet ou l’on modifie son apk avec AppToMarket
Source : Image LP2I

Pour pouvoir enlever cette barre grise vous aurez besoin d’un petit logiciel appelé App2Market.
Ce programme a été conçu à la base pour poster plus rapidement des application android sur le market (ancienne version de Play Store).
Pour enlever la barre grise nous n’allons utiliser que la partie du logiciel qui modifie le “AndroidManifest.xml” ou plus familièrement le manifest de notre application.
Le manifest d’une application regroupe plusieurs choses importantes pour l’applications :
– les différentes autorisations a demander à l’utilisateur pour que l’applications y ait accès (accès internet, à l’appareil photo, etc…)
– Le titre de l’applications
– les différents composants pour chaque écran
– autres paramètres pour le stockage, etc…
Ce qui nous intéresse ici c’est la déclaration des différents composants puisque la barre grise est un des composants d’une application AppInventor.
On va donc décompresser notre apk compressé par App Inventor pour editer le manifest.
Puis on va re-compresser l’apk avec le nouveau manifest.
Tout cela est fait par App2Market donc pas de souci si vous n’avez rien compris à ce que j’ai dit plus haut suivez bien ce qui arrive ensuite…

1. On va tout d’abord télécharger App2Market.
2. Décompresser l’archive, puis lancez AppToMarket_v32.jar ou runMeWindows_v32.bat (si cela ne fonctionne pas installez Java)
3. Une fois App2Market lancé allez dans l’onglet “1> Certificate Details” et cliquez sur generate (cette partie doit normalement être remplie avec des vraies données fournies par le Play Store pour créer un certificat de sécurité nous en créons un faux ( puisque c’est les valeurs par défaut) puisque ce n’est pas ce qui nous intéresse ici mais nous en aurons besoin plus tard)
4. Puis dans l’onglet “2>De/Re complie and warp-up” allez chercher votre application avec “browse”
5. Ensuite décompilez l’application en appuyant sur le bouton “1> Decompile”
6. Vous pouvez ensuite éditer le Manifest avec les différents menus en dessous du bouton Decompile (Version, Nom de l’application, résolution, etc…)
7. pour enlever la barre grise vous devez sélectionner “NoTilteBar” dans le menu deroulant screen.
8. Une fois tout les paramètres rentrés cliquez sur “2> Update Manifest”, puis sur “3>Create new .apk”
9. Ce n’est pas fini ! l’application créer ne voudra pas s’installer puisqu’elle n’a pas de signature on va donc lui donner le faux certificat que nous avons créer en cliquant sur “4> Sign”
10. Puis on va compiler l’apk finale avec le bouton “6>Zip Align the apk”
11. Vous n’avez plus qu’a récupérer votre apk qui se nomme par default “lenomdevotreapk_new_zipAlign.apk”

Bonjour tout le monde,
Une petite update concernant App Inventor…
En cherchant mieux sur le site du MIT j’ai vu qu’une version Alpha pour App Inventor était sortie : App Inventor 2 !

AI2 – Quoi de neuf ?

Bonnes nouvelles :

– Une interface complète sur navigateur (designer, Block editor)

Voici le nouveau App Inventor ! Ici le designer qui ressemble beaucoup à celui de la beta.
Source : Image LP2I

Voici le block editor entierement intégré au navigeur plus besoin de le télécharger !
Source : Image LP2I

-Possibilité de développer son application sans la barre grise avec le companionApp que j’ai transformé (à télécharger sur la page de téléchargement)

Mauvaises nouvelles :

– La résolution est toujours médiocre.
– L’application qui interagie avec App Inventor doit recharger tout les composants de l’application en développement à chaque modification (elle plante si on le fait trop rapidement).
– le code source n’est pas encore disponible donc pas de serveur en local pour l’instant…