SlideShare une entreprise Scribd logo
1  sur  26
Proyectos web
                        Gestión, procesos y
                        metologías




                        Tecnologías web
                        Lab. Diseño Gráfico 2009
                        Zara Hormazábal D.

Tuesday 24 March 2009
Planificando un proyecto web.

       Todo proyecto
       comienza por una solicitud, ya sea de servicio o producto
       hay que estimar tiempos, costos y coordinación
       HAY QUE PLANIFICAR !!!




Tuesday 24 March 2009
Etapas de un proyecto web


                             •lev. antecedentes
                             •arquitectura de la info.
                             •diseño de interfaz
          briefing                                        lanzamiento
         cotización                                       promoción
                             •implementación
                             •integración
                             •inserción de contenidos




Tuesday 24 March 2009
1.Briefing




Tuesday 24 March 2009
La primera etapa, que podrá ser antecedida por
             una reunión con el cliente para captar el pedido y
             los requerimientos.
             identificamos los objetivos comunicacionales y/o funcionales,
             expectativas del cliente con el sitio
             necesidades y requerimientos,




Tuesday 24 March 2009
- si es un web totalmente nuevo o se requiere rediseño o actualización de tecnologías.

     - si ya hay fechas comprometidas de lanzamiento

     - que tipo de web es: corporativa simple, blog, portal web, vitrina de productos y/o
     catalogo de ventas

     - si necesita en varios idiomas

     - si necesita asesoria en busqueda de dominio y hosting.

     - si tienes sitios de referencia, en funcionalidades y/o estilos

     - quien es el publico objetivo, quien visita el sitio, que hace este usuario en el sitio o que
     deberia hacer.

     - ¿Dispone de algún presupuesto aproximado ya establecido para el proyecto? ¿Puede el
     proyecto dividirse en fases que adapten las restricciones presupuestarias y de plazo?

     - que rescataría de su sitio actual (si es que tiene) y que no rescataría

     - ¿Cuál es la audiencia del sitio? ¿Es para el mercado nacional, internacional, o ambos?

     - si ya tiene el contenido o necesita asesoría en eso, cuanto contenido tendrá el sitio




Tuesday 24 March 2009
Con esta info sabremos:
              - el tamaño del proyecto, complejidad de este
              - si necesitamos el apoyo de un programador o
                diseñadores, u otro profesional
              - que proponerle, valor al proyecto




Tuesday 24 March 2009
2.Cotización




Tuesday 24 March 2009
La estructura de dicho documento es la siguiente:

               Portada.
               Descripción general del proyecto. Antecedentes
               Propuesta
               Actividades a desarrollar
               Material a entregar.
               Plan de tiempo
               Presupuesto Detallado. Costos.
               Condiciones de Pago.
               Info de contacto.




Tuesday 24 March 2009
que pasa si no le
                            gusta el
                         presupuesto?
                               :(

                        Negociación

Tuesday 24 March 2009
finalmente llegamos a
                        un acuerdo y aprueba el
                             presupuesto?
                                  :)

                        comenzamos!!!

Tuesday 24 March 2009
3.levantamiento de antecedentes




Tuesday 24 March 2009
- analisis de usuario, comportamiento
                  - analisis del mercado, competencia y referencias
                  - estrategia de diseño de comunicación




Tuesday 24 March 2009
4.arquitectura de información




Tuesday 24 March 2009
- definir la estructura del contenido en el sitio
                - las formas en que el usuario va a encontrar y usar
                  esa información, diseño de interacción (IxD)
                - diseñar esquemas de cada página (wireframe)




Tuesday 24 March 2009
5.diseño de interfaz


Tuesday 24 March 2009
- Diseño visual y definición de estilo y cromática
               - Diseño de contenidos, iconografía
               - Creación de manuales de estilos




Tuesday 24 March 2009
6.implementación




Tuesday 24 March 2009
- Desarrollo del frontend: maquetas css+xhtml
               - Desarollo Backend: codigo inicial
               - Testeo de usabilidad, evaluaciones y correcciones.




Tuesday 24 March 2009
7.integración




Tuesday 24 March 2009
- en servidor de prueba

               - integrar maquetas al desarrollo del codigo final

               - crear componentes y funcionalidades del sitio o sistema

               - pruebas del sistema




Tuesday 24 March 2009
8.inserción de contenidos




Tuesday 24 March 2009
- textos, imagenes, diagramas, tablas.

               - chequeo de estilos en todos los contenidos

               - manual de uso administrador de contenidos




Tuesday 24 March 2009
Tuesday 24 March 2009
9.Etapa final




Tuesday 24 March 2009
- capacitación sistema
            - traslado a servidor final
               - agregar Google Analytics
               - testeo finales, ultimas correcciones
            - lanzamiento sitio
            - estrategías de promoción digital




