La tarea del Diseñador Gráfico es la de satisfacer las necesidades de la comunicación visual de toda clase y en todo sector de la sociedad, desde pequeños.

Presentación del tema: "La tarea del Diseñador Gráfico es la de satisfacer las necesidades de la comunicación visual de toda clase y en todo sector de la sociedad, desde pequeños."— Transcripción de la presentación:

1 La tarea del Diseñador Gráfico es la de satisfacer las necesidades de la comunicación visual de toda clase y en todo sector de la sociedad, desde pequeños elementos hasta los mas complejos sistemas de comunicación [Frascara, 1993] E N LA ACTUALIDAD EL DISEÑADOR GRÁFICO AYUDA A DEFINIR EL ENTORNO VISUAL DEL PRESENTE SIGLO, DANDO FORMA A LA INFORMACIÓN A TRAVÉS DE AVISOS PUBLICITARIOS, DISEÑO EDITORIAL, IMÁGEN CORPORATIVA, SEÑALÉTICA … COMO ASÍ TAMBIÉN EL DISEÑO WEB!

2 La tarea del Diseñador Gráfico es la de satisfacer las necesidades de la comunicación visual de toda clase y en todo sector de la sociedad, desde pequeños elementos hasta los mas complejos sistemas de comunicación [Frascara, 1993] H OY EN DÍA EL DISEÑADOR G RÁFICO DEBE SER CAPAZ DE REALIZAR UNA PÁGINA WEB CON LOS ARGUMENTOS NECESARIOS Y CON LA CAPACIDAD DE IDENTIFICAR Y REDIRIGIR AL USUARIO A LA VERSIÓN ADAPTADA DE SUS CONTENIDOS DENTRO UN PORTAL WEB

3 P ROYECTO FINAL WEB Materia: Taller de Diseño Grafico III

4 PROGRAMANDO MI SITIO WEB Crear una página web puede llegar a complicarse mucho. Especialmente si desatendemos los aspectos importantes y dejamos que los diferentes elementos que intervienen se contradigan hasta colisionar en una fase ya avanzada del desarrollo Sigue estos 10 pasos para que sea más fácil:  Especifica los requerimientos [del negocio y del usuario]  Prepara un proyecto y calcula el presupuesto de cada partida  Compra el dominio  Desarrolla el diseño  Implementa  Monitoriza  Documenta  Testea  Lanza  Mantén

5 PROGRAMANDO MI SITIO WEB D ESARROLLA EL D ISEÑO E L DISEÑO DE UNA PÁGINA WEB INCLUYE PENSAR LAS LÍNEAS BÁSICAS DE SU ESTRUCTURA, SU DISEÑO GRÁFICO Y SU CONTENIDO, Y ASIGNAR LOS RECURSOS ( HUMANOS Y TECNOLÓGICOS ) NECESARIOS PARA SU EJECUCIÓN R EALIZA UN ESQUEMA DE LA ESTRUCTURA QUE CONSIDERE TODOS LOS ELEMENTOS REQUERIDOS POR EL CLIENTE : FUNCIONALIDADES, PROGRAMACIÓN, DISEÑO GRAFICO, CONTENIDOS, ETC. D ETERMINA QUÉ TECNOLOGÍAS VAS A UTILIZAR EN FUNCIÓN DEL TIPO DE PÁGINA WEB Y DE LAS FUNCIONES REQUERIDAS D EFINE EL EQUIPO DE TRABAJO : DIRECTOR DE PROYECTO, DISEÑADOR, PROGRAMADOR, ETC. C OMPRUEBA TU CAPACIDAD PARA ENTREGAR EL TRABAJO EN LA FECHA INDICADA Y EN CASO CONTRARIO RECURRE A ALTERNATIVAS QUE SE AJUSTEN A TU PROYECTO P RESENTA UNA O VARIAS PROPUESTAS DE DISEÑO

