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