Audiofaktor, comerç online de components hi Fi i HT

Texto completo

(1)Audiofaktor, comerç Online de components Hi-Fi i HT. Albert Castells Casas ETIG Joan Vicent Orenga Serisuelo 17/06/2010 Llicència: Creative Commons.

(2) Aquest és un Treball de Fi de Carrera pertanyent a l'àrea de J2EE que pretén crear un comerç electrònic de components i accessoris relacionats amb el món de la Alta Fidelitat i del Cinema a Casa. Tot i existir (bons) comerços en línia, n'hi ha pocs de dedicats i el que ho estan solen oferir productes d'alta gama que, per una bona part de la població, són una utopia. És possible també, trobar comerços en línia amb components més econòmics però aquests solen ser de caire més generalista, entenent el terme generalista com un comerç que ven altres aparells o electrodomèstics. Per altra banda, navegant pels fòrums dedicats a aquest món, és possible adonarse que aquells que s'hi inicien, es troben perduts pel què fa a l'elecció dels components més adequats i demanen consell. En un comerç físic es pot demanar consell al venedor (assumint que hi entengui, cosa que no sempre es dóna) però això no és possible trobarho en cap comerç en línia. Per aquest motiu es pretén crear, a més de l'estructura bàsica del comerç, un senzill assistent per orientar el consumidor cap a unes o altres marques en funció d'una sèrie de dades que se li demanaran. El propòsit final d'aquest comerç és apropar el món de la Alta Fidelitat i Cinema a Casa a un consumidor mitjà de forma que aconsegueixi, dins un límit pressupostari raonable, uns bons resultats..

(3)

(4) Índex de continguts 1.Introducció...........................................................................................................................1 1.1.Objectius.......................................................................................................................1 1.2.Marc de treball.............................................................................................................1 1.2.1.Per què NetBeans?...............................................................................................2 1.2.2.Per què MySQL?..................................................................................................3 1.2.3.Què és Hibernate?................................................................................................3 1.2.4.Què és MVC?.......................................................................................................3 1.2.5.Què és STRUTS2?...............................................................................................4 1.3.Requeriments tècnics..................................................................................................5 1.3.1.Client.....................................................................................................................5 1.3.2.Servidor................................................................................................................5 1.4.Planificació...................................................................................................................7 1.5.Metodologia..................................................................................................................8 2.Desenvolupament...............................................................................................................9 2.1.Presa de requeriments.................................................................................................9 2.1.1.Inspecció................................................................................................................9 2.1.2.Filtratge.................................................................................................................9 2.1.3.Comparador..........................................................................................................9 2.1.4.Assistent..............................................................................................................10 2.1.5.Carret de la compra.............................................................................................10 2.1.6.Clients..................................................................................................................10 2.1.7.Procés de checkout.............................................................................................10 2.1.8.Cercador..............................................................................................................11 2.1.9.Administració.......................................................................................................11 2.2.Anàlisi i disseny de l'aplicació....................................................................................11 2.2.1.Identificació dels casos d'ús................................................................................11 2.2.2.Diagrama de casos d'ús.....................................................................................16 2.2.3.Diagrames de classes........................................................................................18 2.2.4.Descripció de classes i paquets.........................................................................20 2.2.5.Diagrames d'activitat..........................................................................................22 2.2.6.Disseny de la persistència..................................................................................32 2.2.7.Descripció de les taules......................................................................................33 2.3.Descripció i funcionament del producte.....................................................................34 2.3.1.Comerç................................................................................................................34 2.3.2.Administració......................................................................................................43 2.4.Compatibilitat entre navegadors................................................................................45 2.5.Millores, carències i problemes coneguts.................................................................48 3.Conclusions.......................................................................................................................49 4.Bibliografia i referències....................................................................................................51.

(5) Índex d'il·lustracions Imatge 1.1:Arquitectura clientservidor...................................................................................2 Imatge 1.2: Netbeans 6.8 sobre Ubuntu................................................................................2 Imatge 1.3: Diagrama conceptual d'un ORM.........................................................................3 Imatge 1.4: Esquema MVC....................................................................................................4 Imatge 1.5: Arquitectura Struts2............................................................................................4 Imatge 1.6: Cicle de vida “clàssic” o “en cascada”................................................................8 Imatge 2.1: Diagrama de casos d'ús....................................................................................17 Imatge 2.2: Diagrama de classes del model........................................................................18 Imatge 2.3: Diagrama de classes d'acció............................................................................19 Imatge 2.4: Mostrar categoria..............................................................................................22 Imatge 2.5: Afegir al carret...................................................................................................23 Imatge 2.6: Filtrar categoria.................................................................................................23 Imatge 2.7: Identificar...........................................................................................................24 Imatge 2.8: Mostrar detall....................................................................................................24 Imatge 2.9: Sortir.................................................................................................................25 Imatge 2.10: Afegir al comparador.......................................................................................25 Imatge 2.11: Comparar.........................................................................................................26 Imatge 2.12: Modificar dades client......................................................................................26 Imatge 2.13: Assistir eleccio.................................................................................................27 Imatge 2.14: Checkout..........................................................................................................27 Imatge 2.15: Administrar components..................................................................................28 Imatge 2.16: Eliminar del carret............................................................................................28 Imatge 2.17: Buidar carret....................................................................................................29 Imatge 2.18: Eliminar del comparador.................................................................................29 Imatge 2.19: Buidar comparador..........................................................................................30 Imatge 2.20: Administrar fabricants.....................................................................................30 Imatge 2.21: Registrar..........................................................................................................31 Imatge 2.22: Actualitzar carret.............................................................................................31 Imatge 2.23: Cercar.............................................................................................................32 Imatge 2.24: Disseny de la persistència..............................................................................32 Imatge 2.25: Pàgina d'aterratge del comerç........................................................................34 Imatge 2.26: Exploració de la categoria “Columnes”...........................................................35 Imatge 2.27: Detall d'un component.....................................................................................36 Imatge 2.28: Categoria “Receptors A/V” amb dos components afegits al comparador......36 Imatge 2.29: Pàgina de comparació....................................................................................37 Imatge 2.30: Categoria “Columnes” filtrada per preu inferior a 300 i fabricant Mission......37 Imatge 2.31: Assistent: Receptors HT.................................................................................38 Imatge 2.32: Assistent: Receptors Clàssica........................................................................38 Imatge 2.33: Carret amb tres components afegits...............................................................38 Imatge 2.34: Pàgina de registre de l'aplicació.....................................................................39 Imatge 2.35: Validació dels camps de la pàgina de registre...............................................40 Imatge 2.36: Usuari registrat correctament i transferit a la pàgina inicial............................40 Imatge 2.37: Comanda llesta per a ser processada.............................................................41 Imatge 2.38: Passarel∙la, demanant les dades de pagament..............................................41 Imatge 2.39: Autenticació del pagament via CIP.................................................................41 Imatge 2.40: Pagament efectuat correctament....................................................................41.