6 PROGRAMANDO MI SITIO WEB C ONSEJOS Ú TILES Crear tu página Web puede ser una tarea desalentadora y confusa. ¿Por dónde comienzo? ¿Qué debería hacer? Sin embargo, no tiene que ser así, crear una página Web puede ser una diversión y una experiencia gratificante si se sigue algunas simples reglas:  L O PRIMERO, DEFINIR TU WEB. ¿Q UÉ QUIERO QUE LA PÁGINA W EB HAGA ?, ¿C ÓMO QUIERO QUE SE VEA, ¿Q UÉ INFORMACIÓN MOSTRAR ?, ETC.  O RGANIZA BIEN TU PÁGINA, CREA TU PÁGINA DE INICIO [ INDEX ] ES COMO LA T ABLA DE C ONTENIDOS DE UN LIBRO ; ESTÁ ALLÍ PARA QUE TUS CLIENTES SEPAN HACIA DONDE IR EN SU SITIO DEPENDIENDO DE SUS NECESIDADES PARTICULARES, O SIMPLEMENTE PARA QUE SE SIENTAN FAMILIARIZADOS CON SU PRODUCTO  D A UN NOMBRE A TU SITIO, ALGO QUE TENGA SIMILITUD CON LO QUE VA A PROVEER EN LA WEB O EL NOMBRE DE TU EMPRESA O NEGOCIO EN CASO DE ESTAR DISPONIBLE  U NA DE LAS COSAS MÁS INCOMODAS PARA LAS PERSONAS QUE NAVEGAN EN LA W EB SON LAS PÁGINAS QUE TARDAN MUCHO TIEMPO EN DESCARGAR O COMPLETARSE, POR ELLO HAZ TUS IMÁGENES LO MAS LIVIANAS POSIBLES  F INALMENTE, ANTES DE COMENZAR CON EL DISEÑO DE TU WEB EN LA PC, DEBERÁS CONSTRUIR TU SITIO W EB EN PAPEL. D ECIDE EL NÚMERO DE PÁGINAS QUE QUIERES TENER DENTRO DE TU SITIO, Y DETERMINA TÍTULOS LÓGICOS PARA ELLAS. P IENSA EN QUE IMÁGENES DESEAS PONER EN CADA PÁGINA Y DONDE LAS VA A COLOCAR PARA QUE SEAN MÁS EFECTIVAS Y ATRACTIVAS

7 PROGRAMANDO MI SITIO WEB C ASO D E E STUDIO I S UPONGAMOS QUE HEMOS DECIDIDO REALIZAR UN PORTAL DE TELEVISIÓN DONDE UNA DE LAS INFORMACIONES PRINCIPALES A PROVEER ES LA PROGRAMACIÓN SEMANAL. E FECTIVAMENTE, ESTA INFORMACIÓN SUELE SER DADA POR LAS TELEVISIONES CON MESES DE ANTELACIÓN Y PODRÍA SER MUY FÁCILMENTE ALMACENADA EN UNA BASE DE DATOS. S I TRABAJAMOS CON PÁGINAS HTML, TENDRÍAMOS QUE CONSTRUIR UNA PÁGINA INDEPENDIENTE PARA CADA SEMANA EN LA CUAL INTRODUCIRÍAMOS A MANO CADA UNO DE LOS PROGRAMAS DE CADA UNA DE LAS CADENAS. A SIMISMO, CADA SEMANA NOS TENDRÍAMOS QUE ACORDAR DE DESCOLGAR LA PÁGINA DE LA SEMANA PASADA Y COLGAR LA DE LA ANTERIOR. T ODO ESTO PODRÍA SER FÁCILMENTE RESUELTO MEDIANTE PÁGINAS DINÁMICAS. E N ESTE CASO, LO QUE HARÍAMOS SERÍA CREAR UN PROGRAMA [ SOLO UNO ] QUE SE ENCARGARÍA DE RECOGER DE LA BASE DE DATOS DE LA PROGRAMACIÓN AQUELLOS PROGRAMAS QUE SON RETRANSMITIDOS EN LAS FECHAS QUE NOS INTERESAN Y DE CONFECCIONAR UNA PÁGINA DONDE APARECERÍAN ORDENADOS POR CADENA Y POR HORA DE RETRANSMISIÓN. D E ESTE MODO, PODEMOS AUTOMATIZAR UN PROCESO Y DESENTENDERNOS DE UN ASPECTO DE LA PÁGINA POR UNOS MESES. T AMBIÉN A NUESTRO PORTAL DE TELEVISIÓN, PODEMOS AGREGARLE UNA SECCIÓN EN LA CUAL PRESENTAMOS TODAS LAS SERIES ACTUALMENTE EMITIDAS CON COMENTARIOS SOBRE ELLA, FOTOS, ETC. P ODRÍAMOS, EN LUGAR DE HACER UNA PÁGINA HTML POR SERIE, HACER UNA ÚNICA PÁGINA DINÁMICA EN CONTACTO CON UNA BASE DE DATOS EN LA CUAL VISUALIZAMOS LAS FOTOS Y COMENTARIOS RELATIVOS A LA SERIE QUE NOS INTERESA. A SIMISMO, SI LO QUE BUSCAMOS ES MODIFICAR EL FORMATO DEL TEXTO DE DICHA SECCIÓN, PODEMOS AUTOMATIZAR ESTE PROCESO SIN NECESIDAD DE CAMBIAR A MANO CADA UNA DE LAS ETIQUETAS FONT Y SIN HACER USO DE LA HOJAS DE ESTILO LAS CUALES NO SON RECONOCIDAS POR LA TOTALIDAD DE LOS NAVEGADORES E L ÚNICO LÍMITE... NUESTRA IMAGINACIÓN

