SlideShare une entreprise Scribd logo
1  sur  29
Nouvelle interface
Spiral Connect
88èmeème
Journée
Journée
• La première version de Spiral à 10 ans
2005
• Des évolutions de Spiral depuis 10 ans
2008
• La révolution de Spiral
2010
Mobilité…
Préparer la venue de
Claroline Connect
horizon 2015
TRANSITION
- Refonte technique en HTML5 pour suivre
les nouvelles demandes technologiques
Pourquoi ?
 Se conformer aux nouvelles exigences du web
 Et accessibilité
 
1. Fini l'interface en Flash
- Améliorer l’existant
 simplifier et accélérer les tâchessimplifier et accélérer les tâches
Courantes des utilisateursCourantes des utilisateurs
On regarde
En détail
Mode icônes
- Les icônes se rapportant à
l’objet ont été regroupés au
même endroit
- Meilleur visibilité du type
d’ objet en mode miniature
Mode icônes
- Les icônes se rapportant à
l’objet ont été regroupés au
même endroit
- Meilleur visibilité du type
d’ objet en mode miniature
Interface
Mode liste
-meilleure navigation dans les
modules/dossiers : copier/coller,
Drag&Drop facilités…
-détails des objets ou
affichage de l’arbre
désactivable et sauvegardé
Mode liste
-meilleure navigation dans les
modules/dossiers : copier/coller,
Drag&Drop facilités…
-détails des objets ou
affichage de l’arbre
désactivable et sauvegardé
Amélioration des outils ?
- Player vidéo
Compatible : OGG
- Messagerie instantanée
Présente dans la Dashboard, en mode listing et ressources
- Gestion avancée des droits- Gestion avancée des droits
+ simple, accessible à partir d’un module,
d’un dossier ou d’un objet
Amélioration des outils ?
- Page d’accueil du module
- Récapitulatif des dernières actions
pertinentes d’un module
 Ne s’ouvre plus en popup mais dans la fenêtre de droite
 l’enseignent peut faire remonter des notifications
dans le Dashboard(bureau) des étudiants
 Possibilité de bloquer ou non l’arborescence du module
Le Dashboard
(bureau)
- Un agenda
 personnel
 permet de faire remonter les notifications des
modules auxquels on est inscrits
- des widgets
 Flux RSS : externe et interne pour faire
remonter les dernières modifications
d’objets collaboratifs (forums,wikis et blogs)
- Bandeau général pour la mise en avant
d’informations importantes
A venir : raccourcis direct vers les objets
http://twitter.com/batier
Me suivre sur :
http://bit.ly/batier
http://www.facebook.com/batier
http://www.slideshare.net/batier
Mes présentations:
http://www.youtube.com/cbatier
Mes vidéos :
Licence Creative Commons:
Paternité- Pas d'Utilisation Commerciale –Partage des Conditions Initiales à l'Identique
Vous êtes libres:
de reproduire, distribuer et communiquer cette création au public, de modifier cette création
Selon les conditions suivantes:
•Paternité. Vous devez citer le nom de l'auteur original de la manière indiquée par l'auteur de
l'œuvre ou le titulaire des droits qui vous confère cette autorisation (mais pas d'une manière qui
suggérerait qu'ils vous soutiennent ou approuvent votre utilisation de l‘oeuvre).
•Pas d'Utilisation Commerciale.
Vous n'avez pas le droit d'utiliser cette création à des fins commerciales.
•Partage des Conditions Initiales à l'Identique. Si vous modifiez, transformez ou adaptez cette
création, vous n'avez le droit de distribuer la création qui en résulte que sous un contrat identique
à celui-ci. A chaque réutilisation ou distribution de cette création, vous devez faire apparaître
clairement au public les conditions contractuelles de sa mise à disposition. La meilleure manière
de les indiquer est un lien vers cette page web. Chacune de ces conditions peut être levée si vous
obtenez l'autorisation du titulaire des droits sur cette œuvre. Rien dans ce contrat ne diminue ou
ne restreint le droit moral de l'auteur ou des auteurs. Ce qui précède n'affecte en rien vos droits
en tant qu'utilisateur (exceptions au droit d'auteur: copies réservées à l'usage privé du copiste,
courtes citations, parodie...) Ceci est le Résumé Explicatif du Code Juridique
(la version intégrale du contrat).
Cette présentation est distribuée
sous licence Creative Commons

