università degli studi di modena e reggio emilia facoltà di ingegneria – sede di modena corso di...

16
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 Analisi e prototipazione di una interfaccia utente che consenta la interfaccia utente che consenta la realizzazione di semplici pagine web realizzazione di semplici pagine web sulla base di template sulla base di template tesi e presentazione disponibili all’indirizzo tesi e presentazione disponibili all’indirizzo http://dbgroup.unimo.it/tesi/indexNod.html http://dbgroup.unimo.it/tesi/indexNod.html

Upload: orsina-festa

Post on 01-May-2015

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 2: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 3: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 4: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 5: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 6: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

• 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

Page 7: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:
Page 8: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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ù

Page 9: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 10: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 11: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 12: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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("[email protected]"); 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>

Page 13: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 14: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 15: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

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

Page 16: Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:

Grazie per l’attenzioneGrazie per l’attenzione