Articles et Technologies

Année 2017 2018

Libre à vous de choisir l’outil de gestion de projet que vous  souhaitez.

Pour compléter l’article  WordPress  créé pour votre groupe, voici quelques consignes :

Les logins et mot de passe des groupes sont identiques : aicgrN N correspondant à votre no de groupe. Le nom de l’étudiant « responsable » est souligné dans la liste des membres.
Vous devez rapidement modifier votre mot de passe. Pour tous les articles que vous écrivez, il faut ajouter  à l’article la catégorie correspondant à votre livraison, dans ce cas adaptation.
Vous pouvez commencer à tester en créant un article avec votre premier rendu.

Technologies et Adaptations

Planning Oral du 27 octobre

La durée est de 5 min par membre du groupe + 5 min que vous pouvez utiliser selon votre convenance

A moins que vous n’occupiez la totalité du temps il n’y aura pas de questions seulement une discussion en fin de session

Tous les étudiants doivent assister à toutes les présentation

GR1 : Inventaire de produits     8H00

GR2 : Les devoirs 8H20

GR3 : Organisation d’événements   8H45

GR4 : Informations sur produits alimentaires   9H10

GR5: Laser Game  9H35

10H00 10H30 Debriefing_____________________________________________________

GR6 : Système de vote en ligne    10H30

GR7 : Easily Delivry 10H50

GR8 : Eau pour tous 11H05

GR9 : Utilisation de bus 11H25

GR10 : Visualiser un emploi du temps 11H50

12H15 12H40 Debriefing_______________________________________________________

 

Articles

Travail à faire  pour vous exercer (Séance 7) :

  1. Résumer l’article choisi
  2. Identifier l’adaptation choisie : se référer au contexte d’usage
  3. Adaptation à la conception ou à l’exécution
  4. Présenter leur solution
  5. Identifier le positionnement par rapport à la pyramide de l’IDM
  6. Identifier le positionnement par rapport à CAMELEON
  7. Pour quelle application pourriez vous réutiliser leur solution ?

Choisissez un de ces 4 articles. Vous pouvez travailler à 2 pour vous entrainer.

Le même type d’exercice vous sera demandé pour l’évaluation finale.

1. Users need your models! Exploiting Design Models for Explanations : http://atelierihm.unice.fr/enseignements/wp-content/uploads/sites/3/2013/08/p79-frey.pdf

2. Understanding End-User Development of Context-Dependent Applications in Smartphones : http://giove.isti.cnr.it/attachments/publications/hcse%202014.pdf
3. Design Criteria for Public Display User Interfaces : http://giove.isti.cnr.it/attachments/publications/2F978-3-319-07233-3_57.pdf
4. Reusing and Combining UI, Task and Software Component Models to Compose New Applications :
5. A Reference Framework for the Development of Plastic User Interfaces : http://iihm.imag.fr/publs/2003/MuiBook03.pdf

Constitution des groupes pour les technologies

GR1 : Inventaire de produits

  • React Native : Arnaud Zago
  • Bootstrap : Thomas Gillot
  • Angular : Adrian Palumbo

GR2 : Les devoirs

  • Kevin DUGLUE, kevin.duglue@gmail.com , Ionic 2
    Charly LAFON, charlylafon@gmail.com , Android
    Marhold MONIER, marhold.monier@gmail.com , Angular 2
    Rémy KALOUSTIAN, remy.kaloustian@gmail.com , Foundation

GR3 : Organisation d’événements

ASRI Jihane – jihane.asri@etu.unice.fr – Angular 2 (WebComponents)
DALIAN Loïc – loic.dalian@etu.unice.fr – PhoneGap (Crossplatform)
● BARZELLINO Matthieu – matthieu.barzellino@etu.unice.fr – BootStrap (RWD)
● BERLIOZ Alison – alison.berlioz-ricetti@etu.unice.fr – PWA

GR4 : Informations sur produits alimentaires

BOUDAB Jonathan, jonathan.boudab@etu.unice.fr
CHALTE Thomas, thomas.chalte@etu.unice.fr
PEPIN Nicolas, nicolas.pepin@etu.unice.fr
PRESTINI Adrien, adrien.prestini@etu.unice.fr
Technologies utilisés :
● IONIC
● Xamarin
● AngularJS
● Vanilla JS

GR5: Laser Game

Axel AIELLO axel.aiello83@gmail.com Bootstrap
Nicolas BIGHETTI nicobighetti@gmail.com Ionic 2
Flavian JACQUOT tki1.50@gmail.com Xamarin
Steven LEQUIENT steven.lequient@gmail.com Angular 2

