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 Analisi e prototipazione di una interfaccia utente che consenta la realizzazione di semplici pagine web sulla base di template tesi e presentazione disponibili allindirizzo

Sommario Finalità del progettoFinalità del progetto Presentazione dellapplicazionePresentazione dellapplicazione Ambiente di sviluppoAmbiente di sviluppo Java Server Pages (JSP)Java Server Pages (JSP) Test dellapplicazioneTest dellapplicazione Conclusioni e sviluppi futuriConclusioni e sviluppi futuri

Finalità del progetto Semplificare la realizzazione di siti webSemplificare la realizzazione di siti web Integrare una struttura a templateIntegrare una struttura a template Facilitare la realizzazione di interfacce graficheFacilitare la realizzazione di interfacce grafiche Evitare la fase di pubblicazioneEvitare la fase di pubblicazione

Presentazione dellapplicazione Lapplicazione comprendeLapplicazione comprende Organizzati medianteOrganizzati mediante – Circa 8000 righe di codice – Un set di elementi grafici precostruiti – Un help in linea – File dellapplicazione, con estensione JSP – Classi Java suddivise in due Package – Librerie di immagini

Presentazione dellapplicazione LoginLogin Registrazione utentiRegistrazione utenti – Immissione dati – Interrogazione database Utenti – Accesso allapplicazione – Immissione dati – Convalida dati – Aggiornamento database Utenti

Gestione siti attiviGestione siti attivi Presentazione dellapplicazione Amministrazione sitoAmministrazione sito – Creazione nuovo sito – Eliminazione sito esistente – Modifica di un sito – Inserimento pagine – Modifica pagine – Anteprima sito – Gestione elementi template

Presentazione dellapplicazione Intestazione graficaIntestazione grafica Menù di navigazioneMenù di navigazione – Inserimento nuova intestazione – Modifica – Cancellazione – Creazione nuovo menù – Modifica – Aggiunta e cancellazione link – Cancellazione menù

Presentazione dellapplicazione Modifica pagineModifica pagine Inserimento paragrafoInserimento paragrafo – Inserimento elemento – Cancellazione singolo elemento – Reset intera pagina – Anteprima modifiche – Inserimento del testo – Raccolta opzioni di formattazione – Applicazione delle modifiche

Ambiente di sviluppo NetBeans IDE 3.5.1NetBeans IDE Apache TomcatApache Tomcat – Sun Public License (SPL) – Ambiente di sviluppo Java – Supporto a JSP – Integrazione con Tomcat – Web container di riferimento – Supporto a Servlet e JSP – Integrazione con Apache Server

Java Server Pages (JSP) Integrazione tra Java e HTML Integrazione tra Java e HTML Vantaggi rispetto a CGI Vantaggi rispetto a CGI Vantaggi rispetto a servlet e applet Vantaggi rispetto a servlet e applet Sviluppata con tecnologia JSP Sviluppata con tecnologia JSP Struttura di unapplicazione JSP Struttura di unapplicazione JSP

Esempio di codice JSP – Invio di Java Server Pages (JSP) import = "javax.mail.*,javax.mail.internet.*, javax.activation.*,java.util.*" %> Mail form <% 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 message.addRecipient(Message.RecipientType.TO, toAddress); message.setSubject("Oggetto del messaggio"); message.setText("Testo de messaggio"); Transport.send(message); %> Messaggio di posta inviato

Test dellapplicazione Riproduzione del sito Sito originale Sito riprodotto

Conclusioni Lapplicazione sviluppata consente di: Realizzare facilmente siti web Realizzare facilmente siti web Integrare elementi grafici precostruiti Integrare elementi grafici precostruiti Non sono richieste: Conoscenza di linguaggi web oriented Conoscenza di linguaggi web oriented Competenze grafiche specifiche Competenze grafiche specifiche Complesse procedure di pubblicazione Complesse procedure di pubblicazione

Sviluppi futuri In particolare: Integrazione di nuove funzionalità offerte da internet Potenziamento gestione delle tabelle Potenziamento gestione delle tabelle Migliore gestione dei link dinamici Migliore gestione dei link dinamici Creazione di nuovi elementi template Creazione di nuovi elementi template

Grazie per lattenzione