20
1 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 protected] Phd Student at USP and Professor at UFG

Apresentacao sigdoc wiki_2010

Embed Size (px)

DESCRIPTION

My presentation at ACM SIGDOC 2010 conference.

Citation preview

Page 1: Apresentacao sigdoc wiki_2010

1

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 [email protected]

Phd Student at USP and Professor at UFG

São Carlos-SP – 2010/09/27ACM SIGDOC 2010

Page 2: Apresentacao sigdoc wiki_2010

2

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

Page 3: Apresentacao sigdoc wiki_2010

Introduction

• Wiki is a web collaborative tool for promoting rapid publication of information– Allowing users to edit, add or revise content

3

Page 4: Apresentacao sigdoc wiki_2010

Introduction - Motivation

• Despite various benefits offered– There is no guarantee that a good structure of the

Wiki content

4

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

Page 5: Apresentacao sigdoc wiki_2010

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

5

Page 6: Apresentacao sigdoc wiki_2010

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 6

Page 7: Apresentacao sigdoc wiki_2010

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

7

Page 8: Apresentacao sigdoc wiki_2010

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

8

Page 9: Apresentacao sigdoc wiki_2010

Models use

• Modeling namespaces

– Implementing accessible organizational interface elements

9

Conceptual Model

Coding Level

Page 10: Apresentacao sigdoc wiki_2010

Models use

10

Organizational elements

Graphical environment

Support for a good Information Architeture

planning

User

UsabilityAcessibility

Page 11: Apresentacao sigdoc wiki_2010

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 thenumber of accessibility

barriers11

Page 12: Apresentacao sigdoc wiki_2010

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

12

Page 13: Apresentacao sigdoc wiki_2010

Results - Conceptual modeling

13

Our first meta-model

A particular model instance

Hierarchical items

Properties

Page 14: Apresentacao sigdoc wiki_2010

Conceptual modeling

14

Generated codeInterfaces

Pages Skeleton

Distinct levels

Itens and sub-itensBlank pages with titles waiting its filling

Page 15: Apresentacao sigdoc wiki_2010

Possible Advantages

• Non-specialists can model interfaces– Making a conceptual wiki structure

• More intuitive and less technical user interface design

15

Page 16: Apresentacao sigdoc wiki_2010

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

16

Page 17: Apresentacao sigdoc wiki_2010

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.

17

Page 18: Apresentacao sigdoc wiki_2010

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

18

Page 19: Apresentacao sigdoc wiki_2010

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 author19

Page 20: Apresentacao sigdoc wiki_2010

Thank you for your attention!

20

Questions?

Thanks to University of São Paulo, Federal University of Goiás,

CNPq and FAPESP