Contenu connexe

En vedette

Biodiesel Production from Jatropha curcas Oil Using Potassium Carbonate
Biodiesel Production from Jatropha curcas Oil Using Potassium CarbonateBiodiesel Production from Jatropha curcas Oil Using Potassium Carbonate
Biodiesel Production from Jatropha curcas Oil Using Potassium CarbonateXZ3
 
Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012
Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012
Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012National Drowning Prevention Alliance
 
Cycle de vie d’un logiciel
Cycle de vie d’un logicielCycle de vie d’un logiciel
Cycle de vie d’un logicielMehdi Abed
 
TD gestion de projet
TD gestion de projetTD gestion de projet
TD gestion de projetsophiebocquet
 
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your BusinessBarry Feldman
 

En vedette (6)

Biodiesel Production from Jatropha curcas Oil Using Potassium Carbonate
Biodiesel Production from Jatropha curcas Oil Using Potassium CarbonateBiodiesel Production from Jatropha curcas Oil Using Potassium Carbonate
Biodiesel Production from Jatropha curcas Oil Using Potassium Carbonate
 
Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012
Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012
Nicole Van Winkle & Cheryl Salazar "Hiring Practices" NDPA Symposium 2012
 
Cycle de vie d’un logiciel
Cycle de vie d’un logicielCycle de vie d’un logiciel
Cycle de vie d’un logiciel
 
Planifier projet
Planifier projetPlanifier projet
Planifier projet
 
TD gestion de projet
TD gestion de projetTD gestion de projet
TD gestion de projet
 
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
 

Similaire à Journee spiral 2013 - presentation nlle interace

Claroline Connect integration mfr paris 29 avril2015
Claroline Connect integration mfr paris 29 avril2015Claroline Connect integration mfr paris 29 avril2015
Claroline Connect integration mfr paris 29 avril2015Christophe Batier
 
Nouveautes spiral : Séminaire Spiral à QUiberon
Nouveautes spiral : Séminaire Spiral à QUiberonNouveautes spiral : Séminaire Spiral à QUiberon
Nouveautes spiral : Séminaire Spiral à QUiberonChristophe Batier
 
Numérique et enseignement liaisons dangeureuses octrobe 2015
Numérique et enseignement liaisons dangeureuses octrobe 2015Numérique et enseignement liaisons dangeureuses octrobe 2015
Numérique et enseignement liaisons dangeureuses octrobe 2015Christophe Batier
 
Formation des formateurs biomerieux juin 2017
Formation des formateurs biomerieux juin 2017Formation des formateurs biomerieux juin 2017
Formation des formateurs biomerieux juin 2017Christophe Batier
 
Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018Jean-Marie Gilliot
 
Clarolineconnect accu mai2015
Clarolineconnect accu mai2015Clarolineconnect accu mai2015
Clarolineconnect accu mai2015Christophe Batier
 
Clarolineconnect cevu avril 2014
Clarolineconnect cevu avril 2014Clarolineconnect cevu avril 2014
Clarolineconnect cevu avril 2014Christophe Batier
 
L’évolution des compétences et des postures des formateurs
L’évolution des compétences et des postures des formateurs L’évolution des compétences et des postures des formateurs
L’évolution des compétences et des postures des formateurs Christophe Batier
 
Ap4 cinop burundi octobre 2021 bon support visuel
Ap4 cinop burundi octobre 2021  bon support visuelAp4 cinop burundi octobre 2021  bon support visuel
Ap4 cinop burundi octobre 2021 bon support visuelChristophe Batier
 
Le réseau des savoirs juillet 2015
Le réseau des savoirs juillet 2015Le réseau des savoirs juillet 2015
Le réseau des savoirs juillet 2015Christophe Batier
 