8 PROGRAMANDO MI SITIO WEB C ASO D E E STUDIO II O BJETIVO : D ISEÑAR Y DESARROLLAR UN NUEVO SITIO WEB TURÍSTICO PARA LA CIUDAD QUE CUMPLA CON LAS CARACTERÍSTICAS DE UN SITIO MODERNO, QUE SEA DINÁMICO, FLEXIBLE Y BRINDE HERRAMIENTAS ÚTILES PARA LOS VISITANTES DEL SITIO Y PROMUEVA A LA CIUDAD COMO DESTINO TURÍSTICO Y A LOS AFILIADOS COMO PROVEEDORES DE SERVICIOS C ONCLUSIÓN : S E DISEÑÓ, DESARROLLÓ E IMPLEMENTÓ UN NUEVO SITIO WEB EN 2 IDIOMAS [E SPAÑOL /I NGLÉS ], BASADO EN P HP, CON UN ADMINISTRADOR DE CONTENIDOS A PACHE, MÓDULOS DE ACONDICIONADOS PARA EL SITIO. E L NUEVO SITIO CUENTA CON HERRAMIENTAS COMO : C ALENDARIO DE E VENTOS - B USCADOR DE CONTENIDOS DEL SITIO - C ATÁLOGO DE ATRACTIVOS DE Q UITO - A TRACTIVOS RECOMENDADOS - L IBRO DE VISITAS - C ALIFICACIÓN DE ATRACTIVOS (R ATING ) - B OLETINES DE N OTICIAS - S USCRIPCIÓN Y A CCESO A ZONA PRIVADA – N OTICIAS - G ALERÍA DE V IDEOS - G ALERÍA DE I MÁGENES - M APA DEL SITIO - O FERTAS DE TEMPORADA - O TROS

9 PROGRAMANDO MI SITIO WEB C ASO D E E STUDIO III O BJETIVO : FORTALECER LA PRESENCIA EN I NTERNET E IMPLEMENTAR MEJORAS EN EL SITIO PRINCIPAL CON LA FINALIDAD DE FACILITAR LA CONSULTA Y LOCALIZACIÓN DE CONTENIDOS DE INTERÉS PARA SUS DIFERENTES AUDIENCIAS, ASÍ COMO LA ADICIÓN DE NUEVOS CONTENIDOS. C ONCLUSIÓN : E L REDISEÑO DEL PORTAL INCLUYÓ UN DISEÑO GRÁFICO DIFERENTE, NUEVAS CARACTERÍSTICAS Y REORGANIZACIÓN DE LOS CONTENIDOS DEL SITIO W EB PRINCIPAL : U N DISEÑO GRÁFICO ATRACTIVO Y MODERNO CON BASE EN LOS COLORES E IDENTIDAD GRÁFICA DE LA EMPRESA U N MENÚ CON CATEGORÍAS CLARAS, UNA ESTRUCTURA DE NAVEGACIÓN DESCRIPTIVA Y CONTENIDOS ORGANIZADOS POR TEMAS Y SERVICIOS U N SITIO ESPECIALIZADO EN N UTRICIÓN CON CONTENIDOS ACTUALES Y SERVICIOS FOCALIZADOS PARA USUARIOS INTERESADOS EN EL CUIDADO DE SU SALUD Y UNA MEJOR CALIDAD DE VIDA A NTES D ESPUÉS

10 PROGRAMANDO MI SITIO WEB

11

12 P ROYECTO FINAL WEB Materia: Taller de Diseño Grafico III