SlideShare une entreprise Scribd logo
1  sur  74
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]

Contenu connexe

En vedette

Communicating Usability Problems
Communicating  Usability  ProblemsCommunicating  Usability  Problems
Communicating Usability Problemsbolk
 
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 CollaborationDebaleena Chattopadhyay
 
Screenless Browsing - Audio Sword
Screenless Browsing - Audio SwordScreenless Browsing - Audio Sword
Screenless Browsing - Audio SwordJoe 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 Requirementsbolk
 

En vedette (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
 

Similaire à Designidm C L P Revised

Similaire à 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
 
Ppt (lis 10)
Ppt (lis 10)Ppt (lis 10)
Ppt (lis 10)
 
test
testtest
test
 
Chapt 01
Chapt 01Chapt 01
Chapt 01
 
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
 

Dernier

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 

Dernier (20)

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 

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.