specificarea interfetei unui joc electronic folosind usixml si uiml
DESCRIPTION
Prezentare a unei lucrari acceptate la Conferinta Nationala de Interactiune Om-Calculator -- RoCHI 2009: http://rochi.utcluj.ro/ Autori: Simina Tofan, Anamaria Pradais, Sabin Buraga (Facultatea de Informatica, Universitatea "A.I. Cuza" din Iasi, Romania)TRANSCRIPT
![Page 1: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/1.jpg)
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
![Page 2: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/2.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Diferențe majore între ingineria software şirealizarea efectivă a interfețelor‐utilizator
![Page 3: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/3.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Aplicații‐țintă & domenii de utilizare
productivitate personalăbusiness
entertainmentetc.
![Page 4: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/4.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 5: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/5.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Notații & instrumente (inginereşti)
modelare – eventual, formală – software
![Page 6: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/6.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Maniere de interacțiune
textualăgrafică
multimedianeconvențională
3D…
![Page 7: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/7.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Diversitatea utilizatorilor
Varietatea task‐urilor
Eterogenitatea platformelor
Multitudinea contextelor de utilizare
Proliferarea tehnicilor de dezvoltare
a interfețelor‐utilizator
![Page 8: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/8.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 9: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/9.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Modelul/modelele faciliteazăo vedere abstractă a interacțiunii
separation of concerns, ability of correlation
parsability, editability
if possible, human readability
![Page 10: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/10.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Modele folosite uzual în procesul de proiectare(Forbrig et al., 2004)
![Page 11: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/11.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Task &Concepts
Abstract UI
ConcreteUI
Final UI Reformating
TranscodingRecoding
RespecificationRetasking
Restructuration
Programunderstanding
Redocumentation
Reverse Engineering
Design recovery
Reengineering
Revamping
Bouillon, 2006
![Page 12: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/12.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
![Page 13: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/13.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Descrierea independentă de platformă se faceprin PIM (Platform‐Independent Model)
object modeldynamic modelfunctional model
presentation model
Conceptual Model
![Page 14: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/14.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
![Page 15: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/15.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Implementarea efectivă urmeazăun CM (Code Model)
vizează crearea/generarea de cod‐sursă:interface tier
application tierpersistence tier
![Page 16: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/16.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Ce dificultăți apar la specificarea abstractăa interfeței unui joc electronic?
![Page 17: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/17.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Alegerea unui (meta)limbaj de descrierea interfeței cu utilizatorul
![Page 18: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/18.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Alegerea unui (meta)limbaj de descrierea interfeței cu utilizatorul
UsiXMLUSer Interface eXtensible Markup Language
www.usixml.org
![Page 19: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/19.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
![Page 20: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/20.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
![Page 21: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/21.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Alegerea unui (meta)limbaj de descrierea interfeței cu utilizatorul
UIMLUser Interface Markup Language
www.uiml.org
![Page 22: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/22.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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)
![Page 23: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/23.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Interacțiunea în cadrul unui joc electronicde micro‐management de resurse
similar DopeWars – http://dopewars.sourceforge.net/
![Page 24: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/24.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 25: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/25.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Modelarea conceptuală a domeniului jocului
GameControllerGamePlayerProductItem
TradeStoreTown
claseabstracte
pot fi adoptate specificații ontologice
![Page 26: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/26.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Modelarea sarcinilor pe baza instrumentului IdealXML
![Page 27: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/27.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Obținerea – generarea automată – a descrierii interfeței‐utilizator ca document(e) XML
![Page 28: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/28.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
<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
![Page 29: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/29.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Specificarea manierei de prezentare a interfeței
![Page 30: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/30.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Specificarea manierei de prezentare a interfeței
facilitată de UIML prin instrumentul LiquidApps
www.liquidappsworld.com
![Page 31: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/31.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
![Page 32: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/32.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
UsiXML oferă o modelare abstractă a interacțiunii
metodologie riguroasă de crearea a diverselor modelede specificare a interfețelor cu utilizatorul
![Page 33: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/33.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Instrumentele software oferitede Consorțiul UsiXMLnu sunt foarte intuitive,
lipsind mijloacele de ajutor
unele sarcini sunt dificil sau imposibil de efectuat
![Page 34: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/34.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Documentele UsiXML generateau o structură simplă și clară
informații pot fi reutilizate şi în alte contexte
![Page 35: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/35.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
UIML se focalizeazămai multpe maniera de prezentare
![Page 36: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/36.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
UIML încurajează o abordare mai puțin abstractă,dar mai intuitivă pentru proiectant
grad mare de utilizabilitate a instrumentelor software
![Page 37: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/37.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Documentele UIML generate sunt complexedin punct de vedere structural
informațiile stocate vizează aspecte concreteale interfeței modelate
![Page 38: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/38.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Ca și la UsiXML, prin compilare se va obțineinterfața concretă
cod‐sursă generat automat în Java ori C#
![Page 39: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/39.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Considerarea unor cazuri mai complexe
modelarea de interacțiuni neconvenționale:interfețe vocale, bazate pe gesturi, tridimensionale etc.
![Page 40: Specificarea interfetei unui joc electronic folosind UsiXML si UIML](https://reader033.vdocuments.pub/reader033/viewer/2022052621/55879d38d8b42af6748b46bb/html5/thumbnails/40.jpg)
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco