Se servir du LocationSensor dans AI2

Un tutoriel est disponible sur le site de AppInventor.

Une page PDF, disponible sur le site de l'IGN, montre comment calculer la distance entre 2 points dont les coordonnées GPS sont connues.

SA-B = arc cos (sin ϕA sin ϕB + cos ϕA cos ϕB cos dλ)
avec dλ = λB – λA

La distance S en mètres, s’obtient en multipliant SA-B par un rayon de la Terre conventionnel (6 378 137 mètres par exemple).

Les coordonnées GPS récupérées sont exprimées en degrés décimaux. Dans la formule, latitude et longitude sont exprimées en radians. Donc dans le calcul, il faut d'abord :
- multiplier l'angle par PI
- diviser l'angle par 180

 Exemple :
Ici il s'agit de comparer un point de référence avec la position actuelle.
Si la distance entre les deux points devient inférieure à un certain seuil (ici 300 mètres), alors le vibreur du téléphone est mis en marche pendant 5 secondes et l'écran numéro 2 est affiché (avec une image et un bouton de retour).

Créer une application sous Android

Créer une application Android peut se faire de deux manières.
Si vous êtes un adepte de Java et de XML, alors pas de problème. Télécharger l'application Android Studio. Vous avez là la boîte à outils gratuite pour vous permettre d'aborder le travail.
Si vous n'êtes pas de la race des programmeurs de haut-vol, alors laissez moi vous conseiller une manière plus ludique et plus graphique. C'est beaucoup plus rapide. Une sorte de langage visuel.

Il s'agit du service Web en-ligne créé par le M.I.T. (la grande université américaine) qui s'intitule MIT App Inventor 2.  Il existe bien un Inventor 1, mais bien moins évolué.

Accédez ici directement à la programmation

Pour aborder l'art de coder avec MIT AI2, un certain nombre de vidéos explicatives sont proposées sur YouTube. Les plus complètes, vous vous en doutez, sont en anglais. Mais vous trouverez également des vidéos en français, par exemple celles de Tronche de Geek.

Alors commençons par celles en anglais et, à tout seigneur tout honneur, le MIT . Voici une série de vidéos.
Application I have a dream

Pour les débutants :
Talk to me ,
Shake,
Balle bondissante,
Pot de peinture (pour apprendre à dessiner sur un canevas)

Vous pouvez aller également sur le site appinventor.org


 Composants de l'interface utilisateur :

• Button
• CheckBox
• DatePicker
• Image
• Label
• ListPicker
• ListView
• Notifier
• PasswordTextBox
• Screen
• Slider
• Spinner
• TextBox
• TimePicker
• WebViewer

Blocs intégrés

Pour apprendre AppInventor 2, pas-à-pas avec un livre, vous pourrez
 télécharger celui-ci en PDF.

Pour enlever la barre grise de titre, voici une petite application ou tout simplement changer le titre du Screen et décocher "Visible".

Pour créer une liste, regardez la vidéo de David Wolber.

Pour ouvrir une page HTML

Uploader les fichiers HTML depuis l'application AppInventor : Choisir composant Média et uploader le fichier HTML. Si ce fichier HTML fait appel à une image, uploader le fichier image. Dans le code source, mettre la largeur de l'image à 100%.
Ajouter ensuite un composant de type Webviewer.
Dans l'éditeur de blocs, ajouter un bloc Webviewer.GoToUrl avec un bloc de texte contenant l'adresse de la page HTML.
Ce bloc peut être utilisé dans n'importe quel événement :

Screen1.initialize

Button1.click

Pour l'émulation l'adresse de la page HTML n'est pas identique à celle pour la compilation (apk).

Services Google

Local Guides
Contribution à Local Guides
Points et avantages

Map Maker
Ajouter un point

De la musique en FLAC

Le FLAC (Free Lossless Audio Codec) est un codec libre de compression audio sans perte.

Voici quelques liens
freeky_music

Ajouter un waypoint photographique

Dans Google Earth, il est possible de rajouter un waypoint photographique à la liste existante des waypoints.

1) Ajouter une épingle à l'endroit géolocalisé de la photo
2) Déplacer cet objet dans la liste des waypoints (tableau latéral)
3) Dans "propriétés", lui ajouter une image. L'URL de cette image est "files/nom_de_l_image.jpg".

<description><![CDATA[<table border="1"><tr><td><img width="320" src="files/nom_de_l_image.jpg" /></td></tr></table>]]></description>