(6) Imatge 2.41: Dades del client amb una comanda confirmada.............................................42 Imatge 2.42: cerca de “RT”..................................................................................................42 Imatge 2.43: cerca de “M6”..................................................................................................42 Imatge 2.44: Accés a la part d'administració del comerç....................................................43 Imatge 2.45: Manteniment del fabricant “JBL”.....................................................................43 Imatge 2.46: Manteniment del component “Marantz 5004”.................................................44 Imatge 2.47: Cerca de la partícula “m3”...............................................................................45 Imatge 2.48: Internet Explorer 8..........................................................................................46 Imatge 2.49: Firefox 3.6.......................................................................................................46 Imatge 2.50: Opera 10.10.....................................................................................................46 Imatge 2.51: Google Chrome...............................................................................................46 Imatge 2.52: Safari for windows...........................................................................................47 Imatge 3.1: Evolució relacionada amb la tecnología............................................................49.

(7) Índex de taules Taula 1.1: Planificació del TFC...............................................................................................7 Taula 2.1: CDU Mostrar categoria........................................................................................11 Taula 2.2: CDU Filtrar components......................................................................................12 Taula 2.3: CDU Mostrar detall..............................................................................................12 Taula 2.4: CDU Afegir al carret............................................................................................12 Taula 2.5: CDU Identificar....................................................................................................12 Taula 2.6: CDU Sortir...........................................................................................................13 Taula 2.7: CDU Afegir al comparador...................................................................................13 Taula 2.8: CDU Comparar....................................................................................................13 Taula 2.9: CDU Assistir elecció............................................................................................13 Taula 2.10: CDU Checkout...................................................................................................14 Taula 2.11: CDU Modificar dades.........................................................................................14 Taula 2.12: CDU Administrar components...........................................................................14 Taula 2.13: CDU Eliminar del carret.....................................................................................14 Taula 2.14: CDU Buidar carret..............................................................................................15 Taula 2.15: CDU Eliminar del comparador...........................................................................15 Taula 2.16: CDU Buidar comparador....................................................................................15 Taula 2.17: CDU Administrar fabricants................................................................................15 Taula 2.18: CDU Registrar....................................................................................................16 Taula 2.19: CDU Registrar....................................................................................................16 Taula 2.20: CDU Registrar...................................................................................................16 Taula 2.21: Descripció de paquets i classes........................................................................22 Taula 2.22: Descripció de les taules....................................................................................33.

(8) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 1.Introducció 1.1.Objectius A banda de l'objectiu de creació del comerç, també es volen assolir un seguit d'objectius acadèmics: •. Aplicar, de forma conjunta, els coneixements adquirits al llarg de les diferents assignatures cursades durant la titulació: ◦ Anàlisi ◦ Disseny ◦ Desenvolupament ◦ Bases de dades ◦ ..... •. Conèixer tecnologies pel desenvolupament d'aplicacions web. ◦ JSP ◦ CSS ◦ HTML ◦ .... 1.2.Marc de treball L'aplicació s'ha desenvolupat seguint l'arquitectura típica per aquest tipus d'aplicacions: l'arquitectura clientservidori. Aquest tipus d'arquitectura consisteix en algun tipus de programari (el client) amb participació o no d'un usuari humà, que fa peticions a un altre programari (el servidor). Aquest, executa el necessari en funció de la petició, seguint les regles de negoci definides i finalment retorna algun tipus de resposta al client. Habitualment, el servidor rep peticions de múltiples clients alhora.. Albert Castells. Pàgina 1 de 60.

(9) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 1.1:Arquitectura clientservidor. Audiofaktor s'ha desenvolupament completament sobre un entorn GNU/Linux, concretament sobre una distribució Ubuntu 9.10 i 10.04 (es va canviar de versió a mig desenvolupament). L'entorn de desenvolupament o IDE ha estat NetBeans ii 6.8 i el frameworkiii usat ha estat Struts2iv ja que implementa el patró MVC. L'SGBD triat ha estat MySQLv.. 1.2.1.Per què NetBeans? S'ha triat aquest entorn perquè ja era conegut d'altres assignatures cursades a la UOC relacionades amb el llenguatge JAVA. A banda d'això, és un entorn molt gràfic i senzill d'usar i que proporciona moltes ajudes de tot tipus, incloent en la seva instal∙lació, un servidor GlassFish v3.. Imatge 1.2: Netbeans 6.8 sobre Ubuntu. Albert Castells. Pàgina 2 de 60.

(10) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 1.2.2.Per què MySQL? Pel què fa a la base de dades, s'ha triat MySQL per el seu provat rendiment i la seva lleugeresa, característiques necessàries en les aplicacions web per tenir un temps de latència el més baix possible.. 1.2.3.Què és Hibernate? Hibernate proporciona és un ORMvi (Object Relational Mapping) i representa una objectualització de les dades desades en SGBDs relacionals, de forma que les aplicacions sempre treballen amb objectes del model i és Hibernate qui, mitjançant un mapatge en xml, accedeix a la base de dades. Això proporciona diversos avantatges: •. Un cop mapats els objectes les tasques de manteniment són tremendament senzilles.. •. Es treballa en un únic món, el món dels objectes (instàncies de classes).. •. Desvincula les aplicacions del SGBD ja que és Hibernate qui realitza les traduccions necessàries en funció de l'SGBD amb què es treballi.. Imatge 1.3: Diagrama conceptual d'un ORM. 1.2.4.Què és MVC? MVCvii és un patró de desenvolupament que pretén desacoblar al màxim les aplicacions. En aquest model existeixen tres capes:. Albert Castells. •. Model. El model és la representació dels objectes del negoci i del domini i les regles de negoci que operen sobre ells.. •. Vista. La vista és la capa de presentació que s'ofereix a l'usuari. En aplicacions web Pàgina 3 de 60.

