Universidade de São Paulo - USP   Instituto de Ciências Matemáticas e de Computação - ICMC  Accessible organizational elements in wikis  with model-driven development Authors:  Thiago Jabur Bittar  (UFG – ICMC/USP), Luanna Lopes Lobato (UFG - UFPE), David Fernandes Neto (ICMC/USP) and Renata P. M. Fortes (ICMC/USP) Thiago Jabur Bittar [email_address] Phd Student at USP and Professor at UFG  São Carlos-SP – 2010/09/27 ACM SIGDOC 2010
Agenda Introduction and Motivation Information architecture Research Goal Model-Driven Development Models Use Web Accessibility Proposal and Case Study Conceptual modeling Possible Advantages Conclusions Future Work
Introduction Wiki is a web collaborative tool for promoting rapid publication of information Allowing users to edit, add or revise content
Introduction - Motivation Despite various benefits offered There is no guarantee that a good structure of the Wiki content Because Inexperienced users have difficulty to create structured content, even they want Difficult to visualize its information architecture graphically Only code  Idea: Learn by Example and use of Graphical Environment
Information architecture Information architecture aims to organize the content in an intelligible and organized way Improving the search and understanding of information by users in a given context A poor information architecture results in the majority of the users failures Increasing the rate of usability and accessibility problems
Information architecture Graphical viewers are not usually available for better understanding and planning of the wiki structure Wiki A lot of information are often added because its flexibility and easiness - collaboration Great But it is necessary a good information structure and acessible elements
Research goal Improve and organize wiki content In a structured and accessibly way, which is important to the user for understanding the information and having a good interaction with it How Studying models and its application on a wiki context Using namespaces Graphically edited and viewed, providing easiness for the user in a better planning on the content that will be inserted
Models use To provide a correct use of the models and to support the generation of structured wikis, with good accessibility features We used concepts related to Model-Driven Development (MDD) MDD proposes the use of high-level abstract models  And successive transformations  to increase the details in each  ones
Models use Modeling namespaces Implementing accessible organizational interface elements Conceptual Model Coding Level
Models use Organizational elements Graphical environment Support for a good Information Architeture planning User Usability Acessibility
Web Accessibility In web applications, accessibility questions are important Due to the variety of user types that can work together  They often must interact quickly  and easily with the interface It is important to reduce the number of accessibility  barriers
Proposal and Case Study Use  Model-Driven Development (MDD)  with explicit focus on the improvement of the users’ experiences to support authoring in Wikis This is done through model construction and rules specification for Processing Support tools  Automatic code  Documentation generation
Results - Conceptual modeling Our first meta-model A particular model instance Hierarchical items Properties
Conceptual modeling Generated code Interfaces Pages Skeleton Distinct levels Itens and sub-itens Blank pages with titles waiting its filling
Possible Advantages Non-specialists can model interfaces Making a conceptual wiki structure More intuitive and less technical user interface design
Conclusions The wikis, although widely accepted by users, may require a difficult start planning, especially for individuals with disabilities, which impairs the information design and retrieval
Conclusions This work presented the use of meta-models to generate wiki codes But it is not easy to build meta-models that generalize problems.  So, we recommend that each organization has its own meta-model and efficient code generation structures.
Conclusions And, unlike what occurs in the normal process, using this approach The wiki namespaces are created visually and then pages and menus are generated This approach does not affect the flexibility and freedom of users They can usually create new pages and structure The idea here is to support users in the difficult task of structuring the content and use navigational elements in a consistent and effective way
Future Work We intend to model user permissions graphically and integrate the CSS editing with high-level, allowing a non-HTML specialist to choose custom colors and layouts Another idea is to use tools for  natural language processing  to find unusual expressions and abbreviations Indicating some suggestions to the author
Thank you for your attention! Questions? Thanks to  University of São Paulo, Federal University of Goiás, CNPq and FAPESP

