Università degli Studi di Modena e Reggio Emilia

Facoltà di Ingegneria – Sede di Modena 

Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento

Relatore:

Prof. Sonia Bergamaschi

Candidato:

Lorenzo Ballasini

Anno Accademico 2003 - 2004

Analisi e prototipazione di una interfaccia Analisi e prototipazione di una interfaccia utente che consenta la realizzazione di utente che consenta la realizzazione di

semplici pagine web sulla base di templatesemplici pagine web sulla base di template

tesi e presentazione disponibili all’indirizzo http://dbgroup.unimo.it/tesi/indexNod.htmltesi e presentazione disponibili all’indirizzo http://dbgroup.unimo.it/tesi/indexNod.html

SommarioSommario

• Finalità del progettoFinalità del progetto

• Presentazione dell’applicazionePresentazione dell’applicazione

• Ambiente di sviluppoAmbiente di sviluppo

• Java Server Pages (JSP)Java Server Pages (JSP)

• Test dell’applicazioneTest dell’applicazione

• Conclusioni e sviluppi futuriConclusioni e sviluppi futuri

Finalità del progettoFinalità del progetto

• Semplificare la realizzazione di Semplificare la realizzazione di siti websiti web

• Integrare una struttura a templateIntegrare una struttura a template

• Facilitare la realizzazione di Facilitare la realizzazione di interfacce graficheinterfacce grafiche

• Evitare la fase di pubblicazioneEvitare la fase di pubblicazione

Presentazione dell’applicazionePresentazione dell’applicazione

• L’applicazione comprendeL’applicazione comprende

• Organizzati medianteOrganizzati mediante

– Circa 8000 righe di codiceCirca 8000 righe di codice

– Un set di elementi grafici precostruitiUn set di elementi grafici precostruiti

– Un help in lineaUn help in linea

– File dell’applicazione, con estensione JSPFile dell’applicazione, con estensione JSP

– Classi Java suddivise in due PackageClassi Java suddivise in due Package

– Librerie di immaginiLibrerie di immagini

Presentazione dell’applicazionePresentazione dell’applicazione

• LoginLogin

• Registrazione utentiRegistrazione utenti

– Immissione datiImmissione dati

– Interrogazione database UtentiInterrogazione database Utenti

– Accesso all’applicazioneAccesso all’applicazione

– Immissione datiImmissione dati

– Convalida datiConvalida dati

– Aggiornamento database UtentiAggiornamento database Utenti

• Gestione siti attiviGestione siti attivi

Presentazione dell’applicazionePresentazione dell’applicazione

• Amministrazione sitoAmministrazione sito

– Creazione nuovo sitoCreazione nuovo sito

– Eliminazione sito esistenteEliminazione sito esistente

– Modifica di un sitoModifica di un sito

– Inserimento pagineInserimento pagine

– Modifica pagineModifica pagine

– Anteprima sitoAnteprima sito

– Gestione elementi templateGestione elementi template

Presentazione dell’applicazionePresentazione dell’applicazione

• Intestazione graficaIntestazione grafica

• Menù di navigazioneMenù di navigazione

– Inserimento nuova intestazioneInserimento nuova intestazione

– ModificaModifica

– CancellazioneCancellazione

– Creazione nuovo menùCreazione nuovo menù

– ModificaModifica

– Aggiunta e cancellazione linkAggiunta e cancellazione link

– Cancellazione menùCancellazione menù

Presentazione dell’applicazionePresentazione dell’applicazione

• Modifica pagineModifica pagine

• Inserimento paragrafoInserimento paragrafo

– Inserimento elementoInserimento elemento

– Cancellazione singolo elementoCancellazione singolo elemento

– Reset intera paginaReset intera pagina

– Anteprima modificheAnteprima modifiche

– Inserimento del testoInserimento del testo

– Raccolta opzioni di formattazioneRaccolta opzioni di formattazione

– Applicazione delle modificheApplicazione delle modifiche

Ambiente di sviluppoAmbiente di sviluppo

• NetBeans IDE 3.5.1NetBeans IDE 3.5.1

• Apache TomcatApache Tomcat

– Sun Public License (SPL)Sun Public License (SPL)

– Ambiente di sviluppo JavaAmbiente di sviluppo Java

– Supporto a JSPSupporto a JSP

– Integrazione con Tomcat 4.0.6Integrazione con Tomcat 4.0.6

– Web container di riferimentoWeb container di riferimento

– Supporto a Servlet e JSP Supporto a Servlet e JSP

– Integrazione con Apache ServerIntegrazione con Apache Server

Java Server Pages (JSP)Java Server Pages (JSP)

• Integrazione tra Java e HTMLIntegrazione tra Java e HTML

• Vantaggi rispetto a CGIVantaggi rispetto a CGI

• Vantaggi rispetto a Vantaggi rispetto a servletservlet e e appletapplet

• Sviluppata con tecnologia JSPSviluppata con tecnologia JSP

• Struttura di un’applicazione JSPStruttura di un’applicazione JSP

Esempio di codice JSP – Invio di emailEsempio di codice JSP – Invio di email

Java Server Pages (JSP)Java Server Pages (JSP)

<%@page contentType = "text/html"%><%@page import = "javax.mail.*,javax.mail.internet.*, javax.activation.*,java.util.*" %><html><head><title>Mail form</title></head><body><% Properties props = new Properties(); props.put("mail.smtp.host", "mail.unimo.it"); Session mysession = Session.getDefaultInstance(props, null); MimeMessage message = new MimeMessage(mysession); Address fromAddress = new InternetAddress(webmasterMail,"formWeb"); message.setFrom(fromAddress); Address toAddress = new InternetAddress("user@unimo.it"); message.addRecipient(Message.RecipientType.TO, toAddress); message.setSubject("Oggetto del messaggio"); message.setText("Testo de messaggio");

Transport.send(message);%><p aling="center">Messaggio di posta inviato</p></body></html>

Test dell’applicazioneTest dell’applicazione

Riproduzione del sito Riproduzione del sito http://dbgroup.unimo.it/bdatiahttp://dbgroup.unimo.it/bdatia

Sito originaleSito originale Sito riprodottoSito riprodotto

ConclusioniConclusioni

L’applicazione sviluppata consente di:L’applicazione sviluppata consente di:• Realizzare facilmente siti webRealizzare facilmente siti web

• Integrare elementi grafici precostruitiIntegrare elementi grafici precostruiti

Non sono richieste:Non sono richieste:• Conoscenza di linguaggi web orientedConoscenza di linguaggi web oriented

• Competenze grafiche specificheCompetenze grafiche specifiche

• Complesse procedure di pubblicazioneComplesse procedure di pubblicazione

Sviluppi futuriSviluppi futuri

In particolare:In particolare:

Integrazione di nuove funzionalità Integrazione di nuove funzionalità offerte da internetofferte da internet

• Potenziamento gestione delle tabellePotenziamento gestione delle tabelle• Migliore gestione dei link dinamiciMigliore gestione dei link dinamici• Creazione di nuovi elementi templateCreazione di nuovi elementi template

Grazie per l’attenzioneGrazie per l’attenzione