Le réseau des savoirs
Le réseau des savoirs Le réseau des savoirs
Le réseau des savoirs Cesam Fall
 
Le réseau des savoirs - juillet 2015
Le réseau des savoirs - juillet 2015Le réseau des savoirs - juillet 2015
Le réseau des savoirs - juillet 2015Cesam Fall
 
Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014
Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014
Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014Christophe Batier
 
Villard digital2015 enseignement et numérique Lycée
Villard digital2015 enseignement et numérique LycéeVillard digital2015 enseignement et numérique Lycée
Villard digital2015 enseignement et numérique LycéeChristophe Batier
 

Similaire à Journee spiral 2013 - presentation nlle interace (20)

Claroline Connect integration mfr paris 29 avril2015
Claroline Connect integration mfr paris 29 avril2015Claroline Connect integration mfr paris 29 avril2015
Claroline Connect integration mfr paris 29 avril2015
 
Nouveautes spiral : Séminaire Spiral à QUiberon
Nouveautes spiral : Séminaire Spiral à QUiberonNouveautes spiral : Séminaire Spiral à QUiberon
Nouveautes spiral : Séminaire Spiral à QUiberon
 
Numérique et enseignement liaisons dangeureuses octrobe 2015
Numérique et enseignement liaisons dangeureuses octrobe 2015Numérique et enseignement liaisons dangeureuses octrobe 2015
Numérique et enseignement liaisons dangeureuses octrobe 2015
 
Mooc affen
Mooc affenMooc affen
Mooc affen
 
Visio quiberon 25 juin 2015
Visio quiberon 25 juin 2015Visio quiberon 25 juin 2015
Visio quiberon 25 juin 2015
 
Formation des formateurs biomerieux juin 2017
Formation des formateurs biomerieux juin 2017Formation des formateurs biomerieux juin 2017
Formation des formateurs biomerieux juin 2017
 
Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018
 
Clarolineconnect accu mai2015
Clarolineconnect accu mai2015Clarolineconnect accu mai2015
Clarolineconnect accu mai2015
 
Clarolineconnect cevu avril 2014
Clarolineconnect cevu avril 2014Clarolineconnect cevu avril 2014
Clarolineconnect cevu avril 2014
 
L’évolution des compétences et des postures des formateurs
L’évolution des compétences et des postures des formateurs L’évolution des compétences et des postures des formateurs
L’évolution des compétences et des postures des formateurs
 
Garf
GarfGarf
Garf
 
Spiral essse mars2014
Spiral essse mars2014Spiral essse mars2014
Spiral essse mars2014
 
Ap4 cinop burundi octobre 2021 bon support visuel
Ap4 cinop burundi octobre 2021  bon support visuelAp4 cinop burundi octobre 2021  bon support visuel
Ap4 cinop burundi octobre 2021 bon support visuel
 
Le réseau des savoirs juillet 2015
Le réseau des savoirs juillet 2015Le réseau des savoirs juillet 2015
Le réseau des savoirs juillet 2015
 
Le réseau des savoirs
Le réseau des savoirs Le réseau des savoirs
Le réseau des savoirs
 
Le réseau des savoirs - juillet 2015
Le réseau des savoirs - juillet 2015Le réseau des savoirs - juillet 2015
Le réseau des savoirs - juillet 2015
 
Fffod2015 robot education
Fffod2015 robot educationFffod2015 robot education
Fffod2015 robot education
 
Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014
Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014
Former avec le numérique : une (ré)volution ? Nantes cafoc 23 janvier 2014
 
Villard digital2015 enseignement et numérique Lycée
Villard digital2015 enseignement et numérique LycéeVillard digital2015 enseignement et numérique Lycée
Villard digital2015 enseignement et numérique Lycée
 
Fin aout2014
Fin aout2014Fin aout2014
Fin aout2014
 