Apresentacao sigdoc wiki_2010

  • 1.
    Universidade de SãoPaulo - USP Instituto de Ciências Matemáticas e de Computação - ICMC Accessible organizational elements in wikis with model-driven development Authors: Thiago Jabur Bittar (UFG – ICMC/USP), Luanna Lopes Lobato (UFG - UFPE), David Fernandes Neto (ICMC/USP) and Renata P. M. Fortes (ICMC/USP) Thiago Jabur Bittar [email_address] Phd Student at USP and Professor at UFG São Carlos-SP – 2010/09/27 ACM SIGDOC 2010
  • 2.
    Agenda Introduction andMotivation Information architecture Research Goal Model-Driven Development Models Use Web Accessibility Proposal and Case Study Conceptual modeling Possible Advantages Conclusions Future Work
  • 3.
    Introduction Wiki isa web collaborative tool for promoting rapid publication of information Allowing users to edit, add or revise content
  • 4.
    Introduction - MotivationDespite various benefits offered There is no guarantee that a good structure of the Wiki content Because Inexperienced users have difficulty to create structured content, even they want Difficult to visualize its information architecture graphically Only code Idea: Learn by Example and use of Graphical Environment
  • 5.
    Information architecture Informationarchitecture aims to organize the content in an intelligible and organized way Improving the search and understanding of information by users in a given context A poor information architecture results in the majority of the users failures Increasing the rate of usability and accessibility problems
  • 6.
    Information architecture Graphicalviewers are not usually available for better understanding and planning of the wiki structure Wiki A lot of information are often added because its flexibility and easiness - collaboration Great But it is necessary a good information structure and acessible elements
  • 7.
    Research goal Improveand organize wiki content In a structured and accessibly way, which is important to the user for understanding the information and having a good interaction with it How Studying models and its application on a wiki context Using namespaces Graphically edited and viewed, providing easiness for the user in a better planning on the content that will be inserted
  • 8.
    Models use Toprovide a correct use of the models and to support the generation of structured wikis, with good accessibility features We used concepts related to Model-Driven Development (MDD) MDD proposes the use of high-level abstract models And successive transformations to increase the details in each ones
  • 9.
    Models use Modelingnamespaces Implementing accessible organizational interface elements Conceptual Model Coding Level
  • 10.
    Models use Organizationalelements Graphical environment Support for a good Information Architeture planning User Usability Acessibility
  • 11.
    Web Accessibility Inweb applications, accessibility questions are important Due to the variety of user types that can work together They often must interact quickly and easily with the interface It is important to reduce the number of accessibility barriers
  • 12.
    Proposal and CaseStudy Use Model-Driven Development (MDD) with explicit focus on the improvement of the users’ experiences to support authoring in Wikis This is done through model construction and rules specification for Processing Support tools Automatic code Documentation generation
  • 13.
    Results - Conceptualmodeling Our first meta-model A particular model instance Hierarchical items Properties
  • 14.
    Conceptual modeling Generatedcode Interfaces Pages Skeleton Distinct levels Itens and sub-itens Blank pages with titles waiting its filling
  • 15.
    Possible Advantages Non-specialistscan model interfaces Making a conceptual wiki structure More intuitive and less technical user interface design
  • 16.
    Conclusions The wikis,although widely accepted by users, may require a difficult start planning, especially for individuals with disabilities, which impairs the information design and retrieval
  • 17.
    Conclusions This workpresented the use of meta-models to generate wiki codes But it is not easy to build meta-models that generalize problems. So, we recommend that each organization has its own meta-model and efficient code generation structures.
  • 18.
    Conclusions And, unlikewhat occurs in the normal process, using this approach The wiki namespaces are created visually and then pages and menus are generated This approach does not affect the flexibility and freedom of users They can usually create new pages and structure The idea here is to support users in the difficult task of structuring the content and use navigational elements in a consistent and effective way
  • 19.
    Future Work Weintend to model user permissions graphically and integrate the CSS editing with high-level, allowing a non-HTML specialist to choose custom colors and layouts Another idea is to use tools for natural language processing to find unusual expressions and abbreviations Indicating some suggestions to the author
  • 20.
    Thank you foryour attention! Questions? Thanks to University of São Paulo, Federal University of Goiás, CNPq and FAPESP

Editor's Notes

  • #3 This is my agenda starting at the problem and information architecture and finish