SlideShare a Scribd company logo
HYPERMEDIA CONCEPTUAL DESIGN:  the IDM model FRANCA GARZOTTO, PAOLO PAOLINI
OUTLINE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OUTLINE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Preliminary concepts: What do we mean by “design”? ,[object Object],[object Object],[object Object],[object Object],[object Object]
What does inform design? ,[object Object],[object Object],[object Object],[object Object],REQUIREMENTS
Understanding Requirements_1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Scenario CHANNEL
What does inform  hypermedia  design? ,[object Object],[object Object]
Premise ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Defining a channel Device System SW Application Physical Channel + Context of Use Channel =
Differences among channels ,[object Object],[object Object],[object Object],[object Object],[object Object]
Physical Channel - 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Physical Channel - 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contexts of use - 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contexts of use - 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
OUTLINE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Why a design model? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hypermedia: Main modeling “dimensions” ,[object Object],[object Object],[object Object],[object Object],NAVIGATION/ INTERACTION OPERATION CONTENT PRESENTATION
OUTLINE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Designing dialogues  ,[object Object],[object Object],[object Object],[object Object],[object Object]
IDM – Interactive Dialogue Model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
IDM in a nutshell ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design example ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
C-IDM ,[object Object],[object Object],[object Object],[object Object]
Basic primitives of C-IDM ,[object Object],[object Object],[object Object],[object Object],[object Object]
Conceptual IDM - primitives ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Topic ,[object Object],[object Object],[object Object],[object Object],THE LIFE OF EDVARD MUNCH
Multiple topic or  Kind of  Topics ,[object Object],[object Object],[object Object],[object Object],[object Object],print
Relevant relation ,[object Object],[object Object],[object Object],[object Object],„ made with“ print technique
Group of topic ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],All Prints
Multiple group of topic ,[object Object],[object Object],[object Object],[object Object],[object Object],Prints of Theme X Themes
How to represent the above concepts for a specific application?  ,[object Object],[object Object],[object Object]
[object Object],[object Object]
Kind of topic (multiple topic) Topic Group  of topics  (the arrow points to the kind topics that are grouped) Multiple (parametric) group of topics  (the arrow points to the kind topics that are grouped) Relevant Relation IDM – Notation for the graphic representation of C-IDM schemas
Print Thematic Tour Masterpieces All prints IDM dialogue MAP – conceptual Themes Munch und Berlin exhibition – www.munchundberlin.org Technique All techniques Period of Life Munch’s Life Artistic Movement Artist Munch Museum Contacts Credits The Exhibition Is Made with Was used for Was made during Represented by Belonging to Influenced by Room Contains Refers to Events
Textual description ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Print Thematic Tour Masterpieces All prints IDM dialogue MAP – conceptual Themes Munch und Berlin exhibition – www.munchundberlin.org Technique All techniques Period of Life Munch’s Life Artistic Movement Artist Munch Museum Contacts Credits The Exhibition Is Made with Was used for Was made during Represented by Belonging to Influenced by Room Contains Refers to Events
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Conceptual IDM – wrap up ,[object Object],[object Object],[object Object],[object Object],[object Object]
L-IDM: answering 4 key questions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Logical IDM – Primitives_1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L-IDM – Primitives 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L-IDM – Primitives_3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L-IDM Basic concepts 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L-IDM – Basic concepts_4 ,[object Object],[object Object],[object Object],[object Object]
L-IDM – Basic concepts_5 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],PATTERNS
Item  1 Item  2 Item  n . . . Patterns_1 Guided Tour (GT) Item  1 Item 2 Item n . . . . . Circular Guided Tour (C GT) – version 1 Circular Guided Tour (C GT) – version 2 (Note: a combination of the 2 versions is also possible) Item  1 Item 2 Item n . 2 4 2 3
Item   1 Item  2 Item  n . . . Patterns_2 Index (I) Index + Guided Tour (I+GT) Item   1 Item  2 Item  n . . .
Item 1 Item 2 Item  n . . . Patterns_3 ALL-To-ALL (A)
How to represent L-IDM concepts for a specific application?  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L-IDM – Notation for the graphic representation of L-IDM schemas Dialogue Act Representative Dialogue Act Transition Act Introductory Act Relevant Relationship: if 1-N, it must be associated to a  Transition Strategy if   (pattern) XXX YYY Multiple Introductory Act Operation Act Structural Strategy [X, Y]  Cardinality  X and Y can be 0 or 1 or N Subject  Strategy
Print Thematic Tour Masterpieces All prints IDM dialogue map – logical (web version) Themes Munch und Berlin exhibition – www.munchundberlin.org Technique All techniques Period of Life Munch’s Life Artistic Movement Artist Munch Museum Contacts Credits The Exhibition Listen to this website Is Made with 1:1 Was used for 1:n Was made during 1:1 Represented by 1:n Belonging to 1:1 Influenced by 0:1 Introduction Description Big Image Description Encounters Photo Gallery Historical background Distinctive Features Explanation Essential Profile Historical background Bibliography Munch and Berlin Representative Work Practical information History Locate us Kulturforum Welcome Practical information The collection Listen to this site Enhanched Accessibility Try yourself Get a demo About this project Credits Contacts MyTour  ,[object Object],[object Object],Events Event ,[object Object],[object Object],[object Object],[object Object],Shopping Cart ,[object Object]
Examples of Textual Specification ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
P-IDM: From Logical Design to Pages (PAGE DESIGN) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Default Mapping L-IDM  P-IDM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How to decide which content to put in a page? ,[object Object],[object Object],[object Object],[object Object]
How to decide which links to put in a page ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
In practice… ,[object Object],[object Object],[object Object],[object Object]
< Fixed content: logo, payoff, banners… > < Group links > < Landmarks > < Page title > < Page type name > - < Page instance > Structural link 1 Structural link 2 … Structural link n Transition link 1 Transition link 2 … Transition link n < Orientation info > < Write your content here (images, text…) > Page schema for a dialogue act derived from Kind of topic < Kind of Topic name > - < Dialogue act name>
< Fixed content: logo, payoff, banners… >        < Landmarks > L’urlo ,[object Object],[object Object],[object Object],[object Object],Sei nella sezione “Stampe” 1923-194 Drypoint Titolo: L’urlo Magnifica stampa  del primo periodo della vita di munch….. <Print> - < Introduction> Transition Links Structural Links Group links  Sei nel gruppo “masterpieces” HOME  CONTATTI  CREDITI  MUNCH  TUTTE LE OPERE  IL MUSEO ONLINE SHOP EXAMPLE (built with the class during the lesson….)
< Fixed content: logo, payoff, banners… > < Group links > < Landmarks > < Page title > < Page type name > - < Instance name > Structural link 1 Structural link 2 … Structural link n < Orientation info > < Write your content here (images, text…) > Page schema for a dialogue act derived from Single topic < Topic name > - < Dialogue act name>
< Fixed content: logo, payoff, banners… > < Semantic  links (to the target of the relationship, i.e., the pages  for the related topics)> < Landmarks > < Page title > < Page type name > - < Instance name > < Write your content here (images, text…) > Page schema for a Transition act < Transition act name> < Semantic  link (to the source of the relationship, i.e., the page from which the “relationship?” has been invoked)> < Orientation info >
< Fixed content: logo, payoff, banners… > < Landmarks > Le stampe con tecnica Puntasecca Page for a Transition act Torna alla tecnica Puntasecca   Il pianto 1911     < Semantic  links > L’urlo, 1921   EXAMPLE (built with the class during the lesson….)
< Fixed content: logo, payoff, banners… > < Other Group links > < Landmarks > < Page title > < Page type name > - < Instance name > < Write your content here (images, text…) > Page schema for an Introductory act (Multiple) group name name > - < Introductory act name> < Group links > < Orientation info >
< Fixed content: logo, payoff, banners… > < Landmarks > I capolavori di questa esposizione < Page type name > - < Instance name > Il pianto 1911     Page for an Introductory act Masterpieces - Overview < Group links > Questa esposizione presenta tra i capolavori della produzioen gfrafica di E. Munch… L’urlo, 1921   HOME  CONTATTI  CREDITI  MUNCH  TUTTE LE OPERE  IL MUSEO ONLINE SHOP EXAMPLE (built with the class during the lesson….)
< Fixed content: logo, payoff, banners… > Vai a tutti i temi possibili     Vail al tema precedente     Vai al tema successivo   < Landmarks > Le stampe di tema “Amore e Morte” > Il pianto 1911     Page for an Introductory act Stampe per tema X - Overview < Group links > L’urlo, 1921   il tema amore e morte ….. EXAMPLE (built with the class during the lesson….)
< Fixed content: logo, payoff, banners… > I temi delle stampe di questa esposizione < Landmarks > Le stampe di tema “Amore e Morte” > Il pianto 1911     Introductory act Stampe per tema X - Overview < Group links > L’urlo, 1921   il tema amore e morte ….. ,[object Object],[object Object],[object Object],[object Object],[object Object],EXAMPLE (built with the class during the lesson….)
Exercise ,[object Object],[object Object]

More Related Content

Viewers also liked

Touchless Circular Menus
Touchless Circular MenusTouchless Circular Menus
Touchless Circular Menus
Debaleena Chattopadhyay
 
Communicating Usability Problems
Communicating  Usability  ProblemsCommunicating  Usability  Problems
Communicating Usability Problems
bolk
 
Trusted Drug-Drug Interaction Alerts: From Critique to Collaboration
Trusted Drug-Drug Interaction Alerts: From Critique to CollaborationTrusted Drug-Drug Interaction Alerts: From Critique to Collaboration
Trusted Drug-Drug Interaction Alerts: From Critique to Collaboration
Debaleena Chattopadhyay
 
Screenless Browsing - Audio Sword
Screenless Browsing - Audio SwordScreenless Browsing - Audio Sword
Screenless Browsing - Audio Sword
Joe Abhishek
 
Branding and Communication Goals in Web Application Requirements
Branding and Communication Goals in Web Application RequirementsBranding and Communication Goals in Web Application Requirements
Branding and Communication Goals in Web Application Requirements
bolk
 
Idm et ihm
Idm et ihmIdm et ihm
logical clocks
logical clockslogical clocks

Viewers also liked (7)

Touchless Circular Menus
Touchless Circular MenusTouchless Circular Menus
Touchless Circular Menus
 
Communicating Usability Problems
Communicating  Usability  ProblemsCommunicating  Usability  Problems
Communicating Usability Problems
 
Trusted Drug-Drug Interaction Alerts: From Critique to Collaboration
Trusted Drug-Drug Interaction Alerts: From Critique to CollaborationTrusted Drug-Drug Interaction Alerts: From Critique to Collaboration
Trusted Drug-Drug Interaction Alerts: From Critique to Collaboration
 
Screenless Browsing - Audio Sword
Screenless Browsing - Audio SwordScreenless Browsing - Audio Sword
Screenless Browsing - Audio Sword
 
Branding and Communication Goals in Web Application Requirements
Branding and Communication Goals in Web Application RequirementsBranding and Communication Goals in Web Application Requirements
Branding and Communication Goals in Web Application Requirements
 
Idm et ihm
Idm et ihmIdm et ihm
Idm et ihm
 
logical clocks
logical clockslogical clocks
logical clocks
 

Similar to Designidm C L P Revised

Technical Communications 101 (First draft)
Technical Communications 101 (First draft)Technical Communications 101 (First draft)
Technical Communications 101 (First draft)
Dennis Torrecampo
 
Chapter 1 introduction to multimedia
Chapter 1 introduction to multimediaChapter 1 introduction to multimedia
Chapter 1 introduction to multimedia
ABDUmomo
 
Rm01 introduction --multimedia
Rm01 introduction --multimediaRm01 introduction --multimedia
Rm01 introduction --multimedia
Manuj Chaurasia
 
Chapt 01
Chapt 01Chapt 01
Chapt 01
Babu Kumar
 
Hyper Media
Hyper MediaHyper Media
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Filippo Andolfatto
 
Multi media mca_sem5_notes
Multi media mca_sem5_notesMulti media mca_sem5_notes
Multi media mca_sem5_notes
ashish yadav
 
CU9255 internetworking Multimedia
CU9255 internetworking MultimediaCU9255 internetworking Multimedia
CU9255 internetworking Multimedia
Adri Jovin
 
Device Independence
Device IndependenceDevice Independence
Device Independencebjornh
 
Multimedia: Multimedia technology
Multimedia: Multimedia technologyMultimedia: Multimedia technology
Multimedia: Multimedia technology
Arti Parab Academics
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
Kshitiz Anand
 
Introduction to multimedia
Introduction to multimediaIntroduction to multimedia
Introduction to multimedia
Southern Leyte State University
 

Similar to Designidm C L P Revised (20)

Technical Communications 101 (First draft)
Technical Communications 101 (First draft)Technical Communications 101 (First draft)
Technical Communications 101 (First draft)
 
2010 sigdoc keynote
2010 sigdoc keynote2010 sigdoc keynote
2010 sigdoc keynote
 
Chapter 1 introduction to multimedia
Chapter 1 introduction to multimediaChapter 1 introduction to multimedia
Chapter 1 introduction to multimedia
 
Multimedia
MultimediaMultimedia
Multimedia
 
Rm01 introduction --multimedia
Rm01 introduction --multimediaRm01 introduction --multimedia
Rm01 introduction --multimedia
 
Chapt 01
Chapt 01Chapt 01
Chapt 01
 
test
testtest
test
 
Ppt (lis 10)
Ppt (lis 10)Ppt (lis 10)
Ppt (lis 10)
 
Hyper Media
Hyper MediaHyper Media
Hyper Media
 
multimedia 01
multimedia 01multimedia 01
multimedia 01
 
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
 
Chapter 1.1
Chapter 1.1Chapter 1.1
Chapter 1.1
 
Multi media mca_sem5_notes
Multi media mca_sem5_notesMulti media mca_sem5_notes
Multi media mca_sem5_notes
 
Ch01
Ch01Ch01
Ch01
 
CU9255 internetworking Multimedia
CU9255 internetworking MultimediaCU9255 internetworking Multimedia
CU9255 internetworking Multimedia
 
Device Independence
Device IndependenceDevice Independence
Device Independence
 
Multimedia: Multimedia technology
Multimedia: Multimedia technologyMultimedia: Multimedia technology
Multimedia: Multimedia technology
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
 
Introduction to multimedia
Introduction to multimediaIntroduction to multimedia
Introduction to multimedia
 

Recently uploaded

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen Designs
Finzo Kitchens
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
fastfixgaragedoor
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 

Recently uploaded (20)

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen Designs
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 