GR6 : Système de vote en ligne

– Elia DITMANN
– Aurélien CURTI
– Jérémy FROMENT
Technologies :
– Angular 2
– Bootstrap
– Ionic 2

GR7 : Easily Delivry

Lahbabi Hamza, El Bouayadi Anas

Bootstrap, IONIC

GR8 : Eau pour tous

Abdelkader Ibrahim Bootstrap ➢
Sahli Helmi Ionic 2
Ben Aouicha Zeineb Simple css

GR9 : Utilisation de bus

  • Responsive Web Design : Bootstrap (+ Angular) [Thibaut Terris]
    Web-Component : VueJS [Alicia Marin]
  • Cross-Platform : Ionic [Thomas Monzein]
    Native : Swift [Anthony Loroscio]

GR10 : visualiser un emploi du temps

Vincent Boucher (React Native)
Akhmadov Baisangour (Bootstrap)
Borry David (Android natif)
Grivon Justin (Angular2)

Année 2016 2017

Articles

Travail à faire :

  1. Résumer l’article choisi
  2. Identifier l’adaptation choisie : se référer au contexte d’usage
  3. Adaptation à la conception ou à l’exécution
  4. Présenter leur solution
  5. Identifier le positionnement par rapport à la pyramide de l’IDM
  6. Identifier le positionnement par rapport à CAMELEON
  7. Pour quelle application pourriez vous réutiliser leur solution ?

Vous pouvez regarder : Conférence MODELS 2016 : http://models2016.irisa.fr/language/fr/accueil/ et HCI 2016 http://2016.hci.international/

1. At the Cross Roads beetween Human Computer Interaction and Model Driven Engeneering : http://scientific-journals.org/journalofsystemsandsoftware/archive/vol4no3/vol4no3_1.pdf

2. Users need your models! Exploiting Design Models for Explanations : http://atelierihm.unice.fr/enseignements/wp-content/uploads/sites/3/2013/08/p79-frey.pdf

3. Understanding End-User Development of Context-Dependent Applications in Smartphones : http://giove.isti.cnr.it/attachments/publications/hcse%202014.pdf
4. Design Criteria for Public Display User Interfaces : http://giove.isti.cnr.it/attachments/publications/2F978-3-319-07233-3_57.pdf
5. A Reference Framework for the Development of Plastic User Interfaces : http://iihm.imag.fr/publs/2003/MuiBook03.pdf

6. « Design and Development of Multidevice User Interfaces through Multiple Logical Descriptions » : http://giove.cnuce.cnr.it/projects/cameleon/pdf/TSE-0125-0803-2.pdf

7. User Interface Distribution in Multi-Device and Multi-User Environments with Dynamically Migrating Engine : http://giove.isti.cnr.it/attachments/publications/p55-frosini.pdf

9. Beyond Responsive Design: Context-DependentMultimodal Augmentation of Web Applications : http://giove.isti.cnr.it/attachments/publications/mobiwis-2014.pdf

10. Toward sa multi-user interaction meta-model : http://www.academia.edu/2757297/Towards_a_multi-user_interaction_meta-model

11.  User Interface Plasticity: Model Driven Engineering to the Limit! : http://iihm.imag.fr/publs/2010/eics2010_coutaz.pdf

12. Generation of Multi-Device Adaptive MultiModalWeb Applications

13.  Users need your models! Exploiting Design Models for Explanations

14. An Environnement for Designing and Sharing adaptation rules for accessible application: http://giove.isti.cnr.it/attachments/publications/p43.pdf

15. Push and Pull of Web User Interfaces in Multi-Device Environments : http://giove.isti.cnr.it/attachments/publications/avi-2012.pdf

16. Towards Intelligent Migration of User Interfaces : http://giove.isti.cnr.it/attachments/publications/10.1007_978-3-642-40276-0_16.pdf

17. http://dl.acm.org/citation.cfm?doid=2470654.2466113 et http://hci.cs.umanitoba.ca/publications/details/ad-binning-leveraging-around-device-space-for-storing-browsing-and-retrievi

18.  Adaptive User Interfaces for Smart Environments with the Support of Model-Based Languages http://giove.isti.cnr.it/attachments/publications/AdaptiveUI.pdf

19.  http://iihm.imag.fr/publs/2012/CCNC12-Avouacetal.pdf et  http://giove.isti.cnr.it/attachments/publications/mobacc2013_submission_29.pdf

