SlideShare uma empresa Scribd logo
1 de 42
Baixar para ler offline
etapas de un proyecto web
¿qué es un 
proyecto web? 
Es un proyecto que haciendo uso de una plataforma “web” busca 
conseguir un objetivo específico. 
! 
Plataforma web = tecnología web + cultura web 
Tecnología web = HTTP, HTML, URL, DNS, etc 
Cultura web = interactividad, interrelación, inmediatez, vinculación, 
etc
¿por qué 
planificar? 
Todo proyecto debe ser administrado 
! 
Se confunde gestión con ejecución 
La planificación es clave para saber a dónde queremos llegar, cómo y 
con qué recursos. 
Es el primer paso del ciclo de proyectos
elementos 
básicos 
Contenidos 
Audiencia 
Propósito o fin
elementos 
básicos 
Contenidos 
! 
Determinar la temática del sitio, los diferentes formatos de 
contenidos que se incorporarán en los documentos web, como se 
vincularán y cual será el nivel de profundidad de estos.
elementos 
básicos 
Audiencia 
! 
Podemos comenzar preguntándonos, dada la temática de mi sitio 
web ¿a quién me imagino visitándolo? 
En razón de esto podemos realizar una comparativa con sitios 
similares, analizando mensajes, contenidos y tareas que se pueden 
realizar
a esto se le denomina benchmark
Es una técnica ejecutada por un/os experto/s en fase de 
investigación o diagnóstico. Consiste en un análisis comparativo de 
componentes de un sistema digital, aplicando uno o mas criterios. 
Tiene por objetivo generar insumos para definiciones estratégicas o 
prototipado.
fases de un proyecto donde se aplica
fases de un proyecto donde se aplica
¿qué compara un benchmark? 
• Contenidos 
• Diseño gráfico 
• Tecnología 
• Usabilidad 
• Posicionamiento
Al menos se deben analizar 10 ítems sobre cada variable, lo que nos 
da un total de 50 puntos por cada sitio Web. Luego estos 50 puntos 
deberán relevarse en al menos otros 5 sitios distintos, lo que arroja 
un total de 250 puntos que el analista deberá revisar para obtener 
resultados con cierta rigurosidad.
paso a paso
1. Trabajo con stakeholders o think tanks
2. Criterios de selección (comparativa)
2. Criterios de selección (referencia)
3. Recorrer los espacios digitales captando las 
diferencias y similitudes (paseo cognitivo)
4. Se anotan todas las observaciones sin 
estructurar aún.
5. Se cotejan dichos comentarios con otros 
evaluadores. (se puede aplicar paseo cognitivo)
6. Se agrupan los comentarios
caso estudio: thisischile.cl
propósito 
Inexistencia de un sitio que reuniera información compilada y oficial, 
destinada a públicos extranjeros.
actividades realizadas
criterios de selección 
Que fueran la puerta de entrada a diversos aspectos de un país, por 
ejemplo: negocios, turismo, gobierno, cultura, etc. 
! 
Que fueran occidentales. Básicamente por estructura de navegación 
y lectura de izquierda a derecha. 
! 
Al menos uno que fuera vecino de la región y al menos uno que 
corresponda a un público a impactar. 
! 
Que sean referentes por estar evidentemente preocupados por ser 
una voz oficial que cuenta cómo es su país de cara a públicos 
extranjeros.
criterios de exploración
encargo 4
desarrollo de micrositio 
Se define un encargo que considerará el trabajo en grupos de 2 
alumnos 
! 
Tarea o propósito: crear un micro sitio capaz de informar a los 
alumnos de la sede Viña del Mar de Duoc UC la distribución de las 
instalaciones de la sede. 
! 
Objetivo principal: informar / orientar
desarrollo de micrositio 
Etapas 
! 
1. determinar los perfiles de usuarios (tipologías)
desarrollo de micrositio 
Etapas 
! 
2. por medio del método de Benchmark, obtener conclusiones 
respecto a: 
! 
Contenidos 
• Diseño gráfico 
• Tecnología 
• Usabilidad
desarrollo de micrositio 
Etapas 
! 
3. con el método del cardsorting, determinar las posibles conexiones 
o vínculos de los contenidos para lograr el propósito del sitio.

Mais conteúdo relacionado

Mais procurados (14)

Webquest
WebquestWebquest
Webquest
 
Plataforma virtual
Plataforma virtualPlataforma virtual
Plataforma virtual
 
Plataforma virtuales
Plataforma virtualesPlataforma virtuales
Plataforma virtuales
 
Deber plataforma virtuales compu joan
Deber plataforma virtuales compu joanDeber plataforma virtuales compu joan
Deber plataforma virtuales compu joan
 
Elementos de una plataforma virtual.carlos
Elementos de una plataforma virtual.carlosElementos de una plataforma virtual.carlos
Elementos de una plataforma virtual.carlos
 
Proyecto Integrador Herramientas de Cómputo. Documento instruccional desarrol...
Proyecto Integrador Herramientas de Cómputo. Documento instruccional desarrol...Proyecto Integrador Herramientas de Cómputo. Documento instruccional desarrol...
Proyecto Integrador Herramientas de Cómputo. Documento instruccional desarrol...
 
Taller 1 tics
Taller 1 ticsTaller 1 tics
Taller 1 tics
 
Alvarado.martinez.diana@gmail.com
Alvarado.martinez.diana@gmail.comAlvarado.martinez.diana@gmail.com
Alvarado.martinez.diana@gmail.com
 
Reportes de las unidades
Reportes de las unidades Reportes de las unidades
Reportes de las unidades
 
Elementos para las plataformas virtuales de aprendizaje
Elementos para las plataformas virtuales de aprendizajeElementos para las plataformas virtuales de aprendizaje
Elementos para las plataformas virtuales de aprendizaje
 
Guia de aprendizaje 21 aplicaciones preprensa indesign
Guia de aprendizaje 21 aplicaciones preprensa indesignGuia de aprendizaje 21 aplicaciones preprensa indesign
Guia de aprendizaje 21 aplicaciones preprensa indesign
 
Deisy rosero blog
Deisy rosero blogDeisy rosero blog
Deisy rosero blog
 
Presentciones electronocas ------102
Presentciones electronocas ------102Presentciones electronocas ------102
Presentciones electronocas ------102
 
M2. Tarea 7
M2. Tarea 7M2. Tarea 7
M2. Tarea 7
 

Semelhante a Etapas de un proyecto web

Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdfDialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
MariluzBlacidoGabrie
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1
cepr08TAC
 
Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina web
Black creativebox
 
Guía para la creacion de paginas web
Guía para la creacion de paginas webGuía para la creacion de paginas web
Guía para la creacion de paginas web
Dany Lpz
 

Semelhante a Etapas de un proyecto web (20)

Modelo Madurez Sitios UAWeb 2007
Modelo Madurez Sitios UAWeb 2007Modelo Madurez Sitios UAWeb 2007
Modelo Madurez Sitios UAWeb 2007
 
Metodología de evaluación de madurez de la gestión de sitios web
Metodología de evaluación de madurez de la gestión de sitios webMetodología de evaluación de madurez de la gestión de sitios web
Metodología de evaluación de madurez de la gestión de sitios web
 
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdfDialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
 
Etapas creacion pagina
Etapas creacion paginaEtapas creacion pagina
Etapas creacion pagina
 
Como escribir para la web nivel 2
Como escribir para la web   nivel 2Como escribir para la web   nivel 2
Como escribir para la web nivel 2
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1
 
Arquitectura de Información (entregables)
Arquitectura de Información (entregables)Arquitectura de Información (entregables)
Arquitectura de Información (entregables)
 
T14 01
T14 01T14 01
T14 01
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Taller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos Web
 
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...
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UX
 
Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina web
 
Guía diseño y elaboración pagina web
Guía diseño y elaboración pagina webGuía diseño y elaboración pagina web
Guía diseño y elaboración pagina web
 
La experiencia de usuario. Definiciones y metodologías
La experiencia de usuario. Definiciones y metodologíasLa experiencia de usuario. Definiciones y metodologías
La experiencia de usuario. Definiciones y metodologías
 
CARITASLAC
CARITASLACCARITASLAC
CARITASLAC
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdf
 
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdfMatriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
 
Guía para la creacion de paginas web
Guía para la creacion de paginas webGuía para la creacion de paginas web
Guía para la creacion de paginas web
 
I vunidad
I vunidadI vunidad
I vunidad
 

Mais de iConstruye

Examen edicion
Examen edicionExamen edicion
Examen edicion
iConstruye
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
iConstruye
 

Mais de iConstruye (20)

Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion Graphics
 
Examen imagen
Examen imagenExamen imagen
Examen imagen
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrpp
 
Examen edicion
Examen edicionExamen edicion
Examen edicion
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesign
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6
 
Filezilla
FilezillaFilezilla
Filezilla
 
Webhost
WebhostWebhost
Webhost
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la web
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptuales
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTML
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseño
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
 
Temario examen
Temario examenTemario examen
Temario examen
 
Examen
ExamenExamen
Examen
 
Herramientas para diseño web
Herramientas para diseño webHerramientas para diseño web
Herramientas para diseño web
 
Modelos de representación para web
Modelos de representación para webModelos de representación para web
Modelos de representación para web
 

Último

GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 

Último (20)

Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
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
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
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
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 

Etapas de un proyecto web

  • 1. etapas de un proyecto web
  • 2. ¿qué es un proyecto web? Es un proyecto que haciendo uso de una plataforma “web” busca conseguir un objetivo específico. ! Plataforma web = tecnología web + cultura web Tecnología web = HTTP, HTML, URL, DNS, etc Cultura web = interactividad, interrelación, inmediatez, vinculación, etc
  • 3. ¿por qué planificar? Todo proyecto debe ser administrado ! Se confunde gestión con ejecución La planificación es clave para saber a dónde queremos llegar, cómo y con qué recursos. Es el primer paso del ciclo de proyectos
  • 4. elementos básicos Contenidos Audiencia Propósito o fin
  • 5. elementos básicos Contenidos ! Determinar la temática del sitio, los diferentes formatos de contenidos que se incorporarán en los documentos web, como se vincularán y cual será el nivel de profundidad de estos.
  • 6. elementos básicos Audiencia ! Podemos comenzar preguntándonos, dada la temática de mi sitio web ¿a quién me imagino visitándolo? En razón de esto podemos realizar una comparativa con sitios similares, analizando mensajes, contenidos y tareas que se pueden realizar
  • 7. a esto se le denomina benchmark
  • 8. Es una técnica ejecutada por un/os experto/s en fase de investigación o diagnóstico. Consiste en un análisis comparativo de componentes de un sistema digital, aplicando uno o mas criterios. Tiene por objetivo generar insumos para definiciones estratégicas o prototipado.
  • 9. fases de un proyecto donde se aplica
  • 10. fases de un proyecto donde se aplica
  • 11. ¿qué compara un benchmark? • Contenidos • Diseño gráfico • Tecnología • Usabilidad • Posicionamiento
  • 12. Al menos se deben analizar 10 ítems sobre cada variable, lo que nos da un total de 50 puntos por cada sitio Web. Luego estos 50 puntos deberán relevarse en al menos otros 5 sitios distintos, lo que arroja un total de 250 puntos que el analista deberá revisar para obtener resultados con cierta rigurosidad.
  • 14. 1. Trabajo con stakeholders o think tanks
  • 15. 2. Criterios de selección (comparativa)
  • 16. 2. Criterios de selección (referencia)
  • 17. 3. Recorrer los espacios digitales captando las diferencias y similitudes (paseo cognitivo)
  • 18. 4. Se anotan todas las observaciones sin estructurar aún.
  • 19. 5. Se cotejan dichos comentarios con otros evaluadores. (se puede aplicar paseo cognitivo)
  • 20. 6. Se agrupan los comentarios
  • 22.
  • 23. propósito Inexistencia de un sitio que reuniera información compilada y oficial, destinada a públicos extranjeros.
  • 25. criterios de selección Que fueran la puerta de entrada a diversos aspectos de un país, por ejemplo: negocios, turismo, gobierno, cultura, etc. ! Que fueran occidentales. Básicamente por estructura de navegación y lectura de izquierda a derecha. ! Al menos uno que fuera vecino de la región y al menos uno que corresponda a un público a impactar. ! Que sean referentes por estar evidentemente preocupados por ser una voz oficial que cuenta cómo es su país de cara a públicos extranjeros.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 39. desarrollo de micrositio Se define un encargo que considerará el trabajo en grupos de 2 alumnos ! Tarea o propósito: crear un micro sitio capaz de informar a los alumnos de la sede Viña del Mar de Duoc UC la distribución de las instalaciones de la sede. ! Objetivo principal: informar / orientar
  • 40. desarrollo de micrositio Etapas ! 1. determinar los perfiles de usuarios (tipologías)
  • 41. desarrollo de micrositio Etapas ! 2. por medio del método de Benchmark, obtener conclusiones respecto a: ! Contenidos • Diseño gráfico • Tecnología • Usabilidad
  • 42. desarrollo de micrositio Etapas ! 3. con el método del cardsorting, determinar las posibles conexiones o vínculos de los contenidos para lograr el propósito del sitio.