(11) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. solen ser pàgines que es generen dinàmicament. •. Control∙lador. El control∙lador és l'encarregat de processar les peticions que l'usuari fa des de la vista, actualitzant convenientment el model i tornant la nova vista, si cal.. Imatge 1.4: Esquema MVC. 1.2.5.Què és STRUTS2? Struts2 és un framework per a desenvolupar aplicacions web J2EEviii i que implementa el patró, resultat de la fusió de dos marcs de treball anteriors: Struts i WebWork. Aquestes pàgines són processades dinàmicament al servidor abans de ser enviades, ja en format HTML estàndard, al navegador client.. Imatge 1.5: Arquitectura Struts2. Albert Castells. Pàgina 4 de 60.

(12) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. L'ús de Struts2 suposa una sèrie d'avantatges: •. Transport automàtic de les dades facilitades mitjançant formularis situats en les pàgines, fins les accions.. •. Transport automàtic de les dades de les accions fins la capa de visualització. •. L'ús del patró MVC, simplifica el desenvolupament i manteniment de l'aplicació. •. Proporciona llibreries de tags de controls visuals i de flux per tal de crear les vistes dinàmicament.. 1.3.Requeriments tècnics 1.3.1.Client El requeriment per a la part client és únic i simple: un navegador web gràfic corrent sobre qualsevol sistema operatiu que el suporti.. 1.3.2.Servidor Per a executar la part servidora de l'aplicació cal, almenys, una màquina amb connexió a la xarxa i accessible des de fora de la xarxa usant el protocol http i el port 80. Tot i així, les comunicacions es faran mitjançant el protocol segur HTTPs, que afegeix una capa d'encriptació de les dades que, de no ferlo servir, s'enviarien en clar, comprometent la seguretat de les comunicacions. Així, la part servidora ha de comptar amb almenys el següent: •. Servidor d'aplicacions compatible J2EE. •. MySQL 5. •. Màquina virtual. JRE 1.6. •. Un certificat instal∙lat en el servidr d'aplicacions. •. Connector JDBC per MySQL. Les llibreries necessàries són aportades pel propi fitxer de desplegament de l'aplicació (audiofaktor.war) Val a dir que tot i que servidor d'aplicacions i servidor de base de dades poden conviure en una Albert Castells. Pàgina 5 de 60.

(13) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. mateixa màquina, és convenient, per seguretat i rendiment, que aquests estiguin en màquines separades.. Albert Castells. Pàgina 6 de 60.

(14) 1.4.Planificació La planificació acordada es va dividir en diferents etapes, marcant com a fites les entregues parcials en les dates que apareixen al pla docent. La planificació acordada és la següent: WBS. Nom. Comença. Acaba. Feina. 1. Aprenentatge tecnologies J2EE. Feb 25. Apr 16. 37d. 2. Pla de treball. Feb 25. Mar 10. 10d. 3. Anàlisi de requisits i tècnic. Mar 11. Apr 21. 70d. 3.1. Anàlisi funcional. Mar 11. Mar 24. 10d. 3.2. Anàlisi tècnic. Mar 25. Apr 21. 60d. 3.2.1. Diagrames. Mar 25. Apr 21. 20d. 3.2.2. Classes. Mar 25. Apr 21. 20d. 3.2.3. Base de dades. Mar 25. Apr 21. 20d. 4. Implementació. Apr 22. Jun 3. 217d. 4.1. Navegació. Apr 22. Jun 3. 31d. 4.2. Carret. Apr 22. Jun 3. 31d. 4.3. Checkout. Apr 22. Jun 3. 31d. 4.4. Administració de clients. Apr 22. Jun 3. 31d. 4.5. Administració d'stock. Apr 22. Jun 3. 31d. 4.6. Assistent. Apr 22. Jun 3. 31d. 4.7. Comparador. Apr 22. Jun 3. 31d. 5. Documentació. Jun 4. Jun 17. 9d. 6. PAC1Entrega Pla treball. Mar 10. Mar 10. 7. PAC2Entrega anàlisi. Apr 15. Apr 15. 8. PAC3Implementació al 85%. May 24. May 24. 9. PAC4Entrega final. Jun 17. Jun 17 Taula 1.1: Planificació del TFC. Notes Struts HTML/JSP Altres tecnologies web, si cal: CSS, JavaScript, AJAX. Categories Filtratge Detall.

(15) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 1.5.Metodologia Tot i que no és el recomanable, s'ha seguit el “clàssic” desenvolupament en cascada ix per a la realització del projecte. S'ha seguit aquesta metodologia perquè els requeriments eren coneguts i força tancats d'entrada.. Imatge 1.6: Cicle de vida “clàssic” o “en cascada”. Respecte la imatge anterior, afegir que, dins l'etapa d'anàlisi, ha tingut lloc la recollida de requeriments prèvia a qualsevol desenvolupament. Afegir també, que, per raons òbvies, l'etapa de manteniment no es donarà en aquesta aplicació.. Albert Castells. Pàgina 8 de 60.

(16) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.Desenvolupament 2.1.Presa de requeriments 2.1.1.Inspecció L'exploració del contingut del comerç serà pública i oferirà la possibilitat de navegació per les diferents categories dels components, subdividint les categories principals en subcategories, comptant doncs, amb dos nivells de categories. La selecció d'una subcategoria presentarà una relació dels tots components de la categoria seleccionada, mostrantne una fotografia, el fabricant i el preu habitual, el preu d'oferta.... Com en tot comerç electrònic, la relació de components només proporcionarà les dades bàsiques sobre cada component. Per obtenir informació detallada, l'usuari haurà de seleccionar el component del seu interès, fet que el conduirà cap a una nova pàgina de detall on, a més de la informació proporcionada anteriorment en la relació de components, se li proporcionarà informació addicional.. 2.1.2.Filtratge S'habilitarà la possibilitat de filtratge i ordenació dels components mostrats en pantalla. Per una banda, s'oferirà la possibilitat d'ordenar per preu, ascendent o descendentment, ja que molts cops els clients tenen d'un sostre econòmic del que no volen passar. Per poder acotar encara més els components susceptibles d'ésser comprats, s'oferirà la possibilitat de limitarlos a un dels intervals de preu que proporcionarà l'aplicació. Finalment, pel què fa al filtratge i ordenació, s'oferirà la possibilitat de limitar el contingut en funció del fabricant, mitjançant selecció en una llista desplegable.. 2.1.3.Comparador Una funcionalitat addicional present tant en la relació de productes com en la de detall, serà la possibililtat d'afegir components a un comparador Aquest mostrarà les característiques dels components afegits (màxim dos) facilitant la tria d'un d'ells. Serà possible eliminar components individuals del comparador així com buidarlo del tot. Només es permetrà comparar components de la mateixa subcategoria ja que tindran caracteristiques comunes.. Albert Castells. Pàgina 9 de 60.

(17) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Un cop afegit un component al comparador, no es podrà tornar a afegir ja que no té sentit afegirlo per compararlo amb ell mateix.. 2.1.4.Assistent Una altra funcionalitat (novedosa) serà la de l'assistent de compra. Aquest assistent “preguntarà” a l'usuari quin és l'ús que vol donar al component i opcionalment, l'usuari podrà indicar quin tipus (categoria) de component desitja. L'assitent li proposarà una relació dels components dels fabricants més adequats per l'ús indicat.. 2.1.5.Carret de la compra El component triat es podrà afegir al carret de la compra, tant des de la pròpia pàgina de relació de components com des de la pàgina de detall. Un cop afegit un component, no es podrà tornar a afegir. L'estat del carret serà visible en tot moment, tant en la pàgina de detall com en la relació de productes, mostrant el nombre de components que conté així com el total de la compra.. 2.1.6.Clients L'usuari tindrà la possibilitat de registrarse com a client, proporcionant les seves dades. Un cop identificat com a client, podrà modificar les seves dades i visualitzar les seves comandes anteriors.. 2.1.7.Procés de checkout L'últim pas per efectuar la compra serà el procés de checkout, que només serà possible si l'usuari s'ha identificat com a client. En el procés es mostrarà el contingut del carret, possibilitant l'actualització del número d'unitats a comprar i, fins i tot, oferint la possibilitat d'eliminarlo del carret. Quan es produeixi una actualització de les unitats a comprar, es procedirà a comprobar l'stock per tal d'assegurar que és possible el subministrament. També es mostraran les dades de tramesa del client, donantli la possibilitat de modificarles. En l'últim pas es farà el pagament dels components del carret mitjançant la passarel∙la de pagament de Caixa Penedès, prèvia comprobació, novament, de l'stock.. Albert Castells. Pàgina 10 de 60.

(18) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Un cop efectuat el pagament i confirmat per la passarel∙la, la comanda quedarà confirmada i les unitats demanades es descomptaran de l'stock.. 2.1.8.Cercador S'habilitarà un cercador simple per facilitar la consulta o consulta d'existència d'un determinat model. L'accés al cercador serà possible en tot moment.. 2.1.9.Administració Des del punt de vista del propi comerç, l'aplicació comptarà amb un mòdul d'administració de components i stock. Des d'aquest mòdul, on hi tindrà accés l'usuari administrador mitjançant login, es podran fer les altes, baixes i modificacions de fabricants i components així com modificar l'stock existent al magatzem.. 2.2.Anàlisi i disseny de l'aplicació De la presa de requisits s'identifiquen tres actors: visitant, client i administrador. Es podria pensar en el visitant i el client com un únic actor però de fet són dos actors ja que el client, a més d'allò que pot fer el visitant, pot comprar. Tenim, per tant, que l'actor client especialitza l'actor visitant i per tant hi haurà una relació d'herència entre ells. En el apartats següents es relacionen els casos d'ús identificats.. 2.2.1.Identificació dels casos d'ús Cas d'ús número. 1. Mostrar categoria. Actors. Visitant, Client. Casos relacionats Precondició. Cap. Postcondició. S'elimina qualsevol tipus de filtre existent.. Descripció. L'usuari selecciona una de les subcategories i es mostren tots els components de la categoria, ordenats pel preu de forma ascendent, mostrant el fabricant, el nom del model, una fotografia i el preu. Taula 2.1: CDU Mostrar categoria. Albert Castells. Pàgina 11 de 60.

(19) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Cas d'ús número. 2. Filtrar components. Actors. Visitant, Client. Casos relacionats Precondició. S'està visualitzant una relació de components. Postcondició. S'ha aplicat un filtre a la relació ja mostrada. Descripció. L'usuari seleccionarà alguna opció de filtratge (per fabricant, per interval de preu, ordre del preu) i es recarregarà la mateixa categoria o subcategoria que estava visualitzant però que contindrà un subconjunt d'allò que es visualitzava. Taula 2.2: CDU Filtrar components. Cas d'ús número. 3. Mostrar detall. Actors. Visitant, Client. Casos relacionats Precondició. S'està visualitzant una relació de components. Postcondició. Cap. Descripció. Des de la pàgina en la què es visualitza una relació de components, l'usuari seleccionarà l'enllaç situat en el nom del component i serà conduit a la pàgina que en mostra el detall: fotografia, fabricant, model, preu, stock, descripció i característiques. Taula 2.3: CDU Mostrar detall. Cas d'ús número. 4. Afegir al carret. Actors. Visitant, Client. Casos relacionats Precondició. S'està visualitzant el detall d'un component. Postcondició. S'han afegit al carret les unitats indicades del component visualitzat i han quedar reservades en el magatzem.. Descripció. L'usuari està visualitzant un component i desitja afegirlo al carret. En seleccionar el control corresponent (botó o enllaç) , s'afegiran les unitats indicades al carret i quedaran reservades en l'stock del magatzem. Taula 2.4: CDU Afegir al carret. Cas d'ús número. 5. Identificar. Actors. Visitant. Casos relacionats Precondició. L'usuari no està identificat. Postcondició. L'usuari està identificat. Descripció. L'usuari proporcionarà un nom d'usuari i una paraula de pas, que es validaran. Si la validació té èxit, es mostrarà el nom del client, juntament amb un control que donarà la possibilitat de sortir. Si la validació no té èxit, s'informarà a l'usuari. Taula 2.5: CDU Identificar. Albert Castells. Pàgina 12 de 60.

(20) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Cas d'ús número. 6. Sortir. Actors. Client. Casos relacionats Precondició. L'usuari està identificat. Postcondició. L'usuari no està identificat i s'ha buidat el carret.. Descripció. Un usuari identificat, prem el botó de sortida. En ferho es es buida el carret i es torna a mostrar la zona d'identificació. Taula 2.6: CDU Sortir. Cas d'ús número. 7. Afegir al comparador. Actors. Visitant, Client. Casos relacionats Precondició. S'està visualitzant una relació de models o el detall d'un d'ells. Postcondició. El component queda afegit al comparador. Descripció. L'usuari selecciona el control corresponent per tal d'afegir el component que està visualitzant i aquest queda incorporat al comparador. Si el comparador ja conté dos components, no serà possible afegirlo. Taula 2.7: CDU Afegir al comparador. Cas d'ús número. 8. Comparar. Actors. Visitant, Client. Casos relacionats Precondició. Existeixen dos components en el comparador. Postcondició. Cap. Descripció. L'usuari selecciona el control corresponent i és conduït a la pàgina del comparador, on es mostren les característiques comunes dels dos components . Taula 2.8: CDU Comparar. Cas d'ús número. 9. Assistir elecció. Actors. Usuari, Client. Casos relacionats Precondició. Cap. Postcondició. Cap. Descripció. L'usuari indica l'ús i, opcionalment, la categoria i és conduït a la pàgina de l'assistent on podrà indicar l'ús desitjat pel component i se li proposaran els components més adequats. Taula 2.9: CDU Assistir elecció. Albert Castells. Pàgina 13 de 60.

(21) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Cas d'ús número. 10. Checkout. Actors. Visitant, Client. Casos relacionats Precondició. Existeix almenys un ítem en el carret. Postcondició. S'ha fet el càrrec a la targeta del client, disminuint l'stock d'allò comprat.. Descripció. Des de la zona habilitada pel carret, l'usuari indica que vol procedir a formalitzar la compra i és conduït a la pàgina d'inici del procés de checkout demanant que s'identifiqui si no ho està. També se li dóna la possibilitat de canviar les seves dades de tramesa. En finalitzar el procés, es disminuirà el nombre d'unitats bloquejades i es disminuiran de l'stock del magatzem. Taula 2.10: CDU Checkout. Cas d'ús número. 11. Modificar dades. Actors. Client. Casos relacionats Precondició. L'usuari ha d'estar identificat. Postcondició. S'han modificat les dades del client. Descripció. L'usuari vol canviar alguna de les seves dades personals: nom, cognoms, adreça, correue, telèfon fix, mòbil de contacte.... Taula 2.11: CDU Modificar dades. Cas d'ús número. 12. Administrar components. Actors. Administrador. Casos relacionats Precondició. L'usuari ha d'estar identificat com administrador. Postcondició Descripció. L'administrador vol modificar dades sobre els components, ja sigui afegirne, eliminarne, modificarne les dades o actualitzarne l'stock. Taula 2.12: CDU Administrar components. Cas d'ús número. 13. Eliminar del carret. Actors. Visitant. Casos relacionats Precondició Postcondició. El component seleccionat s'ha eliminat del carret. Descripció. L'usuari desitja eliminar del carret totes les unitats que anteriorment hi havia dipositat. Taula 2.13: CDU Eliminar del carret. Albert Castells. Pàgina 14 de 60.

(22) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Cas d'ús número. 14. Buidar carret. Actors. Visitant. Casos relacionats Precondició Postcondició. El component seleccionat s'ha eliminat del carret. Descripció. L'usuari desitja eliminar tots els components dipositats en el carret. Taula 2.14: CDU Buidar carret. Cas d'ús número. 15. Eliminar del comparador. Actors. Visitant. Casos relacionats Precondició Postcondició. El component seleccionat s'ha eliminat del comparador. Descripció. L'usuari desitja eliminar un dels components afegits al comparador. Taula 2.15: CDU Eliminar del comparador. Cas d'ús número. 16. Buidar comparador. Actors. Visitant. Casos relacionats Precondició Postcondició. El comparador no conté cap component. Descripció. L'usuari desitja eliminar tots els components afegits prèviament al comparador. Taula 2.16: CDU Buidar comparador. Cas d'ús número. 17. Administrar fabricants. Actors. Administrador. Casos relacionats Precondició. L'usuari s'ha identificat com un administrador. Postcondició Descripció. L'usuari desitja afegir o modificar les dades relacionades amb algun fabricant. Taula 2.17: CDU Administrar fabricants. Albert Castells. Pàgina 15 de 60.

(23) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Cas d'ús número. 18. Registrar. Actors. Visitant. Casos relacionats Precondició. L'usuari ha estat donat d'alta com a client. Postcondició Descripció. L'usuari desitja registrarse per convertirse en client del comerç. Proporciona les seves dades, aquestes es desen i és identificat. Taula 2.18: CDU Registrar. Cas d'ús número. 19. Actualitzar carret. Actors. Visitant. Casos relacionats Precondició. L'usuari ha afegit almenys un component amb almenys 2 unitats en stock. Postcondició. El carret queda actualitzat i reflecteix el nou nombre d'unitats del component i el total de la comanda.. Descripció. L'usuari, per un component afegit al carret, actualitza el nombre d'unitats a comprar. Taula 2.19: CDU Registrar. Cas d'ús número. 20. Cercar. Actors. Visitant, Administrador. Casos relacionats Precondició Postcondició Descripció. L'usuari introdueix un text a cercar dins el nom del model i l'aplicació retorna les coincidències trobades, si n'hi ha. Taula 2.20: CDU Registrar. 2.2.2.Diagrama de casos d'ús El diagrama de casos d'ús resultant és el següent:. Albert Castells. Pàgina 16 de 60.

(24) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.1: Diagrama de casos d'ús. Albert Castells. Pàgina 17 de 60.

(25) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.2.3.Diagrames de classes Com a resultat es de tot l'anàlisi anterior es proposen els següents diagrames de classes.. Imatge 2.2: Diagrama de classes del model. Albert Castells. Pàgina 18 de 60.

(26) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.3: Diagrama de classes d'acció. Albert Castells. Pàgina 19 de 60.