4) Changer l'icone standard épingle par une icone appareil photo
5) OK
6) Enregistrer sous forme de fichier kmz
7) Dézipper le fichier kmz, ce qui donne un fichier "doc" et un dossier "files"
8) Mettre l'image dans le dossier "files"
9) Ouvrir le fichier doc dans Google Earth. Le waypoint photo est actif.

Renverser et accélérer une vidéo

Il y a quelque temps, j'ai dû réaliser une séquence vidéo dans laquelle je dessinais sur une feuille de papier avec des marqueurs de couleurs. Pour faire cela, j'ai inversé le montage de mon trépied photo pour pouvoir dessiner au-dessous.
Problème 1 : La fixation de la caméra ne pouvait se faire qu'entre 2 pieds. Je devais donc dessiner dans l'espace entre ces deux pieds. La vidéo réalisée était donc la tête en bas. Il fallait donc la remettre dans le bon sens.
Problème 2 : Le dessin en direct demande un certain temps, avec des temps morts comme les changements de couleur de marqueur. Il fallait donc que j'accélère la vidéo postérieurement à la prise de vue.

La solution trouvée m'a été fournie par le logiciel Proshow Producer  :

Etape 1 : Rotation
Choisir Layers > Effects
Keyframe 1 et 2
Rotate- Smooth : 180°

Etape 2 : Accélération
Layers > Settings
Vidéo clip settings
Speed (curseur à 200% pour doubler la vitesse).

Voila pour le renversement dans l'espace, c'est-à-dire tourner l'image de 180°.
Pour le renversement dans le temps, c'est-à-dire que la fin de la vidéo devienne le début de la vidéo, le logiciel Proshow Producer ne le permet pas. Pour cela j'utilise un freeware, téléchargeable sur le net, appelé Video Time Reversal. Cela permet, par exemple, de transformer un zoom arrière en un zoom avant.

Intégrer ses photosphères à son site

Avant tout rechercher votre photosphère dans Maps avec le pegman (solution 1) ou dans Maps : développer le panneau latéral avec la flèche à gauche et cliquer sur l'onglet "Photos" pour retrouver directement votre photosphère publique;

Mise à jour (mars 2016) avec la
Méthode de Tony Redhead

1) Ouvrir l'outil d'intégration à cette URL
http://suddenlink.net/popenoe/tools/embedding-tool.htm
2) Se déplacer et zoomer sur la carte sur le lieu de la photosphère
3) Placer le pegman sur le point bleu pour générer le code
4) Se déplacer dans la photosphère pour l'amener dans la position qui doit être la vie initiale
5) Copier le code

Analyse du code, permettant de se fabriquer soi-même l'iframe à intégrer :

Tronçon 1 :
<iframe frameborder="0" width="640" height="360" style="border: 0" src="https://maps.google.com/maps?layer=c&panoid=F:

Tronçon 2 (c'est le panoID) :
découper après !1s et avant!2e
et remplacer %2F par /

Tronçon 3 :
ajouter :

&ie=UTF8&source=embed&output=svembed&cbp=13"
allowfullscreen=true></iframe>
__________________________

Obsolète :
Voici ce que dit Google :

<iframe
  width="450"
  height="250"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/search?key=YOUR_API_KEY&q=record+stores+in+Seattle" allowfullscreen>
</iframe>

1) Pour récupérer sa clé d'API, aller sur :
https://console.developers.google.com/project
Sélectionner le projet.
L'ID du projet est affiché.
Repérer si l'ID est bien activé (cliquer sur activer et gérer des API, cliquer sur API activées)

2) Regarder l'URL affiché qui accompagne la vue photosphérique dans Maps.
Normalement, il faut ajouter le panorama ID qui est après le !1s et avant le !2e (voir article Stack Overflow).
Exemple de PANORAMA-ID:
1!3m6!1s-KxGMnz3x_Wk%2FVhlhGut1BII%2FAAAAAAAAckE%2F55jXhLiQKt4


donc dans la formation de l'URL, après la clé API, ajouter &pano=PANORAMA_ID

Voir également cet article.
Le snippet est de la forme :

<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/streetview?pano=2k2pvtUuhek5-r110sW2Lg&key=AIzaSyB7cbSbriZYV2eW..." allowfullscreen>

Voir aussi la page Quick Start de Google SV

Solution du plugin Embedder

Solution ekreativa