Esercitazione sulla Modellazione e Sincronizzazione di Applicazioni Ipermediali Basi di Dati e Sistemi Informativi (Sistemi Multimediali) Ombretta Gaggi, 2 Maggio 2001 [email protected] Ombretta Gaggi 1 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... Ombretta Gaggi 2 Documenti Ipermediali Time Time Time – Sincronizzazione intra-moduli – Sincronizzazione inter-moduli Ombretta Gaggi Ancora Link Moduli con diverse componenti multimediali 3 Il modello Amsterdam a b c Offset dal tempo di inizio Link Arco di sincronizzazione Ancora Ombretta Gaggi 4 Linguaggio SMIL <smil> <body> <seq> file 1 file 2 <!-- file2 viene eseguito al termine --> </seq> <!-- di file1 --> <par> <!-- questi due file vengono --> file 3 <!-- eseguiti contemporaneamente --> file 4 </par> </body> </smil> Ombretta Gaggi 5 Relazioni Temporali a prima di b a incontra b a sovrapposto b a a a b a inizia con b b a finisce con b b a uguale b a b b a a b più le relazioni inverse Ombretta Gaggi 6 Il modello proposto Scena Clip Storia Sezione Ombretta Gaggi Pagina 7 Struttura Gerarchica Scena Clip Storia Scena Clip Modulo Pagina Storia Sezione Pagina Ombretta Gaggi 8 Canali Titoli • Dispositivi astratti in cui disporre i diversi oggetti: – una finestra nello schermo – un canale audio output – etc.. Ombretta Gaggi Suono Pagine Link Animazione 9 Primitive di sincronizzazione AB AB A B A B A > B Ombretta Gaggi A inizia con B A attiva B A ferma B A è rimpiazzato da B A ha priorità su B con comportamento 10 Primitive di sincronizzazione AB A B AB A A B A B A B A B A > B B A B Ombretta Gaggi 11 Un esempio semplice Pagina Video Indice Ombretta Gaggi 12 Un esempio semplice: timeline Video Introduzione Spiegazione Pagine Indice Tempo Ombretta Gaggi 13 Storia Spiegazione Introduzione sc1 p1 sc2 p2 p > Punto di stop sc3 p3 sc4 sc5 p5 p4 altro clip Punto di play Ombretta Gaggi p6 14 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. Ombretta Gaggi 15 Timeline per il modulo della narrazione Colonna Sonora Animazione Colonna sonora linea linea Figura figura Voce voce Tempo Ombretta Gaggi 16 Modellazione Seconda linea Prima linea Voce Figura Modulo Narrazione Colonna sonora Ombretta Gaggi 17 Un esempio più complesso: i Maya Titoli Suono Pagine Link Ombretta Gaggi Animazione 18 Timeline per i primi due moduli Primo Modulo Secondo Modulo Colonna Sonora s1 a1 Animazione Interazione Utente Pagine ui0 ui1 p0 p1 Tempo Ombretta Gaggi 19 Primitive di sincronizzazione M0 M1 a1 p0 ui0 ui1 M2 s1 p1 Ombretta Gaggi 20 Secondo modulo (prima parte) Ombretta Gaggi 21 Secondo modulo (seconda parte) Ombretta Gaggi 22 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. Ombretta Gaggi 23