1 / 60

Modelatge d ’ Aplicacions Web

Modelatge d ’ Aplicacions Web. Enginyeria del Software II. Isaac Moles Buyo Antonio Rodriguez Benitez. Índex. Introducció Que és la Internet? Una mica d ‘ Història WEB 1.0 WEB 2.0 WEB 3.0 Modelatge Web Arquitectura Web. Que és Internet?. Conjunt descentralitzat

marge
Download Presentation

Modelatge d ’ Aplicacions Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Modelatge d’Aplicacions Web Enginyeria del Software II Isaac Moles Buyo Antonio Rodriguez Benitez

  2. Índex • Introducció • Que és la Internet? • Una mica d‘Història • WEB 1.0 • WEB 2.0 • WEB 3.0 • Modelatge Web • Arquitectura Web

  3. Que és Internet? • Conjunt descentralitzat de xarxes de comunicació. • WEB: Sistema de documents interconnectats disponibles a Internet.

  4. Una mica d'Història • Primeres idees nascudes al finals dels 50. • En els 60 i els 70 primeres implementacions practiques. • Dècada dels 90 neixen les bases de la Internet moderna.

  5. WEB 1.0 • 1991 • HTML, només de lectura. • Limitada a lo que el webmaster hi puja. • Comença a morir al bum .com de 2001.

  6. WEB 1.5 • Bum .com de 2001 • Webs una mica més dinàmiques. • CMS : Sistema de gestió de continguts

  7. WEB 2.0 • Neix al 2004 • Orientada a interacció. • Xarxes socials. • Dependents dels usuaris.

  8. WEB 3.0 (I) • Evolució de la interacció en la web en diferents àmbits. • Intel·ligència artificial • Base de dades • Web semàntica i SOA • Evolució del 3D a la Web. • Experts no es posen d'acord en una definició formal

  9. WEB 3.0 (II) • Intel·ligència artificial: • Hi ha molts escèptics • IBM i Google estan implementat sistema de reconeixement d'èxits musicals utilitzant webs de música d’Universitats.

  10. WEB 3.0 (III) • Bases de dades: • Data Web • Cerca a traves de bases de dades per la web • Dades tan accessibles com les planes web.

  11. WEB 3.0 (VI) • Web semàntica: • Utilitzen raonament lògic i d’agents intel·ligents per mostrar la informació • Per els navegadors s’utilitza xHTML, JavaScript... • Per dades s'utilitzen llenguatges interpretats, bases de dades relacionals, protocols...

  12. WEB 3.0 (V) • Evolució al 3D: • Espais tridimensionals amb la informació. • Poder-se moure pel mon 3D del la web com per una “ciutat interactiva” amb un avatar. • Evolució del concepte de “Second Life”

  13. Modelatge Web • Mirarem les següents metodologies de modelatge d’aplicacions Web: • EORM • OOHDM • SOHDM • WSDM • RNA

  14. Modelatge Web: EORM (I) • Metodologia de relació entre objectes. • Model iteratiu de modelat orientat a objectes. • Una de les primeres propostes per web centrada en el paradigma de la orientació a objectes.

  15. Modelatge Web: EORM (II) • Hi ha programes per automatitzar l’aplicació de la metodologia: • ONTOS Studio: Part gràfica. • SGBDOO: Bases de dades. • EORM: Generació de codi font.

  16. Modelatge Web: EORM (III) • Fases en que es divideix la metodologia: • Fase d'anàlisi. • Fase de disseny. • Fase de construcció.

  17. Modelatge Web: EORM (III) • Fases en que es divideix la metodologia: • Fase d'anàlisi: • Orientar a objectes el sistema. • No tenir en compte els hipervincles. • Fase de disseny. • Fase de construcció.

  18. Modelatge Web: EORM (III) • Fases en que es divideix la metodologia: • Fase d'anàlisi. • Fase de disseny: • S’afegeixen els hipervincles com objectes a l’estructura d’objectes. • Fase de construcció.

  19. Modelatge Web: EORM (III) • Fases en que es divideix la metodologia: • Fase d'anàlisi. • Fase de disseny. • Fase de construcció: • Es converteixen els esquemes en codi.

  20. Modelatge Web: OOHDM (I) • Object-Oriented Hipermedia Desing Method • A cada fase es van millorant els models d’objectes.

  21. Modelatge Web: OOHDM (II) • Fases de l’OOHDM: • Fase Conceptual • Fase Navegacional • Fase d'Interfície Abstracta • Fase d’Implementació

  22. Modelatge Web: OOHDM (III) • Fase Conceptual: • Es construeix l’esquema conceptual: • Objectes del domini • Relacions entre ells • Format per classes, relacions i subsistemes

  23. Modelatge Web: OOHDM (IV) • Fase Navegacional: • Es una part critica del model. • Es basa en extreure vistes del concepte que formaran les pàgines.

  24. Modelatge Web: OOHDM (V) • Fase d'Interfície Abstracta: • Definir com es representaran els objectes de cada vista. • Amb una bona representació es poden definir moltes interfícies per una vista d’un model Navegacional.

  25. Modelatge Web: OOHDM (VI) • Fase d'Interfície Abstracta: • Definir com es representaran els objectes de cada vista. • Amb una bona representació es poden definir moltes interfícies per una vista d’un model Navegacional.

  26. Modelatge Web: OOHDM (VII) • Fase d’Implementació: • Decidir segons l’usuari i el context: • Quines parts de la vista Navegacional s’han de mostrar. • Com mostrar aquestes vistes. • Com emmagatzemar les dades.

  27. Modelatge Web: SOHDM (I) • Mètode de disseny orientat a objectes per hipervincles que és basa en escenaris. • Utilitza un sistema d’escenaris per capturar les necessitats del sistema.

  28. Modelatge Web: SOHDM (II) • Fases del SOHDM: • Fase d'Anàlisis • Fase de Modelat d’Objectes • Fase de Disseny de Vistes • Fase de Disseny Navegacional • Fase de Disseny de la Implementació • Fase de Construcció

  29. Modelatge Web: SOHDM (III) • Fase d’Anàlisis: • Estudi de les necessitats de l’aplicació, l’entorn de treball i els actors. • Te com a finalitat representar les activitats que pot fer el sistema.

  30. Modelatge Web: SOHDM (IV) • Fase de Modelat d’Objectes: • Es crea el diagrama de classes. • Representa l’estructura conceptual del sistema.

  31. Modelatge Web: SOHDM (V) • Fase de Disseny de Vistes: • Es reorganitzen els objectes en unitats Navegacionals. • Representen una vista dels objectes del sistema.

  32. Modelatge Web: SOHDM (VI) • Fase de Disseny Navegacional: • Es complementen les vistes amb les definicions dels Hipervincles. • Fase del Disseny de la Implementació: • Es dissenyen les pàgines, la interfície i la base de dades.

  33. Modelatge Web: SOHDM (VII) • Fase de Construcció: • Es construeix la base de dades del sistema. • Es construeix l’aplicació.

  34. Modelatge Web: WSDM (I) • Web Site Desing Method • Es basa en modelar l’aplicació web basant-se en el tipus d’usuaris que l’utilitzaran.

  35. Modelatge Web: WSDM (II) • Fases del mètode WSDM: • Fase de Model d’Usuari • Fase de Disseny Conceptual • Fase de Disseny de la Implementació • Fase de Realització de la Implementació

  36. Modelatge Web: WSDM (III) • Fase de Model d’Usuari: • S’intenten detectar els perfils dels usuaris (Públic objectiu, objectius de màrqueting...) • Es pot dividir en: • Classificació d’usuaris • Descripció dels grups d’usuari

  37. Modelatge Web: WSDM (IV) • Fase de Disseny Conceptual: • Diferent al de OOHDM • Es realitzen dos tasques: • Disseny del model d’objectes. • Disseny del model Navegacional.

  38. Modelatge Web: WSDM (V) • Fase de Disseny de la Implementació: • Modela la interfície de cada rol d’usuari. • Es construirà l’arquitectura de navegació. • Inclou el disseny de la pàgina principal.

  39. Modelatge Web: WSDM (VI) • Fase de Realització de la Implementació: • Es codifiquen tots els aspectes amb el llenguatge concret triat.

  40. Modelatge Web: RNA (I) • Relationship Navigational Analysis • Defineix una seqüencia de passos que s’utilitzen pel disseny web. • Ressalta la necessitat de treballar amb l’especificació de requisits.

  41. Modelatge Web: RNA (II) • Fases del RNA: • Fase d'anàlisis de l’entorn. • Fase de definició d’elements. • Fase d'anàlisi del coneixement. • Fase d'anàlisi de navegació. • Fase d’implementació de l'anàlisi.

  42. Modelatge Web: RNA (III) • Fases d’anàlisis de l’entorn: • Determinar usuaris finals de l’aplicació. • Es classifiquen en grups segons els seus perfils.

  43. Modelatge Web: RNA (IV) • Fases de definició d’elements: • Es llisten els elements d'interès. • Aquests elements poden ser: • Documents • Pantalles que es requereixin • Informació variada.

  44. Modelatge Web: RNA (V) • Fases d'anàlisi del coneixement: • Crear esquema que representa l’aplicació. • RNA proposa: • Identificar Objectes. • Identificar Processos. • Identificar Operacions

  45. Modelatge Web: RNA (VI) • Fases d'anàlisi de navegació: • S'enriqueix l’esquema anterior amb les possibilitats de navegació. • Fases d’implementació de l’anàlisi: • S’implementa l’esquema complert de la fase anterior.

  46. Tipus de disseny • -Arquitectura tradicional (client - servidor) • -Arquitectura de 3 capes • -Arquitectura de 4 capes • -Arquitectura de 7 capes

  47. Arquitectura tradicional (client - servidor) • Estructura tradicional d’una aplicació web: • Client • Servidor +ràpid desenvolupar respecte anteriors. Eines experimentades. Adequats per entorns estàtics. -exigeix alt control versió client. Dificultat garantir seguretat BBDD.

  48. Arquitectura tradicional (client – servidor) (I)

  49. Arquitectura tradicional (client - servidor)(II) • Llenguatges: • HTML • Javascript • Applets de Java • Visual Basic script • CSS • Flash

  50. Arquitectura en 3 capes (I) • Capa de presentació i interfície d’usuari • Capa de Negoci • Capa d’accés a dades +Major flexibilitat (capa intermitja). Possibilitat canvis sense percepció client. Reutilització codi. -Increment tràfic xarxa. Diversitat de navegadors, cadascun amb particularitats.

More Related