Le Blog

Le blog laboratoire de F.L.D. Studio
0

On My Radio

PLACE DE LA TOILE

Une fois n'est pas coutume, une émission radio de France Culture proposée par Xavier de la Porte, dédiée au monde numérique et ayant pour sujet  l’interaction homme-machine avec Nicolas Roussel (INRIA).

Comment l’homme et la machine interagissent-ils ? Que se passe-t-il, qu’y a-t-il, dans cet espace où se rencontrent l’homme et la machine ? Il y a plein de choses : il y a des objets (ça peut être la carte perforée, la souris, le joystick), il y a des représentations symboliques (ça peut être l’icône, le bureau, la corbeille), il y a des fonctionnalités (le menu déroulant, le clic, le doigt qu’on passe sur l’écran).

Mais il y a aussi des idées : il y a une idée qu’on se fait de la machine et une idée qu’on se fait de l’homme. Et c’est peut-être ce à quoi nous allons atteler aujourd’hui en faisant une petite histoire de l’interaction homme-machine, c’est moins une histoire des interfaces qu’une histoire des idées.

Nicolas Roussel Directeur de recherche à l’INRIA, à Lille. L’INRIA (Institut National de Recherche en Informatique et Automatique) et son domaine de recherche, c’est l’interaction homme-machine.

Catégories: Conférence

Commentaires: Pas de commentaires

0

AngularJs - Batarang

Google Chrome Add-On

AngularJs

Batarang

Pour le développement avec AngularJs, l'installation d'un composant Google Chrome au sein du navigateur Chrome peut être réalisé pour faciliter le debuggage des applications.

Installation

batarang-1

  • Cliquer sur le bouton : Ajouter

batarang-2

  • Patientez, le temps de l'installation et attendre la notification

batarang-3

Utiliser Batarang

  • Appuyer sur la touche de fonction : [ F12 ] pour ouvrir la console de debuggage de Google Chrome.

batarang-4

  • Un nouvel onglet : AngularJs doit apparaitre
  • Cocher la case : Enable

Vidéo de formation

Lire aussi :

Catégories: Développement WEB, Vidéo

Commentaires: Pas de commentaires

0

DropBox API

DropBox

DropBox

Après avoir intégrer (très facilement) un bouton permettant à l'utilisateur de sauvegarder un document issu de notre site de test le dossier L41 dans son Google DRIVE, nous avons poussé l'expèrience avec cette fois les API de DropBox.

DropBox est un service très similaire à Google DRIVE à l'exeption, notable, qu'il ne permet pas de travailler sur les documents qui y sont stokés. C'est donc du backup et de la synchronisation pure qui est proposée.

Après avoir détaillé les étapes pour la conception du bouton enregistrer dans DRIVE, voici à présent le tutoriel concernant les API de DropBox pour la simple opération de sauvegarde d'un fichier dans le DropBox de l'utilisateur.

Paramétrage des API

Disposer d'un compte chez DropBox : https://www.dropbox.com/

Déclarer son application chez DropBox : https://www.dropbox.com/developers

Dans notre cas nous sélectionnons : Saver

Donner un nom à l'application, exemple : L41-WEBAPP

Déclaration nouvelle application

Paramétrer ensuite les deux onglets :

Paramétrage onglet 1

Paramétrage onglet 2

Récupérer la clef public (App Key)

Dans le HTML

Appeller les API de DropBox

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="xxxxxxxxxx"></script>

Pour la gestion du bouton

<a href="https://dl.dropboxusercontent.com/s/deroi5nwm6u7gdf/advice.png" class="dropbox-saver"></a>

De façon optionnelle on peux aussi ajouter un attribut : data-filename="xxx" pour préciser le nom du fichier à l'arrivé.

Ici avec une syntaxe Laravel :

<a href="{{ URL::asset('assets/img/user.png') }}" data-filename="l41 test"></a>

Exemple de rendu avec la page du site du dossier L41

Exemple rendu sur site L41

Catégories: Développement WEB

Commentaires: Pas de commentaires