Conversione Automatica di Specifiche Pagine web in Immagini

Conversione Automatica di
Specifiche Pagine web in Immagini
Tramite Ambienti virtuali
(CASPITA)
Tesi di: Paolo Pancaldi
Relatore: Fabio Vitali
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
Contesto scientifico





In passato il livello di compatibilità dei browser con gli
standard Web era alquanto scadente
Gli standard Web impiegarono alcuni anni a crescere e gli
stessi browser faticarono inizialmente a supportarli
I browser più competitivi, Netscape e Internet Explorer,
vennero sviluppati velocemente, nella foga di raggiungere il
dominio sul mercato e senza utilizzare linee guida comuni
Tuttora alcuni browser, compresi quelli maggiormente
utilizzati, non rispettano pienamente le specifiche W3C
Questo rende molto complesso, per gli sviluppatori di pagine
web, creare siti internet visualizzabili in maniera uguale su
tutti i browser
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
2
Cause di diversità tra browser







Iniziale assenza di linee guida
Sviluppo tardivo di alcune tecnologie (es: javascript e
css)
Plugin & software di terze parti (es: Flash)
Standard Web poco specifici (dimensione dei font…)
Interpretazione differente del codice
Presenza di estensioni proprietarie
Impostazioni di default dei browser
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
3
Situazione attuale

Esistono diversità di visualizzazione della pagina web a
seconda del tipo di browser della versione e del sistema
operativo su cui sono installati
Rimedi adottati dagli sviluppatori



I siti vengono realizzati specificatamente per un solo browser,
nella maggior parte dei casi (75%) Internet Explorer
Viene eliminata ogni nuova tecnologia all’interno della pagina
web (compatibilità all’indietro)
Vengono sviluppati tool per la simulazione di preview
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
4
Esempio: http://www.msn.com/
Netscape 3 su Windows 95
Amaya 9.1 su Windows 98
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
Internet Explorer 4 su Windows 98
Internet Explorer 6 su Windows XP prof.
5
CASPITA:
Conversione Automatica di Specifiche Pagine web
in Immagini Tramite Ambienti virtuali
Scopo:
Rendere più semplice lo sviluppo di siti internet generando
l’anteprima di una pagina web nel maggior numero di browser
possibili
Benefici





Analisi a 360° dello sviluppo di un sito web
Realtà, non simulazione (viene utilizzato il vero browser)
Automazione e semplicità (si imposta una sola volta)
Installazioni flessibili (è possibile aggiungere e rimuovere browser e
sistemi operativi)
Molteplici possibilità di scelta
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
6
CASPITA: il software


Un tool per la realizzazione di screenshot di pagine web
visualizzate su browser diversi installati su sistemi operativi
differenti attraverso macchine virtuali
Utilizza due applicazioni: StarBrowser & GoBrowser
Risorse utilizzate




Sistemi Operativi: Windows 95, 98, 98 special edition, NT server
enterprise edition, NT workstation, ME, 2000, XP home, XP
professional, 2003 enterprise, Linux (Fedora 4)…
Browser: Amaya, FireFox, Internet Explorer, K-Meleon, Netscape e
Opera in 27 versioni differenti
Tecnologie utilizzate: VB.NET, VB6, JAVA
Applicazioni: Microsoft Virtual Server 2005
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
7
Panoramica su Virtual Server




È una soluzione per la creazione di macchine virtuali
Ogni macchina virtuale è facilmente trasferibile su computer
differenti
Supporta sistemi operativi X86 Intel (come Windows e Linux)
Controlla le virtual machines in maniera programmabile
Scenari di utilizzo



Quando c’è necessità di passare rapidamente da un sistema
operativo ad un altro
Il software generalmente utilizzato è poco recente e non compatibile
con il sistema operativo attuale
Permette facilmente il test di software su sistemi operativi multipli
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
8
CASPITA: StarBrowser




Si installa sulla macchina ospite e interagisce con
Virtual Server
StarBrowser riceve in input le richieste dell’utente, le
memorizza all’interno di un file testuale e comunica
a Virtual Server quali sistemi operativi avviare
Virtual Server lancia una alla volta ogni virtual
machine
Ciascuna macchina virtuale esegue automaticamente
GoBrowser
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
9
Interfaccia utente: StarBrowser

Nella parte
superiore si
inserisce l’url della
pagina da verificare

Nella parte inferiore
vengono selezionati
i browser o le
relative versioni

Un click su “Start”
avvia il processo
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
10
CASPITA: GoBrowser






Viene lanciato all’interno della macchina virtuale
tramite esecuzione automatica
Legge le richieste dell’utente memorizzate nel file di
testo
Avvia i browser selezionati reindirizzandoli all’URL
indicato e apre la pagina a tutto schermo
Esegue lo screenshot per ogni browser aperto
Salva ogni immagine all’interno di una cartella
condivisa
Termina il sistema operativo su cui è installato
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
11
Esempio: http://www.msn.com/
Netscape 3 su Windows 95
Amaya 9.1 su Windows 98
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
Internet Explorer 4 su Windows 98
Internet Explorer 6 su Windows XP prof.
12
Conclusioni



È evidente che alcuni browser presenti oggi sul mercato non
visualizzano in modo ottimale la stessa pagina web
Il progetto aiuta lo sviluppatore ad avere una visione generale
del proprio sito sotto molteplici punti di vista
Grazie a CASPITA è possibile decidere in modo responsabile
quali direzioni seguire per migliorare le proprie pagine web
Sviluppi futuri



Ampliare il numero di browser e di sistemi operativi disponibili
Aggiungere lo scorrimento automatico della pagina web per
effettuare ulteriori screenshot della stessa
Potenziare StarBrowser con richieste di URL multiple
CORSO DI LAUREA IN SCIENZE DI INTERNET – CASPITA
13