Your SlideShare is downloading. ×
Quill SigDoc 2013
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Quill SigDoc 2013

2,862
views

Published on

Paper presented at SigDoc'2013 …

Paper presented at SigDoc'2013
Serenoa project

Published in: Education, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,862
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. { Quill Simplifying  the  Development  of   Cross-­‐‑Platform  Web  User  Interfaces  by   Collaborative  Model-­‐‑based  Design
  • 2. { Vivian  Genaro  Mo,i,  Sascha  Van  Cauwelaert,  ,  Jean  Vanderdonckt LILab  -­‐‑  Université  catholique  de  Louvain  (Belgium) Dave  Ragge, ERCIM  W3C  (France)
  • 3. Ñ  Several  contexts  of  use Ó  Multiple  users’  profile Ó  Fragmented  device  market Ó  Heterogeneous  environments Motivations SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 3
  • 4. SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 4 [Serenoa,  2012]
  • 5. SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 5 [HaptiMap,  2012]
  • 6. Ñ  Users  expect Ó  Plastic  UIs  through  a  responsive  design Ñ  Stakeholders Ó  Find  only  partial  support  for  design Motivations SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 6
  • 7. SotA Models and Diagrams UI Sketching and Prototyping ArgoUML Balsamiq DIA JustInMind Visio MAQETTA Visual Paradigm SketchFlow SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 7
  • 8. Ñ  Models  are  an  abstract  and  simplified  representation  of  a   system Ñ  MDA  aims  at  alleviating  the  cost  of  code  production   while  improving  its  qualities Ñ  Context-­‐‑awareness  is  a  capability  to  identify  and   consider  contextual  information Ñ  Adaptation  aims  at  providing  users  an  application  that  is   more  suitable  according  to  the  context  of  use Key  concepts SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 8
  • 9. Ñ  H1)  Stakeholders  are  aware  of  the  importance  and  the   benefits  of  considering:  context-­‐‑awareness,  model-­‐‑ based  approaches  and  adaptation.   Ñ  H2)  Stakeholders  do  not  fully  incorporate  into  their   daily  work  practices:  context-­‐‑gathering,  model-­‐‑based   approaches  and  adaptation.   Survey SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 9
  • 10. Ñ  33  participants Ó  I.T.  practitioners  of  different  profiles Ñ  Context Ñ  Adaptation Ñ  Models Survey SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 10
  • 11. Results Ñ  Profile Ó  I.T.  practitioners Ó  n=33 11
  • 12. Results Ñ  Profile Ó  I.T.  practitioners Ó  n=33 12
  • 13. Results Ñ  Context  Dimensions  considered 13
  • 14. Results 14          Context-­‐‑relevance                        Context-­‐‑usage
  • 15. Results Ñ Contextual  dimensions 15  15          Context-­‐‑relevance Context-­‐‑usage
  • 16. Adoption Platform Environment User Context SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 16
  • 17. Ñ  …models  are  relevant  and  useful  but  the  lack  of   "ʺeasy  to  use"ʺ  applications,  "ʺeasy  to  draw  models"ʺ   puts  resistance  for  developers  to  use  these  tools Ñ  ...  if  the  model-­‐‑based  approach  is  directly   responsible  for  the  generated  code  and  any   changes  in  the  code  automatically  reflects  in  the   model  then  it  would  be  extremely  relevant  to   have  this  kind  of  approach  during  the   development… Remarks SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 17
  • 18. Model-­‐‑based  Approach SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 18
  • 19. Ñ  A  Design  Assistant  for  model-­‐‑based  design  of   web  application  UIs Ó  Collaborative Ó  Cross-­‐‑platform Ó  Web-­‐‑based Ó  Open  source Ó  HTML5  based Quill SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 19
  • 20. Ñ  Flexible  design  decisions Ñ  Cross-­‐‑platform  consistency Ñ  Context-­‐‑awareness Ñ  Usability  guidance Ñ  Scalability Ó  Rules  and  views Ñ  Compatibility Ñ  Persistency Ñ  Collaboration Requirements SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 20
  • 21. Architecture SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 21
  • 22. Case  Study SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 22
  • 23. Project SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 23
  • 24. Task  Models SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 24
  • 25. Abstract  UI SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 25
  • 26. Concrete  UI SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 26
  • 27. Final  UI SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 27
  • 28. Ñ  Models  held  in  the  cloud Ñ  Graphic  UI Ó  Forced  directed  layout Ó  Drag-­‐‑and-­‐‑drop  of  model  components Ñ  Constraint  propagation Ó  Abductive  Reasoning Design  Decisions SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 28
  • 29. Discussion Ñ  Stakeholders   recognize   the   relevance   and   benefits   of   models Ó  But   they   partially   adopt   them   in   the   software   development  phases Ñ  The  complexity  and  efforts  needed  to  incorporate  them   is  the  main  drawback Ñ  Only   by   facilitating   and   supporting   its   adoption   through  beoer  tools,  it  may  increase  their  usage 29
  • 30. Ñ  Quill  benefits   Ó  Web-­‐‑based  application Ó  Models  hosted  on  the  cloud Ó  Flexible  approaches  to  work Ó  Collaboration  among  stakeholders  of  different   expertise  levels  and  domains Ó  Compliant  with  CRF Final  Remarks SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 30
  • 31. Acknowledgments Ñ  The   authors   gratefully   acknowledge   the   support   of   the   FP7   Serenoa   project,   funded   by   the   European   Union   through   under   reference  FP7-­‐‑ICT-­‐‑258030.   SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 31
  • 32. Q&A SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 32 @vivianmooi
  • 33. Ñ  EU  FP7  Serenoa  project Ó  Context  aware  model-­‐‑based  user  interfaces Ó  hop://www.serenoa-­‐‑fp7.eu/ Ñ  W3C  Model-­‐‑Based  UI  Working  Group Ó  Standardizing  task  models  and  abstract  UI Ó  hop://www.w3.org/2011/mbui/ Ñ  Responsive  Design,  e.g. Ó  hop://www.w3.org/2013/Talks/responsive-­‐‑design.pdf Ñ  About  Quill Ó  hop://www.w3.org/2013/Talks/quill-­‐‑slides-­‐‑www2013.pdf Ó  hop://www.w3.org/2013/Talks/quill-­‐‑paper-­‐‑www2013.pdf References SigDoc'ʹ2013  -­‐‑  Greenville,  NC  -­‐‑  10/01/2013 33

×