Rien ne vous dérange dans la photo ?
ça se passe au niveau du clavier et pas des doigts de couleur !
Le clavier est qwerty! et alors me direz-vous la pub est américaine.
Oui mais, le clavier possède quatre lignes, pour les lettres sur les 3 lignes du haut, la barre d’espace et en bas deux touches pour changer le clavier avec les chiffres et signes typographiques plus rares. et enfin une touche pour cacher le clavier. Mais où sont donc les accents ?
Où seront donc les accents sur ce clavier de 4 lignes ?
Peut-être comme avec l’iPhone, faudra-t-il rester sur la touche et attendre que le menu des accents arrive ?…
Pas terrible en terme de productivité !
Et quand à utiliser le dictionnaire intégré pour éviter de taper/attendre/atteindre les accents… Ceux qui possèdent un iPhone (et s’en servent pour écrire des sms et/ou des mails) doivent se rendre compte du problème.
Le dictionnaire et la suggestion des mots est basée sur un algorithme anglo-saxon…
Quid des choix multiples dans les mots avec accents ? (ex: marche/marché, marches/marchés, marcher)
Si comme l’iPhone, l’iPad ne propose qu’un seul choix déterminé en fonction des mots que vous avez le plus écrits (me semble-t-il)… ça sera vite vu et une aide moins utile que prévue.
I’os se fout de savoir quel temps (conjugaison) vous utilisez dans le reste de votre phrase, donc les conjugaisons….
Rapidement, je redonne l’exemple de script qui charge une vidéo dans un FLVPlayback (un player vidéo disponible dans les composants dans Flash) et qui boucle la vidéo lorsqu’elle arrive à son terme.
NB: ajoutez un FLVPlayback dans votre bibliothèque en le glissant dedans.
import fl.video.FLVPlayback;
import fl.video.VideoEvent;
import fl.video.MetadataEvent;
var pv:FLVPlayback = new FLVPlayback();
pv.load("sequence.flv");
pv.autoPlay = true;
pv.autoRewind = true;
// ecouteur de chargement des métadatas du fichier vidéo
pv.addEventListener(MetadataEvent.METADATA_RECEIVED, retaillePlayer);
var sommaire:Array = new Array();
var chapitreEncours:int= 0;
function retaillePlayer (evt:MetadataEvent) {
// ajuste la taille du FLVPlayback à la vidéo chargée
pv.width = evt.target.metadata.width;
pv.height = evt.target.metadata.height;
// place le FLVPlayback au centre de la scène
pv.x = int((stage.stageWidth - pv.width)/2);
pv.y = int((stage.stageHeight - pv.height)/2);
// l'ajoute à la liste d'affichage
addChild(pv);
}
// écouteur de fin de vidéo
pv.addEventListener(VideoEvent.COMPLETE, boucle);
function boucle(evt:VideoEvent) {
evt.target.play();
}
Un petit bout de code pour jouer un mp3 et le mettre en pause et reprendre où le son s’est arrêté.
Il faut juste un clip sur la timeline qui se nomme “bouton” (original hein!).
var son:Sound=newSound();
var canalSon:SoundChannel =new SoundChannel();
var positionSon:Number=0;// bool pour pausevar bPause:Boolean=true;
son.load(new URLRequest("beckett.mp3"));
//canalSon = son.play();// ecouteur de click bouton
bouton.addEventListener(MouseEvent.CLICK, sPause);
function sPause(e:MouseEvent) {
if (!bPause) {
// le son joue
positionSon = canalSon.position;trace("position du son: "+positionSon);
canalSon.stop();
bPause =true;
} else {
// le son est l'arr
canalSon = son.play(positionSon);
bPause =false;
}
}
Quelques liens glanés de droite, de gauche sur le sujet.
-> Un extrait d’émission (la partie intéressante est à 0:50 jusqu’à la fin)
-> La “véritable histoire de la voyelle A”
The real history of the vowel A is a live video performance that uses a cardboard vowels and a blank book to tell a nice story. The story is based on the book “Les Mysteres des Alphabet”. The characters of the vowels are cartoons that are augmented within the live camera image. The system designed allows the storyteller to control the scenes. The project is quite magic, and we think that is the first digital approach to the craft of live interactive-storytelling.
-> Etienne Mineur cause du livre augmenté… à partir de 10:10 (au 2/3 de la vidéo)
PS: je peux pas m’empêcher de trouver une similitude avec une pièce ancienne de Paul Granjon : “Mon petit Œil”, de 2002.
L’œil suit le spectateur et cligne parfois.
“Le logiciel utilisé est TTC-Pro, un plug-in de vision machine pour Macromedia Director”.
Cette voiturette est la nouvelle coqueluche des ouatures écolos. Elle est électrique et proposée par Chrysler via GEM (Global Electric motorcars).
Dotée d’un moteur de 4 kW (12 ch), la Peapod atteint une vitesse maximale de 25 miles à l’heure, soit environ 40 km/h, et dispose d’une autonomie de 30 miles, soit environ 50 km, la charge des six batteries au plomb et au voltage de 12 V étant optimisée par la récupération de l’énergie au freinage. Une recharge complète prend 6 à 8 heures sur une prise américaine de 110 V.
Enfin bref, ce qui m’intéresse ici, ce sont les deux dernières images.
Oui, l’interface d’une Appli sur iPhone.
À y regarder de plus près, ça ne sert pas à grand chose… “Dites nous ce que vous vouliez faire comme trajet avec une voiture au Benzine et on vous dira combien vous économiseriez avec la Peapod”…
Un autre point évoqué dans l’image du catalogue papier, est le système de démarrage avec l’iPhone…
Au choix, on peut utiliser une clé ou un iPhone (en option) pour démarrer le véhicule.
J’aime assez l’idée même si ça n’est pas nouveau (LandRover a été le premier à dégainer).
J’aime aussi tout simplement le design graphique de l’appli, la gamme colorée. Joli boulot.
Outre le côté fun et hype d’une appli iPhone dans le véhicule, ce qui me semble vraiment intéressant et pertinent(c’est là où je voulais en venir en fait :) ), c’est cette utilisation du téléphone, cet objet que nous avons tous ou presque…
Pour en savoir plus sur la Peapod, il faudra attendre le 22 Avril… pour la découvrir sur le site.
Il faut le player flash9 minimum. Flash CS3 pour le code. C’est un projet en as3.
C’est le code simplifié de la version à tester. J’ai enlevé tout ce qui est de l’ordre de l’agréable pour simplifier la compréhension du code.
Il y aura sans doute une zone trouble pour certains concernant, la variable UID.
Juste un petit poste pour solliciter votre participation à un projet d’étudiant.
Nous avons besoin de quelques images de visages de personnes.
J’ai mis en place une petite appli qui vous “trombinoscope”.
Juste un petit article pour vous parler de Touchatag ex-tikitag, une filiale d’Alcatel-Lucent basée à Anvers (be).
Touchatag, propose via un système de tag rfid de déclencher des action sur votre poste de travail.
Comment ça marche ?
Un lecteur RFID, des tags à coller sur des objets, une connexion internet et “Ô miracle de la technologie”…
Quand on passe un tag devant le lecteur, enfin devant, c’est plutôt sur le lecteur (portée: 4 cm), une appli qui tourne en tache de fond sur l’ordi maison met en relation le tag avec un service en ligne…
On peut à loisir, lancer une page web, renseigner un twitter ou un faceBoob, envoyer un mail… etc, etc… Les usages sont encore à inventer.
Enfin bref… du RFID à pas cher. Read the rest of this entry »
C’est l’interface du dernier pmp de iriver, le “p.ple p7”.
Enfin du graphisme dans une interface embarquée.
Je sais pas si vous avez un pmp de la concurrence…Archos pour ne citer qu’eux… Les goûts et les douleurs…
Là, chez iriver, enfin un peu de graphisme… Suisse avec 4 “couleurs” ;)
ça me rappelle, un prototype d’interface pour Androïd, PrintUI, designée par TAT
Je re-publie un article de Février 2006, que j’avais écrit à la suite d’une session de travail sur les écrans LCD, pour un projet de générateur de texte.
Je pense que l’article présente suffisamment d’intérêt technique pour revenir en ligne.
Sur tous les afficheurs LCD, une mémoire graphique (CGROM) contient les dessins des différents caractères utilisables à l’écran, 192 au total. Pour des raisons de marché, et de globalisation, la majeure partie des fabricants de lcd, n’intègrent à leur lcd que les caractères ASCII standards, sans accents, les caractères grecs et quelques caractères (katana) japonais. Pour les autres malheureux, les fabricants ont inclus une zone mémoire adressable, dédiée à à la création de caractères, la CGRAM (Caracter Generator…). Cette zone n’est pas gigantesque, il n’est pas question de redessiner la totalité des caractères…. non juste 8.
Pour commencer tranquillement sans trop se ruiner, j’ai repéré quelques kits et cartes à se procurer.
C’est un choix forcément partiel et partial, mais ça permet de démarrer avec une carte arduino.
J’ai donc repéré chez smartproject.it (le vendeur historique Arduino) un kit de base. Si l’acheter n’est pas forcément interressant, vous disposez au moins d’une liste de petit matériel à acquérir.
A cette liste, je rajouterai un set de pinces crocodiles (10, 2×5 couleurs), pour quelques euros de plus.
1 cable USB (qui me semble un peu trop rigide mais bon… vous devez en avoir des caisses chez vous.
1 barre de connecteurs 2,54 40×1
1 Breadboard, à 840 points
1 Set de 70 cable-ponts pour breadboard
5 Résistances 10K Ohm 1/4W
5 Résistances 2.2K Ohm 1/4 W
10 Résistances 220 Ohm 1/4W
5 Résistances 330K Ohm 1/4W
5 100nF capacitor polyester
5 condensateurs polyester 10nF
3 condensateurs électrolytiques 100uF 25Vdc
1 ThermoRésistance 4,7K Ohm
1 LDR 70..100K Ohm VT90N2
3 LED ROUGE 5mm
1 LED VERTE 5mm
1 LED JAUNE 5mm
1 potentiomètre linéaire 10Kohm, pcb terminals
2 Transistors BC547 in TO92 Package
1 Piezo buzzer
5 boutons-poussoirs pour PCB, 12×12mm
2 Optocoupleur 4N35, DIL-6 package
2 Tilt sensor
1 Diode 1n4007
1 MOS Irf540
Le kit existe également avec une carte arduino Duemilanove avec un ATMega168, pour 50 euros HT.
Bien que moins cher si on prend les éléments (kit+carte) séparément, je préfère le kit sans carte. On peut lui adjoindre une autre carte.
- 2: l’arduino Duemilanove avec un ATMega32822 € HT
Le microcontroleur qu’elle contient est plus puissant que la version normale. Il dispose de 32Ko de mémoire Flash (30Ko utilisables) et 2Ko de RAM. C’est tout simplement le double de l’ATMega168! Ça vous permettra d’aller un peu plus loin dans vos projets.
Ça peut vous paraître pas grand chose mais à l’usage (enfin avec la petite expérience que j’ai) 2Ko de RAM, c’est bien… mieux que 1Ko. C’est là que vous stockez vos variables. Une lettre=1octet donc environ 2000 caractères stockés.
Sur un simple projet de générateur de texte, je suis très vite tombé en panne de RAM. Un simple compteur qui énumérait les dates du calendrier… (enfin ceci est une autre histoire).
TOTAL HT : 30 + 22 = 52 € HT
PORT HT : 12,5 € (15 j) ou 28,6 € en express
TVA (si applicable) -> 20% : 12,9 €
TOTAL TTC: 77,4 €
- 3: Le Livre Getting Start with Arduino, par Massimo Banzi10 € HT
Massimo Banzi est le co-fondateur de la carte Arduino. Il la connait bien, il en parle bien… Le livre est en anglais… et alors ? Il aborde plein de sujets. Je le recommande comme mise en bouche et démarrage d’un projet avec une carte.
Vous pouvez consultez quelques pages du livre chez l’éditeur o’Reilly.
J’aurais voulu éviter de mettre comme premier boulot de l’atelier, une production à moi, mais certains étudiants ayant préférés ne pas me donner leurs images… et les autres encore en cours de fabrication…
J’inaugure, sans inaugurer, donc. bref j’affiche cette petite interface développée dans l’atelier DIGO (Data In Graph Out).
La proposition de contenu émane de Pierre-Yves Brest, qui a demandé à 2 étudiantes de première année de faire un relevé des expositions liées à la photographie dans la région (entre Paris et Bruxelles).
Les étudiantes (j’ai oublié leur noms, ce sera rapidement réparé) ont, outre cette liste, trouvé intéressant de rajouter la distance de la ville, le temps de transport en voiture et le coût (péage et carburant) pour s’y rendre.
L’idée m’a séduite et j’ai décidé arbitrairement (? … non pas arbitrairement. On appelle cela un choix d’auteur, ou un choix rédactionnel… et y a pas de contrepèterie) de ne proposer que 2 types d’entrée dans cette interface. Une entrée par distance et une entrée en temps de déplacement.
Ici dans les écrans et dans cette version temporaire (le plus gros de la prog. est fait), on ne choisit pas, il n’y a que la distance disponible.
L’idée développée, ici, est donc simple:
Une série de points est éparpillé sur l’écran, un disque bleu encercle un des point surmonté d’une étiquette avec le nom d’une ville: “cambrai”.
Quelques points sont surmontés d’un repère à numéro.
Au survol des points apparaît le nom des villes, susceptibles d’accueillir une exposition. La liste ici n’est non exhaustive, j’ai fait avec les éléments à ma disposition.
On clique sur le cercle, et au fur et à mesure que l’on se déplace, le cercle s’agrandit et les noms des villes où se déroule une expo, au moment de la connexion au site, apparaît.
Un clique pour arrêter ce redimensionnement.
Un clique sur un point fait apparaître la liste des expos dans la ville. La liste affiche les expos encours ou commençant dans les 7 jours.
Si l’expo n’est pas encore commencée, sa date de début apparaît en rose (sinon en gris), si elle se termine dans moins d’une semaine, la date de fin passe en surbrillance.
La distance à parcourir est inscrite en bas à droite
La liste des villes “à expo” est inscrite en haut à gauche, le nom de la ville suivi du nombre d’expo. >Les noms sont cliquables et donnes accès aux infos d’expo
Le positionnement des ronds-ville tient compte de la distance à parcourir. Ce sont donc des visions subjectives de la carte géographique (un simple algo de direction par rapport à Cambrai et une distance. Ce sera également le cas en fonction du temps.
On peut imaginer également des entrées en fonction du coût du déplacement, mais là plusieurs solutions sont possibles. Avec ou sans autoroute, donc avec ou sans péage, ou un compromis coût/temps….
Je me suis basé sur les infos fournies par viamichelin, donc pour un véhicule essence de type berline… Les infos de côut sont sujettes à variation en fonction du prix du pétrole à la pompe.
Le fichier de config est en xml pour pouvoir facilement être mis à jour avec un simple éditeur de texte et un peu de rigueur (ce qui manque un peu aux deux étudiantes qui fournissent les infos ;)
C’est développé en Flash®, il faut le player 9. C’est un peu de gymnastique, alors je fais avec mes outils.
[MàJ 17/03/09]
J’ai “terminé” le dév. On peut maintenant choisir son entrée (temps vs distance) et changer d’entrée en cours de consultation.
[19/3/09]
Il reste un ascenceur à mettre quand il ya plus de 2 expos. Peut-être modifier le fonctionnement du cercle, genre Drag’nDrop.
Créés par Davis Merill et Jeevan Kalanithi du MIT Media Lab, ces petites boites à écran permettent toutes sortent d’interactions.
ça me fait penser à l’interface de l’iPhone® ou de MacBookPro® avec le Motion Sensor.
Juste un accéléromètre 3 axes dans la boite, du Bluetooth®, un écran OLED, un microcontrôleur (2 avr) + de la RAM…
Bref interface sympathique qui pourrait permettre de faire des choses amusantes.
Le modulaire et les éléments spécialisés… On dirait de la programmation à la Max/MSP ou Pd.
MàJ 25/02/09.
Ici les boites sont utilisées comme séquenceur.
Pour la techno de proximité, je penchais pour un truc nommé Near Field Communication (Communication en champ proche, < à 10 cm). Mais après avoir regardé cette vidéo, je sais.
Les modules sont équipés de 4 circuits infrarouge placés de chaque côté qui permettent de détecter et reconnaitre les modules voisins. La communication basse vitesse, permet d’échanger les ID des modules et de déclencher des réponses (lancement d’anim…). Et pour faire plaisir à Maxime, le tout est développé avec une API en Python.
Un App iPhone™ qui ne sert à rien mais qui me rappelle autre chose, une œuvre de Fujiata Masaki, “Beyond Pages” de 1995.
Sur une table, un livre projeté (vidéo projeté), on tourne les pages avec un stylet de tablette graphique.
Sur une des pages, de ce “livre”, il y a une image avec un verre d’eau fraîche, de la condensation s’est déposée dessus, avec le doigt (le stylet) on peut dessiner quelque chose.
Pure moment de poésie.
Techniquement il s’agissait d’un projet en Director™ avec une interface in/out pour déclencher des événements dans la vraie vie.
C’est ce qu’on appelle maintenant du physical computing.
Dans cet article, Smart Design explique le travail qu’il a réalisé sur le tableau de bord des futurs véhicules hybrides de Ford.
Cette “interface” sera effective dès 2010 dans la gamme Fusion™ de Ford™.
Pour créer cette interface, 10 ingénieurs du constructeur et une équipe de la société New-Yorkaise, SmartDesign™, ont travaillé ensemble.
Étonnement la jauge de carburant est représentée de façon très analogique, avec un niveau de liquide jaunatre dans un réservoir simulé. SmartDesign explique que cette façon l’attention du conducteur est peu monopolisée pour la lecture de la jauge.
C’est également le cas pour le tachymètre (l’indicateur de vitesse) qui est à aiguille !!!
Personnellement j’aime beaucoup celui de ma Modus (ou Twingo), même si effectivement ce gros chiffre est un peu obnubilant quand on passe à proximité d’un radar.
[MàJ 24/1/09]
une vidéo de wired par Jim Merithew nous fait la démo de ce tableau de bord… Très instructif..
Quelque chose qui m’était passé un peu à côté, c’est cette arborescence, à droite du tableau de bord, qui augmente ou diminue en fonction de notre conduite écologique ou non, de notre conduite verte!
À gauche la partie electrique, à droite la partie thermique, au centre le tachymètre à aiguille, parce que disent-ils (les gens de chez smartDesign): “un gros chiffre, provoquerai une conduite de type “Highscore”…”
Dans un autre genre, la solution trouvée par Honda® quand à l’éco-conduite.
Je trouve ça moins sexy ou moins “ambient design” comme on dit de nos jours.
