Reconstrucción virtual en el entorno web (google) para la promoción de la escuela

7:32 7:32 PROYECTO FINAL DE CARRERA TÍTULO: Recons ucción i ual en el en o no web (google) pa a la p omoción de la escuela. AUTOR: Ca los Rome o San os TITULACIÓN: Ingenie ía Técnica en Telecomunicaciones, especialidad en Sis emas Elec ónicos DIRECTOR: Manuel López Memb illa DEPARTAMENTO: 717, Exp esión G á ica a la Ingenie ía FECHA: Feb e o 2010 7:32 7:32 TÍTULO: Recons ucción i ual en el en o no web (google) pa a la p omoción de la escuela. APELLIDOS: Rome o San os NOMBRE: Ca los TITULACIÓN: Ingenie ía Técnica en Telecomunicaciones ESPECIALIDAD: Sis emas Elec ónicos PLAN: 95 DIRECTOR: Manuel López Memb illa DEPARTAMENTO: 717, Exp esión G á ica a la Ingenie ía 7:32 7:32 Es e P oyec o iene en cuen a aspec os medioambien ales:    Sí    No PROYECTO FINAL DE CARRERA RESUMEN (máximo 50 líneas) El obje i o p incipal de es e p oyec o es la econs ucción i ual en un en o no web (google) pa a p omociona la escuela uni e si a ia de Vilano a i la Gel ú. Po un lado es e abajo se basa en el diseño y desa ollo de una página web, esc i a en HTML, que p e ende iden i ica cada una de las i ulaciones de los nue os g ados. Además, se basa en el diseño y modelaje de los edi icios que componen el campus uni e si a io en 3D, pa a pode mos a donde se si úan los edi icios p incipales den o del campus pa a su localización. Asimismo, los edi icios en 3D se án in oducidos en la nue a página web pa a que los es udian es y u u os es udian es puedan o ien a se den o del campus, pudiendo iden i ica donde ienen que di igi se y conociendo donde se si úan los espacios comunes de la escuela. Pa a la ealización de lo an e io men e comen ado, se ha á un es udio de la es uc u a a segui , de las ca ac e ís icas y ecnologías que con amos pa a ealiza nues a página con un con enido dinámico. A con inuación, se explica á cómo hemos c eado nues a web. Explica emos como hemos c eado nues os edi icios en 3D, como ha sido posible el diseño y el abajo que nos ha ep esen ado conoce su es uc u a. Po eso, hemos enido que desplaza nos a ealiza o og a ías de nues os edi icios. Es as o og a ías, nos ayuda án en nues o modelado y ambién se án u ilizadas pa a la ex u ización de nues os edi icios. El esul ado inal del modelado de los edi icios en 3D, se pod án isualiza a a és de google u ilizando una he amien a suya, Google Ea h. También e emos cómo hemos c eado nues o ideo o isi a i ual, g acias a las ecnologías que nos o ece nues o so wa e. Finalmen e, llega emos a las conclusiones donde ha emos un epaso de los obje i os cumplidos y las di icul ades que hemos encon ado en la ealización de es e p oyec o. 7:32 7:32 Palab as cla es (máximo 10): Web HTML Modelos 3D Vi ual Google Ea h Edi icios Fo og a ías Uni e sidad 7:32 7:32 Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 6 ÍNDICE 1. In oducción ................................................................................................................ 8 1.1. Obje i os .............................................................................................................. 9 1.2. Mo i aciones del p oyec o ................................................................................. 9 2. Conside aciones p e ias ........................................................................................... 11 2.1. Búsqueda de in o mación .................................................................................. 11 2.2. Búsqueda de so wa e adecuado ...................................................................... 12 2.3. Elección del se ido .......................................................................................... 13 3. He amien as in o má icas u ilizadas ...................................................................... 14 3.1. Adobe D eamwea e CS4 .................................................................................. 14 3.2. Adobe Pho oshop CS4 ....................................................................................... 15 3.3. Google Ske chup ................................................................................................ 16 3.4. Google Ea h ...................................................................................................... 17 3.5. Filezilla ............................................................................................................... 18 4. Diseño y desa ollo de la web in e ac i a .............................................................. 20 4.1. Es uc u a .......................................................................................................... 20 4.2. Ca ac e ís icas ................................................................................................... 22 4.2.1. Se ido FTP .......................................................................................... 22 4.2.2. Esquema web ........................................................................................ 24 4.2.3. Enlaces o hipe enlaces .......................................................................... 25 4.2.4. Aplicaciones y ecnología ...................................................................... 26 5. Implemen ación de la página ................................................................................... 28 5.1. C eación de una nue a página del po al .......................................................... 29 5.2. Es ilo del po al .................................................................................................. 30 5.3. In oducción de las o og a ías .......................................................................... 32 6. Desc ipción de la página .......................................................................................... 33 6.1. Acceso ................................................................................................................ 33 6.2. Página p incipal .................................................................................................. 33 6.3. Página i ulaciones ............................................................................................. 36 7. Modelado de los edi icios en 3D ............................................................................. 37 7.1. Op imización de un modelo ............................................................................... 37 7.2. In oduci e eno .............................................................................................. 38 7.3. Modela es uc u as (edi icios) ......................................................................... 40 7.4. Tex u ización ...................................................................................................... 50 7.4.1. Como hace o og a ías ........................................................................ 50 7.4.2. Re oca o os ........................................................................................ 52 7.4.3. Como coloca ex u a ........................................................................... 54 7.5. P epa ación de los edi icios ........................................................................... 59 8. Colga edi icios en 3D ............................................................................................... 60 8.1. Cómo ca ga un modelo .................................................................................... 60 8.2. Lo mejo de la Gale ía 3D .................................................................................. 64 Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 7 9. In oduci modelos 3D en la página web ................................................................. 68 9.1. A a és de s eaming ........................................................................................ 68 9.2. U ilizando el plugin de google Ea h .................................................................. 69 10. Conclusiones …………………………………………………………………………………………………………..72 10.1. Obje i os …………………………………………………………………………………………………..72 10.2. Mo i aciones del p oyec o …………………………………………………………………….…72 10.3. Expe iencia pe sonal ………………………………………………………………………………..73 10.4. Fu u o de la web ……………………………………………………………………………………...73 11. Di icul ades y soluciones ............................................................................................ 74 12. Re lexión medioambien al ......................................................................................... 75 13. Bibliog a ía ................................................................................................................. 76 Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 8 1. In oducción In e ne se ha con e ido en poco iempo en la he amien a ecnológica más e oluciona ia y pode osa de odas, in luyendo en p ác icamen e odos los ni eles de la ac i idad humana. Las p ime as páginas web de in e ne e an de con enido es á ico, es deci , simples planos con ex o, imágenes y enlaces que lle aban a o a página con o o con enido. El aumen o de su popula idad e impo ancia de la ed p o ocó una e olución y mejo a de las páginas, an o en aspec os isuales como en se icios o ecidos. Hoy en día, las páginas web son la ía de comunicación que pe mi e es ablece la coope ación y colabo ación en e una emp esa con un clien e, o un g an núme o de comunidades y g upos de in e és po emas especí icos. Po eso mismo, in e ne se ha con e ido en el medio de comunicación más ex endido en oda la his o ia de la humanidad. G acias a es a e olución se pueden inclui en ellas aspec os isuales más llama i os y cons ucciones i uales que dan un sin ín de opo unidades. Ac ualmen e con amos con un g an núme o de páginas y se icios di e en es en la ed, pe o sin luga a dudas la más u ilizada y popula es Google. Su se icio p incipal es el de buscado , aunque ambién o ece muchos o os se icios. Po ello, es e p oyec o quie e hace se un minúsculo hueco den o de uno de sus se icios llamado Google Ea h, donde encon a emos los edi icios diseñados y c eados. Y al mismo iempo u iliza lo pa a ealiza nues o paseo i ual pa a la p omoción de la escuela uni e si a ia de Vilano a i la Gel ú. El p oyec o que se lle a á a cabo es el diseño y desa ollo de una nue a página web pa a p omociona la escuela y un modelado en 3D de odos los edi icios que componen el campus. Con una inalidad en conc e o, que los es udian es y u u os es udian es puedan conoce mejo el campus y sus se icios con más acilidad, g acias a las en ajas que o ece hoy en día in e ne . Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 9 1.1. Obje i os El obje i o de es e p oyec o se cen a á en el diseño y desa ollo de una nue a página web pa a la p omoción de la escuela, a a és de la econs ucción i ual (digi al) en 3D de los edi icios que componen el campus. U ilizando como pla a o ma el espacio google e iden i icando cada una de las i ulaciones de los nue os g ados. Además, es e p oyec o se basa á en el modelado de la o alidad de los edi icios del campus en 3D, pa a pode si ua nos a a és de los edi icios p incipales, pa a luego in oduci los en la nue a página web. Así que, se á de las p ime as uni e sidades que es a án ep esen adas en 3D en Google Ea h. La página web que se diseña á, se le in en a á da un con enido dinámico pa a su p omoción, p opo cionando una in o mación más ac ual y omen ando la comunicación y pa icipación en e los es udian es o isi an es de la página. Pa a que una ez acabada pueda sus i ui la página ac ual de la escuela, si así se decide. Esquemá icamen e, los obje i os del p oyec o son los siguien es: • Diseño y desa ollo de una página web pa a p omociona la escuela uni e si a ia. • Modelado de los edi icios del campus en 3D, con el mayo ealismo posible, u ilizando el espacio google. • Inclui los modelos 3D en la página web c eada. 1.2. Mo i aciones del p oyec o La idea p incipal de es e p oyec o es diseña y desa olla una nue a página web pa a la escuela uni e si a ia de Vilano a i la Gel ú con un con enido más dinámico. Y modela los edi icios en 3D e in oduci los en nues a web, pa a pode si ua nos con mayo acilidad a a és del campus. Las mo i aciones que me han lle ado a cabo a la ho a de ealiza es e p oyec o, han sido la idea de que los es udian es y u u os es udian es puedan ubica se en el campus den o de la ciudad de Vilano a i la Gel ú. Pudiendo consul a donde es án las aulas, donde ienen que i pa a ealiza los labo a o ios o donde se si úan los espacios comunes pa a odos los es udian es y u u os es udian es. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 16 Con es e p og ama hemos edi ado, e ocado y c eado las o og a ías que luego apa ece án en nues a web. G an pa e de es as o og a ías han sido u ilizadas pa a da ex u a a nues os edi icios del campus en 3D. 3.3. Google Ske chUp Ske chUp es un p og ama in o má ico de diseño y modelaje en 3D pa a en o nos a qui ec ónicos, ingenie ía ci il, ideojuegos o películas. Así que, nos pe mi e dibuja , c ea , e y modi ica en 3D de una o ma muy in ui i a. Google Ske chUp se diseñó pa a pode combina la espon aneidad del dibujo a lápiz, con la elocidad y lexibilidad de los medios digi ales ac uales. Ske chUp es un p og ama, que además de c ea edi icios en 3D, nos pe mi e hace animaciones, c ea somb eados, iluminaciones, e c. Todo es o apun a a que es una he amien a bas an e po en e pa a el modelaje en 3D. Y al se p opiedad de Google, los obje os c eados pueden se expo ados ácilmen e a Google Ea h. Nos encon amos con un g an núme o de he amien as, an o pa a el dibujo como pa a el con ol de la cáma a. Menú dibuja . Con ol de cáma a Aquí emos las he amien as más u ilizadas pa a el diseño de los edi icios en 3D. En la pa e de la izquie da podemos e el menú dibuja , solo hace al a clica en ellos pa a pode elegi el que más e con enga. En la pa e cen al emos las he amien as empuja , mo e y o a , pa a pode da olumen a nues o dibujo y mo e lo según nues a necesidad. Po úl imo, en la pa e de la de echa encon amos los con oles de cáma a pa a pode desplaza la is a al y como deseamos pa a su dibujo, el más u ilizado es el de o bi a po el juego que p opo ciona a la ho a de o a la cáma a hacia donde ú deseas. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 17 Menú Google Ea h Con es as he amien as impo a emos el e eno, lo coloca emos y comp oba emos que los edi icios queden bien asen ados en nues o e eno debido al desni el exis en e que encon amos. Po lo an o, los edi icios c eados pueden se geo- e e enciados y colocados sob e las imágenes de Google Ea h. También, nos da la opción de pode subi a la ed nues os modelos median e el p opio p og ama y almacena los di ec amen e en su p opia gale ía 3D, pa a que luego podamos e los en Google Ea h, menú de la de echa. Con es e p og ama dibuja emos, c ea emos y modela emos a pa i de los da os ecopilados ( o og a ías ealizadas, planos, e c), c eando así unos modelos a escala que pos e io men e se án ex u izados. E in oducidos en nues a página web, pa a que podamos si ua nos den o del campus uni e si a io de Vilano a i la Gel ú. 3.4. Google Ea h Es e p og ama conocido po la mayo ía de la población, e pe mi e ola a cualquie luga de la ie a y e imágenes de sa éli e, mapas, elie e y edi icios 3D. Lo que da luga a un globo e áqueo i ual muy ealis a. Es posible in oduci el nomb e de un ho el, colegio o calle y ob ene la di ección exac a, un plano o is a del luga . Es e mo o de búsqueda e pe mi e e imágenes a escala de un luga especí ico del plane a. La o ma de mo e se en la pan alla es ácil e in ui i a, con cuad os de mandos sencillos y manejables. Menú busca Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 18 Google Ea h con iene un sin ín de ca ac e ís icas, como un simulado de uelo, podemos examina el ondo del ma , u iliza lo como coo denadas pa a el GPS, con iene el amoso S ee View e incluso examina o os plane as. Pudiendo gua da los luga es que isi es y compa i los con o as pe sonas. En cambio, noso os nos cen a emos en la opción de e edi icios en 3D. Ya que los edi icios c eados con Google Ske chup, se pod án isualiza en Google Ea h. An iguamen e, enías que ene ins alado el p og ama Google Ea h pa a pode in e ac ua con cualquie a de sus ca ac e ís icas. Po lo an o, no nos e a an cómodo y ápido, ya que enías que desplaza e a o a en ana pa a isualiza lo que que ías. En cambio, aho a g acias al plugin de Google Ea h podemos isualiza los edi icios en 3D desde la misma en ana del na egado . Pod emos ealiza un eco ido i ual, que pos e io men e isualiza emos sin necesidad de cambia de en ana. Es e eco ido i ual nos da la opción de in e ac ua con los edi icios desde la misma página del na egado . Es o hace más ácil y cómodo la in eg ación del p og ama a la ho a de hace lo isible en nues a página web. Con es e p og ama pod emos isualiza los edi icios en 3D c eados po Google Ske chup. También se con e i á en nues o p og ama pa a la ealización de nues o ideo, eco ido i ual o paseo i ual, que luego pod emos isualiza en nues a página web. 3.5. Filezilla Filezilla es un clien e FTP (File T ans e P o ocol), p o ocolo que se u iliza pa a subi y baja a chi os en e un clien e y un se ido . Es e clien e FTP si e de in e media io en e el o denado (clien e) y el se ido . Una ez engamos nues a página web c eada, end emos que subi la a nues o se ido web, que nos p opo ciona el depa amen o de exp esión g á ica a la ingenie ía. Po lo an o, u iliza emos es e clien e FTP pa a ealiza es a ope ación. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 19 Imagen página p incipal Es a imagen nos mues a, donde end emos que coloca nues os da os. Es necesa io pa a ealiza es a ope ación pone el nomb e del se ido , nomb e de usua io y con aseña, pa a pode conec a se al se ido . Una ez hayamos conec ado con el se ido p, el abajo es sencillo. Pasa emos los a chi os que encon emos necesa ios pa a el uncionamien o de nues a página, como si pasá amos un a chi o de una ca pe a local a o a. Simplemen e end emos que a as a nues os a chi os (ubicados en la pa e izquie da de la pan alla, llamado “si io local”) di ec amen e a la ca pe a que que amos al lado de echo, “si io emo o”, de nues o se ido . Una ez acabada la ans e encia, pod emos deci que hemos pasado los a chi os con éxi o y ya pueden se isualizados a a és de un dominio que nos p opo ciona á nues o se ido . Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 20 4. Diseño y desa ollo de la web in e ac i a Nues a página web se basa en la ecopilación de in o mación elemen al: se icios o ecidos po la escuela de Vilano a i la Gel ú, como su es uc u a y con enido de su web. An es de empeza el diseño de nues a web, es necesa io hace una se ie de pasos pa a su buen uncionamien o. Po lo an o empeza emos de iniendo un si io, el cual nos p opo ciona á el nomb e con el que amos a abaja y sus ca ac e ís icas. Ya que en p ime a ins ancia, necesi amos de ini donde se encon a án nues o a chi os locales en nues o o denado , pa a que odo lo que in oduzcamos se encuen e en una misma ca pe a y pueda se in e p e ado po nues o pc. 4.1. Es uc u a Cuando hablamos de su es uc u a, nos e e imos a la dis ibución de las di e sas zonas de cada página, pa a pode simpli ica la edición o modi icación. Po lo an o, odas las páginas de nues o po al se basa án en un único pa ón. No obs an e, median e algunas modi icaciones, en algunas páginas es a plan illa base pe mi i á ocul a alguna de sus pa es. Es a plan illa base sólo de ine las zonas o espacios de cada página, las pa es ijas e idén icas y las pa es en las que se inse a á el con enido especí ico y único de cada página. Todo lo que compo a al es ilo, como los colo es del ex o, ba a de menú, ipo y uen e de le a es con olado po un es ilo CSS, que más adelan e comen a emos. Cada página se di idi á en 5 zonas. Es a di isión se ha e ec uado eniendo en cuen a la inalidad de cada espacio. En la siguien e igu a e emos la ubicación de es os 5 espacios: Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 21 Es uc u a de la página A con inuación se elacionan las 5 pa es de la plan illa con una pequeña explicación. • Cabece a: La cabece a es una pa e común, isible e in a iable en oda la web. Su con enido es á o mado po una imagen del logo ipo de la UPC de Vilano a i la Gel ú y po o a imagen que mues a una p ime a isión de los edi icios modelados en es e p oyec o. • Menú: La zona del menú ambién es isible en odas las páginas, y con iene los bo ones que nos acili a án el acceso y la na egación a las p incipales á eas de la web. Es e menú se ha ealizado de o ma que se pueda añadi , edi a y bo a elemen os de o ma dinámica, desde el p opio po al. • Ba a la e al: En es a zona se ubica án los bo ones comunes pa a cada página. Dependiendo en la página en la que nos encon emos, e emos unos bo ones di e en es según la in o mación que deseemos isualiza . • Zona p incipal: Es e es el espacio de la plan illa donde se mues a el con enido p opio de cada página. P opo cionando la in o mación necesa ia en cada momen o. • Pie de página: Espacio que se des ina á a coloca in o mación sob e la escuela uni e si a ia de la Vilano a i la Gel ú. Obse a emos su di ección, elé ono y mail, en e o os. Cabece a Zona P incipal Menú Ba a la e al Pie de página Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 22 4.2. Ca ac e ís icas La in o mación que mues a el po al web que se desa olla en es e p oyec o, se encon a á gua dada en el se ido web del depa amen o de exp esión g á ica a la ingenie ía. Toda es a in o mación se iene que c ea , añadi , edi a o bo a a a és del p og ama pa a el diseño de nues a página. Es a he amien a nos p opo ciona un con ol sob e nues a página, así que cualquie a que acceda a ella no pueda modi ica el con enido. 4.2.1. Se ido FTP Como ya hemos comen ado an e io men e, an es de empeza a diseña nues a web, necesi amos hace una se ie de pasos, los cuales nos p opo ciona án un si io pa a nues as páginas. Debemos c ea un si io web pa a pode aloja nues a página, inicialmen e la gua da emos en nues o o denado en alguna ca pe a local, pa a que nues o pc pueda abaja con mayo comodidad a la ho a de necesi a cualquie iche o o imagen. Siendo más sencilla y más ápido la in e p e ación po pa e de nues o o denado . Encon amos dos mane as cla as de ealiza una conexión con el se ido p, que nos p opo ciona á el depa amen o de exp esión g á ica a la ingenie ía. Median e el p og ama pa a el diseño de la página, d eamwea e , ya que in eg a una unción especí ica pa a ealiza es e ipo de p ocedimien o, pe o que no esul a muy iable. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 23 Con igu ado se ido Y median e un so wa e ex e no, como es ilezilla, que se enca ga de pasa los a chi os que ú elijas de una ca pe a local a o a del se ido . So wa e ilezilla Siemp e eniendo que coloca los da os co ec os del se ido , nomb e de usua io y con aseña. En el caso de subi la página po d eamwea e , necesi amos coloca el nomb e del si io pa a que nues o o denado pueda elaciona lo con mayo acilidad. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 24 Llegados a es e pun o, nues o se ido nos p opo ciona un dominio, una di ección, con la que podemos isualiza el po al web c eado. La página con la que inicialmen e abaja emos, es nues a página p incipal, llamada index.h ml, donde es a á ami ica á a o as dependiendo lo que que amos isualiza en ella. U iliza á una es uc u a, la cual siemp e nos pe mi i á es a in e conec adas una con las o as. Consiguiendo así, una mejo na egación y apidez a la ho a de ca ga nues a página en conc e o. 4.2.2. Esquema web En es e apa ado, que emos hace e e encia al esquema ípico de una web, c eado en HTML, ya que la inalidad de la c eación de nues a web se á la p omoción de la escuela poli écnica supe io de la ingenie ía de Vilano a i la Gel ú. Po consiguien e, obse amos el esquema es ablecido en cada página web, donde en e los pa áme os <h ml> y </h ml> encon amos la de inición de la página p opiamen e dicha. En el bloque delimi ado po <head> y </head> se es ablecen cie as ca ac e ís icas de la página, ales como el í ulo, la uen e, el colo empleado, las di e en es opciones en los enlaces, e c. De es as ca ac e ís icas de la página, la única que es obliga o ia decla a es el í ulo, en e < i le> y </ i le>. Po úl imo encon amos los pa áme os <body> y </body>, en e los cuales se encie a oda la in o mación que el na egado debe mos a . Esquema web Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 25 Den o de es e esquema, nos encon amos con los elemen os <a h e > que se usa pa a desc ibi enlaces y <h1> que nos mues a que se u iliza pa a encabezados o í ulos. De inimos así, nues o esquema pa a cada web, con una pa icula idad, que es as páginas siemp e end án algunos elemen os en común, como la cabece a. Ya que c ea emos una cabece a ija e in a iable pa a odas las webs. 4.2.3. Enlaces o hipe enlaces Debemos habla de enlaces o hipe enlaces, po que es la mane a que enemos de llama a o a página u o a in o mación en conc e o. C ea o decidi donde, en que ase, palab a o imagen, que emos nues o enlace no esul a complicado. La complicación se hace no able en el momen o de enlaza unas páginas con o as, ya que si no lo ealizamos con éxi o, cuando cliquemos al enlace que que emos nos puede ocu i que no isualicemos la in o mación que deseemos. Debido a que no se ha ca gado la página en cues ión o bien que simplemen e no haga nada, ya que el enlace que hemos elegido pa a esa ase, palab a o imagen no es u ie a bien de inido. Menú hipe ínculo o enlace Una ez de inido co ec amen e el ínculo o enlace, podemos elegi en e a ias opciones, ya sea que se ca gue en la misma página o bien ab i la en o a o almen e independien e pa a su isualización. Tenemos la opción de coloca un ex o a es e ínculo, que nos mos a á al pasa el mouse po encima, an es de clica en él. También es posible c ea enlaces de co eo elec ónico, és e nos se i á pa a que alguien que es é na egando en nues a web, pueda pone se en con ac o con noso os. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 32 5.3. In oducción de o og a ías Las imágenes que hemos in oducido en nues a web, las hemos ob enido de nues a cáma a digi al, ya que nos hemos enido que desplaza al ededo de odo el campus de la uni e sidad pa a ealiza las. Algunas de es as imágenes las hemos u ilizado en nues a p opia web. En cambio, o as se án u ilizadas pa a el modelado de los edi icios en 3D, ema que a a emos más de alladamen e. Nues a web, pa a la inse ción de imágenes, admi e a ios o ma os. Tipo de o ma os Haciendo e e encia a la ex ensión psd, nos encon amos que son gene adas con pho oshop, so wa e de la misma amilia que d eamwea e , nues o diseñado de páginas webs. Así que, nos da una se ie de en ajas espec o las o as ex ensiones, ya que es posible su modi icación, sin necesidad de ca ga la imagen o a ez. En nues a web, hemos in oducido imágenes con ex ensión jpg, debido que más adelan e no conside amos la posibilidad de modi ica las, ya que solo que emos da a conoce nues as ins alaciones y edi icios. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 33 6. Desc ipción de la página Es e apa ado se cen a á en la desc ipción de nues a web, así como sus o as páginas, donde encon a emos una desc ipción de las posibilidades y se icios que encon amos en nues a escuela uni e si a ia de la Vilano a i la Gel ú. 6.1. Acceso En p ime luga hace e e encia a que nues a web no end á ningún ipo de es icción a nues os usua ios, ya que únicamen e se p opo ciona in o mación a los es udian es y u u os alumnos. Se i á pa a consul a una se ie de da os expues os, di e enciados pa a cada i ulación, pa a acili a an o la mo ilidad del es udian e po el campus como pa a conoce los se icios o ecidos po es a escuela. 6.2. Página p incipal La página p incipal o index.h ml, es la p ime a que apa ece cuando accedemos a nues o po al, donde se exponen odas las opciones elacionadas con las i ulaciones uni e si a ias o ecidas po la UPC de Vilano a i la Gel ú. Como con enido es á ico enemos, en la pa e supe io , la imagen de la cabece a cons i uida pa a el logo ipo y o a imagen c eada po noso os (donde mos amos una p ime a isión de los edi icios en 3D modelados). En la pa e in e io , en el pie de página encon amos los da os de la escuela uni e si a ia. Además es as pa es son independien es, ya que apa ecen in a iables en cualquie página de la web. A con inuación, debajo jus o de las imágenes encon amos el menú p incipal, con una se ie de bo ones desplegables que enlazan con las di e en es secciones y se icios que se o ece. Es a pa e ambién la incluimos como con enido es á ico, ya que se á común en oda la web. En nues o caso, en la página p incipal no hacemos e e encia a la ba a la e al, ya que exponemos odo el con enido en un mismo bloque. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 34 Así que, en el cen o de nues a página, nos encon amos con una o og a ía de la uni e sidad, que nos mues a donde se encuen a su en ada p incipal. A su de echa, enemos una pequeña p esen ación o explicación de lo que encon a emos y pod emos ealiza den o de la escuela poli écnica supe io de ingenie ía. Debajo de nues a o og a ía, emos unos enlaces que nos p opo ciona án más in o mación de la uni e sidad. Uno de ellos nos lle a á di ec amen e a la p esen ación o icial de nues o ec o , o o a una gale ía de imágenes de nues a escuela. Po úl imo, un enlace que nos da á la posibilidad de isualiza los edi icios del campus en 3D, a a és de una isi a i ual, pa a pode ubica nos y conoce mejo su localización. También encon amos una se ie de enlaces, an o a izquie da, con ex o, como a de echa, con imágenes, que nos ace ca án la posibilidad de ob ene más in o mación de la escuela y de los se icios o ecidos po és a. No enemos que descuida , un lis ado de la agenda y de las úl imas no icias ubicadas en el cen o de nues a página elacionadas con la escuela uni e si a ia, que nos p opo ciona una mayo in o mación y el pode ace ca nos a los di e en es ac os en que se elaciona nues a uni e sidad con o as en idades. Es a lis a se encuen a o denada de mane a que las en adas más ecien es son las p ime as. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 35 Página p incipal Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 36 6.3. Página i ulaciones Median e el co espondien e bo ón de menú, den o de es udios, podemos accede a las i ulaciones de nues a web. No hay más con enido es á ico que la cabece a y el pie de página. Menú i ulaciones En es a p ime a hoja, apa ecen la o alidad de las i ulaciones uni e si a ias exis en es, donde podemos obse a los nue os g ados que se impa en en la escuela. Den o de cada i ulación nos encon a emos con in o mación necesa ia de cada una po sepa ado. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 37 7. Modelado de los edi icios en 3D A la ho a de empeza a modela nues os edi icios en 3D, enemos que ene muy cla o la es uc u a de es os, pa a pode ealiza un dibujo con el mayo ealismo posible. Pa a pode hace nos a la idea, oda imagen, plano o o og a ía, nos es ú il pa a es e p oceso. Po lo an o, lo p ime o que enemos que ealiza es una ecopilación de da os elemen ales de nues os edi icios del campus de la escuela uni e si a ia de Vilano a i la Gel ú. Todo es o, conlle a a que debemos ene en cuen a la localización de cada uno de los edi icios a la ho a de modela los, ya que se án geo-localizados. Pa a pode ep esen a los con exac i ud, end emos que conoce sus medidas co ec as. En nues o caso, abaja emos con nues os p og amas simul áneamen e, debido que cada uno de ellos nos p opo ciona en un p eciso momen o unas ca ac e ís icas en conc e o. Las cuales u iliza emos pa a nues o modelado en 3D. 7.1. Op imización de un modelo An es de empeza a ealiza cualquie ope ación pa a el modelado de nues os edi icios, enemos que pa i de unas bases que nos comen a google. Po que el esul ado inal, que emos mos a lo en Google Ea h y en nues a p opia página web, ya que pasa po un p oceso de e isión in e na an es de inclui lo en la capa. Pa a ello, enemos que conoce una de las cla es más impo an es pa a la op imización de nues os modelos. Es a cla e consis e en educi la complejidad del modelo al mínimo, ya que se encuen a di ec amen e elacionada con el núme o de polígonos (núme os de ca as) que enga. Es o nos ayuda á a educi el amaño del a chi o. O as de es as cla es que enemos que ene en cuen a son: • Man ene siemp e la p ecisión en la escala y su localización. • Lle a el oco sob e de alles impo an es y que pe mi an su iden i icación. • Mos a de alles pequeños po medio de las ex u as de o og a ías. • Hace el modelo boni o pa a su isualización. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 38 Si enemos en cuen a, odas es as cla es a la ho a de ealiza nues o p oyec o, no encon a emos ninguna es icción en isualiza nues os modelos en 3D en Google Ea h. 7.2. In oduci e eno En p ime luga , necesi amos una base o e eno pa a empeza nues o diseño de los edi icios. G acias a la compa ibilidad exis en e en e los p og amas empleados, ya que pe enecen a la misma amilia, podemos ealiza nues o abajo con mayo comodidad. En es e caso, empeza emos a abaja con es os dos p og amas simul áneamen e. Necesi amos ene abie o Google Ea h y Google Ske chup. Po un lado, end emos que isualiza el e eno donde se encuen a el edi icio que que emos empeza a modela y po o o lado, impo a emos es e e eno a Google Ske chup, nues o so wa e pa a el diseño y modelado. Pa a es e p oceso necesi a emos u iliza una he amien a que se encuen a den o del menú google. En es e caso Ob ene is a ac ual. Una ez hayamos impo ado el e eno en nues o so wa e pa a el diseño y modelado, debemos modi ica una se ie de elemen os an es de con inua . Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 39 Te eno impo ado En la imagen an e io , podemos obse a la biblio eca y la esidencia uni e si a ia y un poco más abajo el edi icio p incipal de la uni e sidad, que no emos en su o alidad. P ime o escoge emos uno de ellos pa a empeza su modelado y cuando acabemos con és e, con inua emos con el siguien e. Hacemos es o, po que cada edi icio se end á que subi a Google Ea h po sepa ado, ya que Google nos exige unas eglas mínimas pa a que és e sea isualizado co ec amen e. Una de ellas, como hemos comen ando an e io men e, es no pode supe a un lími e de espacio, debido a la g an can idad de edi icios que con iene y mues a nues o so wa e. Haciendo e e encia a la imagen an e io , obse amos que el e eno se nos p esen a en blanco y neg o. Es o es debido, a que po de ec o nues o p og ama nos lo coloca así, aunque es posible coloca el e eno en colo . Pe o no nos es necesa io u iliza el colo pa a ealiza nues o diseño, po que una ez c eado, olca emos el edi icio y lo isualiza emos con colo . Po o o lado, encon amos las coo denadas que no coinciden con el edi icio que amos a modela , así que enemos que coloca las co ec amen e pa a pode empeza nues o abajo. Una ez hemos in oducido el e eno deseado y colocado nues as coo denadas, empeza emos a diseña nues o edi icio. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 40 7.3. Modela es uc u a (edi icios) Lo p ime o que end emos que de ini , son las unidades en las que que emos abaja . En nues o caso la unidad elegida han sido los me os, pa a mayo comodidad, ya que dicha medida nos acili a las mediciones de los edi icios debido a su g an longi ud. Pa a empeza nues o diseño, u iliza emos el menú dibujo. Con el que pod emos dibuja nues a base, pa a empeza a ele a lo. Menú dibujo En el menú dibujo encon amos la opción de c ea líneas, cuad ados, edondas, a cos, e c. P incipalmen e u iliza emos es as 4 p ime as opciones de es e menú, y con es as c ea emos odos los conjun os de líneas necesa ias pa a cons ui nues os edi icios idimensionales. Tenemos que ene en cuen a, que nues o edi icio iene que es a a escala, así que g acias a es e e eno podemos delimi a el ancho del edi icio en cues ión, dibujando su silue a. En cambio, hace e e encia de la al u a es un poco más di ícil, ya que depende de las plan as que engan. Noso os nos e e encia emos g acias a las o og a ías ealizadas, que explica emos en o o capí ulo más adelan e. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 41 Imagen con edi icios a escala En es a imagen, podemos comp oba las coo denadas co ec amen e colocadas. Pa a dibuja la silue a o base de nues os edi icios, simplemen e enemos que segui los bo des en cues ión o sabiendo las medidas exac as de nues os edi icios, eniéndolas que in oduci en una ba a pa a ello. Si quisié amos dibuja edondas end íamos que pone la medida de nues o adio. In oduci medidas exac as Como hemos desc i o an e io men e, podemos in oduci las medidas en una ba a especí ica. En es e caso, las medidas ienen que se sepa adas po pun o y coma. Es as en conc e o hacen e e encia a nues a esidencia. Una ez hayamos hecho nues a base, pasa emos a le an a el edi icio. Pa a ello u iliza emos el menú modi icación, que se compone de empuja , mo e , o a , e c. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 48 Modelo de neápolis Modelo de la biblio eca Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 49 Modelo de la esidencia uni e si a ia Es e p og ama nos p opo ciona una ayuda bas an e signi ica i a. Si obse amos el modelo de neápolis, e emos que apa ece un muñeco. Es e se encuen a ahí, pa a p opo ciona nos una ayuda y acili a nos el abajo a la ho a de coloca nues a al u a. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 50 7.4. Tex u ización Una ez ealizados odos los modelos idimensionales a escala, pasamos a aplica le ma e iales y ex u as, enemos di e en es posibilidades: c ea las ex u as a pa i de imágenes eales, que implica el p oblema de desplaza nos a hace o os de g an esolución de las supe icies. O bien aplicando las ex u as del panel ma e iales, que nos p opo ciona unos ma e iales p ede e minados (como lad illos, pied a, made a, e c.). Ya que es amos in en ando que nues os modelos sean lo más eales posible, hemos decidido decan a nos po desplaza nos y ealiza o og a ías pa a pode ob ene unos esul ados más óp imos. Así que, hemos de ealiza unas buenas o og a ías de nues os edi icios y sob e odo con buena calidad. 7.4.1. Como hace o og a ías Es impo an e hace una g an can idad de o og a ías, pa a cub i odas las ca as del edi icio y en medida de lo posible e i a obje os ajenos (como á boles, coches, pe sonas, e c.). Es os obje os ajenos pueden bo a se median e el so wa e, adobe pho oshop, pe o cuan o menos engamos que edi a las imágenes, más ápido se á nues o modelado y mejo queda á nues o modelo. En nues o caso, ha sido di ícil e i a obje os a la ho a de la ealización de o og a ías, ya que al ededo de la escuela uni e si a ia de Vilano a i la Gel ú encon amos una g an can idad de obje os (sob e odo á boles y coches). Po que se encuen a en una zona cén ica y de g an in luencia de paso, debido a la p oximidad de la es ación de en e de Vilano a i la Gel ú y la es ación de au obuses. Imagen que enseña cómo hace o og a ías Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 51 Teniendo en cuen a que enemos que ex u iza nues os edi icios, debemos que ealiza un g an núme o de o og a ías desde odos los ángulos, al y como mues a la imagen. Aho a a a emos de explica cómo debemos oma nues as o og a ías, pa a u iliza las pa a su ex u ización. Es as o og a ías mues an su o ma o es uc u a, que hemos u ilizado p e iamen e pa a su modelado. Pa a empeza , debemos ob ene nues as o og a ías lo más ec as posible, ya que después las coloca emos como nues as ex u as. Podemos uni las o og a ías, pa a ello end emos que oma o og a ías de las esquinas. Como hemos comen ado an e io men e, en la medida de lo posible end emos que e i a obje os ajenos. Es necesa io hace o og a ías con ex uales ( is as alejadas que mues en la o ma y la es uc u a del edi icio), así pod emos hace nos la idea de su o ma o es uc u a pa a su modelado. También podemos acompaña las con las o og a ías ec as ealizadas. Po úl imo, debemos asegu a nos que omamos o og a ías de odas las ca as (pa edes ex e io es) del edi icio como del in e io (pa ios in e io es) pa a su buena ex u ización. Y sob e odo, hace a ias o og a ías de cada achada desde ángulos di e en es. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 52 7.4.2. Re oca o og a ías Una ez ealizadas odas las o og a ías que nos mues an como son nues os edi icios del campus uni e si a io, end emos que modi ica las pa a su uso como ex u a. Pa a ello, u iliza emos el p og ama Adobe Pho oshop. El cual nos p opo ciona odas las he amien as necesa ias pa a su modi icación. Lo p ime o que enemos que hace , es ab i la o o que que emos modi ica pa a pode edi a la. Imagen de la pue a de las aulas En es e caso, nos encon amos con un á bol en medio de las pue as que dan acceso a las aulas del edi icio B o edi icio nue o. Después de u iliza a ias he amien as, que nos p opo ciona es e so wa e, como las he amien as clona , copia , u ilizando la pale a de ajus es, e c. El esul ado es el siguien e: Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 53 Imagen e ocada Hemos eliminado el obje o, un á bol en es e caso, que nos moles aba pa a pode aplica nues a ex u a. Es e mé odo, end emos que u iliza lo pa a odas las o og a ías ealizadas, donde nos encon emos un obje o que nos sea moles o pa a isualiza nues os edi icios. Ob eniendo así unas supe icies limpias y cla as de nues os edi icios. Es e p oceso nos esul a bas an e cos oso, dado que exis e una g an can idad de obje os que apa ecen en nues as o og a ías. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 54 7.4.3. Como coloca ex u as Una ez hemos edi ado nues as o og a ías, eliminado odo obje o que nos e a moles o. Pasa emos a coloca las o og a ías como ex u a en nues os edi icios modelados. Es e p oceso no nos esul a muy complicado, pe o dado que con amos con una g an can idad de ca as en nues os modelos, el iempo a ealiza es a ope ación es bas an e du ade o. Pa a empeza , end emos que impo a nues as o og a ías o imágenes como si se a a a de una ex u a. Imagen impo a o og a ía Como ap eciamos en es a imagen, enemos que elegi la o og a ía que que emos aplica y ma ca la opción de “usa como ex u a”, pa a que podamos a a la como al. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 55 Imagen elegi ex ensión An es de ello, enemos que ene cla o, con que ex ensión abaja emos, ya que podemos impo a imágenes desde a ios p og amas, según con lo que hayamos abajado an e io men e. Como noso os hemos u ilizado pho oshop, end emos que elegi “imagen JPEG (*.jpg)”. Una ez elegido la ex ensión pasa emos a coloca nues a ex u a en la ca a deseada. Debe emos clica en una esquina de nues a ca a y es i a la has a la esquina opues a y ol e a clica . Nues a o og a ía se ha con e ido en una ex u a sob e la ca a deseada. En muchas ocasiones es necesa io cambia la posición de la imagen, ya que no siemp e coincide nues a ex u a con la o alidad de nues a ca a. Imagen si ua ex u a Po lo an o, end emos que posiciona la co ec amen e pa a su isualización, ayudándonos de unos al ile es que nos son p opo cionados po el mismo p og ama. Accede emos a la opción de si ua , al y como obse amos en la imagen de a iba. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 56 Imagen coloca ex u a Una ez colocada co ec amen e, ya pod emos impo a o a imagen pa a su colocación en o a ca a. Nos encon amos con un impedimen o en las supe icies edondas, no planas, ya que no se pueden si ua igual que odas. Pa a su colocación nos ayuda emos de nues o edi o de ma e iales pa a da le unas medidas en conc e o, pudiendo ealiza la edición como nos sea necesa io. Imagen edi a ex u a Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 57 Después de coloca odas las ca as, como esul ado inal ob end emos nues os modelos (edi icios), o almen e ex u izados. Imagen aulas y cen o ecnológico ex u izado Imagen biblio eca y esidencia uni e si a ia ex u izadas Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 64 8.5. Lo mejo de la gale ía 3D Aquí apa ece án nues os edi icios una ez hayan sido acep ados nues os modelos. Google iene unos logo ipos pa a ep esen a la acep ación o no del ma e ial en iado, uno de ellos especí ico po si exis e algún p oblema que impide coloca los en Google Ea h. Imagen es ado de los edi icios Es os son los es es ados que encon amos den o de la gale ía 3D. Empezando de izquie da a de echa, encon amos el es ado de espe a, que aún no ha sido inspeccionado. En el cen o, es ado con p oblemas (debido a alguna ex u a e ónea o modelo incomple o) y es ado incluido en la capa, que quie e deci que es a acep ado y podemos e lo en Google Ea h. Imagen de mis modelos Es os son odos los modelos que con ienen mi pe il, los acep ados y los no acep ados. Ya que hemos ealizado algunas p uebas y hemos enido que modi ica algunos de alles an es de que acep a an los modelos. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 65 Imagen biblio eca y esidencia acep ado Imagen cen o ecnológico y aula i acep ados Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 66 Imagen neápolis acep ado Imagen EPSEVG acep ado Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 67 Aquí mos amos los cua o edi icios que hemos subido, que han sido acep ados po google. Po lo an o, aho a podemos isualiza los en Google Ea h desde cualquie pa e del mundo. Desde cualquie o denado sin ningún ipo de p oblemas. Imagen de los 4 edi icios en Google Ea h Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 68 9. In oduci modelos en 3D en la página web Aho a que hemos conseguido que nues os edi icios se puedan e en Google Ea h, enemos que pode e los en nues a página web. Pa a eso end emos que ealiza un ideo o paseo i ual, pa a pode mos a nues o campus. Po eso, hemos ba ajado algunas opciones pa a su edición que aho a comen a emos con más de alle y explica emos po cual nos hemos decan ado. 8.3. A a és de s eaming Es e mé odo es muy conocido en e la población, ya que podemos encon a nos con un ideo en cualquie página que isi emos. Como ya sabemos, pa a inse a un ideo en nues a página, lo p ime o que enemos que hace es edi a lo. La mane a más común en la que es os ideos son enseñados o ep oducidos, no malmen e suele se con el ep oduc o “Windows media playe ”, po lo an o con una ex ensión al como wm . Ya que es el ep oduc o que con iene po de ec o odo sis ema ope a i o. Pa a su edición, necesi amos una he amien a que nos p opo cione es e ipo de acciones, ales como cam asia (que g aba lo que e en la pan alla) o el mismo Google Ea h P o (de pago) donde puedes ealiza es os ideos. Una ez ealizado, enemos que pasa a coloca los en nues a página. La mane a más común es a a és de unas cuan as líneas de código, donde podemos pone que ca ac e ís icas que emos que nos enseñe. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 69 Imagen código Aquí nos mues a, la mane a pa a enseña nues o ideo. Encon amos unas ca ac e ís icas como ep oducción au omá ica, que nos enseñe los con oles, e la ba a de es ado. Pe o ambién es posible mos a alguna o a ca ac e ís ica más, como “loop” que se ejecu a o a ez el ideo cuando es e inaliza. De es a mane a, end emos nues o ideo colocado en nues a página web lis o pa a su isionado. 8.4. U ilizando el plugin de Google Ea h Ac ualmen e, el mé odo más u ilizado pa a hace e e encia a la ubicación de una ins i ución, emp esa, e c, e a u ilizando el plugin de Google Maps. Po sue e, aho a con amos con un mé odo que es bas an e nue o e inno ado pa a odos, el plugin de Google Ea h, ya que desde hace bien poco ha sido desa ollado po google. Lo p ime o que enemos que ealiza , es la edición de nues o ideo el que que emos mos a . En es e caso no necesi amos ealiza lo con o o p og ama complemen a io, ya que el mismo Google Ea h nos p opo ciona es a he amien a. Una ez ealizado el ideo es necesa io subi lo a un se ido , el cual nos p opo ciona á un dominio donde lo enemos ubicado. Después simplemen e enemos que di igi nos a una página web, que nos indica google. La cual nos p opo ciona á el código que necesi amos pa a pode e lo en nues a p opia página. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 70 Imagen ob ene código Es a imagen nos enseña las di e en es ca ac e ís icas que podemos elegi , como los bo des que que emos isualiza al ededo de nues o ideo. Si que emos que nues o ideo se empiece a ep oduci au omá icamen e, que nos enseñe los con oles, los edi icios en 3D, el e eno, ca e e as e incluso los bo des y e ique as colocadas po noso os. Una ez elegidas las ca ac e ís icas, debemos coloca nues a u a o dominio donde nos lo indica. Es a aplicación, nos da la opción de pode isualiza los cambios que hemos ealizado an es de ob ene nues o código, el cual luego coloca emos en nues a página. Después de comp oba que odo es e co ec o, pasa emos a coloca el código gene ado en nues a p opia página pa a su isualización. Es e mé odo, nos enseña a los edi icios al y como los podemos e en Google Ea h, pudiendo in e ac ua con ellos. Así que, pa a e es e ideo no hace al a que engamos ins alado Google Ea h en nues o o denado , pe o si end emos que ins ala es e plugin pa a su isualización, cada ez más u ilizado en la ac ualidad. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 71 Las dos mane as comen adas an e io men e, son muy alidas pa a enseña nues o ideo en nues a web. Pe o nos decan a emos po es a úl ima, u ilizando el plugin de Google Ea h, ya que nos da la opción de pode in e ac ua con los edi icios c eados en 3D. Cuando comen amos que podemos in e ac ua con los edi icios en 3D, nos e e imos a que mien as es á ep oduciéndose el ideo, podemos pa a lo y mo e nues a is a como si de Google Ea h se a a a. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 72 9. Conclusiones 9.1. Obje i os La inalidad de es e p oyec o e a c ea una página web dinámica pa a su p omoción, donde eníamos que di e encia cla amen e las i ulaciones que se impa en hoy en día en la escuela uni e si a ia de Vilano a i la Gel ú. Además, o o abajo a ealiza e a diseña y modela los edi icios del campus en 3D, pa a pode conoce con más de alle el campus y pode o ien a se con mayo acilidad. Es os edi icios en 3D, enían que se isibles en nues a página web pa a pode se consul ados po los alumnos y u u os es udian es. Es e obje i o se ha cumplido, ya que nues a página con iene oda la in o mación deseada, an o a ni el de es udios como la in eg ación de nues os edi icios idimensionales. Como se ha comen ado an e io men e, es posible la modi icación de es a página sin ene g andes conocimien os de p og amación, pa a pode ene la siemp e ac ualizada, ya que pe mi e una ges ión de o ma muy isual e in ui i a. 9.2. Mo i aciones del p oyec o Como ya hemos comen ado, las mo i aciones del p oyec o son bas an es cla as. Ya que la idea que eníamos sob e el diseño y desa ollo de una nue a web y el modelado de nues os edi icios del campus en 3D han sido cumplidas con éxi o. Es as mo i aciones su gen a pa i de habla con nues o p o eso , pa a que los es udian es y u u os alumnos puedan ubica se sin mucha complicación po el campus de la escuela, ob eniendo in o mación de donde se ienen que desplaza a ealiza sus clases o conoce donde se si úan los espacios comunes. Ya que eso, acili a la mo ilidad al ededo del campus. También, hemos di e enciado las i ulaciones de los es udios cu sados po sepa ado, pa a que podamos encon a cualquie in o mación siemp e en la misma página de la i ulación en cues ión. Recons ucción i ual en el en o no web (google) pa a p omociona la escuela 73 9.3. Expe iencia pe sonal Como expe iencia pe sonal, lo p ime o que me ha apo ado es e p oyec o ha sido el ap endizaje de los lenguajes de p og amación y como modela edi icios idimensionales. Conoce odas las posibilidades que pe mi e es e ipo de abajo. Fue a del concep o de los conocimien os, me ha enseñado como plani ica me y suminis a me el iempo pa a nues o abajo. Como conclusión, me gus a ía menciona que he pues o odo mi es ue zo, iempo y empeño pa a la ealización de es e p oyec o. Po úl imo, me gus a ía da las g acias a mi amilia que me han dado odo el sopo e necesa io pa a segui adelan e, en especial a mi no ia po su paciencia y dedicación a mi lado. 9.4. Fu u o de la web Es e p oyec o se ha ealizado con éxi o, sólo nos queda deci que no conocemos cual se á el u u o de es a web, ya que la EPSEVG (nues a escuela) cuen a con un g an g upo de abajo que se enca ga de ac ualiza cons an emen e la web, pa a que uncione sin p oblemas. Así que, solo comen a que si algún día nues a web se ie a expues a como web p incipal de la escuela, siemp e ac ualizada y con algunas mejo as añadidas, se ía una g an sa is acción.