(27) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.2.4.Descripció de classes i paquets Paquet. Classe. Action. Descripció Paquet “pare” que inclou totes les classes d'acció.. Browsing. Conté les classes d'acció relacionades amb la navegació pel comerç. CanviIdiomaAction. Classe per gestionar el canvi d'idioma de l'aplicació.. InitAction. Acció d'entrada al comerç. Assistent. Conté les classes d'acció relacionades amb l'assistent. AssistentAction. Comparador. Conté les accions relacionades amb el comparador. AfegirAction. Gestiona la petició d'afegir un component al comparador.. EliminarAction. Gestiona la petició d'eliminació d'un component del comparador.. BuidarAction. Gestiona la petició d'eliminació de tots els components del comparador.. CompararAction. Gestiona la petició de comparació de components.. Categories. Inclou les accions relacionades amb la visualització de components. CategoriesAction. Gestiona la petició per mostrar els components d'una categoria. DetallAction. Gestiona la petició per mostrar el detall d'un component.. FiltrarAction. Gestiona la petició per filtrar la relació de components mostrada.. CercarAction. Gestiona la petició de cerca de components.. Login. Conté les accions relacionades amb l'entrada i sortida d'un client en el comerç. LoginAction. Gestiona la petició d'entrada d'un visitant.. LogoutAction. Gestiona la petició de sortida d'un client.. GoLoginAction. Gestiona la petició d'anada a la pantalla de login.. Carret. Conté les accions relacionades amb el carret de la compra. AfegirAction. Gestiona la petició per afegir un component al carret.. EliminarAction. Gestiona la petició per eliminar un component del carret.. BuidarAction. Gestiona la petició per eliminar tots els components del carret.. ActualitzarAction. Gestiona la petició per actualitzar les unitats a comprar d'un component ja afegit al carret.. Admin. Albert Castells. Gestiona la petició de recomanació de components.. Conté les accions relacionades amb l'administració del comerç. AdminInitAction. Acció d'entrada a la part d'administració.. AdminCompAction. Gestiona la petició d'administració de components.. Pàgina 20 de 60.

(28) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. AfegirCompAction. Gestiona la petició per afegir un nou component.. DetCompAction. Gestiona la petició d'administració d'un component.. ModifCompAction. Gestiona la petició de modificació de les dades d'un component.. AdminFabAction. Gestiona la petició d'administració de fabricants.. DetFabAction. Gestiona la petició d'administració d'un fabricant.. ModifFabAction. Gestiona la petició de modificació de les dades d'un fabricant.. Checkout. Conté les accions relacionades amb la formalització del procés de compra. IniCompraAction. Gestiona la petició d'inici de compra.. CompraAction. Gestiona la petició de formalització de la compra.. CobraComandaAction. Gestiona la petició pagament de la compra.. Client. Conté les classes d'acció relacionades amb la gestió del client. AfegirAction. Classe per gestionar la petició de registre.. ModificarAction. Classe per gestionar la modificació de dades d'un client.. VeureAction. Gestiona la petició per veure les dades d'un client.. Base. Paquet que conté les classes base de les que heretaran la resta AwareAction. Classe base per les classes d'acció. Implementa RequestAware i SessionAware. NOTA: Per claredat de visualització, aquesta classe no s'ha inclòs en el diagrama anterior.. GestorHibernate Comm. Paquet que conté les classes relacionades amb comunicacions SendMail. Model. Albert Castells. Classe que proveeix els objectes relacionats amb Hibernate.. Classe que permet l'enviament d'emails. Paquet que conté les classes del model. CaractComp. Representa el lligam entre les característiques del component i el propi component.. Caracteristica. Representa una caracteristica d'un component.. Carret. Modela el carret de la compra.. Categoria. Representa la categoria que tot component té.. Client. Representa un usuari conegut pel comerç. Comanda. Representa una comanda d'un client. Comparador. Classe que fa de comparador de models.. Component. El component, base del comerç.. DetallComanda. Modela cadascuna dels components d'una comanda.. Pàgina 21 de 60.

(29) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Fabricant. Representa el fabricant d'un component.. Filtre. Classe que representa el filtre que l'usuari podrà aplicar.. Us. Representa un ús que se assignat a un fabricant.. Servlet. Paquet que conté els servlets de l'aplicació. Checkout. Paquet que conté els servlets relacionats amb el procés de compra. CompraOkServlet. Servlet que serà cridat per la passarel∙la per confirmar el pagament.. Taula 2.21: Descripció de paquets i classes. 2.2.5.Diagrames d'activitat Els diagrames d'activitat i concretament els de seqüència ens ajuden a descriure allò que l'aplicació farà en temps d'execució, en ordre temporal, mostrant també quins són els participants. Per cada cas d'ús identificat, s'ha creat el seu corresponent diagrama de seqüència, que es mostren en les imatges següents:. Imatge 2.4: Mostrar categoria. Albert Castells. Pàgina 22 de 60.

(30) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.5: Afegir al carret. Imatge 2.6: Filtrar categoria. Albert Castells. Pàgina 23 de 60.

(31) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.7: Identificar. Imatge 2.8: Mostrar detall. Albert Castells. Pàgina 24 de 60.

(32) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.9: Sortir. Imatge 2.10: Afegir al comparador. Albert Castells. Pàgina 25 de 60.

(33) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.11: Comparar. Imatge 2.12: Modificar dades client. Albert Castells. Pàgina 26 de 60.

(34) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.13: Assistir eleccio. Imatge 2.14: Checkout. Albert Castells. Pàgina 27 de 60.

(35) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.15: Administrar components. Imatge 2.16: Eliminar del carret. Albert Castells. Pàgina 28 de 60.

(36) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.17: Buidar carret. Imatge 2.18: Eliminar del comparador. Albert Castells. Pàgina 29 de 60.

(37) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.19: Buidar comparador. Imatge 2.20: Administrar fabricants. Albert Castells. Pàgina 30 de 60.

(38) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.21: Registrar. Imatge 2.22: Actualitzar carret. Albert Castells. Pàgina 31 de 60.

(39) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.23: Cercar. 2.2.6.Disseny de la persistència A partir de les classes detectades, s'ha fet un diagrama en el què es poden veure l'estructura que pren la base de dades:. Imatge 2.24: Disseny de la persistència. Albert Castells. Pàgina 32 de 60.

(40) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.2.7.Descripció de les taules Taula. Descripció. Clients. Taula mestra de clients. En ella s'hi desen les dades dels clients de la botiga.. Comandes. Taula amb l'històric de comandes de cada client. DetallsComanda. Conté el detall de la comanda, un registre per component.. Categories. Taula en la què es desaran les categories a mostrar en el menú principal.. Fabricants. Taula mestra de fabricants de components.. Usos. Taula mestra que conté els usos que es poden assignar a cada fabricant.. UsosFabricant. Taula que relaciona els usos assignats a cada fabricant.. Caracteristiques. Taula mestra de les característiques que poden tenir els components.. Components. Taula mestra que conté tots els components oferts en la botiga.. CaractComp. Taula de relació que manté les característiques assignades a cada component, així com el seu valor Taula 2.22: Descripció de les taules. Albert Castells. Pàgina 33 de 60.

