adn2 diseño ágil de noticias historia de un trabajo profesional

17
ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Upload: vicente-san-segundo-cabrera

Post on 25-Jan-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

ADN2 Diseño ágil de noticias

Historia de un trabajo profesional

Page 2: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Temario Origen de la idea. Metodologías utilizadas.

SCRUM XP UML

Hibernate, Spring y Struts2 como arquitectura elegida. Solución -> AppFuse Herramientas

Repositorio IDE - Eclipse

Presentación de la solución. Características Ejemplos de prueba

Page 3: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Origen de la idea ADN ciudad es una agencia de noticias virtual

que utiliza Joomla como administrador de contenido(CMS).

Joomla y los administradores de contenidos necesitan de un diseñador para crear las plantillas del sitio web y realizar cambios sobre estas.

La propuesta es crear un CMS donde no haga falta saber de HTML para diseñar una pagina de noticias.

Page 4: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

SCRUM

SCRUM – Como metodologia de gestion. Reuniones semanales para evaluar el progreso del proyecto y setear objetivos a cumplir. Desarrollo por Sprints- Para cada ciclo del

desarrollo se presento la aplicación con un delta de funcionalidad completa. (sin demos)

En cada iteración se definió : Alcance funcional de la iteración siguiente. Estimación de tiempos para el desarrollo.

Page 5: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

UML UML – Como metodologia de modelado del

sistema. Diagramas de casos de uso.

Generado a partir del listado de requerimientos del sistema.

Utilizado también para realizar estimaciones de tiempos por UCP (use case points).

Herramienta utilizada: Enterprise Architect (EA)

Page 6: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

UML

Page 7: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

XP XP (Extreme Programming) – Metodologia

utilizada en el desarrollo. Pruebas unitarias continuas repetidas: Ejecución

de test con cada compilación del sistema.

Programación en parejas. - Cuando posible

Corrección de todos los errores antes de añadir nueva funcionalidad. (Requisito que la aplicación compile antes de hacer submit del código nuevo)

Page 8: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Arquitectura Utilización de una de las arquitecturas mas

conocidas dentro del desarrollo de aplicaciones web en JAVA. Hibernate – Para persistencia Spring - Para capa de servicios/ negocios Struts2 – Para capa de presentación

My-SQLHibernate

Spring

Struts2Struts2

Page 9: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

AppFuse AppFuse es un arquetipo de maven open

source. Provee un esqueleto para el desarrollo de nuestra aplicación basado en la arquitectura que planeamos.

Maven es una herramienta para proyectos de JAVA que permite compilar, ejecutar test, armar paquetes y realizar distribuciones.

Beneficios: Reducción de tiempos de start up.

Contras: Bugs ajenos.

Page 10: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Herramientas Repositorio SVN:

Google Code lab.

Ide Eclipse Plugins de Maven Integración con SVN

Page 11: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

ADN2 Conceptos importantes de la solución:

Diseño: Estructuras: Cada sección tiene una estructura asociada

que define el esqueleto del contenido. La misma esta dividida en celdas.

Contenedores: Elemento de contenido de la pagina. Los contenedores se asocian con una celda de la

estructura. Esto nos permite determinar que queremos mostrar en cada lugar de la pagina de manera dinámica.

Page 12: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Ejemplo: Sección

Page 13: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Ejemplo: Sección

Page 14: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Ejemplo: Sección

Publicidad

Menu

Encuesta

Contenedor Logo

Estático

Page 15: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Demo ADN: Pasos para agregar sección “Sindicales”:

Definir una nueva estructura de la sección. Crear una nueva sección. Crear un Nuevo Item del menú. Agregar el ítem al menú Ordenar el menú Agregar noticia.

Page 16: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Otros componentes:

Page 17: ADN2 Diseño ágil de noticias Historia de un trabajo profesional

Preguntas?