[ACF-5] Mise en place du formulaire de proposition

Fait avant la séance :

– Amélioration de l’application TheBadmintonProject

Fait cette séance :

– Mise en place du formulaire pour la proposition d’application (Felix, Alice).
– Tour de Mathieu, Thomas et Louis pour aller chercher des idées d’application.
– Début de programmation avec App Inventor 2 (Mathieu, Louis, Kevin).
– Travail sur le bandeau du blog (Sylvain, Aidi, Xiao).

Création de Sylvain Source : Image LP2I

Création de Sylvain
Source : Image LP2I

– Remplissage de la fiche projet sur GEPI (Quentin).

App2Market – App Inventor sans TitleBar (barre grise)

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

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”

Bienvenue sur App Inventor 2 !

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 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…

[ACF-4] Initiations WordPress, Java, App Inventor

Fait Avant la séance :

  • Création d’une application Delta Store (Sylvain).

Fait cette séance :

  • Lecture du commentaire du jury faits à la validation.
  • Réécriture du Budget dans le dossier d’habilitation.
  • Initiation à WordPress -> présentation de chaque élève dans un article (toute l’ACF).
  • Initiation à App Inventor avec Quentin(Louis, Alice, Mathieu, Kevin et Sylvain).
  • Initiation à la programmation Java avec Nicolas(Thomas et Felix).
  • Travail sur les logos et les fonds des applications (Xiao, Aidi et Sylvain).
  • Travail sur l’aspect graphique des Applications App Inventor (Sans barre grise en haut)(Quentin, Kevin et Sylvain).

A faire la séance prochaine :

  • Finir la rédaction du mail à envoyer au élèves et aux profs
  • Continuer à faire des tutoriels sur App Inventor et Java
  • Mettre un compteur de visite sur le blog

Les articles des membres peuvent être consultés dans la catégorie Travail membres.

[ACF-1] Création du projet

– Création d’affiches pour promouvoir l’ACF et trouver de nouvelles personnes
– Désignation des deux élèves responsables (Quentin et Nicolas)
– Recherche d’âme perdu de 1ère dans la salle multimédia sans succès
– Finalisation de notre groupe d’élèves
– Introduction de ce que l’on va faire durant l’année (avec intervention de M. Pers)
– Renommage de notre ACF en « Delta Store »