Démarrage de l’application 

Sur l’ordinateur BeMerlin : 
 
En premier, lancez l’application BeMerlin située dans la barre de lancement en bas 
En second, entrez dans le dossier BeMerlinSI sur le bureau 
 Cliquer d’abord sur 1 – ClientApp.jar 
 Cliquer ensuite sur 2 – MacGesture.jar 
 
Ceci lancera le BeMerlin et pointera sur l’adresse IP du Mac.  
 
Pour une autre adresse IP : 
 
Veuillez lancer Eclipse qui se trouve sur le bureau. Les deux fichiers GestureApp et ClientApp sont 
ouverts par défaut. Vous pouvez éditer GestureApp, les adresses IP sont déclarées dans les attributs.  
Activez celle dont vous avez besoin. 
Après avoir lancé le BeMerlin et le client, vous pouvez lancer le GestureApp avec votre adresse IP à 
partir de Eclipse. 
 

Sur l’ordinateur Mac : 
 

Lancez Netbeans, pointez sur le projet BeMediaSystemeInfo, vérifiez que le fichier à exécuter est 
bien Main.fx dans le package BemediaSI.  

Avant de lancer l’application, votre écran doit être en 1024x768, sans quoi vous risquez de vous 
retrouver avec une application mal fenêtrée. Il faut dupliquer les écrans.  

 
 
 Main.fx 
Cette classe FX fixe la taille de l’affichage de l’application (fixé à 1024*768) et renvois vers une 
nouvelle vue (classe Vues.fx) 

Vues.fx 
Cette classe FX gère toutes les vues dont le programme dispose (Vue thèmes, enseignants…etc.) et 
affiche la vidéo au démarrage de celui‐ci. L’objet Vues possède un ensemble d’objets Vue.
Crée les différentes Vue de l’application (avec une référence sur lui-même).
Gère l’affichage de la vue courante.
Active / Désactive les objets Vue.

BeDoigt.fx 
Cette classe FX permet uniquement d’afficher un petit réticule rouge pour indiquer à l’utilisateur où il
se trouve.

 
BeMenu.fx 
Cette classe FX gère le menu de gauche ainsi que l’affichage / animations des images de celui-ci.
Chaque bouton dispose d’un état onHeldTouch, onDrag, onTouchEnd.

Dans la suite de ce document, les flèches bleues indiquent un changement de vue. Les flèches
rouges indiquent les drags.
Le point indique la possibilité d’un clic par touch.
 BeAcceuil.fx 
 

Cette  classe  FX  affiche  l’accueil  de  l’application.  A  partir  de  cette  vue  il  est  possible  de  naviguer  à 
l’aide du menu de gauche dans les parties désirées. (Touch long) 

Actions possible : 
 
 Touch sur un des éléments du menu  
 BeEnseignants.fx 

Vue Fiche 
 Enseignant 
 par Touch 

   
Vue  « CoverFlow » enseignants 
 

Cette classe FX permet de naviguer dans la liste des enseignants. La navigation se fait par drag vers le 
haut  ou  le  bas.  Un  drag  long  vers  la  droite  active  une  autre  vue  d’enseignants  et  utilise  la  classe 
BeEnseignants2.fx. De plus, un clic sur un enseignant renvois l’utilisateur vers la fiche enseignant sur 
lequel il a cliqué. Naturellement la navigation par menu de gauche reste possible. 

Actions possible : 
 
 Drag vers le haut : bouge la liste vers le haut 
 Drag vers le bas : bouge la liste vers le bas 
 Drag vers la droite (long) : change la vue enseignants 
 Touch sur un enseignant : Vue de la fiche de l’enseignant (vue FicheEnseignant) 
 Touch sur un élément du menu 
 BeEnseignants2.fx 
Vue liste enseignants 

Vue liste enseignants 
 

Cette  classe  FX  représente  une  autre  vue  d’enseignants.  Il  est  possible  de  faire  un  drag  sur  ceux‐ci 
pour diriger le flot d’images vers la gauche ou la droite. Il est également possible de tourner l’un des 
deux  boutons  du  bas  pour  orienter  le  flot  d’images.  Un  Clic  sur  un  enseignant  (touch)  renvois 
l’utilisateur  vers  la  fiche  de  l’enseignant.  Un  drag  du  milieu  vers  haut  ou  bas  renvois  à  la  vue 
enseignants précédente. Naturellement la navigation par menu de gauche reste possible. 

Actions possible : 
 
 Drag vers la droite sur les images : pousse la liste d’images vers la droite 
 Drag vers la gauche sur les images : pousse la liste d’images vers la gauche 
 Drag du centre vers haut ou bas : retour sur vue enseignante en liste 
 Tourner les boutons (un doigt) en suivant les flèches : mouline les images vers la 
gauche/droite 
 Touch sur un élément du menu 
 Attention le chargement des images peut durer quelques secondes ce qui empêche le drag 
directement au début de la vue… 
 BeFicheEnseignants.fx 