20. Adaptable Multimodal Interfaces in Pervasive Environments CCNC12-Avouacetal-1

21.  A Framework for the Development of Distributed Interactive Applications http://giove.isti.cnr.it/attachments/publications/p249.pdf

22. An Environment for Designing and Sharing Adaptation Rules for Accessible Applications p43

23. Plasticity of User Interfaces: Formal Verification of Consistency : http://iihm.imag.fr/publs/2015/oliveiraEICS15short.pdf

24. Metamodeling functional and interactive parts of systems for composition considerations : http://content.iospress.com/articles/journal-of-computational-methods-in-sciences-and-engineering/jcm00381

25. Reusing and Combining UI, Task and Software Component Models to Compose New Applications

26. A rule based approach for model management in a user interface business alignment framework ;  http://www.academia.edu/2757262/A_rule-based_approach_for_model_management_in_a_user_interface_business_alignment_framework

27. A need, no app: just do it! But do people support dynamic composition of interactive systems for fulfilling emergent needs? : http://www.usixml.org/fr/gabillon-y-calvary-g-mandran-n-and-fiorino-h.html?IDC=465&IDD=2598

28. Sustaining Designers’ and Users’ Quality of Life in the Paradigm of Plastic UIs : http://www.usixml.org/fr/ceret-e-garci-frey-a-dupuy-chessa-s-and-calvary-g.html?IDC=465&IDD=2597

29. A model-based approach to generate connectionaware applications for the mobile web : http://www.usixml.org/fr/escolar-j-r-g-cachon-c-marin-i-vanderdonckt-j-and-motti-v.html?IDC=465&IDD=2604

30. Taking Context into Account in Conceptual Models Using a Model Driven Engineering Approach : http://www.univ-valenciennes.fr/LAMIH-intra/site/publications/205430.pdf

31. A model based approach to semi-automated user interface generation for process control interactive applications :  http://www.univ-valenciennes.fr/LAMIH-intra/site/publications/20.pdf

 

Archive

Morgane Perron

Article : http://iihm.imag.fr/publs/2012/Ubicomp12-IdentifyingEmotions-coutrix.pdf – Identifying Emotions Expressed by Mobile Users through 2D Surface and 3D Motion Gestures

Technologies : Twitter Bootstrap vs Foundation from ZURB

Raphaël GAZZOTTI

Article  http://scientific-journals.org/journalofsystemsandsoftware/archive/vol4no3/vol4no3_1.pdf

Technologies  ???

Katia Agnamazian

Articles :
1. Collaborative Editing for All : the Google Docs Example
2. Google News: How User-Friendly is It for the Blind?

Technologies  : Comparaison Responsive Design avec Bootstrapp et Web Starter Kit

Martin Alfonsi

Article  :  « Two-Finger 3D Rotations for Novice Users: Surjective and Integral Interactions » http://iihm.imag.fr/publs/2014/AVI14-RoussetBerardOrtega_2Finger3DRotations.pdf

Technologies :  Unity 3D vs Shiva 3D

Antoine Lavail

Article : The Relationship between Accessibility and Usability of Websites http://www.cs.york.ac.uk/hci/publications/003/p397-petrie.pdf