(41) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.3.Descripció i funcionament del producte 2.3.1.Comerç L'accés a l'aplicació es fa a partir d'una crida a una acció inicial (init.action) situada dins el context audiofaktor (nom de l'aplicació) del servidor. Per tal de fer proves des d'un entorn extern al de desenvolupament, s'ha habilitat un servidor en un ordinador que no té més que el necessari per fer córrer l'aplicació (s'ha especificat en l'apartat de requeriments tècnics) responent a les peticions fetes al domini faktorserver.homeip.net. Així doncs, la crida inicial es fa a la url http://faktorserver.homeip.net/audiofaktor/init.action i el servidor respon a la petició amb la pàgina d'entrada, que conté aquells productes que estàn d'oferta.... Imatge 2.25: Pàgina d'aterratge del comerç. A partir d'aquest punt l'usuari pot explorar qualsevol de les categories de l'esquerra.... Albert Castells. Pàgina 34 de 60.

(42) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.26: Exploració de la categoria “Columnes”. Tant des de la pàgina d'inici com des de la pàgina d'exploració d'una categoria, clicant sobre el nom del model és possible accedir al detall dels components que s'hi mostren.... Albert Castells. Pàgina 35 de 60.

(43) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.27: Detall d'un component. Com es pot veure en la captura anterior, el component inspeccionat no es pot afegir al carret perquè no té stock, però sí que es pot afegir al comparador. Afegint un segon component de la mateixa categoria, s'habilita un botó que permet fer la comparació i es deshabilita la possibilitat d'afegirne algun altre.... Imatge 2.28: Categoria “Receptors A/V” amb dos components afegits al comparador. Albert Castells. Pàgina 36 de 60.

(44) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Un cop en aquest punt, s'accedeix al comparador prement el botó Comparar..... Imatge 2.29: Pàgina de comparació. Com es pot apreciar en la imatge anterior, aquesta pàgina permet eliminar qualsevol dels dos components o buidar completament el comparador. Sobre els resultats que es poden veure en la imatge Imatge 2.26: Exploració de la categoria “Columnes”, es pot, per exemple, acotar per preu i filtrar per fabricant..... Imatge 2.30: Categoria “Columnes” filtrada per preu inferior a 300 i fabricant Mission. Una altra possibilitat que ofereix Audiofaktor és l'assistent.. Albert Castells. Pàgina 37 de 60.

(45) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Situat a la part inferior del menú de categories i indicant l'ús i/o la categoria, el comerç recomana els components dels fabricants més adequats a l'ús indicat.... Imatge 2.31: Assistent: Receptors HT. Imatge 2.32: Assistent: Receptors Clàssica. En les dues imatges anteriors es pot veure com l'assistent ha recomanat receptors de fabricants diferents perquè l'ús indicat és diferent (tot i que un dels fabricants coincideix). Quan l'usuari ha seleccionat un component que desitja comprar el pot afegir al carret i se li mostra automàticament el seu contingut.... Imatge 2.33: Carret amb tres components afegits. En aquest punt, l'usuari pot continuar inspeccionant el comerç, actualitzar el nombre d'unitats que desitja de cada component, eliminar els components del carret un a un o buidar completament el carret. Albert Castells. Pàgina 38 de 60.

(46) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. En la imatge anterior s'aprecia com és necessari que l'usuari estigui identificat com a client per tal de poder continuar amb el procés de compra. Aquest procés d'entrada es pot iniciar des de qualsevol punt del comerç, prement el botó “Entrar” si ja és client o “Registrar” en cas que no ho sigui. El procés de registre és força simple i és l'habitual de tot comerç: cal proporcionar les dades personals, de tramesa i de contacte, tal i com mostra la imatge següent.... Imatge 2.34: Pàgina de registre de l'aplicació. Un cop informades les dades i prèvia validació, l'usuari és donat d'alta al comerç i transferit a la pàgina inicial.... Albert Castells. Pàgina 39 de 60.

(47) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.35: Validació dels camps de la pàgina de registre. Imatge 2.36: Usuari registrat correctament i transferit a la pàgina inicial. Un cop identificat, el procés complet de compra, pot tenir lloc.... Albert Castells. Pàgina 40 de 60.

(48) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.37: Comanda llesta per a ser processada. En prémer el botó “Confirmar comanda”, l'aplicació contacta amb la passarel∙la de pagament de Sermepa per tal de demanar les dades necessàries per efectuar el pagament.... Imatge 2.38: Passarel∙la, demanant les dades de pagament. Imatge 2.39: Autenticació del pagament via CIP. Imatge 2.40: Pagament efectuat correctament. En aquest punt, la passarel∙la ha confirmat la compra com pagada1 i el client ja la pot visualitzar en el seu apartat de dades.... 1Veure document llegeixme per informació respecte la confirmació de pagament. Albert Castells. Pàgina 41 de 60.

(49) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.41: Dades del client amb una comanda confirmada. Finalment, l'ús del cercador és simple: només cal introduir el criteri de cerca en la caixa de text i el comerç retornarà una relació de tots els components de forma que la partícula cercada estigui inclosa en el nom del model (cerca parcial).... Imatge 2.42: cerca de “RT”. Albert Castells. Imatge 2.43: cerca de “M6”. Pàgina 42 de 60.

(50) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.3.2.Administració L'accés a la part d'administració es fa mitjançant http://faktorserver.homeip.net/audiofaktor/admin/initadmin.action.. la. crida. a. la. url. L'accés s'ha configurat per tal que es produeixi una autenticació bàsica.... Imatge 2.44: Accés a la part d'administració del comerç. Un cop autenticat, l'administrador pot escollir quin manteniment desitja: fabricants.... Imatge 2.45: Manteniment del fabricant “JBL”. ...o components.... Albert Castells. Pàgina 43 de 60.

(51) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.46: Manteniment del component “Marantz 5004”. Tal i com es pot apreciar en les dues imatges anteriors, el cercador també s'ha incorporat a la part d'administració per tal de fer més senzilla la tasca de manteniment dels components.... Albert Castells. Pàgina 44 de 60.

