&

ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO

FACULTAD DE INFORMTICA Y ELECTRNICA
ESCUELA DE INGENIERA EN SISTEMAS

!
MATERIA:((INTERFACES(Y(MULTIMEDIA(
PERIODO:(Abril((agosto(2016(

PLAN(DEL(DOCUMENTO(DE(LA(APLICACIN(FINAL(
Julio!2016!

!
1.C(OBJETIVO:(Documentar!todo!el!proceso!de!Diseo!3D!aplicando!las!nociones!de!la!materia!
de!Interfaces!y!Multimedia!con!el!eje!central!el!diseo,!documentacin,!animacin!y!simulacin!
3D!de!un!grupo!de!casas!del!Centro!Histrico!de!Riobamba.!
!
2.C(TEMAS:!Hbitat!III!(evento!mundial!de!la!ONU,!octubre!2016!en!Quito)!!!
!
3.C(CONTENIDO:(El!documento!tcnico!de!la!Aplicacin!Multimedial!de!Simulacin!
Interactiva!(AMSI)!tendr!las!siguientes!partes!
!
!
I.C(DISEO(Y(CONSTRUCCION(3D(DE(LA(CUADRA(ASIGNADA(
(

!
Calles&Principales:&Primera&Constituyente&y&Jos&Veloz&
Calles&Secundarias:&Tarqui&y&Juan&de&Velasco&
;!
&
&
&
&
&
&
&
&
&
&
&
&
&
&

Instalar&el&programa&SketchUp&Pro&2016&&

1.!
2.!
3.!
4.!
5.!
6.!
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&

Barra&de&Men&&
Barra&de&herramientas&&
Modelo&de&referencias&&
rea&de&Dibujo&
Barra&de&Estado&
Cuadro&de&control&de&valores&

;!

Una&vez&aprendido&las&herramientas&se&procede&a&la&construccin&del&bloque&lo&primero&es&
crear&un&rectngulo&para&luego&darle&forma&:&

;!

Despus&se&debe&revisar&la&imagen&de&la&casa&a&comparar&&y&sacar&medidas&de&la&misma&para&de&
esta&manera&tener&la&casa&pareja&&

&
&
&
&
&
&
&
&
&
&
&

&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&

;!

Luego&procedemos&a&dibujar&con&la&herramienta&lpiz&sobre&las&marcas&realizadas,&para&ahorra&
tiempo&se&puede&copiar&y&pegar&lo&dibujado&ya&que&las&medidas&son&iguales&para&todos&&

;!

Ahora&se&puede&se&va&rellenando&las&caras&del&cubo&con&la&herramienta&de&Paint,&existen&varias&
formas& como& bloques,& maderas,& colores,& texturas,& metal,& pisos,& etc.& Elegimos& los& colores& y&
herramientas&que&se&utilicen&en&la&casa&&

&
&
&
&
&
&
&
&

&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&

;!

Seguimos&con&el&techo&el&cual&una&recomendacin&personal&seria&hacerlo&aparte&(dependiendo&
del&tipo&de&techo)&puesto&que&algunas&casa&tienen&terrazas&y&otra&tejados&pero&son&variadas&si&
son&con&tejado&seria&mas&fcil&realizarlo&aparte&puesto&que&elegimos&las&medidas&y&tamao&que&
van&a&tener,&luego&le&damos&color&y&&ponemos&encima&de&la&casa&o&edificio&

&&
&
&
&
&
&
&
&
&
&
&
;!
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&

Existen&partes&de&las&cuales&se&tienen&arcos&y&para&eso&mismo&utilizamos&la&herramienta&arco&
dependiendo&de&la&forma&a&un&o&dos&puntos&de&corte&

;!
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
&
(

Por&ultimo&damos&formas&3D&a&todas&las&partes&donde&encontremos&este&efecto&puede&ser&
tanto&para&el&interior&como&exterior&dependiendo&de&la&figura&

(
II.C(REALIZACION(DE(UN(VIDEO(EDUCATIVO(
(

NOMBRE(DEL(GRUPO:&

&

&

&
Grupo!Nmero!!5& &

INTEGRANTES:&

&

&

o& Carlos!Gallardo&

(5037)&

o& Geovanny!Guamn!!(5375)&
o& Jessica!Ortiz&

(5339)&

o& lvaro!Silva&

(5300)&

(
(
TITULO(DEL(VIDEO:&
Riobamba!3D&

&
OBJETIVOS(DEL(VIDEO&
&
Objetivo(General:&
&

Disear! e! implementar! una! maqueta! fsica! con! las! diferentes! cuadras! elaboradas! para!
realizar!un!video!donde!se!de!a!conocer!sobre!los!atractivos!de!la!ciudad!como!son!los!
parques,!casas,!mercado!y!gastronoma!dando!un!mensaje!en!el!mismo.&
&
Objetivos(Especficos:&
&
!

Construir!una!maqueta!fsica!con!las!diferentes!cuadras!de!la!ciudad!de!Riobamba!
realizadas!en!Sketchup.!

!
!
!

Realizar!un!video!educativo!sobre!la!ciudad!de!Riobamba!mostrando!un!mensaje.!

!
(

Presentar!el!video!realizado!en!los!diferentes!blogs!de!los!integrantes!del!grupo.!
!

(
!
!
!

&

DESSCRIPCIN(DEL(VIDEO!

&

TITULO:&
Riobamba!3D&
SUBTITULO:&
Conociendo!la!Sultana!de!los!Andes&
&

PROCESO(DE(CREACIN(DEL(VIDEO&
&
&

1.( Tema:(Hbitat!III(
(
2.( Descripcin(de(la(idea(
(
Dar! a! conocer! sobre! los! atractivos! que! brinda! la! ciudad! de! Riobamba,! sus!
parques,!casas,!mostrar!el!mercado!de!la!merced!donde!puede!el!turista!degustar!
de!comida!tpica!y!realizar!un!recorrido!mediante!un!automvil!por!las!calles!de!
la!ciudad.(
(
(
(

3.( Personajes(
3.1( Personaje( Principal(
Nombre:(Narrador(

Descripcin:(Narra!la!historia!de!la!ciudad,!sus!parques!y!
gastronoma.(Guion:(El!narrador!comenta!una!breve!historia!sobre!la!
ciudad!de(Riobamba!mientras!se!pasan!tomas!de!la!ciudad.(
(

3.2(personaje(Secundario(1(
Nombre:(Personas(
Descripcin:(son!quienes!estn!caminando!por!las!veredas!y!el!parque!de(
la!ciudad.&

&
&

&
&

Guion:(Las!personas!se!encuentran!caminando!en!distintos!puntos!de!la!
ciudad(y!el!parque.&
&

3.3(Personaje(Secundario(2&
&

Nombre:(Automvil&
&

Descripcin:(Los!automviles!estn!transitando!en!las!calles!de!la!ciudad(
Guion:(El!automvil!realiza!un!recorrido!los!las!calles!de!la!ciudad!visitando(
el!parque!y!el!mercado&
&

4.( Fondos(
(
Descripcin:( Como! fondo! se! tendrn! las! cuadras! de! la! ciudad! de(
Riobamba!en!3d!y!un!parque!que!representa!lugar!de!relajacin!de!los(
(
habitantes!de!la!ciudad.(
(
Software:(
&

o& Final!Cut!Pro!X&
o& SketchUP&
Hardware:

o! Layout

&

o& Celular!IPhone!s5&
o& Cmara&
o! Laptop!Hp!1000!Notebook!Pc
Materiales:
&

o& Maquetas!de!las!manzanas!de!Riobamba&
&

&

o! Elementos! a! escala! del! parque:! Arboles,! flores! y! figura! de!

animales.

o Personas!en!miniatura!y!automviles.
o Csped!Natural!y!Cartn.&
&

5.((Sonidos&
&

(Sonido(de(Introduccin&

&

Nombre:(Setaninam!Intro&
Duracin:(6!seg&
Ubicacin:(D:\audio\video\!Setaninam!Intro&
Observacin:(Audio!!elegido!para!la!introduccin!del!video.&
&

(Sonido(Desarrollo

&

Nombre:(Instrumental!vasija!de!barro&
Duracin:(55!seg&
&

Ubicacin:(D:\audio\video\!Instrumental!vasija!de!barro.(
Observacin:(Audio!elegido!para!la!vista!panormica!de!la!ciudad.&
&

Nombre:(Riobamba&
Duracin:(10!seg&
Ubicacin:(D:\audio\video\!Riobamba&
&

Nombre:(Rain!Storm&
Duracin:(10.1!seg&
Ubicacin:(D:\audio\video\!Rain!Storm&
Observacin:(Audio!!elegido!para!efecto!de!lluvia.&
&

Nombre:(Bird!Park&
Duracin:(9.5!seg&

Ubicacin:(D:\audio\video\!Bird!Park&
&

Observacin:(Audio!elegido!para!efecto!de!personas!en!un!parque!de!la(
ciudad.&
&

Nombre:(City!traffic&
Duracin:(27!seg&
Ubicacin:(D:\audio\video\!City!traffic&
&

Observacin:(Audio!elegido!para!efecto!de!trfico!en!un!parque!de!la(
ciudad.&
&

(Sonido(de(Salida&

&

Nombre:((Patrickberkind!ambient!melody&
&

Duracin:(15!seg&
&

Ubicacin:(D:\audio\video\!Patrickberkind!ambient!melody(
Observacin:(Audio!elegido!para!la!salida!y!final!del!video.&
&

6.( Escenas(
(
Escena(1(
Descripcin.(
&

Toma!general!de!todo!el!escenario!con!los!objetos!y!personajes.&
Duracin(real.&
&

1!minuto.&
Escena(2&

!
Toma!de!la!ciudad!con!efecto!de!lluvia.&
Duracin(real.&
&

1!minuto.&
&

Escena(3&
Descripcin.&
&

Toma!del!mercado!la!Merced!describiendo!la!gastronoma!de!la!
ciudad.&
Duracin(real.&
&

2!minutos&
&

Escena(4&
Descripcin.&
&

Toma!de!recorrido!por!la!ciudad!en!un!auto.&
Duracin(real.&
&

1!minuto!
!
7.( Edicin(
&

&
&

Secuencia&
&

Correccin&
&

Tiempo& &

Audio&
Sonido&

Texto&

&

&

&

Msica!de&

Se!narra&

&

&

&

una!breve&

&

&

&

historia!de&

&

&

&

&

Escena(1:&

Se!acorto!el!tiempo!y&

&

Toma&

agrego!el!tema!del!video& fondo!que&

&

panormica& y!luego!se!aadi!el&

&

del&

descienda&

sonido!con!la!cancin!de& suave&

la!ciudad&

27!seg& &

&
&

&

escenario&

fondo!para!el&

&

&

&

&

con!las&

Video.&

Riobamba.& &

&

&

&

cuadras&

&

&

&

&

Escena(2:&

Continua&

&

&

&

&

Toma!de!la& agrego!el!efecto!de!lluvia& fondo!que&

con!la&

&

&

&

&

ciudad!con&

y!luego!se!aadi!el&

descienda&

narracin&

&

&

&

&

efecto!de&

sonido!para!el!efecto!de&

suave&

de!la&

&

lluvia.&

lluvia!en!el&

mente&

historia!de&

&

&

&

&

la!ciudad&

&

&

&

mente&

de&

&

&

&
Se!acorto!el!tiempo!y&

&
Msica!de&

9!seg&

&

&

&

&

&

&

&

de&

&

&

&

&

&

&

&

Riobamba&

&

&

&

Video.&

&

Escena(3:&

Se!acorto!el!tiempo!y&

Msica!de&

Continua&

&

&

&

&

toma!del&

Agrego!el!efecto&

fondo!que&

con!la&

&

&

&

narracin&

&

&

&

&

&

&

&

&

&&

Parque!!y&

envejecido!y!luego!se&

& descienda&

& &
&

&&

aadi!el!sonido!para!el& & suave&

del&

de!la&

&

& &
&

&&

mercado!la& efecto!de!ir!por!la!ciudad& & mente&

14!seg& & &

historia!de&

&

&&

merced!de&

y!un!parque.&

&&

la!ciudad&

&

& &
&

&&

&

la!ciudad&

&&

de&

&

& &
&

&&

&

&

&

&&

Riobamba&

&

& &
&

& &

&&

Escena(4:&

Se!acorto!el!tiempo!y&

& Sonido!de&

El!carro&

&

Toma!del&

Grabo!correctamente!el&

& autos&

esta!en&

&

& &
&

& &
&

&&

movimiento& carro!en!movimiento!y&

& circulando&

movimiento& &

& &
&

&&

de!un&

luego!se!puso!el!sonido&

& en!la!va!y&

30!min& & &

y!frena!en&

&

&&

automvil&

de!un!carro!en&

& sonido!de&

un&

&

& &
&

&
&

&&

por!las&

movimiento.&

& las!bocinas& semforo.&

&

& &
&

&&

calles!de!la& &

& de!los&

&

&

& &
&

&&

ciudad.&

&

& autos.&

&

&

& &
&

&
&
&
&
&

8.( Creacin(Final(del(Video(
(
Se!unieron!todas!las!escenas!ya!editadas!y!corregidas!en!un!solo!video!al!
mismo! que! se! le! puso! el! audio! y! transicin! correspondiente! para! cada!
escena.(
(
9.( Poner(
Ttulos(
Subttulos( Ttulo:(
Riobamba!3D(
Subttulo:(Recorriendo!Riobamba(
Crdito:(
(

Director:!lvaro!
silva!Escenario:!
Jessica!Ortiz!Guion:!
Geovanny!Guamn(
Efectos!Especiales:!Carlos!Gallardo(

(
(

10.(Publicacin(
El! video! se! encuentra! publicado! en! el! canal! de! YouTube! de! Carlos!
Gallardo.!https://www.youtube.com/watch?v=Uz3DK1gQY-M(

(
!
!
!
&
&

&
&

.!

(
(
(
(
III.C(PROPUESTA(DE(UN(MUNDO(VIRTUAL(PARA(SIMULACIN(
!
Unity!y!Sketchup!nos!dan!una!clara!muestra!de!herramientas!posibles!para!poder!
hacer!uso!de!la!cuadra!he!ingresar!a!la!misma!para!as!conocer!parte!de!Riobamba!
Gracias!a!Unity!esto!es!posible!se!lo!puede!modelar!como!un!juego!donde!la!persona!
tenga!el!deseo!de!conocer!o!ms!aun!tener!un!inters!de!adquirir!departamentos!de!
arriendo! ingresando! al! edificio! puede! observar! cmo! se! encuentra! amoblado,!
tambin!se!puede!aplicar!unos!premios!para!darle!ms!emocin!a!la!aplicacin!por!
ejemplo!que!la!persona!tenga!que!encontrar!unas!monedas!o!cupones!y!almacene!
puntajes!donde!puede!ganar!un!descuento!o!algo!parecido.!!
!
!
IV.C(PROPUESTA(DE(UN(MODELO(DE(REALIDAD(AUMENTADA(
!
Se!puede!realizar!el!uso!de!aplicaciones!para!poder!importa!la!cuadra!y!verla!en!
vivo!en!este!caso!se!utilizo!la!aplicacin!llamada!Augment!la!cual!primero!se!le!
importa!un!objeto!en!.obj!y!luego!se!lo!escanea!a!traves!de!un!QR!code!y!luego!es!
trasnmitida!a!la!camara!o!pantalla!del!dispositivo!movil!.!
!
V.C(MEJORES(PRCTICAS(
(
Realizacion!del!juego!en!Unity!5.3!
(
VI.CREFERENCIAS(BIBLIOGRFICAS(
(
Paredes,!C.!(2010).!Que!es!la!realidad!virtual!:!Realidad!Virtual.com.!Recuperado!
1!de!agosto!de!2016,!a!partir!de!http://www.realidadvirtual.com/quejesjlajrealidadj
virtual.htm! !
(
(
(
ANEXOS:!!http://digitalcityrio.blogspot.com!

!!

(
(
(
(
(
(
(
(
(
(
!
!
!!

&
&