Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Ciencias y Técnicas de la Comunicación.
Curso: Nuevas Tecnologías de la Información.

Guía para Desarrollo:
Guión Conceptu...
Elementos
Se debe integrar el Producto
Integrador con los siguientes
elementos:

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13...
Portada
Ejemplo:

“Proyecto Final”

Nombre Alumno
Grupo y Cuatrimestre
Facilitador

Fecha y Lugar de Presentación

Este do...
Introducción
Ejemplo:
“Proyecto Final”
Título / Encabezado

Introducción: Aquí se escribe que es lo
que nos vamos a encont...
Justificación
Ejemplo:
“Proyecto Final”
Título / Encabezado
Propuesta: WEBSITE Comercial.
Cliente: Mercado del Mar.
Proyec...
Planteamiento
Ejemplo:
“Proyecto Final”
Título / Encabezado

Paginado

Investigación de Campo y
Referencias Visuales:
Prop...
Navegación
Ejemplo:
“Proyecto Final”

Diagrama de Navegación:
Escenas adyacentes a la escena
maestra o Página de Inicio.

...
Página Principal
Ejemplo:

Plantilla / Página de Inicio:

“Proyecto Final”

Pantalla desde la que se permite acceder a
otr...
Diseño de Interiores
Ejemplo:
“Proyecto Final”
Título / Encabezado

Paginado

Plantilla y Diseño de Interiores:
Presentar ...
Diseño de Interiores
Ejemplo:
“Proyecto Final”
Título / Encabezado

Por ejemplo:
Galerías de Video o Fotos, Catálogos de
P...
Botones
Ejemplo:
“Proyecto Final”
Título / Encabezado
Los botones: Se describe el color,
textura y su estado.
- Reposo: Es...
Interactividad
Ejemplo:
“Proyecto Final”
Título / Encabezado

Características: Aquí se detalla lo mejor
de la multimedia, ...
Guión Técnico
Ejemplo:
“Proyecto Final”

Para que nuestro guión cumpla con su objetivo
debemos tener en cuenta varios aspe...
Plan de Trabajo
Ejemplo:

Desglose de las actividades y roles
a considerar para el desarrollo del
proyecto:

“Proyecto Fin...
Presupuesto
Ejemplo:

Desglose de las actividades y roles
a considerar para el desarrollo del
proyecto:

“Proyecto Final”
...
Aplicación
¿Te quedaste con preguntas,
dudas o comentarios?

escríbeme: nti_univa@hotmail.com
Upcoming SlideShare
Loading in …5
×

Modelo Guión Conceptual

