università degli studi di modena e reggio emilia facoltà di ingegneria – sede di modena corso di...
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/1.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/2.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/3.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/4.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/5.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/6.jpg)
• 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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/7.jpg)
![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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/8.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/9.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/10.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/11.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/12.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/13.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/14.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/15.jpg)
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:](https://reader031.vdocuments.site/reader031/viewer/2022013011/5542eb4c497959361e8b9ba3/html5/thumbnails/16.jpg)
Grazie per l’attenzioneGrazie per l’attenzione