(52) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.47: Cerca de la partícula “m3”. 2.4.Compatibilitat entre navegadors Atesa la gran diversitat de navegadors web existent, l'aplicació s'ha provat amb els d'ús més freqüent (basats en interfície gràfica): •. Internet Explorer 6 i 8.. •. Mozilla Firefox 3.6. •. Opera 10.0. •. Google Chrome. •. Safari for Windows. A continació es mostren captures de la pàgina d'inici carregada en cadascun d'aquests navegadors web.. Albert Castells. Pàgina 45 de 60.

(53) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Albert Castells. Imatge 2.48: Internet Explorer 8. Imatge 2.49: Firefox 3.6. Imatge 2.50: Opera 10.10. Imatge 2.51: Google Chrome. Pàgina 46 de 60.

(54) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. Imatge 2.52: Safari for windows. Albert Castells. Pàgina 47 de 60.

(55) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 2.5.Millores, carències i problemes coneguts A continuació es relacionen una sèrie de punts millorables: •. Caché hibernate. La caché d'hibernate augmenta el rendiment dels accessos a base de dades. Com a contrapartida, si requereix un objecte que ja existeix dins la cache d'hibernate, es retorna directament, cosa que pot provocar que aquest no sigui una representació fidel del seu estat en base de dades si aquest ha estat modificat per una altra vía.. •. Confirmació de pagament segura. La confirmació que efectua la passarel∙la de pagament, es fa mitjançant un POST via http.. •. Multimagatzem. L'aplicació està preparada per treballar amb un únic magatzem. Seria desitjable que estés preparada per treballar tenint en compte múltiples magatzems físics però no s'ha fet així per simplificar el desenvolupament tenint en compte el plaç de temps.. •. Ampliació de la part d'administració. La part d'administració es limita al manteniment de fabricants i components. Es podria pensar en ampliarla amb, per exemple, el manteniment de categoríes, de literals pel multiidioma.... •. Usabilitat. S'ha intentat que l'aplicació fos el més usable possible dins els límits dels coneixements adquirits durant la titulació i el desenvolupament. Seria convenient un estudi amb més profunditat pel què fa a la usabilitat, sobretot pel què fa a la part d'administració.. •. Disseny gràfic. La part gràfica de l'aplicació és la gran descuidada atès que l'objectiu principal del treball és el desenvolupament.. •. Contrassenya d'accés encriptada. La contrassenya es desa en clar tot i que en un entorn de producció s'hauria de buscar un mecanisme de forma que no fos així.. Albert Castells. Pàgina 48 de 60.

(56) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 3.Conclusions L'abaratiment de la informàtica de consum i de les connexions a internet, cada cop més ràpides, ha provocat que el món web s'hagi instal∙lat a casa nostra com un més de la família. Gràcies a les actuals tecnologies web (de les quals només n'he conegut una petita part) que proporcionen una riquesa propera a les aplicacions d'escriptori, avui dia es poden fer tot tipus de coses “per internet”, gairebé inimaginables fa tan sols quinze anys: comprar, llegir un diari, opinar, aprendre, treballar, comunicarse, jugar, escoltar la ràdio, veure la televisió.... Imatge 3.1: Evolució relacionada amb la tecnología. El desenvolupament de l'aplicació Audiofaktor, ha confirmat una “sospita”: el món del disseny i desenvolupament web és tan gran, amb tants llenguatges i standards, que estar al dia per no quedar “fora de mercat” és una tasca poc menys que impossible, sobretot a mida que avances en edat i t'adones que, rarament, les empreses ofereixen formació de qualitat. Personalment, desconeixia totalment el món de les aplicacions web ja que la meva experiència, tot i no estar titulat, estava centrada en el desenvolupament d'aplicacions d'escriptori mitjançant Delphi (Object Pascal) i C++ Builder (C++). Albert Castells. Pàgina 49 de 60.

(57) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. El desenvolupament d'Audiofaktor ha suposat un aprenentatge, la corba del qual ha estat força dura durant la primera meitat del temps que ha durat el treball, estabilitzantse a mida que s'anaven consolidant coneixements. Ha representat nits mal dormides i gairebé quatre mesos treballant matí i tarda tots els dies de la setmana, però representa també el final de la meva etapa (almenys per una temporada) a la UOC, de la que sortiré satisfet en tots els sentits però, sobretot, perquè m'ha permès adquirir coneixements i, per mi, no hi ha res més estimulant que aprendre i superarte a tu mateix.. Albert Castells. Pàgina 50 de 60.

(58) Audiofaktor, comerç Online de components HiFi i HT Memòria de TFCJ2EE. 4.Bibliografia i referències CSS • Peña de San Antonio, O. CSS. 2009. Anaya.ISBN 9788441526938. Struts 2 • Martín Sierra, A.J. Struts. 2008. RaMa. ISBN 9788478978557 • Roughley I. Starting Struts 2. 2006. C4Media. ISBN 9781430320333 • Brown, D.; Davis, M.D.; Stanlick, S. Struts 2 In Action. 2008. Manning. ISBN 1933398807 X • Struts 2 Tag Reference. [html]. Disponible a: http://struts.apache.org/2.0.14/docs/tag reference.html. JSP • Urbaneja Fan, J. JSP. 2008. Anaya. ISBN 9788441524101. Hibernate • King, G.; Bauer, C.; Rydahi Andersen, M.; Bernard, E.; Ebersole, S. Hibernate Reference Documentation. [pdf] Disponible a: http://docs.jboss.org/hibernate/core/3.3/reference/en/pdf/hibernate_reference.pdf • Peak, P.; Heudecker, N. Hibernate Quickly. 2006. Manning. ISBN 1932394419. Enllaços • http://www.roseindia.net/ • http://stackoverflow.com/. Albert Castells. Pàgina 51 de 60.

(59) i http://ca.wikipedia.org/wiki/Clientservidor ii http://www.netbeans.org iii http://ca.wikipedia.org/wiki/Framework iv http://struts.apache.org/2.x/ v http://www.mysql.com/ vi http://ca.wikipedia.org/wiki/ORM vii http://ca.wikipedia.org/wiki/MVC viii http://ca.wikipedia.org/wiki/Java_EE ix http://ca.wikipedia.org/wiki/Model_cascada.

(60)