7,937 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Modelo Guión Conceptual

  1. 1. Ciencias y Técnicas de la Comunicación. Curso: Nuevas Tecnologías de la Información. Guía para Desarrollo: Guión Conceptual y Técnico. Facilitador: Mtro. Jorge Alberto Rojas Herrera
  2. 2. Elementos Se debe integrar el Producto Integrador con los siguientes elementos: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Presentación. (PORTADA) Introducción. Justificación del Proyecto. Objetivos del Proyecto. Planteamiento del Multimedia. Estructura- Diagrama. Mecánica de Navegación. Diseño Visual Viñetas. Contenidos (Guión Técnico). Cronograma Plan de Producción Presupuesto Cotización Moods fotográficos.
  3. 3. Portada Ejemplo: “Proyecto Final” Nombre Alumno Grupo y Cuatrimestre Facilitador Fecha y Lugar de Presentación Este documento nos muestra una sinopsis del multimedia, debe tener una introducción, describir a que público objetivo va dirigido, debe ser más literario y descriptivo en la parte de explicar por qué se realizó y para qué.
  4. 4. Introducción Ejemplo: “Proyecto Final” Título / Encabezado Introducción: Aquí se escribe que es lo que nos vamos a encontrar en el guión y la multimedia, es una descripción del por qué la realizamos y para qué; qué queremos lograr con ello y cómo va a ser su navegación. Todo se escribe en forma superficial, ya que todos estos temas van a hacer desarrollados durante todo el guión con más precisión y enfoque; digamos que es un preámbulo de lo que se va a leer. Paginado Elaborar una sinopsis de lo que se quiere hacer: - ¿Por qué se eligió hacer este multimedia? - ¿Para qué se va a realizar? - ¿Cuál va ser su función? - ¿A quién va dirigido? - ¿Cómo se puede hacer más interactivo (Redes Sociales)?
  5. 5. Justificación Ejemplo: “Proyecto Final” Título / Encabezado Propuesta: WEBSITE Comercial. Cliente: Mercado del Mar. Proyecto: Desarrollo de website. Se debe escribir lo que queremos lograr, cuales son nuestras metas a partir de la multimedia, cuál va a hacer la función del público y cómo los vamos a acercar y atraer con la multimedia, teniendo en cuenta que sí se enganchen con ella. Elementos del proyecto: 1. Página web con formulario de contacto y galería. Especificaciones: • • El website estará diseñado sobre una plataforma que facilite su actualización y administración. Versión en Inglés y Español. Consideraciones: • • • • • El cliente cuenta con stock de material visual que se puede aprovechar. Se proporcionarán fotografías y logos para el desarrollo del diseño. El CLIENTE ya cuenta con hosting y dominio. El costo de traducción está sujeto a los contenidos proporcionado y autorizado por el cliente. Se estiman 3 cuartillas de texto aproximados, se cotizará cada cuartilla adicional. No se recomienda la inclusión de intro animado, pero en caso de requerir se considerará sobre el tiempo y complejidad de la animación. Costo por segundo de animación. Propuesta: Diseño y armado de WEBSITE: 1. Desarrollo – HTML Diseño de interfase, incluye: a. Diseño y composición visual (5 interiores aplicables). 2. Programación: • Formatos Electrónicos: solicitud de información vía página WEB. Paginado Objetivos: Cuando vamos a escribir los objetivos, debemos ser muy claros, los objetivos deben ser realizables, o sea escribir cosas que sabemos que sí se van a lograr.
  6. 6. Planteamiento Ejemplo: “Proyecto Final” Título / Encabezado Paginado Investigación de Campo y Referencias Visuales: Proporcionan información sobre websites de la competencia y de página de referencia para justificar y mostrar evidencias del por qué de la propuesta.
  7. 7. Navegación Ejemplo: “Proyecto Final” Diagrama de Navegación: Escenas adyacentes a la escena maestra o Página de Inicio. Título / Encabezado Diagrama de Navegación. (Inicial). INICIO EMPRESA POLÍTICAS UBICACIÓN CONTACTO CATÁLOGO VESTIDOS SPORTWARE SWIMWARE Paginado Proporcionan información para poder avanzar hasta la siguiente sub-sección o ilustrar el recorrido de navegación .
  8. 8. Página Principal Ejemplo: Plantilla / Página de Inicio: “Proyecto Final” Pantalla desde la que se permite acceder a otras, en función de las elecciones del usuario: Título / Encabezado A B Puntos de enlace: avance de Página Inicial a Plantilla de Interiores. Página Principal (Meta). C D) Idiomas A) Menú Principal La interfaz deber ser consistente, es decir, que en situaciones similares se deben emplear la misma secuencia de acciones. Se debe utilizar una terminología idéntica en los mensajes, menús y pantallas de ayuda. Paginado E) Redes Sociales y Carrito B) Sub Menú C) Textos y Contenidos F) Menú Secundario
  9. 9. Diseño de Interiores Ejemplo: “Proyecto Final” Título / Encabezado Paginado Plantilla y Diseño de Interiores: Presentar los diferentes elementos que integran los contenidos de los interiores del sitio. Cada Página debe responder a un diseño de plantilla, y se pueden contar con diferentes diseños de plantillas, pero todos sobre un mismo concepto base que debe verse reflejado en todos los interiores.
  10. 10. Diseño de Interiores Ejemplo: “Proyecto Final” Título / Encabezado Por ejemplo: Galerías de Video o Fotos, Catálogos de Productos. Propuesta de Layouts (Plantillas). Interiores Algunos multimedias requieren de plantillas específicas que se repiten y otras que requieren un acomodo especial. Formulario Otros que sólo se usan una vez son los Formularios de Contacto. Catálogo Ubicación Paginado
  11. 11. Botones Ejemplo: “Proyecto Final” Título / Encabezado Los botones: Se describe el color, textura y su estado. - Reposo: Es cuando esta inactivo, el mouse no pasa por encima de el. - Sobre: Es cuando el mouse esta encima del botón, debe cambiar su apariencia. - Presionado: Es cuando le damos clic en el, también debe cambiar su aspecto, tiene que dar la impresión que lo estamos oprimiendo. - Se debe guardar cada botón con nombres diferentes y su extensión para no confundirlos respecto a su estado y en que pantallazo debe ir. Paginado Elementos Fijos: Componentes de las pantallas que se repiten durante toda o la mayor parte de la aplicación. ¿Cuáles son? ¿Cuáles son sus propiedades ? ¿Cuáles es su relación con otro/s elementos de la aplicación? Otras informaciones relevantes. Clases: • Marcos • Botones • Menús desplegables • Indicadores • Líneas de comandos
  12. 12. Interactividad Ejemplo: “Proyecto Final” Título / Encabezado Características: Aquí se detalla lo mejor de la multimedia, cuales son sus fuertes, por qué debe ser realizada, cómo se logra ser interactivo y cuál va a ser su gancho (lo que más va ha llamar la atención). Explicar si es un Blog, o sitio de Noticias, cuáles serían las características de sus notas, publicaciones y producciones. Las acciones: Aquí se escriben las acciones que tendrá cada pantallazo, por ejemplo, si vamos a guardar cada usuario que ingresó, la interactividad de los botones, si apagamos o ponemos la música o si nos va a llevar a otro pantallazo, si hay una navegación con botones o áreas sensibles. Paginado Mencionar cuales serían los insumos: Información, datos, etc. Y que es lo que generaría el sitio: órdenes de pedido, descarga de archivos, animaciones o productos digitales, etc.
  13. 13. Guión Técnico Ejemplo: “Proyecto Final” Para que nuestro guión cumpla con su objetivo debemos tener en cuenta varios aspectos: Escena: 5 Título: ESCULTURA -Todo debe estar muy bien organizado, para que las demás personas que trabajarán en el (diseñadores, desarrolladores, programadores, integradores…) entiendan y se guíen como debe quedar el producto final. BOTONES – Encontramos como botones principales y perpetuos: SALIR, CREDITOS, LIBRO DE VISITAS. Se harán de color amarillo en reposo, gris en sobre y con los bordes negros en presionado. Están en la carpeta de botones, subcarpeta escultura. -- Uno de los objetivos de la multimedia es la interactividad, que el usuario no solo vea imágenes o algo plano, sino que tenga la oportunidad de ver algo diferente e interactúe con ello. IMÁGENES – Contiene una o varias imágenes de la escultura que desea el usuario conocer. Se encuentra en la carpeta imágenes, subcarpeta escultura. -Se debe detallar absolutamente todo, para no tener que volver a repetir información. Título / Encabezado SONIDO – Contiene un sonido loop con música instrumental que se encuentra en la carpeta sonido. Paginado -- Tener bien claro qué es y cómo se va a mostrar el producto.
  14. 14. Plan de Trabajo Ejemplo: Desglose de las actividades y roles a considerar para el desarrollo del proyecto: “Proyecto Final” Título / Encabezado Cronograma de Trabajo. Actividad Duración Fase 1 Diseño WEB. Recopilación de Información 4 5 6 7 8 9 Director/Productor Diseñador y Programación. Desarrollador/Programador Redactor/Guionista Realizador Audiovisual-Animación 1 semana Diagramación y Textos. 3 1 semana Diseño Visual Template (Web). 2 1 semana Estructuración de Contenidos. 1 • • • • • 1 semana Presentación de Avances. Fase 2 Generación de Contenidos. Manipulación y Retoque Fotografías. Diseño y Armado. Programación WEB Vinculación a Host (fase de prueba). Plantear fechas y tiempos estimados por etapa. 1 semana 1 semana 3 semana 1 semana Fase 3 Revisión y Entrega Final. Evaluación Final (Logín). 1 semana Correcciones Finales Contenidos (w eb). 1 semana Paginado
  15. 15. Presupuesto Ejemplo: Desglose de las actividades y roles a considerar para el desarrollo del proyecto: “Proyecto Final” Título / Encabezado Website. • • $ $ $ Diseño Gráfico y Multimedia. Programación y Navegación Multimedia (WEBsite armado en HTML). 2,000.00 3,000.00 5,000.00 . • • • • • Director/Productor Diseñador y Programación. Desarrollador/Programador Redactor/Guionista Realizador Audiovisual-Animación Inversión total: $5,000.00 m.n. (más IVA) NETO: $ 5,800.00 m.n. Plantear fechas y tiempos estimados por etapa. Condiciones de Pago: El proyecto se contempla para realizarse en un periodo máximo de 3 a 4 semanas. Se solicita el pago en 2 etapas, una entrega de avances para revisión y una entrega al realizar la revisión final del proyecto (2 pagos en total). Los compromisos de entrega se establecen de acuerdo a los intereses del cliente y se definen en el calendario de trabajo con tiempos de entrega establecidos según los objetivos de cada etapa. Por seguridad de ambas partes, se avanzará de acuerdo al programa de contra-entregas y autorizaciones del cliente, asegurando así el progreso del proyecto y la continuidad del mismo. Esperando lograr su conclusión en el tiempo programado. Paginado
  16. 16. Aplicación
  17. 17. ¿Te quedaste con preguntas, dudas o comentarios? escríbeme: nti_univa@hotmail.com

×