SlideShare ist ein Scribd-Unternehmen logo
1 von 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]

Weitere ähnliche Inhalte

Andere mochten auch

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
 

Andere mochten auch (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
 

Ähnlich wie Designidm C L P Revised

Ähnlich wie 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
 

Kürzlich hochgeladen

VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...SUHANI PANDEY
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneLukeKholes
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdshivubhavv
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxSegundoManuelFaichin1
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...amitlee9823
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja Nehwal
 

Kürzlich hochgeladen (20)

VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 

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.