Cette  classe  FX  affiche  la  liste  des  cours  enseignés  par  un  professeur.  Il  est  possible  d’effectuer  un 
drag sur la liste des cours, ou de cliquer sur un cours pour aller à la vue BeCours. Naturellement la 
navigation par menu de gauche reste possible. 
 

Actions possible : 
 
 Drag vers le haut / le bas : déplacer la liste des cours pour la parcourir 
 Clic (touch) sur un cours : renvois vers la vue BeCours  
 Touch sur un élément du menu 
 
 
 
 
 
 
 
 
 
 
 
 
 BeCours.fx 

Vue thème 

Vue semestre 

Cette classe FX permet d’afficher un cours ainsi que l’enseignant qui en est responsable. Elle montre 
le semestre, le thème, les heures, la description ainsi que l’image du professeur sur laquelle on peut 
cliquer  pour  revenir.  La  description  est  dragable  quand  elle  est  trop  longue.  Les  vues  peuvent 
également  changer  selon  que  l’on  effectue  un  drag  vers  la  gauche  ou  la  droite.  Naturellement  la 
navigation par menu de gauche reste possible. 
 

Actions possible : 
 
 Drag sur la description vers le haut/le bas : afficher la suite de la description 
 Drag vers la gauche : passage à la vue thèmes 
 Drag vers la droite : passage à la vue semestres. 
 Touch sur l’enseignant : passage à la fiche enseignant. 
 Touch sur un élément du menu 
 
 
 
 
 
 BeTheme.fx 

Vue Themes2

Cette classe FX permet d’afficher une liste déroulante de thèmes dans la formation. Comme pour les 
enseignants,  la  liste  est  consultable  par  drag  vers  le  haut  ou  le  bas.  De  plus,  une  seconde  vue  est 
possible  en  glissant  vers  la  droite :  BeTheme2.  Cette  vue  ressemble  à  celle  pour  les  enseignants  à 
savoir  un  coverflow  avec  deux  boutons.  Naturellement  la  navigation  par  menu  de  gauche  reste 
possible. 
 

Actions possible : 
 
 Drag vers le haut / bas : parcourir la liste 
 Drag vers la droite : passage à la vue BeTheme2 
 Touch sur un élément de la liste de thème : ouverture du thème demandé (Vue 
BeFicheTheme) 
 Touch sur un élément du menu 
 
 
 
 
 
 
 
 BeTheme2.fx 
Vue liste thèmes

Vue liste thèmes 
 

Cette  classe  FX  permet  l’affichage  de  la  vue  thème  en  coverflow.  Pour  cet  affichage,  il  est 
envisageable  il  est  possible  de  faire  un  drag  vers  la  gauche  ou  la  droite  pour  afficher  les  images 
suivantes, d’utiliser les boutons pour faire défiler les images, de faire un drag vers le haut ou le bas 
pour  change  de  vue  et  revenir  à  la  liste  des  thèmes.,  enfin,  il  est  possible  de  cliquer  sur  le  menu 
désiré  pour  accéder  à  la  fiche  du  thème.  Naturellement  la  navigation  par  menu  de  gauche  reste 
possible. 
 

Actions possible : 
 
 Drag vers gauche / droite : parcourir la liste 
 Drag vers le haut /le bas : passage à la vue précédente BeTheme 
 Drag sur les boutons : parcourir la liste 
 Touch sur une image : Affichage du thème voulu (FicheTheme) 
 Touch sur un élément du menu 
 BeFicheTheme.fx 

Cette classe FX affiche les différents cours selon quel thème est choisi. Les cours se présentent sous 
la  forme  d’une  liste  déroulante  dans  laquelle  on  peut  naviguer.  Le  clic  sur  un  de  ces  cours  renvois 
vers la vue BeCours. Naturellement la navigation par menu de gauche reste possible. 

Actions possible : 
 
 Drag vers le haut /le bas : parcourir la liste de cours 
 Touch sur un cours: Affichage du cours voulu (vu BeCours) 
 Touch sur un élément du menu 
 BeSemestre.fx & BeSemestre2.fx 

BeSemestre

BeSemestre2

Ces  classes  FX  apparaissent  en  même  temps  dans  une  vue.  En  effet,  BeSemestre  représente  les  6 
semestres de la filière. Un clic sur un de ces semestres affiche les cours qu’il contient dans une liste 
déroulante.  Tout  élément  est  cliquable.  Naturellement  la  navigation  par  menu  de  gauche  reste 
possible. 

Actions possible : 
 
 Drag vers le haut /le bas : liste déroulante de cours 
 Clic sur un des semestres : affichage des cours correspondants 
 Clic sur un des cours : affichage de la fiche du cours associé. 
 Touch sur un élément du menu 
Différentes Vues 
En bleu, les vues auxquelles on peut accéder à partir de toutes les autres vues. 
Ce sont les points d’entrés. 
 
Diagramme d’état des vues