Specificarea interfetei unui joc electronic folosind UsiXML si UIML

RoCHI 2009 :: Interacțiune om‐calculator

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

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



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



Aplicații‐țintă & domenii de utilizare

productivitate personalăbusiness

entertainmentetc.





Notații & instrumente (inginereşti)

modelare – eventual, formală – software



Maniere de interacțiune

textualăgrafică

multimedianeconvențională

3D…



Diversitatea utilizatorilor

Varietatea task‐urilor

Eterogenitatea platformelor

Multitudinea contextelor de utilizare

Proliferarea tehnicilor de dezvoltare

a interfețelor‐utilizator





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)



Task &Concepts

Abstract UI

ConcreteUI

Final UI Reformating

TranscodingRecoding

RespecificationRetasking

Restructuration

Programunderstanding

Redocumentation

Reverse Engineering

Design recovery

Reengineering

Revamping

Bouillon, 2006



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

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

Requirements Model



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

object modeldynamic modelfunctional model

presentation model

Conceptual Model



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

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

Model Compilation



Implementarea efectivă urmeazăun CM (Code Model)

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

application tierpersistence tier



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



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




UsiXMLUSer Interface eXtensible Markup Language

www.usixml.org



Model to Model

PlatformIndependentModel (PIM)

PlatformSpecific

Model (PSM)Model to Code Source code

componenteMDA (Model‐Driven Architecture)

tehnici bazate pe UsiXML

ComputingIndependentModel (CIM)

Model to Model

UsiXML model:Abstract user

interface

UsiXML model:Concrete user

interfaceRendering Final user

interface

UsiXMLmodels: task,

domainGraph

transformationsGraph

transformations

Jean Vanderdonckt, 2006



UsiXML model:Abstract user

interface

UsiXML model:Concrete user

interface

Rendering

Final userinterface

UsiXMLmodels:

task, domain Generativeprogramming

Graphtransformations

Graphtransformations

Derivation rules

IdealXML

ReversiXML

FlashiXMLQtkXMLJaviXML

VisualiXML

TransformiXML

GrafiXMLVisiXML

SketchiXMLFormiXML

KnowiXML

MethodiXML




UIMLUser Interface Markup Language

www.uiml.org



UIML descrie trei aspecte:

elementele constituente ale interfeței

interacțiunea – comportamentul elementelor

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



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

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





Modelarea conceptuală a domeniului jocului

GameControllerGamePlayerProductItem

TradeStoreTown

claseabstracte

pot fi adoptate specificații 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>…

</taskmodel>

descrierea în XMLa task‐urilor şi

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 modelede specificare a interfețelor cu utilizatorul



Instrumentele software oferitede Consorțiul UsiXMLnu sunt foarte intuitive,

lipsind mijloacele de ajutor

unele sarcini sunt dificil sau imposibil de efectuat



Documentele UsiXML generateau o structură simplă și clară

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



UIML se focalizeazămai multpe 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 complexedin punct de vedere structural

informațiile stocate vizează aspecte concreteale interfeței modelate



Ca și la UsiXML, prin compilare se va obțineinterfaț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.



Technology

Specificarea interfetei unui joc electronic folosind UsiXML si UIML