Designidm C L P Revised

  • 1. HYPERMEDIA CONCEPTUAL DESIGN: the IDM model FRANCA GARZOTTO, PAOLO PAOLINI
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Defining a channel Device System SW Application Physical Channel + Context of Use Channel =
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.  
  • 25.  
  • 26.  
  • 27.  
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. Kind of topic (multiple topic) Topic Group of topics (the arrow points to the kind topics that are grouped) Multiple (parametric) group of topics (the arrow points to the kind topics that are grouped) Relevant Relation IDM – Notation for the graphic representation of C-IDM schemas
  • 39. Print Thematic Tour Masterpieces All prints IDM dialogue MAP – conceptual Themes Munch und Berlin exhibition – www.munchundberlin.org Technique All techniques Period of Life Munch’s Life Artistic Movement Artist Munch Museum Contacts Credits The Exhibition Is Made with Was used for Was made during Represented by Belonging to Influenced by Room Contains Refers to Events
  • 40.
  • 41. Print Thematic Tour Masterpieces All prints IDM dialogue MAP – conceptual Themes Munch und Berlin exhibition – www.munchundberlin.org Technique All techniques Period of Life Munch’s Life Artistic Movement Artist Munch Museum Contacts Credits The Exhibition Is Made with Was used for Was made during Represented by Belonging to Influenced by Room Contains Refers to Events
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52. Item 1 Item 2 Item n . . . Patterns_1 Guided Tour (GT) Item 1 Item 2 Item n . . . . . Circular Guided Tour (C GT) – version 1 Circular Guided Tour (C GT) – version 2 (Note: a combination of the 2 versions is also possible) Item 1 Item 2 Item n . 2 4 2 3
  • 53. Item 1 Item 2 Item n . . . Patterns_2 Index (I) Index + Guided Tour (I+GT) Item 1 Item 2 Item n . . .
  • 54. Item 1 Item 2 Item n . . . Patterns_3 ALL-To-ALL (A)
  • 55.
  • 56. L-IDM – Notation for the graphic representation of L-IDM schemas Dialogue Act Representative Dialogue Act Transition Act Introductory Act Relevant Relationship: if 1-N, it must be associated to a Transition Strategy if (pattern) XXX YYY Multiple Introductory Act Operation Act Structural Strategy [X, Y] Cardinality X and Y can be 0 or 1 or N Subject Strategy
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65. < Fixed content: logo, payoff, banners… > < Group links > < Landmarks > < Page title > < Page type name > - < Page instance > Structural link 1 Structural link 2 … Structural link n Transition link 1 Transition link 2 … Transition link n < Orientation info > < Write your content here (images, text…) > Page schema for a dialogue act derived from Kind of topic < Kind of Topic name > - < Dialogue act name>
  • 66.
  • 67. < Fixed content: logo, payoff, banners… > < Group links > < Landmarks > < Page title > < Page type name > - < Instance name > Structural link 1 Structural link 2 … Structural link n < Orientation info > < Write your content here (images, text…) > Page schema for a dialogue act derived from Single topic < Topic name > - < Dialogue act name>
  • 68. < Fixed content: logo, payoff, banners… > < Semantic links (to the target of the relationship, i.e., the pages for the related topics)> < Landmarks > < Page title > < Page type name > - < Instance name > < Write your content here (images, text…) > Page schema for a Transition act < Transition act name> < Semantic link (to the source of the relationship, i.e., the page from which the “relationship?” has been invoked)> < Orientation info >
  • 69. < Fixed content: logo, payoff, banners… > < Landmarks > Le stampe con tecnica Puntasecca Page for a Transition act Torna alla tecnica Puntasecca  Il pianto 1911  < Semantic links > L’urlo, 1921  EXAMPLE (built with the class during the lesson….)
  • 70. < Fixed content: logo, payoff, banners… > < Other Group links > < Landmarks > < Page title > < Page type name > - < Instance name > < Write your content here (images, text…) > Page schema for an Introductory act (Multiple) group name name > - < Introductory act name> < Group links > < Orientation info >
  • 71. < Fixed content: logo, payoff, banners… > < Landmarks > I capolavori di questa esposizione < Page type name > - < Instance name > Il pianto 1911  Page for an Introductory act Masterpieces - Overview < Group links > Questa esposizione presenta tra i capolavori della produzioen gfrafica di E. Munch… L’urlo, 1921  HOME CONTATTI CREDITI MUNCH TUTTE LE OPERE IL MUSEO ONLINE SHOP EXAMPLE (built with the class during the lesson….)
  • 72. < Fixed content: logo, payoff, banners… > Vai a tutti i temi possibili  Vail al tema precedente  Vai al tema successivo  < Landmarks > Le stampe di tema “Amore e Morte” > Il pianto 1911  Page for an Introductory act Stampe per tema X - Overview < Group links > L’urlo, 1921  il tema amore e morte ….. EXAMPLE (built with the class during the lesson….)
  • 73.
  • 74.