Tuesday 24 March 2009

Contenu connexe

En vedette (11)

Mäki_Krista-Maaria_opinnäytetyö
Mäki_Krista-Maaria_opinnäytetyöMäki_Krista-Maaria_opinnäytetyö
Mäki_Krista-Maaria_opinnäytetyö
 
Assignment of entrepreneur
Assignment of entrepreneurAssignment of entrepreneur
Assignment of entrepreneur
 
Six common mistakes in Japanese patent applications
Six common mistakes in Japanese patent applicationsSix common mistakes in Japanese patent applications
Six common mistakes in Japanese patent applications
 
Process of-advertisment (2)
Process of-advertisment (2)Process of-advertisment (2)
Process of-advertisment (2)
 
Presentaciondeyoutube
PresentaciondeyoutubePresentaciondeyoutube
Presentaciondeyoutube
 
Practica 8
Practica 8Practica 8
Practica 8
 
Homenagem 4ºs anos
Homenagem   4ºs anosHomenagem   4ºs anos
Homenagem 4ºs anos
 
‘Struttura curatorial statement
‘Struttura curatorial statement‘Struttura curatorial statement
‘Struttura curatorial statement
 
Застосування сучасних засобів спілкування
Застосування сучасних засобів спілкуванняЗастосування сучасних засобів спілкування
Застосування сучасних засобів спілкування
 
Trademark infringement
Trademark infringementTrademark infringement
Trademark infringement
 
Media Planning for L'Oréal
Media Planning for L'OréalMedia Planning for L'Oréal
Media Planning for L'Oréal
 

Similaire à Clase3 Procesoweb

Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
mmsita79
 
Taller diseño-web
Taller diseño-webTaller diseño-web
Taller diseño-web
Clara Lopez
 
Cervantes catherine 6 to diseño
Cervantes catherine 6 to diseñoCervantes catherine 6 to diseño
Cervantes catherine 6 to diseño
Catherine20
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
marquezfajardo
 
Planificacion y formulacion de web.
Planificacion y formulacion de web.Planificacion y formulacion de web.
Planificacion y formulacion de web.
MaritzaD
 
Actividad 3 Construcción de un sitio web de comercio electronico
Actividad 3 Construcción de un sitio web de comercio electronicoActividad 3 Construcción de un sitio web de comercio electronico
Actividad 3 Construcción de un sitio web de comercio electronico
TECNOLOGICO DE MATEHUALA
 
Fccea propuesta
Fccea propuestaFccea propuesta
Fccea propuesta
Jay Rivera
 

Similaire à Clase3 Procesoweb (20)

Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
 
Proceso para realizar un proyecto web
Proceso para realizar un proyecto webProceso para realizar un proyecto web
Proceso para realizar un proyecto web
 
Presentacion arambee 04-01-2013
Presentacion arambee 04-01-2013Presentacion arambee 04-01-2013
Presentacion arambee 04-01-2013
 
Taller diseño-web
Taller diseño-webTaller diseño-web
Taller diseño-web
 
Presentacion arambee 21-11-2012
Presentacion arambee 21-11-2012Presentacion arambee 21-11-2012
Presentacion arambee 21-11-2012
 
Cervantes catherine 6 to diseño
Cervantes catherine 6 to diseñoCervantes catherine 6 to diseño
Cervantes catherine 6 to diseño
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
 
Prensa activa. Adaptamos la prensa a la realidad de internet
Prensa activa. Adaptamos la prensa a la realidad de internet Prensa activa. Adaptamos la prensa a la realidad de internet
Prensa activa. Adaptamos la prensa a la realidad de internet
 
Metodologia de un proyecto SEO
Metodologia de un proyecto SEOMetodologia de un proyecto SEO
Metodologia de un proyecto SEO
 
El proceso de un diseño web danny
El proceso de un diseño web dannyEl proceso de un diseño web danny
El proceso de un diseño web danny
 
Planificacion y formulacion de web.
Planificacion y formulacion de web.Planificacion y formulacion de web.
Planificacion y formulacion de web.
 
Actividad 3 Construcción de un sitio web de comercio electronico
Actividad 3 Construcción de un sitio web de comercio electronicoActividad 3 Construcción de un sitio web de comercio electronico
Actividad 3 Construcción de un sitio web de comercio electronico
 
Arquitectura Empresarial
Arquitectura EmpresarialArquitectura Empresarial
Arquitectura Empresarial
 
Lección 8.2: Perfiles Profesionales
Lección 8.2: Perfiles ProfesionalesLección 8.2: Perfiles Profesionales
Lección 8.2: Perfiles Profesionales
 
Perfil Corporativo 2009
Perfil Corporativo 2009Perfil Corporativo 2009
Perfil Corporativo 2009
 
fases de un proyecto web
fases de un proyecto webfases de un proyecto web
fases de un proyecto web
 
Estrategia para crear negocios electrónicos
Estrategia para crear negocios electrónicosEstrategia para crear negocios electrónicos
Estrategia para crear negocios electrónicos
 
Fccea propuesta
Fccea propuestaFccea propuesta
Fccea propuesta
 
Informe IBM Web Content Management y WebSphere Portal. Solución y posicionam...
Informe IBM Web Content Management y WebSphere Portal. Solución y posicionam...Informe IBM Web Content Management y WebSphere Portal. Solución y posicionam...
Informe IBM Web Content Management y WebSphere Portal. Solución y posicionam...
 
Taller de Proyectos Digitales
Taller de Proyectos DigitalesTaller de Proyectos Digitales
Taller de Proyectos Digitales
 

Dernier

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 

Dernier (20)

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 

Clase3 Procesoweb

  • 1. Proyectos web Gestión, procesos y metologías Tecnologías web Lab. Diseño Gráfico 2009 Zara Hormazábal D. Tuesday 24 March 2009
  • 2. Planificando un proyecto web. Todo proyecto comienza por una solicitud, ya sea de servicio o producto hay que estimar tiempos, costos y coordinación HAY QUE PLANIFICAR !!! Tuesday 24 March 2009
  • 3. Etapas de un proyecto web •lev. antecedentes •arquitectura de la info. •diseño de interfaz briefing lanzamiento cotización promoción •implementación •integración •inserción de contenidos Tuesday 24 March 2009
  • 5. La primera etapa, que podrá ser antecedida por una reunión con el cliente para captar el pedido y los requerimientos. identificamos los objetivos comunicacionales y/o funcionales, expectativas del cliente con el sitio necesidades y requerimientos, Tuesday 24 March 2009
  • 6. - si es un web totalmente nuevo o se requiere rediseño o actualización de tecnologías. - si ya hay fechas comprometidas de lanzamiento - que tipo de web es: corporativa simple, blog, portal web, vitrina de productos y/o catalogo de ventas - si necesita en varios idiomas - si necesita asesoria en busqueda de dominio y hosting. - si tienes sitios de referencia, en funcionalidades y/o estilos - quien es el publico objetivo, quien visita el sitio, que hace este usuario en el sitio o que deberia hacer. - ¿Dispone de algún presupuesto aproximado ya establecido para el proyecto? ¿Puede el proyecto dividirse en fases que adapten las restricciones presupuestarias y de plazo? - que rescataría de su sitio actual (si es que tiene) y que no rescataría - ¿Cuál es la audiencia del sitio? ¿Es para el mercado nacional, internacional, o ambos? - si ya tiene el contenido o necesita asesoría en eso, cuanto contenido tendrá el sitio Tuesday 24 March 2009
  • 7. Con esta info sabremos: - el tamaño del proyecto, complejidad de este - si necesitamos el apoyo de un programador o diseñadores, u otro profesional - que proponerle, valor al proyecto Tuesday 24 March 2009
  • 9. La estructura de dicho documento es la siguiente: Portada. Descripción general del proyecto. Antecedentes Propuesta Actividades a desarrollar Material a entregar. Plan de tiempo Presupuesto Detallado. Costos. Condiciones de Pago. Info de contacto. Tuesday 24 March 2009
  • 10. que pasa si no le gusta el presupuesto? :( Negociación Tuesday 24 March 2009
  • 11. finalmente llegamos a un acuerdo y aprueba el presupuesto? :) comenzamos!!! Tuesday 24 March 2009
  • 13. - analisis de usuario, comportamiento - analisis del mercado, competencia y referencias - estrategia de diseño de comunicación Tuesday 24 March 2009
  • 15. - definir la estructura del contenido en el sitio - las formas en que el usuario va a encontrar y usar esa información, diseño de interacción (IxD) - diseñar esquemas de cada página (wireframe) Tuesday 24 March 2009
  • 17. - Diseño visual y definición de estilo y cromática - Diseño de contenidos, iconografía - Creación de manuales de estilos Tuesday 24 March 2009
  • 19. - Desarrollo del frontend: maquetas css+xhtml - Desarollo Backend: codigo inicial - Testeo de usabilidad, evaluaciones y correcciones. Tuesday 24 March 2009
  • 21. - en servidor de prueba - integrar maquetas al desarrollo del codigo final - crear componentes y funcionalidades del sitio o sistema - pruebas del sistema Tuesday 24 March 2009
  • 23. - textos, imagenes, diagramas, tablas. - chequeo de estilos en todos los contenidos - manual de uso administrador de contenidos Tuesday 24 March 2009
  • 26. - capacitación sistema - traslado a servidor final - agregar Google Analytics - testeo finales, ultimas correcciones - lanzamiento sitio - estrategías de promoción digital Tuesday 24 March 2009

Notes de l'éditeur