[UNIDAD 1] 24 de febrero de 2012

El Modelo de 4+1 Vistas La arquitectura del software se trata de abstracciones, de descomposicin y composicin, de estilos y esttica. Tambin tiene relacin con el diseo y la implementacin de la estructura de alto nivel del software. Los diseadores construyen la arquitectura usando varios elementos arquitectnicos elegidos apropiadamente. Estos elementos satisfacen la mayor parte de los requisitos de funcionalidad y performance del sistema, as como tambin otros requisitos no funcionales tales como confiabilidad, escalabilidad, portabilidad y Disponibilidad del sistema.

En la Vista Lgica Hablamos principalmente de los requerimientos funcionales del sistema y de lo que el sistema debe de hacer, las funciones y servicios que se han definido. Nos vamos a enfocar a lo que hemos definido como dominio de la aplicacin, lo que son las clases y objetos principales que formaran el corazn o "core" de nuestra aplicacin. Esta vista la vamos a complementar con los diagramas UML:

Diagrama de Clases Diagrama de Paquetes

En la Vista de Despliegue o Vista de Desarrollo Se va a mostrar principalmente como est dividido nuestro sistema de software en componentes, y muestra las dependencias entre estos componentes. Los componentes fsicos incluyen archivos, cabeceras, bibliotecas compartidas, mdulos, ejecutables o paquetes. Tambin va a mostrar la organizacin y las dependencias entre el conjunto de componentes, y como se comunican entre ellos. Esta vista la vamos a complementar con los diagramas UML:

Diagrama de Componentes Diagrama de Paquetes

NET DEVELOPERS TEAM|

[UNIDAD 1] 24 de febrero de 2012

En la Vista de Procesos representamos los flujos de trabajo paso a paso de negocio y operacionales de los componentes que conforman el sistema. Tambin va a mostrar algunos de los requisitos no funcinales, como son ejecucin, disponibilidad, tolerancia a fallas, integridad, seguridad, confiabilidad entre otros. Esta vista la vamos a complementar con los diagramas UML:

Diagrama de Actividad En la Vista Fsica representamos como estn distribuidos los componentes entre los distintos equipos que conforman la solucin incluyendo los servicios. Los elementos definidos en la vista lgica se mapean a componentes de software o de hardware. Esta vista la vamos a complementar con los diagramas UML:

Diagrama de Deployment (despliegue) Por ultimo tenemos la Vista +1 o Vista de Escenarios, esta vista va a ser representada por los casos de uso, que nos van a ayudar a unir las otras cuatro vistas, as desde un caso de uso podemos ver cmo se van ligando las otras cuatro vistas, con esto tenemos una trazabilidad de componentes, clases, equipo, paquetes, etc., para la realizacin de cada caso de uso. Esta vista la vamos a complementar con los diagramas UML:

Diagrama de Casos de Uso Desarrollo orientado a objetos HTML Siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. Beneficios El diseo en HTML aparte de cumplir con las especificaciones propias del lenguaje debe respetar criterios de accesibilidad web, siguiendo pautas o las normativas y leyes vigentes en los pases donde se regule dicho concepto. PHP Es un lenguaje de programacin interpretado, diseado originalmente para la creacin de pginas web dinmicas. Se usa principalmente para la interpretacin del lado del servidor.

NET DEVELOPERS TEAM|

[UNIDAD 1] 24 de febrero de 2012

Beneficios

Mejor soporte para la programacin orientada a objetos, que en versiones anteriores era extremadamente rudimentario. Mejoras de rendimiento. Mejor soporte para MySQL con extensin completamente reescrita. Mejor soporte a XML (XPath, DOM, etc.). Soporte nativo para SQLite. Soporte integrado para SOAP. Iteradores de datos. Manejo de excepciones. Mejoras con la implementacin con Oracle

JavaScript Es un lenguaje de programacin que se utiliza principalmente para crear pginas web dinmicas. Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y pginas web dinmicas, en bases de datos locales al navegador, aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es tambin significativo. Una pgina web dinmica es aquella que incorpora efectos visuales tales como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario (validaciones). Tcnicamente, JavaScript es un lenguaje de programacin interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios. A pesar de su nombre, JavaScript no guarda ninguna relacin directa con el lenguaje de programacin Java. Legalmente, JavaScript es una marca registrada de la empresa Sun Microsystems. jQuery Es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el rbol DOM, manejar eventos, desarrollar animaciones y agregar interaccin con la tcnica AJAX a pginas web.

Seleccin de elementos DOM. Interactividad y modificaciones del rbol DOM, incluyendo soporte para CSS 1-3 y un plugin bsico de XPath. Manipulacin de la hoja de estilos CSS. Efectos y animaciones. Animaciones personalizadas. AJAX. 3

NET DEVELOPERS TEAM|

[UNIDAD 1] 24 de febrero de 2012

Utilidades varias como obtener informacin del navegador, operar con objetos y vectores, funciones como trim (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc. Compatible con los navegadores Mozilla Firefox 2.0+, Internet Explorer 6+, Safari 3+, Opera 10.6+ y Google Chrome 8+. Diagramacin Los proyectos web que generan un resultado de alta calidad se construyen a partir de un concepto creativo y una base slida. El concepto esta compuesto por las diferentes ideas del cliente y la diagramacin web eficaz es el primer paso para construir los cimientos de un buen proyecto. El proceso de diagramar una pgina web, consiste en decidir: Donde colocar sus elementos y por qu?, al ejecutar este paso con los objetivos bsicos de crear vnculos para que la navegacin sea intuitiva y crear una estructura adecuada de cdigo de programacin, se ha empezado por el buen camino. Diagramar y programar un sitio web partiendo de los objetivos ya mencionados garantiza la funcionalidad del mismo. Una pgina web visualmente atractiva que adems sea altamente funcional son los primeros ingredientes de un proyecto web de calidad y mucho xito.

NET DEVELOPERS TEAM|