Specificarea interfetei unui joc electronic folosind UsiXML si UIML

RoCHI 2009 :: Interacțiune om‐calculator

Simina Tofan, Anamaria Pradais, Sabin Buraga
Facultatea de Informatică, Universitatea „A.I. Cuza” Iaşi, România

Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco


Diferențe majore între ingineria software şi
realizarea efectivă a interfețelor‐utilizator



Aplicații‐țintă & domenii de utilizare

productivitate personală
business
entertainment
etc.



Notații & instrumente (inginereşti)

modelare – eventual, formală – software



Maniere de interacțiune

textuală
grafică
multimedia
neconvențională
3D
…



Diversitatea utilizatorilor

Varietatea task‐urilor Proliferarea
tehnicilor de
Eterogenitatea platformelor dezvoltare
a interfețelor‐
Multitudinea contextelor de utilizator
utilizare



Modelul/modelele facilitează
o vedere abstractă a interacțiunii

separation of concerns, ability of correlation

parsability, editability

if possible, human readability



Modele folosite uzual în procesul de proiectare
(Forbrig et al., 2004)


Retasking Reverse Engineering
Task &
Concepts Respecification

Restructuration Design recovery
Abstract
UI
Revamping

Concrete
UI Redocumentation

Program
Final UI Reformating
Recoding understanding
Transcoding

Reengineering
Bouillon, 2006


La nivel abstract,
descrierea sistemului interactiv se realizează
via CIM (Computation‐Independent Model)
Requirements
Model

mision statement, function ref. tree, use cases
interaction requirements, concurrent tasks trees



Descrierea independentă de platformă se face
prin PIM (Platform‐Independent Model)

Conceptual
Model
object model
dynamic model
functional model
presentation model


Dezvoltarea focalizată asupra unei platforme‐țintă
e modelată via PSM (Platform‐Specific Model)

Model
Compilation
necesită utilizarea de instrumente de transformare
(compilare), bazate pe un application model



Implementarea efectivă urmează
un CM (Code Model)

vizează crearea/generarea de cod‐sursă:
interface tier
application tier
persistence tier


Ce dificultăți apar la specificarea abstractă
a interfeței unui joc electronic?


Alegerea unui (meta)limbaj de descriere
a interfeței cu utilizatorul




UsiXML
USer Interface eXtensible Markup Language

www.usixml.org



componente MDA (Model‐Driven Architecture)
Computing Platform Platform
Independent Model to Model Independent Model to Model Specific Model to Code
Model (CIM) Model (PIM) Model (PSM) Source code

tehnici bazate pe UsiXML
UsiXML UsiXML model: UsiXML model:
models: task, Graph Abstract user Graph Concrete user Final user
Rendering
domain transformations interface transformations interface interface

Jean Vanderdonckt, 2006


MethodiXML

TransformiXML
FlashiXML
IdealXML QtkXML
JaviXML
Rendering
UsiXML UsiXML model: UsiXML model:
models: Graph Abstract user Graph Concrete user Final user
task, domain transformations interface transformations interface interface
Generative
programming
VisualiXML

Derivation rules

KnowiXML GrafiXML ReversiXML
VisiXML
SketchiXML
FormiXML




UIML
User Interface Markup Language

www.uiml.org



UIML descrie trei aspecte:

elementele constituente ale interfeței

interacțiunea – comportamentul elementelor

modalitatea de conectare a interfeței
la partea de procesare efectivă (business logic)



Interacțiunea în cadrul unui joc electronic
de micro‐management de resurse

similar DopeWars – http://dopewars.sourceforge.net/



Modelarea conceptuală a domeniului jocului

GameController
Game
clase Player
abstracte Product
Item
pot fi adoptate
TradeStore specificații
Town ontologice


Modelarea sarcinilor pe baza instrumentului IdealXML


Obținerea – generarea automată – a descrierii
interfeței‐utilizator ca document(e) XML



<taskmodel>
<task id="st3task0" name="ChangeCity" type="abstraction">
<task id="st3task1" name="ShowAllCitys"
type="application" userAction="output" taskItem="element"/>
<task id="st3task2" name="SelectCity"
type="interaction" userAction="input" taskItem="element"/>
<task id="st3task4" name="GoToCity"
type="interaction" userAction="control" taskItem="operation"/>
</task>
<enabling>
<source sourceId="st3task1"/>
<target targetId="st3task2"/>
</enabling> descrierea în XML
… a task‐urilor şi
</taskmodel> relațiilor dintre acestea



Specificarea manierei de prezentare a interfeței



Specificarea manierei de prezentare a interfeței

facilitată de UIML prin instrumentul LiquidApps

www.liquidappsworld.com



UsiXML oferă o modelare abstractă a interacțiunii

metodologie riguroasă de crearea a diverselor modele
de specificare a interfețelor cu utilizatorul



Instrumentele software oferite
de Consorțiul UsiXML
nu sunt foarte intuitive,
lipsind mijloacele de ajutor

unele sarcini sunt dificil sau imposibil de efectuat



Documentele UsiXML generate
au o structură simplă și clară

informații pot fi reutilizate şi în alte contexte



UIML se focalizează mai mult
pe maniera de prezentare



UIML încurajează o abordare mai puțin abstractă,
dar mai intuitivă pentru proiectant

grad mare de utilizabilitate a instrumentelor software



Documentele UIML generate sunt complexe
din punct de vedere structural

informațiile stocate vizează aspecte concrete
ale interfeței modelate



Ca și la UsiXML, prin compilare se va obține
interfața concretă

cod‐sursă generat automat în Java ori C#



Considerarea unor cazuri mai complexe

modelarea de interacțiuni neconvenționale:
interfețe vocale, bazate pe gesturi, tridimensionale etc.


Specificarea interfetei unui joc electronic folosind UsiXML si UIML

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Specificarea interfetei unui joc electronic folosind UsiXML si UIML

Similar to Specificarea interfetei unui joc electronic folosind UsiXML si UIML (20)

More from Sabin Buraga

More from Sabin Buraga (20)

Recently uploaded

Recently uploaded (20)

Specificarea interfetei unui joc electronic folosind UsiXML si UIML