![Page 1: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/1.jpg)
Ombretta Gaggi 1
Esercitazione sulla Modellazione e Sincronizzazione
di Applicazioni Ipermediali
Basi di Dati e Sistemi Informativi
(Sistemi Multimediali)
Ombretta Gaggi, 2 Maggio [email protected]
![Page 2: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/2.jpg)
Ombretta Gaggi 2
Sommario
• Obiettivo: “Toccare” con mano le problematiche di modellazione di applicazioni ipermediali con particolare attenzione agli aspetti di sincronizzazione
– Un modello di studio
– Alcuni esempi...
![Page 3: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/3.jpg)
Ombretta Gaggi 3
Time
TimeTime
AncoraLinkModuli con diversecomponenti multimediali
Documenti Ipermediali
– Sincronizzazione intra-moduli
– Sincronizzazione inter-moduli
![Page 4: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/4.jpg)
Ombretta Gaggi 4
a
b
c
Offset dal tempo di inizio Link
AncoraArco di sincronizzazione
Il modello Amsterdam
![Page 5: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/5.jpg)
Ombretta Gaggi 5
<smil><body>
<seq>file 1file 2 <!-- file2 viene eseguito al termine -->
</seq> <!-- di file1 --><par> <!-- questi due file vengono -->
file 3 <!-- eseguiti contemporaneamente -->file 4
</par></body>
</smil>
Linguaggio SMIL
![Page 6: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/6.jpg)
Ombretta Gaggi 6
Relazioni Temporali
a ba prima di b
a ba incontra b
aba sovrapposto b a
ba uguale b
ab
a finisce con b
aba inizia con b
più le relazioni inverse
![Page 7: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/7.jpg)
Ombretta Gaggi 7
Il modello proposto
Storia
Sezione
Clip
Pagina
Scena
![Page 8: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/8.jpg)
Ombretta Gaggi 8
Struttura Gerarchica
Clip
Scena
Modulo
Storia
Scena
Clip
Storia
Pagina
Pagina
Sezione
![Page 9: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/9.jpg)
Ombretta Gaggi 9
Canali
• Dispositivi astratti in cui disporre i diversi oggetti:
– una finestra nello schermo
– un canale audio output
– etc.. AnimazioneLink
Titoli
Pagine Suono
![Page 10: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/10.jpg)
Ombretta Gaggi 10
Primitive di sincronizzazione
A B A inizia con B
A B A attiva B
A B A ferma B
A B A è rimpiazzato da B
A > B A ha priorità su B con comportamento
![Page 11: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/11.jpg)
Ombretta Gaggi 11
Primitive di sincronizzazione
A B
A B
A B
A B
A > B
AB
A
AB
B
A B
B A
![Page 12: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/12.jpg)
Ombretta Gaggi 12
Un esempio semplice
PaginaVideo
Indice
![Page 13: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/13.jpg)
Ombretta Gaggi 13
Un esempio semplice: timeline
Tempo
Video
Pagine
Indice
Introduzione Spiegazione
![Page 14: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/14.jpg)
Ombretta Gaggi 14
Introduzione SpiegazioneStoria
p1 p2 p3 p4 p5
sc1 sc4 sc5
p6
Punto di stop
Punto di play
sc2 sc3
altro clip
p
>
![Page 15: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/15.jpg)
Ombretta Gaggi 15
Un altro esempio: “Sulle orme di Beethoven”
• è divisa in due moduli: uno che racconta la vita di Beethoven e un secondo modulo che chiamiamo modulo di uscita
• un’animazione costruisce man mano una linea temporale,
• una voce descrive i momenti più importanti
• una colonna sonora accompagna la narrazione.
![Page 16: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/16.jpg)
Ombretta Gaggi 16
Timeline per il modulo della narrazione
Tempo
voce
Anima-zione
Figura
Voce
figura
ColonnaSonora
linea
Colonna sonora
linea
![Page 17: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/17.jpg)
Ombretta Gaggi 17
Modellazione
Colonna sonora
Prima linea
Voce
Figura
Seconda linea
Modulo Narrazione
![Page 18: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/18.jpg)
Ombretta Gaggi 18
Un esempio più complesso: i Maya
AnimazioneLink
Titoli
PagineSuono
![Page 19: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/19.jpg)
Ombretta Gaggi 19
Timeline per i primi due moduli
Tempo
p0
Anima-zione
Interazio-ne Utente
Pagine
ui1
a1
ColonnaSonora
ui0
p1
s1
Primo Modulo Secondo Modulo
![Page 20: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/20.jpg)
Ombretta Gaggi 20
Primitive di sincronizzazioneM0 M1
p0
p1
ui0
a1
s1
ui1
M2
![Page 21: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/21.jpg)
Ombretta Gaggi 21
Secondo modulo (prima parte)
![Page 22: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/22.jpg)
Ombretta Gaggi 22
Secondo modulo (seconda parte)
![Page 23: Ombretta Gaggi1 Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali)](https://reader036.vdocuments.pub/reader036/viewer/2022062701/5542eb4e497959361e8bde63/html5/thumbnails/23.jpg)
Ombretta Gaggi 23
Conclusioni
• L’analisi della sincronizzazione di una presentazione ipermediale richiede:– l’individuazione delle risorse (canali) utilizzate
dai diversi oggetti,– l’individuazione degli eventi significativi (punti
di sincronizzazione) e– la reazione degli oggetti al verificarsi dei
diversi eventi.