lundi 22 août 2016

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é.


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 :

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).


samedi 16 avril 2016

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

mercredi 30 décembre 2015

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.

dimanche 13 décembre 2015

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.

mardi 10 novembre 2015

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









mardi 20 octobre 2015

Ajouter des waypoints photographiques à un tracé kmz

Après une randonnée, un tracé a été sauvegardé avec des waypoints textuels et photographiques.

On peut souhaiter ajouter d'autres waypoints ou d'autres photos à ce circuit. On se servira de Google Earth.

1) Ouvrir le kmz dans Google Earth
2) Remarquez tous les waypoints photos. En ouvrir un. Il est de type :

<table border="1">
<tr><td>
<img width="320" src="files/OMIMG_20151017_121716.jpg" /></td></tr>

</table>
Vous pouvez modifier la largeur de la photo affichée (ici 320 pixels)
L'image est sauvegardée sous un sous-dossier "files" d'un dossier temporaire de Google Earth..

3) Créer un repère géolocalisé avec un nom et un contenu vide ou (mieux avec un commentaire). Il est destiné à recevoir une photo ultérieurement.

4) Faites de même pour tous les autres waypoints à ajouter.
Insérez ces repères dans le flux des waypoints originaux.

5) Sauvegarder le tracé sous un fichier kmz.

6) Dézipper ce fichier kmz

7) Le dossier dézippé comporte:

  • un sous-dossier doc
  • un sous-dossier files
8) Dans le sous-dossier files y mettre les photographies destinées aux waypoints surnuméraires.

9) Rezippez les deux sous-dossiers. En mettant le suffixe .kmz et non le suffixe .zip.

10) Ouvrez ce fichier kmz avec Google Earth

11) Pour chaque nouveau repère. Copiez-collez le code html précédent, mais avec le nom du fichier-image ad-hoc.

12) Sauvegardez le tracé en fichier kmz et vérifier avec Google Earth que les photos apparaissent bien.