Tenda Virtual TFC – J2EE Maria del Mar Balibrea Vich Tenda virtual - Maria del Mar Balibrea Vich Enginyeria Tècnica d’Informàtica de Sistemes Universitat Oberta de Catalunya Tenda Virtual TFC – J2EE Maria del Mar Balibrea Vich Antoni Oller Arcas Consultor Santi Caballé Llobet Professor Palma, dia 16 de Gener de 2012

Tenda Virtual - Maria del Mar Balibrea Vich Continguts Objectius personals Definició del projecte Mòduls de l’aplicació Funcionalitats: intefícies pública i privada Tecnologies Struts 2: Model – Vista - Controlador Eines utilitzades Conclusions finals i agraïments Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Objectius Aquestes són algunes de les raons que m’han impulsat a dur endavant aquest projecte: Aprendre el maneig de distintes eines J2EE Conèixer noves tecnologies i eines de programació Millorar els coneixements de programació orientada a objectes Millorar els coneximents de maneig de base de dades Obtenir la preparació i orientació necessàries cap al món laboral Posar en pràctica tot l’après fins ara en un projecte real Ampliar la capacitat de resolució de problemes Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Definició Es proposa la implementació d’una botiga online d’instruments musicals, amb les següents característiques: Sessions d’usuaris de distintes categories Maneig de dades i permisos d’usuari Impelmentació de la cistella de compra Gestió de material (inventari) Maneig de gestions i transaccions de material Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Mòduls de l’aplicació Sessions d’usuari Registre d’usuari Actualització de dades Desactivació del compte Catàleg de productes Visualització i cerca Actualització Eliminació Gestió de transaccions Creació de comandes Actualització Reclamació i finalització Administració Altes i baixes d’empleats Gestió de permisos Tenda Virtual - Maria del Mar Balibrea Vich

Funcionalitats Interfície pública El mòdul públic, destinat als clients de la tenda, oferirà les següents possibilitats als usuaris: Registre d’usuari Consulta i modificació de dades personals Visualització i cerca de material Addició de material a la cistella Formalització de la comanda Consulta i reclamació de la comanda Tenda Virtual - Maria del Mar Balibrea Vich

Funcionalitats Interfície privada Entre el personal de la tenda trobam dos tipus d’usuaris, amb els permisos indicats a continuació: Empleat Introducció i eliminació de material Visualització i modificació de material Visualització i actualització de comandes Adminstrador Totes les funcions disponibles per a l’empleat Gestió de comptes d’usuari del personal de la tenda Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Tecnologies Les tecnologies utilitzades per la implementació de l’aplicació són les següents: Programació web: JSP, HTML i CSS Framework: Struts 2 i Tiles Servidor de servlets: Tomcat Gestió de base de dades: MySQL Programació: Java Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Struts 2 Struts 2 és un framework basat en l'arquitectura model-vista-controlador que permet simplificar el desenvolupament web. A l’aplicació desenvolupada s’ha implementat de la següent manera: Model Format per les classes Java que s’encarreguen de comunicar l’aplicació amb la base de dades. Vista Formada pels arxius de disseny web (JSP, HTML). Controlador Formada pel servidor (Tomcat), les classes de Java que implementen les funcionalitats de la web i els arxius de control de web (XML). Tenda Virtual - Maria del Mar Balibrea Vich

Model – Vista - Controlador Tomcat 7.0 Package java 'accions' Arxius XML MODEL Package java 'paquet' BASE DE DADES MySQL VISTA JSP, HTML USUARI Tenda Virtual - Maria del Mar Balibrea Vich

Model: Connexió amb la BBDD Al codi Java desenvolupat hi trobam un package que conté una classe per cada una de les taules registrades a la base de dades, a més d’una classe extra que s’encarrega dels procediments necessaris per manipular la informació. Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Vista: Disseny Capçalera Comú a totes les pantalles Menú superior On apareix l’enllaç de registre / login / logout i l’enllaç a la cistella (només disponible amb sessió de client iniciada) Menú esquerre Apareixen les opcions corresponents al tipus d’usuari que ha iniciat la sessió Cos de la pàgina Contingut a visualitzar Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Controlador Tomcat Servidor que s’encarrega de posar en funcionament l’aplicació i interconnectar totes les seves parts. Fitxers XML Web.xml, Struts.xml i Tiles-defs.xml: encarregats del control web, del control del framework i del control de les plantilles respectivament. Java: Actions i Beans Classes de Java que implementen totes les accions i tots els objectes que s’utilitzen a l’entorn web. Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Eines utilitzades A continuació es detallen les aplicacions utilitzades per dur a terme els distints components del projecte: Gestor de projectes: GanntProject Editor de la documentació: OpenOffice Editor de diagrames UML: StarUML Editor de diagrames E-R: DataBase Designer Editor de codi: Eclipse Gestor de base de dades: MySQL Tenda Virtual - Maria del Mar Balibrea Vich

Tenda Virtual - Maria del Mar Balibrea Vich Conclusions finals Acabo aquesta tasca amb un coneixement molt més ampli de les distintes tecnologies emprades i una idea molt més acurada del que és realitzar un projecte de principi a fi, amb totes les seves parts i dificultats. Estic molt contenta i orgullosa d’haver aconseguit realitzar un projecte d’aquesta envergadura desde zero, i considero que és una molt bona eina de preparació cap el món laboral. He disfrutat del procés, tot i alguns moments de desesperació degut a la carrera contra el rellotge, ha valgut la pena. Només em queda donar el més sincer agraïment al consultor i professor d’aquesta assignatura i de totes les anteriors, que m’han ajudat a arribar fins aquí. Gràcies de tot cor. Tenda Virtual - Maria del Mar Balibrea Vich