Technologies : Cross-Platform : PhoneGap / Steroids (http://www.appgyver.com/steroids)

Geneviève CIRERA

Article : http://atelierihm.unice.fr/enseignements/wp-content/uploads/sites/3/2013/08/p79-frey.pdf

Technologies : ?

Axel Vicard

Article : Understanding End-User Development of Context-Dependent Applications in Smartphones : http://giove.isti.cnr.it/attachments/publications/hcse%202014.pdf

Technologies :  Unity 3D vs UDK.

Alexia Llorens

Article : http://www.univ-valenciennes.fr/LAMIH-intra/site/specifique/publications/204838
« A user-centered approach for the design and implementation of KDD-based DSS: A case study in the healthcare domain »

Technologies : Responsive Design : Bootstrap et Foundation from ZURB

Adrien Casanova

Article : http://giove.isti.cnr.it/attachments/publications/2F978-3-319-07233-3_57.pdf

Technologies : RWD (technos à définir)

Vincent Benazet

Article : A Reference Framework for the Development of Plastic User Interfaces
:http://iihm.imag.fr/publs/2003/MuiBook03.pdf

Technologies – cross-platform : phoneGap et Appcelerator.

Valentin Poinsot

Article: « Design and Development of Multidevice User Interfaces through Multiple Logical Descriptions »
http://giove.cnuce.cnr.it/projects/cameleon/pdf/TSE-0125-0803-2.pdf

Technologies – domaine des cross-platforms : « WidgetPad » et « Appcelerator ».

Lifeng TAO

Article:User Interface Distribution in Multi-Device and Multi-User Environments with Dynamically Migrating Engine http://giove.isti.cnr.it/attachments/publications/p55-frosini.pdf

Technologie: cross plateforme RhoMobile et PhoneGap

Jiachen Nie

Article : Design Criteria for Public Display User Interfaces, voici le lien: http://giove.isti.cnr.it/attachments/publications/2F978-3-319-07233-3_57.pdf

Technologies: cross plateforme PhoneGap et Rhomobile

Assma Ben Aicha

Article: Evaluating Cross-Platform Development Approaches for Mobile Applications
http://www3.nd.edu/~cpoellab/teaching/cse40814/crossplatform.pdf

Technologies: Domaine: Cross-plateforme Phone Gap & Appcelerator

Anthony Soulier

Article – User Interface Distribution in Multi-Device and Multi-User Environments with Dynamically Migrating Engines : http://giove.isti.cnr.it/attachments/publications/p55-frosini.pdf

Technologies : cross plateforme avec Phonegap et MoSync.

Thomas Montana

Article
http://iihm.imag.fr/publication/RBO14a/

Technologies :
ZURB Foundation (http://foundation.zurb.com) et Cardinal (http://cardinalcss.com)

Swann Jumelle Dupuy

Article :
http://giove.isti.cnr.it/attachments/publications/10.1007_978-3-642-40276-0_16.pdf

Technologies :
RWD

Robin Vivant

Article Interfaces type « immediate mode » (IMGUI), présenter le principe, l’état de l’art puis mettre dans un contexte de construction d’interfaces et de réusabilité : point de vue programmeur (composition), designer (outillage) et utilisateur (usabilité).
vidéo : https://mollyrocket.com/861
Slides : http://sol.gfxile.net/files/Assembly07_IMGUI.pdf et   http://mollyrocket.com/casey/stream_0028.html

Technologies :

React, récente librairie open sourcée par Facebook.  : http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome

Web components avec Polymer de Google

Nancy Fong

Technologies :  Responsive Design (Bootstrap/Foundation).

Article   « Interactions and systems for augmenting a live dance performance »  http://www.matthieu-courgeon.net/pages/pdfs/ClayFontCMYK.pdf

Paul Lavoine

Article  : User Interface Distribution in Multi-Device and Multi-User Environments with Dynamically Migrating Engines http://giove.isti.cnr.it/attachments/publications/p55-frosini.pdf

Technologies  : phonegap vs sencha

Hugo Martinez

Article :  beyond responsive design: context dependent multimodal augmentation of Web application

Technologies: responsive design Bootstrap/Foundation

Anthony Da Mota

Article http://iihm.imag.fr/publs/2012/Ubicomp12-IdentifyingEmotions-coutrix.pdf

Technologie : Cross-platform : PhoneGap & Cordova

Benjamin Volland 

Article : PLACID : un planificateur pour composer dynamiquement des Services IHM – Formalisation du problème et Algorithme solution
Le lien: http://iihm.imag.fr/publication/GCF14b/

Technologies : crossplatform: phonogap vs xamarin

Quentin Bitschéne

Article :
Beyond Responsive Design: Context-DependentMultimodal Augmentation of Web Applications
http://giove.isti.cnr.it/attachments/publications/mobiwis-2014.pdf

Technologies : Responsive design, Bootstrap et  Skeleton

Flavien Bossiaux

Article : http://giove.isti.cnr.it/attachments/publications/mobiwis-2014.pdf

Comparaison technologique : Bootsrap vs Foundation (et intrinsèquement
LESS vs SASS)

Bulte Tony

Article http://www.academia.edu/2757297/Towards_a_multi-user_interaction_meta-model

Technologies : Cross-platform – comparaison des frameworks Phonegap et Ionic.

—Sites des équipes de recherche
Equipe IIHM Laboratoire IMAG à Grenoble
Gaelle Calvary & Joelle Coutaz  http://iihm.imag.fr/publication/
—Equipe RAINBOW Laboratoire I3S à Sophia Antipolis
Michel Riveill & Philippe Renevier & Audrey Occello & Anne Marie Dery  http://proton.polytech.unice.fr/biblio/displayReference.php?team=0&&export=teamHtml&&idKeyWord1=1
—Laboratoire HIIS à l’université de Pise
—Laboratoire CHI Université catholique de Louvain
—Equipe IHM au Université de Valencienne
Anas Hariri & Sophie Lepreux & Christophe Kolski

http://www.univ-valenciennes.fr/LAMIH-intra/site/commun/_gestion/publis/recherche/resultat.php?id_perso=97&langue=lang_fr

Plus généralement, les publications autour d’USIXML : http://www.usixml.org/fr/papers.html?IDC=465#year-2004

Les publications autour de Servface : http://www.servface.eu

Articles étudiés

Etudiants Parcours IHM

Aubert Gwenn : GestIT: A Declarative and Compositional Framework for Multiplatform Gesture Definition.p187

Attention de bien démontrer l’intérêt pour la plasticité

Boursier Jérome :  User Interface Plasticity: Model Driven Engineering to the Limit! : http://iihm.imag.fr/publs/2010/eics2010_coutaz.pdf

Champollion Guy : Generation of Multi-Device Adaptive MultiModalWeb Applications

Crivelli Lucas :  Users need your models! Exploiting Design Models for Explanations

Dalleau Emmanuelle :An Environnement for Designing and Sharing adaptation rules for accessible application: http://giove.isti.cnr.it/attachments/publications/p43.pdf Push and Pull of Web User Interfaces in Multi-Device Environments : http://giove.isti.cnr.it/attachments/publications/avi-2012.pdf

Diaz Alienor : Towards Intelligent Migration of User Interfaces : http://giove.isti.cnr.it/attachments/publications/10.1007_978-3-642-40276-0_16.pdf

Duan Xianbo : http://dl.acm.org/citation.cfm?doid=2470654.2466113 et http://hci.cs.umanitoba.ca/publications/details/ad-binning-leveraging-around-device-space-for-storing-browsing-and-retrievi

Hamadouche Selim : Principes et étude de cas d’adaptation d’IHM dans les SI en fonction du contexte d’interaction de l’utilisateur et Towards Intelligent Migration of User Interfaces

De préférence le second mais les deux sont possibles choisis

Laurent Alexis : Principes et étude de cas d’adaptation d’IHM dans les SI en fonction du contexte d’interaction de l’utilisateur

Lionne Jessica : Adaptive User Interfaces for Smart Environments with the Support of Model-Based Languages http://giove.isti.cnr.it/attachments/publications/AdaptiveUI.pdf

Marie Aurélien : http://iihm.imag.fr/publs/2012/CCNC12-Avouacetal.pdf et  http://giove.isti.cnr.it/attachments/publications/mobacc2013_submission_29.pdf

Maureille Bastien : Adaptable Multimodal Interfaces in Pervasive Environments CCNC12-Avouacetal-1

Nouira Nicolas : Modélisation conceptuelle des IHM : Une approche globale s’appuyant sur les processus métier http://www.univ-valenciennes.fr/LAMIH-intra/site/specifique/publications

Rocher Kevin :  Puzzle: A Visual-Based Environment for End User Development in Touch-Based Mobile Phones : http://giove.isti.cnr.it/attachments/publications/76230199.pdf

Attention de bien démontrer l’intérêt pour la plasticité

Volland Benjamin : RFID driven Situation-awareness on TangiSense, a table interacting with tangible objects

Yao Haocher : Users need your models! Exploiting Design Models for Explanations

 Etudiants Parcours IAM

Belli Fabien : http://giove.isti.cnr.it/attachments/publications/PSYCHNOLOGY_JOURNAL_10_1_PATERNO.pdf

Faizant Loic : Supporting Mobile Users in Selecting Target Devices – http://giove.isti.cnr.it/attachments/publications/jucs_16_15_2019_2037_ghiani.pdf

Paeta Suzy : A Framework for the Development of Distributed Interactive Applications http://giove.isti.cnr.it/attachments/publications/p249.pdf

Rambert Maurice : Adaptive Mobile Multimodal User Interfaces for Dynamic Accessibility  mobacc2013_submission_29  et An Environment for Designing and Sharing Adaptation Rules for Accessible Applications p43

Roufast Romain :   Towards Intelligent Migration of User Interfaces 

Etudiants Parcours KIS

Guo : Automated planning for User Interface Composition

A compléter avec un autre article court

Kiran Roy : Push and Pull of Web User Interfaces in Multi Device Environment

 

 

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *