SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
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.

Más contenido relacionado

La actualidad más candente

Deber plataforma virtuales compu joan
Deber plataforma virtuales compu joanDeber plataforma virtuales compu joan
Deber plataforma virtuales compu joanJoan Bautista
 
Elementos de una plataforma virtual.carlos
Elementos de una plataforma virtual.carlosElementos de una plataforma virtual.carlos
Elementos de una plataforma virtual.carlosmayrilinkatbun
 
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...JAVIER SOLIS NOYOLA
 
Taller 1 tics
Taller 1 ticsTaller 1 tics
Taller 1 ticsmilena8a
 
Alvarado.martinez.diana@gmail.com
Alvarado.martinez.diana@gmail.comAlvarado.martinez.diana@gmail.com
Alvarado.martinez.diana@gmail.comEsgar Flores Rico
 
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 aprendizajemajourzola
 
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 indesignaleflorez09
 
Presentciones electronocas ------102
Presentciones electronocas ------102Presentciones electronocas ------102
Presentciones electronocas ------102isamar1996
 

La actualidad más candente (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
 

Similar a Etapas de un proyecto web

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 webUA WEB, A.C.
 
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdfDialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdf
Dialnet-EtapasEnLaCreacionDeUnSitioWeb-293019.pdfMariluzBlacidoGabrie
 
Etapas creacion pagina
Etapas creacion paginaEtapas creacion pagina
Etapas creacion paginaJr. Rob
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1cepr08TAC
 
Arquitectura de Información (entregables)
Arquitectura de Información (entregables)Arquitectura de Información (entregables)
Arquitectura de Información (entregables)Mario Carvajal
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
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 WebPaulo Saavedra
 
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...edwin.bernal
 
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 UXSady Ignacio Maureria Bulnes
 
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 webBlack creativebox
 
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 webBlack creativebox
 
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íasAlejandro Cárdenas
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdfTEMPORAL13
 
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.pdfJohan Robles Solano
 
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 webDany Lpz
 

Similar 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
 

Más de iConstruye

Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4iConstruye
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion GraphicsiConstruye
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrppiConstruye
 
Examen edicion
Examen edicionExamen edicion
Examen edicioniConstruye
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesigniConstruye
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6iConstruye
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la webiConstruye
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptualesiConstruye
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5iConstruye
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSSiConstruye
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTMLiConstruye
 
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ñoiConstruye
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición MultimediaiConstruye
 
Temario examen
Temario examenTemario examen
Temario exameniConstruye
 
Herramientas para diseño web
Herramientas para diseño webHerramientas para diseño web
Herramientas para diseño webiConstruye
 
Modelos de representación para web
Modelos de representación para webModelos de representación para web
Modelos de representación para webiConstruye
 

Más 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

Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDElenitaIriarte1
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdfcpachecot
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello
 
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...collagedesign18
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf
658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf
658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdfSSIETETO
 
Arquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñoArquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñosindyaldana1
 
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdfTÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdfkevinramirezd069bps
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdfyolandavalencia19
 
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfCRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfpaulmaqueda395
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxYasmilia
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.JimenaPozo3
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 20242024 GCA
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfsolidalilaalvaradoro
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfSharonSmis
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfautomatechcv
 

Último (20)

Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDDREVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
REVESTIMIENTON PROCESO CONSTRUCTIVO DDDDDDDDD
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
 
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf
658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf
658953840-5-Etapas-Del-Proyecto-de-Emprendimiento.pdf
 
Arquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseñoArquetipos de Jung ejemplos en el diseño
Arquetipos de Jung ejemplos en el diseño
 
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdfTÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
TÉCNICAS GRÁFICAS PARA ARQUITECTOS Y DISEÑADORES.pdf
 
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
669852196-Manejo-de-Las-Principales-Cuentas-Contables-pptx.pdf
 
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdfCRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
CRITERIOS_GENERALES_DE_ISOPTICA_Y_ACUSTI.pdf
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptx
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdfCARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
CARACTERIZACIÓN MEDICINA ALTERNATIVA Y TERAPIAS COMPLEMENTARIAS.pdf
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
 

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.