mashup
Davide Bucher, Andrea Franchini,
Joel Canonica e Chiara Riccardi
Cos’è un mashup?
Un mashup è un sito o un’applicazione
web che compone dinamicamente
informazioni, contenuti, o funzionalità
provenienti da più fonti (data sources,
API), al fine di creare un sito tutto
nuovo.
Il Web Oggi
Mashup
Alcuni esempi di mashup
Alcuni esempi di mashup
Alcuni esempi di mashup
Tecnologie usate
Tecnologie usate
Linguaggio del Web
Markup language
Utilizzo:
• Codificare la str uttur a delle pagine Web
• Interpretato da tutti I browser
Linguaggio di stile
Cascading Style Sheet
Utilizzo:
• Specificare l’aspetto estetico delle pagine
• Molto espressivo!
CSS modifica lo stile
e
gli effetti nei testi
base html
Scripting language
Utilizzo:
• Definire le funzionalità della pagina
• Rendere dinamiche e interattive le pagine
facemap:
Il nostro
mashup
facemap
Funzionalità del mashup
Il nostro mashup combina google maps
e facebook per ottenere
un’applicazione dove I nostri amici di
facebook vengono sparsi casualmente
sulla mappa di google.
Scopo del mashup
Imparare ad usare il linguaggio html,
css e javascript combinandoli fra loro
Architettura
Abbiamo iniziato a lavorare in locale
per strutturare la pagina riguardante
solo google maps. Quando abbiamo
integrato facebook si è dovuti spostare
la nostra applicazione su internet, se
no facebook non dava l’accesso: cosi
l’abbiamo messa su heroku.
Architettura
Architettura
Heroku
Ringraziamenti
In collaborazione con
Daniele Bonetta
Ringraziamo l’USI