Journee spiral 2013 - presentation nlle interace

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 10. • La première version de Spiral à 10 ans 2005
  • 11. • Des évolutions de Spiral depuis 10 ans 2008
  • 12. • La révolution de Spiral 2010
  • 14.
  • 15. Préparer la venue de Claroline Connect horizon 2015 TRANSITION
  • 16. - Refonte technique en HTML5 pour suivre les nouvelles demandes technologiques Pourquoi ?  Se conformer aux nouvelles exigences du web  Et accessibilité
  • 18. - Améliorer l’existant  simplifier et accélérer les tâchessimplifier et accélérer les tâches Courantes des utilisateursCourantes des utilisateurs
  • 20. Mode icônes - Les icônes se rapportant à l’objet ont été regroupés au même endroit - Meilleur visibilité du type d’ objet en mode miniature Mode icônes - Les icônes se rapportant à l’objet ont été regroupés au même endroit - Meilleur visibilité du type d’ objet en mode miniature Interface Mode liste -meilleure navigation dans les modules/dossiers : copier/coller, Drag&Drop facilités… -détails des objets ou affichage de l’arbre désactivable et sauvegardé Mode liste -meilleure navigation dans les modules/dossiers : copier/coller, Drag&Drop facilités… -détails des objets ou affichage de l’arbre désactivable et sauvegardé
  • 21. Amélioration des outils ? - Player vidéo Compatible : OGG
  • 22. - Messagerie instantanée Présente dans la Dashboard, en mode listing et ressources
  • 23. - Gestion avancée des droits- Gestion avancée des droits + simple, accessible à partir d’un module, d’un dossier ou d’un objet
  • 24. Amélioration des outils ? - Page d’accueil du module - Récapitulatif des dernières actions pertinentes d’un module  Ne s’ouvre plus en popup mais dans la fenêtre de droite  l’enseignent peut faire remonter des notifications dans le Dashboard(bureau) des étudiants  Possibilité de bloquer ou non l’arborescence du module
  • 26. - Un agenda  personnel  permet de faire remonter les notifications des modules auxquels on est inscrits - des widgets  Flux RSS : externe et interne pour faire remonter les dernières modifications d’objets collaboratifs (forums,wikis et blogs) - Bandeau général pour la mise en avant d’informations importantes A venir : raccourcis direct vers les objets
  • 27.
  • 28. http://twitter.com/batier Me suivre sur : http://bit.ly/batier http://www.facebook.com/batier http://www.slideshare.net/batier Mes présentations: http://www.youtube.com/cbatier Mes vidéos :
  • 29. Licence Creative Commons: Paternité- Pas d'Utilisation Commerciale –Partage des Conditions Initiales à l'Identique Vous êtes libres: de reproduire, distribuer et communiquer cette création au public, de modifier cette création Selon les conditions suivantes: •Paternité. Vous devez citer le nom de l'auteur original de la manière indiquée par l'auteur de l'œuvre ou le titulaire des droits qui vous confère cette autorisation (mais pas d'une manière qui suggérerait qu'ils vous soutiennent ou approuvent votre utilisation de l‘oeuvre). •Pas d'Utilisation Commerciale. Vous n'avez pas le droit d'utiliser cette création à des fins commerciales. •Partage des Conditions Initiales à l'Identique. Si vous modifiez, transformez ou adaptez cette création, vous n'avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci. A chaque réutilisation ou distribution de cette création, vous devez faire apparaître clairement au public les conditions contractuelles de sa mise à disposition. La meilleure manière de les indiquer est un lien vers cette page web. Chacune de ces conditions peut être levée si vous obtenez l'autorisation du titulaire des droits sur cette œuvre. Rien dans ce contrat ne diminue ou ne restreint le droit moral de l'auteur ou des auteurs. Ce qui précède n'affecte en rien vos droits en tant qu'utilisateur (exceptions au droit d'auteur: copies réservées à l'usage privé du copiste, courtes citations, parodie...) Ceci est le Résumé Explicatif du Code Juridique (la version intégrale du contrat). Cette présentation est distribuée sous licence Creative Commons

Notes de l'éditeur

  1. Interface est une transition entre celle de Spiral et de le Claroline.
  2. Refonte technique en HML5 pour p
  3. Refonte technique en HML5 pour p