Modelo guión conceptual 2014

Guía para Desarrollo: Guión Conceptual y Técnico.

Facilitador: Mtro. Jorge Alberto Rojas Herrera

Curso: Nuevas Tecnologías de la Información. Ciencias y Técnicas de la Comunicación.

Elementos

Se debe integrar el Producto Integrador con los siguientes elementos:

1. Presentación. (PORTADA) 2. Introducción. 3. Justificación del Proyecto. 4. Objetivos del Proyecto. 5. Planteamiento del Multimedia. 6. Estructura- Diagrama. 7. Mecánica de Navegación. 8. Diseño Visual Viñetas. 9. Contenidos (Guión Técnico). 10. Cronograma 11. Plan de Producción 12. Presupuesto Cotización 13. Moods fotográficos.

Portada

“Proyecto Final”

Nombre Alumno Grupo y Cuatrimestre Facilitador

Fecha y Lugar de Presentación

Ejemplo:

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é.

Introducción

“Proyecto Final” Título / Encabezado

Paginado

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.

Ejemplo:

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)?

Justificación


Paginado

Ejemplo:

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. 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.

Propuesta: WEBSITE Comercial. Cliente: Mercado del Mar. Proyecto: Desarrollo de website. 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.

Planteamiento Ejemplo:

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.


Paginado

Navegación


Paginado

Ejemplo: Diagrama de Navegación: Escenas adyacentes a la escena maestra o Página de Inicio. Proporcionan información para poder avanzar hasta la siguiente sub-sección o ilustrar el recorrido de navegación .

Diagrama de Navegación. (Inicial).

INICIO EMPRESA

UBICACIÓN

CONTACTO

POLÍTICAS

CATÁLOGO

VESTIDOS

SPORTWARE

SWIMWARE

Página Principal


Paginado

Ejemplo:

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.

Plantilla / Página de Inicio: Pantalla desde la que se permite acceder a otras, en función de las elecciones del usuario: Puntos de enlace: avance de Página Inicial a Plantilla de Interiores.

A B

C Página Principal (Meta).

A) Menú Principal

B) Sub Menú

C) Textos y Contenidos

D) Idiomas

E) Redes Sociales y Carrito

F) Menú Secundario

Diseño de Interiores


Paginado

Ejemplo: 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.

Diseño de Interiores


Paginado

Ejemplo: Algunos multimedias requieren de plantillas específicas que se repiten y otras que requieren un acomodo especial. Por ejemplo: Galerías de Video o Fotos, Catálogos de Productos. Otros que sólo se usan una vez son los Formularios de Contacto.

Propuesta de Layouts (Plantillas).

Interiores Formulario

Catálogo Ubicación

Botones


Paginado

Ejemplo:

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.

Elementos Fijos: Componentes de las pantallas que se repiten durante toda o la mayor parte de la aplicación.

Clases:

• Marcos

• Botones

• Menús desplegables

• Indicadores

• Líneas de comandos

¿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.

Interactividad


Paginado

Ejemplo:

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.

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. 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.

Guión Técnico


Paginado

Ejemplo:

Escena: 5 Título: ESCULTURA 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. 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. SONIDO – Contiene un sonido loop con música instrumental que se encuentra en la carpeta sonido.

Para que nuestro guión cumpla con su objetivo debemos tener en cuenta varios aspectos: -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. -- 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.

-Se debe detallar absolutamente todo, para no tener que volver a repetir información. -- Tener bien claro qué es y cómo se va a mostrar el producto.

Plan de Trabajo


Paginado

Ejemplo: Desglose de las actividades y roles a considerar para el desarrollo del proyecto: • Director/Productor • Diseñador y Programación. • Desarrollador/Programador • Redactor/Guionista • Realizador Audiovisual-Animación Plantear fechas y tiempos estimados por etapa.

Cronograma de Trabajo.

Actividad Duración 1 2 3 4 5 6 7 8 9

Recopilación de Información 1 semanaEstructuración de Contenidos. 1 semanaDiseño Visual Template (Web). 1 semanaDiagramación y Textos. 1 semanaPresentación de Avances.

Manipulación y Retoque Fotografías. 1 semanaDiseño y Armado. 1 semana

Programación WEB 3 semanaVinculación a Host (fase de prueba). 1 semana

Evaluación Final (Logín). 1 semanaCorrecciones Finales Contenidos (w eb). 1 semana

Fase 2 Generación de Contenidos.

Fase 1 Diseño WEB.

Fase 3 Revisión y Entrega Final.

Presupuesto


Paginado

Ejemplo: Desglose de las actividades y roles a considerar para el desarrollo del proyecto: • Director/Productor • Diseñador y Programación. • Desarrollador/Programador • Redactor/Guionista • Realizador Audiovisual-Animación Plantear fechas y tiempos estimados por etapa.

Website. • Diseño Gráfico y Multimedia. • Programación y Navegación Multimedia

(WEBsite armado en HTML). .

Inversión total: $5,000.00 m.n. (más IVA)

NETO: $ 5,800.00 m.n.

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.

2,000.00$ 3,000.00$ 5,000.00$

Aplicación

¿Te quedaste con preguntas, dudas o comentarios?

escríbeme: [email protected]

Modelo guión conceptual 2014

Education

Transcript of Modelo guión conceptual 2014