![Page 1: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/1.jpg)
metodología de trabajo previa al desarrollo de un proyecto web
David López Manager Girona Adobe User Group
![Page 2: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/2.jpg)
¿quién soy yo?
¿quién soy yo?
![Page 3: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/3.jpg)
¿qué vamos a dar en esta charla?
¿qué vamos a dar en esta charla?
![Page 4: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/4.jpg)
Indice de la charla
EXPLICACIÓN INTRODUCTIVA
OBTENER INFORMACIÓN
BORRADOR Y LÓGICA DE INTERFACE
DESARROLLO DEL BACK-END
DISEÑO DEL INTERFACE
TESTEO Y ENTREGA
FLASH CATALYST
PLANIFICACIÓN Y CALENDARIO
![Page 5: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/5.jpg)
Explicación introductiva
DIFERENTES TIPOS DE WEB
Webs de conenido estatico: Webs de conenido dinámico:
El contenido estático es aquél que permanece invariable desde el momento en que su autor lo crea. Es decir, no depende de quién lo visualice ni en que momento lo haga. Por ejemplo, un aviso legal.
El contenido dinámico es aquél que se genera automáticamente en el momento que alguien solicita su visualización, por tanto, puede cambiar dependiendo de quién lo solicite o en que momento lo haga. Por ejemplo, una sección de noticias.
![Page 6: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/6.jpg)
Explicación introductiva
DIFERENTES TIPOS DE LENGUAJES
Programación Cliente: Programación del lado del servidor:
HTMLJavaScriptApplets de JavaVisual Basic ScriptActionScriptCSS…
CGIPerlASP.netPHPJSP…
![Page 7: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/7.jpg)
Obtener Información
Estudio de mercado
![Page 8: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/8.jpg)
Planificación y Calendario
Herramientas de planificación
Google Docs Google Calendar WorkflowLab
![Page 9: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/9.jpg)
Borrador y lógica de interfase
Sketchbook (no solo para diseñadores)
![Page 10: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/10.jpg)
Borrador y lógica de interfase
Crear un primer borrador con Mockups
Balsamiq Mockups Iplotz Hot Gloo (Beta)
![Page 11: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/11.jpg)
Borrador y lógica de interfase
Demos de la utilización de los Mockups
![Page 12: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/12.jpg)
Borrador y lógica de interfase
Caso de uso
![Page 13: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/13.jpg)
Desarrollo del Back-end
Esquema de flujos (esquema de clases)
![Page 14: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/14.jpg)
Desarrollo del Back-end
A programar!!!!
![Page 15: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/15.jpg)
Diseño de la interfase
Diseñamos la interfase
![Page 16: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/16.jpg)
Testeo y entrega
Testeo y Entrega
![Page 17: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/17.jpg)
Flash Catalyst
Flash Catalyst
![Page 18: metodología de trabajo previa al desarrollo de un proyecto web](https://reader033.vdocuments.co/reader033/viewer/2022052412/557d0156d8b42a071b8b5294/html5/thumbnails/18.jpg)
¿preguntas?
¿preguntas?