Tenda Virtual TFC – J2EE

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

2. 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

3. 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

4. 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

5. Sessions d’usuari Registre d’usuari Actualització de dades Desactivació del compte Catàleg de productes Visualització i cerca Actualització Eliminació Mòduls de l’aplicació 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

6. 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

7. FuncionalitatsInterfí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

8. 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

9. 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

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

11. 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

12. 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

13. 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

14. 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

15. 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