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
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
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.
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Notații & instrumente (inginereşti)
modelare – eventual, formală – software
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Maniere de interacțiune
textualăgrafică
multimedianeconvențională
3D…
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
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
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)
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
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
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
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
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
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?
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
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
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
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
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
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)
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/
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Modelarea sarcinilor pe baza instrumentului IdealXML
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
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
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
Specificarea manierei de prezentare a interfeței
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
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
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
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
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
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco
UIML se focalizeazămai multpe maniera de prezentare
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
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
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#
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.
RoCHI 2009 :: Interacțiune om‐calculator
Dr. Sabin‐Corneliu Buraga – www.purl.org/net/busaco