MemoriaFinal BN 10092902

ESCOLA UNIVERSITRIA DENGINYERIA TCNICA DE TELECOMUNICACI LA SALLE
TREBALL FI DE CARRERA
ENGINYERIA TCNICA EN MULTIMDIA
MAPA ACSTICO
asociado al trfico martimo costa peninsular
ALUMNE
PROFESSOR PONENT
Marcos de la Torre de la Torre
Daniel Arguedas Rodrguez
ACTA DE L'EXAMEN DEL TREBALL FI DE CARRERA

Reunit el Tribunal qualificador en el dia de la data, l'alumne D. Marcos de la Torre de la Torre va exposar el seu Treball de Fi de Carrera, el qual va tractar sobre el tema segent:
MAPA ACSTICO
asociado al trfico martimo costa peninsular
Acabada l'exposici i contestades per part de l'alumne les objeccions formulades pels Srs. membres del tribunal, aquest valor l'esmentat Treball amb la qualificaci de
Barcelona,
VOCAL DEL TRIBUNAL
VOCAL DEL TRIBUNAL
PRESIDENT DEL TRIBUNAL
MapaAcsticoAsociadoalTrficoMartimoCostaPeninsular
ABSTRACT
Este proyecto nace de la necesidad de crear un mapa acstico submarino de la costa peninsular, donde el usuario tiene varias herramientas para visualizar y escuchar el ruido asociado a las embarcaciones marinas, as como informacin acercadelasolapacindeondasentreembarcacionesycetceos. Elmapaacsticonospermiteexplorarlasdistintasreasestudiadasy,mediante unsistemaaudiovisual,poderinterpretarelniveldecontaminacinacsticaque sufrenlascostasdelapennsula. Esta herramienta es la que permite visualizar los estudios elaborados por el equipodecientficosdelLaboratoridAplicacionsBioacstiquesdelaUniversitat PolitcnicadeCatalunya.HansidofinanciadosporunaObraSocialdelaCaixa.
MarcosdelaTorredelaTorre
RESUMEN
Elproyectoconsisteeneldesarrollodeunaherramientamultimedia,conlacual segeneraunmapaacsticosubmarino,mostrandoelniveldecontaminacindel litoralpeninsular. Tambintieneotrasvasdeinformacin,tantocontextocomounasimulacinde falso 3D en la que se ilustra la solapacin de ondas entre cetceos y embarcaciones.Yporltimo,tambinsedisponedelasespecificacionesdelnivel deruidodeembarcaionesycetceos. Este proyecto es, a su misma vez, parte de otro proyecto ms grande, de una ObraSocialdelaCaixa,llamadoLaCaixaafavordelmarRef.1. El proyecto global se desarroll por un equipo de cientficos del LAB (LaboratoriodeAplicacionesBioacsticas)delaUPC(UniversitatPolitcnicade Catalunya). Dicho laboratorio necesitaba el desarrollo de una aplicacin con la queplasmartodoslosdatosrecogidosensusestudios,yaquesdondeentraen juegoeldesarrollodelaaplicacinmultimedia.Porlotanto,podemosdecirque esteproyectoeslacapadepresentacindelestudiocientficofinanciadoporla citadaObraSocial. El objetivo del proyecto global es mentalizar al ciudadano de la realidad de nuestrascostas,acercndonosalmedianteestaaplicacinentreotrosmedios de comunicacin, as como ruedas de prensa que se llevaron a cabo durante la campaadelproyecto,yenlasquelaaplicacinsirvidecanaldepresentacin parailustrarlosestudios.
NDICE
1. Introduccin ................................................................................................................7 1.1. Marco................................................................................................................................................. 7 1.2. Estadodelarte .............................................................................................................................. 9 1.2.1. Aplicacionesactuales.................................................................................................. 9 1.2.2. Tecnologas del momento en el que se comenz a desarrollar la aplicacin ...................................................................................................................... 14 1.2.3. Tecnologasdelpresente ....................................................................................... 16 1.3. Descripcindelproblema ..................................................................................................... 19 1.4. Solucinpropuesta................................................................................................................... 20 1.4.1. Solucinalmapaacstico...................................................................................... 21 1.4.2. Solucin al mtodo en que mostrar la solapacin de ondas entre cetceosyembarcaciones ..................................................................................... 22 1.4.3. Caractersticasdelaaplicacinadesarrollar ............................................... 22 1.5. Perspectivageneral.................................................................................................................. 23 1.5.1. Fundamentostericos............................................................................................. 23 1.5.2. Parteprctica .............................................................................................................. 23 1.5.3. Resultados .................................................................................................................... 24 1.5.4. Conclusionesylneasdefuturo .......................................................................... 24 2. Fundamentostericos........................................................................................... 25 2.1. Contaminacionacstica ......................................................................................................... 25 2.2. Solapacindeondasentrecetceosyembarcaciones ............................................. 27 2.2.1. Acercadeloscetceos ............................................................................................. 28 2.2.2. Acercadelasembarcaciones................................................................................ 28 2.3. Tecnologasweb........................................................................................................................ 29 2.3.1. HTML .............................................................................................................................. 29 2.3.2. XML.................................................................................................................................. 30 2.3.3. Javascript ...................................................................................................................... 31 2.3.4. CSS.................................................................................................................................... 33 2.3.5. Web2.0 .......................................................................................................................... 34 2.4. Lenguajesderepresentacinvisual.................................................................................. 35 2.4.1. FLASH ............................................................................................................................. 35 2.4.2. RepresentacindecurvasBziercuadrticas .............................................. 37 2.5. Desarrollogrficodelmapaacstico ............................................................................... 38 2.5.1. AdaptacindemapasconPhotoshop............................................................... 38 2.5.2. Adaptacindeitinerarios ...................................................................................... 40 3. Parteprctica........................................................................................................... 42 3.1. Anlisisderequisitos .............................................................................................................. 42 3.2. Anlisisfuncional...................................................................................................................... 43 3.2.1. Mapapeninsular ........................................................................................................ 44 3.2.2. Mapasdereasestudiadas.................................................................................... 45 3.2.3. Mapaacstico.............................................................................................................. 46 3.3. Diseodelaarquitectura ...................................................................................................... 47 3.4. Tomadedecisiones.................................................................................................................. 49 3.4.1. Tecnologaaemplear............................................................................................... 49 3.4.2. Tecnologasdesestimadas..................................................................................... 50
3.4.3. Tratamientodeimgenes ...................................................................................... 51 3.4.4. Preparacindedatos:Deexcelaxml ............................................................... 51 3.4.5. Simulacin: Funcionalidad interactiva para la representacin del solapamietodefrecuenciasentreembarcacionesycetceos................ 52 3.4.6. Automatizacindelacargadebarcos.............................................................. 52 3.5. Estructura/mdulosdelaaplicacin ............................................................................... 53 3.5.1. Diagramadeclases ................................................................................................... 53 3.5.2. EstructuradearchivosXML.................................................................................. 54 3.5.3. Clasesymtodosdestacados ............................................................................... 56 3.6. Fasededesarrollodelproyecto ......................................................................................... 65 3.6.1. Fase1.............................................................................................................................. 65 3.6.2. Fase2.............................................................................................................................. 68 3.6.3. Fase3.............................................................................................................................. 73 3.6.4. Fase4.............................................................................................................................. 76 3.7. Metodologadedesarrollo .................................................................................................... 77 3.7.1. Fase1.............................................................................................................................. 77 3.7.2. Fase2.............................................................................................................................. 79 3.7.3. Fase3.............................................................................................................................. 81 3.7.4. Fase4.............................................................................................................................. 81
4. Resultados................................................................................................................. 82 4.1. Guindelaaplicacin ............................................................................................................. 82 4.2. Rendimientodelaaplicacin............................................................................................... 86 4.3. Costeenhorasdelproyecto ................................................................................................. 87 4.4. Diagramadelaspartescolaboradorasdelproyecto ................................................. 88 4.4.1. Personalquecolaborenelproyecto .............................................................. 89 5. Conclusionesylneasdefuturo ......................................................................... 90 5.1. Conclusiones ............................................................................................................................... 90 5.2. Lneasdefuturo......................................................................................................................... 92 5.2.1. Mejorasmediantemarketingonline ............................................................... 92 5.2.2. Mejorasenlaaplicacinaniveldedesarrollo.............................................. 93 5.2.3. Posiblemtododedesarrolloalternativo ...................................................... 95 6. Bibliografa ............................................................................................................... 96
1. INTRODUCCIN
1.1. Marco
Actualmente, y cada vez ms, se hace uso de herramientas multimedia como canaldecomunicacinparallegaralusuario. Inclusoaniveldeenseanza,elusodeaplicacionesmultimediaescadavezms frecuente, ya que ayudan a interactuar de una forma ms dinmica con los alumnos. Hay muchas herramientas didcticas que emplean funcionalidades totalmente interactivas como medio de aprendizaje. Adems pueden desarrollarse bajo diversos medios de difusin, como CDs, aplicaciones de escritorioyatravsdepginasweb. Cuando hablamos de estudios cientficos que lo que obtienen son nicamente datosycoordenadas,esapropiadoutilizarunentornointeractivo,yennuestro caso audiovisual, para poder plasmar todos los datos, de forma que el usuario puedaabsorverdichainformacindeunaformasenzilla,yapoderseratractiva. Elproyectodesarrolladopodemoscatalogarlodentrodelmbitomultimedia,ya quesetratadeunaaplicacininteractiva,enlaqueelusuariopuedeveryoirel niveldecontaminacinacsticaquesufrelacostapeninsular,acausadelaruido generadoporembarcaciones,tantodeociocomomercantiles. En cuanto a la temtica del proyecto, hablamos de un punto de unin entre tecnologaypreservacindelmedioambiente.Dondelosestudiosrecopiladosy luego la aplicacin multimedia, forman un canal con el que poder informar al usuariosobrelacontaminacinacsticadelacostapeninsular. El impacto medioambiental que est teniendo el trfico martimo fue el que motiv a crear esta Obra Social de la Caixa, la cual ha financiado el proyecto. Eso permiti realizar los estudios pertinentes y recogida de datos para poder crear el mapa acstico. Tambin ha servido para financiar indirectamente el desarrollo de esta aplicacin. Aunque antes de finalizar los estudios, la Obra
Social dej de financiar el proyecto, con lo cual, se qued sin fondos para completarelmapaacsticodelacostasurestepeninsular,concretamentefueron lascomunidadesautnomasdeAndaluca(desdeMlaga),MurciayValencia,que nosepudieronestudiar,yporlotanto,delasquenoseobtuvierondatos. Atravsdelmapaacstico,estaobrasocialtienelossiguientesobjetivos: Concienciaralciudadanosobrelarealidadacsticadellitoralydesusefectos sobreecosistemasyorganismosmarinos,enparticularloscetceos. Constituir una herramienta de gestin que permite proyectar y controlar el ruidoasociadoalacreacindenuevasrutasmartimas,comolafinalidadde implementar autopistas martimas para descongestionar la emanacin de gasesproducidosporeltrnsitomartimo. Desarrollar medidas de reduccin en reas donde se encuentra el foco de mayorafluenciaacsticaylaimplementacindesolucionestecnolgicasque combinan los intereses relativos a la actividad humana y la conservacin de losecosistemasmarinos.Lainsonorizacindemotoresdelasembarcaciones parareducirelnivelderuidoproducido,comolacreacinderutasmartimas adecuadas, son claros ejemplos para menguar el problema de la contaminacinennuestrasaguas. Tambincabedestacarlavitalimportanciadelimpactosobrelasociedaddeeste tipodeinvestigaciones.Yaqueescomoseconsigueavanzarenunamateriaque no es nada senzilla, la del desarrollo de sistemas con xito comercialmente hablandoy,almismotiempo,minimizandoelimpactomedioambiental. DesdeelLaboratoriodeAplicacionesBioacsticasLAB,seestcolaborandocon elMinisteriodeMedioAmbienteparaelaborarunanormativaquereguleelnivel decontaminacinacsticasubmarina.
SonsdemarRef.14:Esunaaplicacinquemuestraelrangotemporal,desdelos primeroscetceosqueconocemoshastalafecha.Pormediodeexplicacionesy escucha de los sonidos que emiten, se quiere hacer comprender cmo los ocanos y cetceos, tienen que hacer frente a nuevas fuentes sonoras que afectan a las capacidades orientativas de los cetceos, llegando incluso a provocarleslamuerte,silasfuentesderuidosonmuycercanasypotentes. Estas fuentes pueden ser provocadas por embarcaciones, snares y radares militares,experimentoscientficos,etc,comosemuestraenlaimagen:
HerramientaonlineSonsdeMar.Ref.14.
11
1.2.2. Tecnologasdelmomentoenelquesecomenzadesarrollarlaaplicacin Aos atrs hubiese sido bastante ms complejo desarrollar una aplicacin de este tipo, debido a las pocas herramientas especficas que haban para crear aplicaciones interactivas. Actualmente se dispone de herramientas y libreras suficientescomoparahacerviable,conrelativafacilidad,unaaplicacindeestas caractersticas. Tras las primeras reuniones con el cliente, se hizo un listado de todas las especificaciones que requera la aplicacin, haciendo al mismo tiempo un pequeo estudio de las herramientas de las que se poda disponer para desarrollarlaaplicacin. Macromedia Director: Herramienta para hacer aplicaciones multimedia. Aunque,msqueorientadoaweb,estenfocadoaaplicacionesparasoportes fsicos como CDs o DVDs. Por otro lado, comparte ciertas similitudes con Flash, pero no se estaba extendiendo a nivel comercial a la velocidad que lo estaba haciendo Flash. Lo que me limitara bastante a la hora de encontrar ejemplos,tutoriales,librerasydemsrecursosparafacilitareldesarrollode laaplicacin. Matlab: Obviamente hablamos de una herramienta muy potente para cualquier tipo de clculo matriciales e interpretacin de seales, y para nuestrocaso,unaposiblerepresentacindegrficas.Peronoesunprograma con el que se puedan crear interfaces, o almenos no est pensado para ello. Conlocualnicamentepodrafuncionarcomoherramientaparaeldesarrollo de grficas, clculos de movimientos de barcos, etc. Esto quiere decir que necesitaradeotroprogramaconelquecrearlainterfazypoderejecutarlas instrucciones de Matlab. Opcin compleja y poco verstil pensando en los mediosenquesequiereejecuarlaaplicacin,sobretodovaweb. GoogleMaps:cuandoseinicielproyecto,laAPIdegeolocalizacindeGoogle Maps Ref.5annosehabaliberado,ylospocosserviciosqueseofrecanpara desarrolladores como myMaps, an estaban en fase beta, con lo cual, no se contempl su uso para esta aplicacin, ya que hablamos de un proyecto comercial.
14
Flash: La herramienta que cumpla todos los requisitos para crear la aplicacinmultimedia,sindudaeraFlash.Porlafacilidaddemanejarobjetos a travs de la propia interfaz del programa, por que tena soporte para ejecutar la aplicacin va web, a travs del plugin Flash Player, y porque a travsdelared,sepodadisponerdesuficienteinformacincomoparallevar acaboelproyecto. Solamentehubounproblemaduranteeldesarrollodelaaplicacin.Debidoa lagrancantidaddebarcosquesetenanquerepresentarenelmapaacstico, sequisohacerunsistemadecargadinmicodelosbarcos.Perodebidoalas herramientasdelasquesedisponaporaquelentoncesdentrodeFlashpara hacerestetipodeanimaciones(hablamosdeFlashCS2),tuvimosquerecurrir aldesarrollodeunsistemapropioparacontrolardinmicamentelacargade barcos.Peroelsistemadesarrolladotenauncostecomputacionaldemasiado alto cuando se mostraban muchos barcos en pantalla. Y al tener plazos de entrega constantes, no hubo tiempo para seguir investigando, y se tubo que recurriralaanimacinmanualdecadabarco.Conlocual,elsistemadecarga dinmicodebarcossehizocomomejoraenlafase4delproyecto. Actionscript2:Enelmomentodeinciarelproyecto,yahabaposibilidadde emplearelnuevolenguajedeprogramacindeFlashactionscript3,peroalno haberloutilizadoanteriormenteynohaberdemasiadosejemploseninternet, noseasumielriesgodeutilizarlo,porelmismomotivocitadoanteriomente, losplazosdeentregaeranmuyseguidosyeltiempodeinvestigacinsetena quesuplirporeldedesarrollo.
15
1.2.3. Tecnologasdelpresente Integracinenredessociales>Pasoaweb2.0:Sinduda,unodelosmedios ms efectivos para difundir una aplicacin multimedia a travs de internet, son las redes sociales. Por lo tanto la integracin de las aplicaciones multimedia con redes sociales se convierte en algo, sino indispensable, muy aconsejable. APIdeGoogleMapaparaFlash Ref. 5:Adadehoy,GoogleMapsdisponede unaAPIparadesarrolladores,inclusosepuedeutilizarbajoFlash.EstaAPIde ActionScriptproporcionavariasutilidadesparamanipularyaadircontenido a mapas a travs de distintos servicios, lo que permitira combinar mapas interactivosconelrestodefuncionalidadesdelproyecto. Cabe destacar que la geolocalizacin est motivando a creativos y desarrolladores a aprovechar esta funcionalidad y crear as nuevas herramientas de bsqueda en diversos mbitos. Adems sirven para simplificar el desarrollo de funcionalidades que dependen de mapas para mostrarinformacin. HTML 5 Ref. 6: Es la nueva generacin del HTML, concretamente su quinta revisinimportante.Dentrodeestanuevaversin,encontramosunaseriede mejoras que, en muchos casos, ayudan a evitar el uso de programas adicionalesquenecesitandepluginsenlosnavegadores,comoAdobeFlash. La combinacin de HTML + CSS + APIs de Javascript, dan lugar a una nueva formadecrearentornoswebmultimedia. Por lo tanto, actualmente, podra ser otra va con la que desarrollar una aplicacin multimedia, ya que tiene infinidad de nuevas prestaciones, entre ellaslaincorporacindecanvasparadibujar,reproductordeaudioyvdeoy efectos mltiples para animaciones simples y modificacin visual de objetos creadosdirectamentedesdeHTML.Peroestasnosonprestacionessuficientes como para poder crear una aplicacin como la desarrollada. Ya que no se dispone de una interfaz grfica en la que controlar los objetos en espacio y tiempo,nosepermitelainteraccinaudiovisualconcualquiertipodeobjeto, mscarascomplejas,etc.
16
Smokescreen:Unproyectomuyinteresantequeanseencuentraenfasede desarrolloessmokescreen Ref.11.Consisteenunaherramientaopensourceque transforma un archivo Flash en HTML5 + Javascript, de modo que no se necesitaelplugindeFlashparavisualizarelproyecto.Aunquenofuncionaen ciertosnavegadorescomoIE8einferiores.Ademsconsumemsrecursosde sistema que el player de Flash, as que para aplicaciones con alto contenido grficoymovimiento,puedeseralgolimitado.Puedequeseacabeorientando abannersosimilares. Flash Ref. 3:ActualmenteFlashestnenlaversinCS5,lacualtieneunaserie demejorasrespectoalaqueseutilizdesdeeliniciodeldesarrollo.Ahorase puede trabajar en entorno 3D sin tener que recurrir a engines externos, aunque las posibilidades siguen siendo limitadas, sobretodo a nivel de programacin. En cuanto a manipulacin de cajas de texto ofrece algunas mejoras respecto a la versin utilizada en la aplicacin. Pero el cambio ms grande que se puede observar entre la versin y otras ms antiguas, es el lenguajedeprogramacin:actionscript3. Actionscript3: Este es el lenguaje que se emplea o debera emplearse actualmenteparacrearwebsodemsaplicacionesenFlash.Porfinsepuede hablar de un lenguaje de programacin robusto y totalmente orientado a objetos. Esto permite estrcuturar el cdigo debidamente. Adems los programadores que vengan de lenguajes como C++ o Java, vern una clara similitudentrelosdistintoslenguajes. LibrerasparaFlash:DesdeversionesdeFlashanteriores,sepuederecurrir al uso de libreras especficas para Flash y conseguir efectos visuales avanzados a travs de cdigo, evitando as las animaciones manuales, que siempre sern estticas. Actualmente, pensando en las caractersticas que puede tener un movieClip, como interpolaciones de cualquier tipo (alpha, posicin,tamao,efectosdedesenfoque,etc.)ycontroldetiempo,unodelos frameworks ms extendidos y potentes, es GreensockRef.2. De hecho es la libreraquesehautilizadoparahacerlacargadinmicadebarcosenelmapa acstico.
17
Otraslibrerassimilaresperomenoseficientesycompletasson:Tweener Ref.8, Twease,ZigoEngine,Fuse,TweendeAdode,etc. Existe una comparativaRef.9 en la que se demuestra que el framework de Greensockeselquemenosrecursosconsume. Engines3DparaFlash:Cadavezms,sevenaplicacionesqueempleanlas3 dimensionesparaganarespectacularidad,osimplemente,pornecesidaddela propia naturaleza del proyecto. En nuestro caso, podra emplearse para mejorarlasimulacinqueahoraesconfalso3D. Hay unos cuantos engines que funcionan en Flash. Papervision3D es el ms extendido,aunquehayotrossimilarescomo:Sandy3D,Five3DySwift3D. Microsoft Silverlight Ref. 24: Es el competidor directo de Adobe Flash. Se puede trabajar sobre un entorno grfico llamado Expression Blend Ref. 25. A grandesrasgos,unadelasdiferenciasrespectoFlash,esqueutilizaelmodelo deanimacinWPF.Estemodelosebasaeneltiempoenvezdeframes,yslo necesitasabercuantotiempodurarlaescenaylascondiciones,llarecrea. ElsistemadearchivosocupamsqueenFlashalnoestarcomprimidos. Aniveldelenguajedeprogramacin,Silverlightutilizatecnologapropiacrea por Microsoft. Por lo que podremos programar con lenguajes tales como VisualC#.NetoVisualBasic.Net,facilitandolatareaalosprogramadores. UnodelosmotivosmsimportantesporlosquenosehaempleadoSilverlight como herramienta de desarrollo para la aplicacin, es por que no est tan extendida como Flash. Adems actualmente, en sistemas operativos que no seanWindows,nodisponedepluginparanavegadorescomoGoogleChromee InternetExplorerenningunadesusversiones.Elpluginesnecesarioparasu reproduccin,delmismomodoqueFlashempleaelFlashPlayer. AdobeFlex Ref. 26:EmpleaellenguajeMXMLparaeldesarrollodeinterfaces grficasdeusuario,estbasadoenXML.Actualmentevanporlaversin4,y secentraneneldesarrollodeaplicacionesRIA,facilitandoelflujodetrabajo entrediseadoresydesarrolladoresdeestasaplicaciones. Podra servir como herramienta para parte del desarrollo de la aplicacin, pero al centrarse nicamente en interfaz para mostrar datos, se tendra que complementardetodosmodosconFlash.
18
1.3. Descripcindelproblema
El equipo de cientficos que llev a cabo la investigacin, fue recolectando informacin de las distintas reas estudiadas. Pero no dispona de una herramientaconlaquemostrarestainformacin. Por un lado, se tena que mostrar mediante grficas convencionales las seales de las frecuencias emitidas por embarcaciones y cetceos, y poder hablar de la solapacin entre unas ondas y otras. Tambin era necesario representar una animacinaudiovisualparapoderrepresentarestasolapacindeondas,yaque de este modo, el usuario podra interactuar con los elementos y comprender mejor el problema ocasionado por las embarcaciones. Y por ltimo, el objetivo principal, que era crear el mapa acstico de todo el litorial, con una representacin tanto visual como auditiva de la contaminacin acstica submarinaquegeneranlasembarcaciones. Enestepuntosevieronconlanecesidaddecrearunaherramientamultimedia personalizada,con la que manejar los datosrecopilados. Un sistema conel que poder mostrar ms informacin que la que se poda mostrar mediante tablas numricas,grficasomapasestticos. El equipo de cientficos tena los medios y conocimientos para llevar a cabo el estudio, pero careca de personal para poder desarrollar la herramienta con la quepodermostrartodaslasfuncionalidades. Gracias a esta necesidad, se pusieron en contacto conmigo, y a travs de una primerareunin,poderexponerlasituacindelproyectoytratardeencontrar unaformaviablededesarrollarestaherramienta. El siguiente paso fue estudiar con detenimiento las distintas funcionalidades, cmomostrarlasyqusoftwarededesarolloutilizar.
19
1.4. Solucinpropuesta
EllaboratoriodebioacsticaconsiguifondosdelaObraSocialparafinanciarel estudio,yaspoderdifundirloconmsfuerzaymedios. La aplicacin que necesitaba el cliente, serva de presentacin para exponer todos los estudios en las ruedas de prensa realizadas, tanto en la comunidades donde se haban ido realizando los estudios, como en ciertas capitales estratgicas. Siempre con el objetivo de informar sobre la realidad de nuestras costas,yllegaralosorganismosquepudiesentomarcartasenelasunto. Porotrolado,laObraSocial,tenalafinalidaddehacerllegaralciudadanotoda esta informacin. As que el desarrollar una herramienta capacitada para utilizarlaenpresentacionesoexposicionestenasentido. Aosatrs,eramsdifcilcrearunaherramientaconlaquemostrarcontenidos complejos,ymssihablamosdeunaherramientaenfocada,nosloaunsector especfico,sinoalpblicoengeneral. Por las necesidades del cliente, lo que convena era crear una aplicacin multimedia,capazdeinteractuarconelusuarioparahacerlecomprendermejor, ypoderestudiarcondetalle,elproblemadelacontaminacinacsticamediante elmapainteractivo. Internet se ha covertido en uno de los canales ms utilizados para difundir contenidosmultimedia.Asque,sediounpasomsyseaprovechelcanalde internet,parapoderdifundirelestudio.
20
1.4.1. Solucinalmapaacstico Era necesario crear un sistema en el que proyectar la contaminacin acstica mediantemapas.Traslosestudios,sedisponadeinformacindetodoeltrfico de embarcaciones de los principales puertos martimos durante el tiempo que durelestudio. Pero haban dos problemas, uno de cmo representar a nivel temporal este trficoyotrocmoacotarlaszonasestudiadas. Principalmente se pens en crear un nico mapa que fuese representando mediantenivelescromticos,lasvariacionesdeniveldecontaminacinacstica. Perodeestemodo,nosepodadarinformacindelacontaminacinproducida en cada puerto estudiado de forma detallada, dado que cada puerto tena un conjuntodeitinerariosutilizadopordistintasembarcaciones. De modo que se propuso acotar toda esta informacin en distintos mapas que representasencadacomunidadestudiada,yasumismavez,cadacomunidaden distintasreassegnlacantidaddepuertoseitinerariosquealbergase. En cuanto al problema de cmo representar los estudios obtenidos durante un aoentero,eraevidentequehacerunhistricodetodoelaopodaconvertirse enunatareainnecesaria.Asquesepropusoescogernicamentecuatrodasde estudioquefuesenrepresentativosdetodounao.Porlotantoseeligiunda decadaestacin. Finalmente, para la representacin del mapa acstico se dispondra de un sistemaporelquepoderdesplazarsetantodeformatemporalcomoespacial.
21
1.4.2. Solucinalmtodoenquemostrarlasolapacindeondasentrecetceosy embarcaciones Sepropusierondosformasparapoderrepresentarlasolapacindeondas:Una mstcnicaylaotramsilustrativa: 1. Creacin de una grfica frecuenciaruido, en la que se pudiese elegir el tipodeembarcaciny/odecetceopararepresentarselasolapacin. 2. Se propuso crear una animacin interactiva en falso 3D, para poder representarlasolapacindeondasentrecetceosyembarcaciones. 1.4.3. Caractersticasdelaaplicacinadesarrollar Finalmente,podemosdestacarlassiguientescaractersticasquedebacumplirla aplicacinfinal: 1. Crear un sistema de mapas para navegar entre las distintas reas estudiadas,ypoderaccederasalosdistintosmapasacsticos.Loscuales deban representar mediante animaciones de barcos la contaminacin acsticadelaszonasestudiadas,ascomoladistribucindecetceos. 2. Mostrarmediantegrficaslasolapacindeondasentrecetceosybarcos. 3. Crearunasimulacininteractivadelaanimacindeunbarcoyuncetceo para representar de forma audiovisual el nivel de contaminacin y solapacindeondasfrecuenciales. 4. Completar mediante texto la informacin que se obtiene a travs de las distintasherramientasdelaaplicacin.
22
1.5. Perspectivageneral
Enlossiguientesapartadosdelamemoria,sedesarrollarnlospuntosdescritos acontinuacin: 1.5.1. Fundamentostericos Se hablar del concepto de la contaminacin acstica y del repercusin que estteniendoelimpactohumanoenelmediomarino. Teora sobre la solapacin de ondas frecuenciales entre cetceos y embarcaciones. Informacinsobrelastecnologaswebdelmomento,tantolasempleadasen laaplicacincomolasqueestnrelacionadas. En cuanto a lenguajes de representacin visual, se explicar la herramienta empleada, as como el sistema con el que se representan las animaciones dinmicasdelasembarcacionesdentrodelmapaacstico. Desarrollogrficoparalaelaboracindemapas. 1.5.2. Parteprctica Seanalizantodoslosrequisitosdelaaplicacin Secreaundiagramadelanlisisfuncional,enelquesemuestralaestructura de mdulos de la que se compone la aplicacin, explicando tambin el funcionamientodecadaunodeestosmdulos. Representacindeundiagramaenelqueseilustralaestructuradearchivosa nivel de sistema. Nos ayuda a visualizar su funcionamiento, explicando de formadetalladacadaunodelosarhivos. Explicacin de las decisiones que fueron tomndose a lo largo del proyecto, como las tecnologas empleadas y desestimadas, cambios en los mapas utilizadosparamejorarlacalidadvisual,tratamientodelosdatoscedidospor el cliente para adaptarlos a la aplicacin, creacin de una simulacin para representar de una forma ms visual la solapacin de frecuencias entre cetceosyembarcaciones,yeldesarrollodelaanimacindinmicadebarcos enelmapaacstico.
23
Elaboracin de un diagrama de clases de la aplicacin, de este modo puede visualizarsecmoseestructuraelcdigo.Ademssemuestraotrodiagrama paravisualizarlaestructuraaniveldearchivosxml,yverascmoafectala jerarqua de mapas a nivel de archivos de contenido. Posteriormente se explicaenquconsistelagranmayorademtodosylibrerasdesarrollados enlaaplicacin. Seexplicacmosehadesarrolladoelproyectoseparndoloporfasesreales. Adems se pueden ver pantallas de la aplicacin que ilustran las mejoras a nivel grfico de una fase a otra, as como las nuevas funcionalidades que se fuerondesarrollando. Explicacindelametodologaempleadaparaeldesarrollo.Yaquecadafasese desarroll en unas circunstancias distintas, se tuvo que adaptar la metodologaaemplearencadaunadeellas. 1.5.3. Resultados Sehablasobreelrendimientodelaaplicacin Elcosteinvertidoenhoras Un diagrama en el que se observa la relacin entre las partes colaboradoras delproyecto,yenglobal,delaobrasocial. 1.5.4. Conclusionesylneasdefuturo Se habla de aspectos generales para concluir la memoria: si se le ha sacado provecho al proyecto, el grado de satisfaccin por parte del cliente, si sera necesario readaptar la aplicacin, si es comercializable y si se tendra que haberorientadodeotraforma. Sehabladelasposiblesmejorasquepodratenerlaaplicacin,tantoanivel de difusin como a nivel de desarrollo. Tambin se explica una forma alternativaenlaquesepodradesarrollarelproyecto.
24
2. FUNDAMENTOSTERICOS
2.1. Contaminacionacstica
Aunque sea un tema que quede un poco al margen del desarrollo de esta herramientamultimedia,elconceptodecontaminacinacsticaesttotalmente ligado al objetivo de esta aplicacin, ya que principalmente, se desarroll esta herramientaconelfindecrearunmapaacstico. Cuandosehabladecontaminacinacstica,suelehablarsedelacontaminacin producidaporeltrficodevehculos,industrias,localesdeocio,aviones,etc,al fin y al cabo es el ruido que se genera en nuestro entorno y afecta a nosotros directamente. Pero no se ha de olvidar que tambin podemos hablar de contaminacin acstica en otro medio, como el submarino. Pues su impacto tanto en el hbitat animal como vegetal es cada vez mayor debido en parte al granniveldetrficomartimo,ocasionadotantoporembarcacionesmercantiles comodeocio. Elruidosubmarino producido por actividades humanas aumenta cada da e incluye el trfico martimo, la explotacin yproduccindegasypetrleo, el sonarindustrialymilitar,lasfuentessonorasdeexperimentacinindustrial,los explosivossubmarinos,etc.Dehecho,noexisteningnrincndelmundoqueno estafectadoporlacontaminacinacstica. Dentrodelconjuntodelosfactoresderiesgoquepesansobreelhbitatmarino, esta contaminacin constituye una de las mayores amenazas a corto plazo y escalamundialparaelequilibriodelosocanos.Dadoqueloscetceosdependen del sonido en todos los aspectos de sus vidas, no cabe duda de que son especialmentevulnerablesalasfuentesderuidoartificial. Los cetceos son altamente dependientes de su aparato auditivo para su supervivencia.Muchasespeciesutilizansonidosparalocalizarpresas,navegary comunicarse, alcanzando distancias considerables en el caso de numerosas
25
especiesdegrandesballenas.Loscetlogosestncadavezmaspreocupadospor lacontaminacinacsticadelosocanosderivadadelintensotrficomartimo, los muestreos ssmicos, la extraccin delpetrleoo los dispositivos de snar, elementos que pueden estar teniendo importantes impactos negativos en muchasespecies. Alaluzderecientesmortalidadesenaguasespaolas,parececlaroquefuentes deruido,adiferentesnivelesdeintensidad,puedenafectardeformanegativaa poblaciones de cetceos. El impacto de estas fuentes puede variar de forma significativa, desde causar molestias y desplazamiento de poblaciones hasta lesiones de distinta gravedad en el sistema auditivo:de ligeras, y posiblemente reversibles, a graves, produciendo sorderas permanentes e inclusola muerteinmediatadelanimal. La modernizacin y aumento del trafico martimo, junto con prcticas de exploracin geolgica, prospecciones petrolferas y el empleo militar de sonaresactivosenEspaa,vuelvenespecialmentesensiblesalaspoblacionesde cetceosexistentesenaguascomolasdelestrechodeGibraltaryBaleares.Ref.10. Hasta que no se comenzaron a recoger los datos estudiados en el 2008 por el equipo de cientficos e ingenieros del Laboratorio de Aplicaciones Bioacsticas
Ref. 16,
no se han podido obtener datos realistas del nivel de contaminacin
acsticasubmarinaenotraszonasdelacostapeninsular.
26
2.2.1. Acercadeloscetceos El sistema auditivo de los cetceos est caracterizado por una serie de adaptacionesmorfolgicasnicas:unadelasmsinteresanteseslacapacidadde discriminacinfinadeimgenesacsticasatravsdeloscanalesauditivosque actancomofiltrosdefrecuencias. Enunorganismosano,estaselectividaddefrecuenciasdelodo(yporlotantode las seales acsticas que producen) est evolutiva y directamente en relacin con el uso especfico de su hbitat, y caracteriza por lo tanto, cada especie de cetceos. Porotrolado,dentrodeestaselectividaddefrecuencias,lasensibilidaddelodo a algunas frecuencias, permite medir el estado fisiolgico y/o patolgico del sistema auditivo de un determinado individuo y estimar su capacidad acstica parautilizarsuhbitat. 2.2.2. Acercadelasembarcaciones Lasfuentessonorasasociadasaltransportemartimoseintroducenenelespacio acsticoyfsicodelosorganismosmarinosynoexistenactualmentenivelesde referencia que permitan prever las consecuencias negativas de estas interacciones a corto, medio o largo plazo sobre el equilibrio natural de los maresyocanos. Muchosfactorespueden,potencialmente,estarinvolucradosenestosprocesos: el nivel de fuente del sonido, su transmisin a travs del agua, la posicin del animalenlacolumnadeagua,sucomportamientoyestadofisiolgico,ascomo efectossinergticos,incluidacualquierlesinfsicacrnica. Todos pueden jugar un papel, pero se desconocen los parmetros bsicos del mecanismo de impacto que permitiran controlar los efectos negativos de esta contaminacin acstica, y posteriormente, legislar sobre la introduccin de fuentessonorasartificialesenelmediomarino.
28
2.3. Tecnologasweb
Acontinuacinsemuestrainformacingeneralsobrelosdistintoslenguajesde programacinquesehanempleadoenlaaplicacin.Hablamosdelenguajesque secentranenlacapadepresentacin. 2.3.1. HTML Esellenguajebaseconelquepodercrearpginasweb.Seusaparadescribirla estructura y el contenido en forma de texto. Dentro de l podemos encontrar objetosquereferencianaotroscontenidos,comoporejemplo,enlacesahojasde estilo(lenguajeCSS),ascriptstipojavascript,aobjetosFlash,etc. Actualmente, existe ya su quinta revisin importante, dndole el nombre de HTML5 Ref. 6,quemejoranellenguajealaadirnuevasetiquetas,quizslasms relevantesseanlasquepermitendifundiraudioyvdeo.Evitandoaselusode pluginsparaejecutararchivosqueelnavegadornosabrainterpretar,comolos pluginsdeFlash,Quicktime,Java,etc. Hay que tener en cuenta que esta serie de mejoras, nicamente pueden ser interpretadaspornavegadoresmodernos.Esdecir,cadanuevaversindeHTML aade o corrige una serie de elementos y para ello los navegadores han de ser capaces de saber interpretarlo. Y esto da pie al problema de estandarizacin dentrodellenguajeweb. Si nos basamos en estadsticas, podemos comprobar que hay ms usuarios con navegadores antiguos con plugins como Adobe Flash, que no navegadores modernos,capacesdeinterpretarcorrectamentelasnuevasespecificacionesdel HTML.Estohace,pordesgracia,quetalesavances,setenganquetenermuyen cuentaalahoradeserutilizados,ono,aldesarrollarpginasweb.
29
2.3.2. XML ElXMLesunmetalenguajeextensibledeetiquetasdesarrolladoporlaW3CRef.19. EllenguajeXMLesunsistemamuyextendidoyquesirvedebaseparamuchos otroslenguajesdeprogramacin,deahquesedefinacomometalenguaje. Podemosdecirqueesunlenguajedeetiquetas,yqueporsupropiaestructura, est marcando la jerarqua de los contenidos. Por lo tanto, es muy importante que los XML empleen una buena semntica para definir las etiquetas y sus atributos. Unaformadeintroducircontenidossinseranalizados,esmediantelassecciones CDATA,deestemodo,podemosintroducirtextosinqueesteseaparseadocomo XML. Para realizar una serie de reglas sintcticas a la hora de definir las etiquetas, podemoscrearunarchivoDTD,aunquesuformatoens,nosiguelaestructura de los XML, por este motivo, se utilizan los XML schema, que sirven para lo mismoymantienenunaestructuradetipoXML,aunquealgomscomplicadade especificar. En cualquier caso, ambos lenguajes sirven para validar los XML y comprobarlaintegridaddesusdatos.
30
2.3.3. Javascript
2.3.3.1. HISTORIA
El javascript es un lenguaje de scripting, del cual se desarrollaron las primeras versionesaprincipiosdelos90.Segnibacreciendoelniveldecomplejidadde laspginasweb,ydependiendodeunasconexionesainternetmuylentas,naci lanecesidaddepoderejecutarseunlenguajedeprogramacindirectamenteen el navegador del usuario, de este modo se evitaba el depender siempre de las respuestas de servidor, minimizando as el tiempo de respuesta de las pginas web. TrassuxitoalfuncionarbajoelNavegadorNetscape,ellenguajeJavascriptse estandariz,evitandoasproblemaslegales,trasquerercompetirMicrosoftcon el mismo lenguaje pero con otro nombre: Jscript. Y posteriormente, la W3C (World Wide Web Consortium) Ref.19, estandariz las distintas versiones que habadeJavascriptparacompatibilizarloconlosnavegadoresdelmomento. Una vez se estableci Javascript como lenguaje de scripting estndard para ejecutarse en el navegador, comenzaron a desarrollarse distintas libreras o frameworksconelobjetivodefacilitarlatareadelosdesarrolladoresweb.
2.3.3.2. FRAMEWORKSPARAJAVASCRIPT
Son libreras que proveen de un amplio conjunto de componentes. Los ms destacados: Compatibilidadcondistintosmotoresintrpretesdeljavascript. Comunicacinasncrona(Ajax):Aumentalainteractividaddelusuarioconla webalnotenerquerecargarlapginacontantafrecuencia. Validacindeformularios. Efectosvisuales. Manejodeeventos. AlmacenamientoClientSide,permitealaswebsguardardatosdeusuariode formasegura.
31
Respectoalosframeworksmsextendidos: Dojotoolkit ExtJS Jquery Mootools Prototype+Scriptaculous La contnua mejora de estos frameworks para trabajar con componentes, est creando cada vez ms competencia respecto al uso de aplicaciones de Adobe comoFlexyFlash.
2.3.3.3. UTILIDADESDEJAVASCRIPT
Generar cambios dinmicos en las hojas de estilo (CSS), consiguiendo as efectosvisualesinteresantes. Comprobacindelainsercincorrectaenformularios. Comprobacindeversionesdepluginsexternosalnavegador,versinytipo de navegador entre otras configuraciones del equipo, como la resolucin de pantalla,etc. CargadedatosdesdeservidordeformaasncronamedianteAjax.
2.3.3.4. AJAX
Ajaxesunatcnicadeprogramacin,quenolenguajenisublenguaje.Yaunque aos a trs ya existan los mtodos que hacan posible la carga asncrona de datos, fue aos despus que se comenzaron a establecer como una tcnica de programacin,consiguiendocrearunnuevoconceptodedesarrolloweb. Esta tcnica evita el recargar la pgina cada vez que se necesita acceder a servidor para transmitir datos. Por lo que puede llegar a dinamizar muchsimo lasfuncionalidadesdeunaweb.
32
2.3.4. CSS LashojasdeestiloencascadaoCSS,definenelformatovisualdeloscontenidos de un cocumento HTML o XML. Las especificaciones son estandarizadas por la W3CRef.19. Elobjetivodelashojasdeestiloessepararlaestructuradeundocumentodesu presentacin, obteniendo as ms versatilidad para mostrar una misma pgina webendistintosdispositivosoendistintosmedios,comoversinparaimprimir, versinparalectoresdepantalla,etc. Lashojasdeestilospuedenserdetrestipos: Externas:Lashojasdeestilosealmacenanenunarchivodiferente.Esuntipo dedocumentodetextoplanoynoenriquedo,igualqueelHTMLoXML,pero conextensinCSS. Internas:LahojadeestiloestincrustadadentrodeldocumentoHTML. Enlnea:SeaplicanlosestilosdentrodelasetiquetasHTML.
33
2.3.5. Web2.0 Podemosdecirquelaweb2.0,noesunatecnologa,sinounafilosofaateneren cuentacuandosedesarrollaunapginaweb. Unconjuntodeconceptossonlosqueacabandefiniendocomotalunaweb2.0, entreloscuales,sepuedendestacarlossiguientes: Webconsemnticaricaycorrectaparamejorarlaindexacindecontenidos Diseosdeinterfazsenzillosyfuncionales Separacindecontenidosyaspectovisual(HTML+CSS) Integracindelawebconredessocialesconelfindehacerlascolaborativas, manteniendoloscontenidosactualizadosdeformaautomtica Elobjetivoacabasiendoceirseaunaspautasparagarantizarelxitocomercial delapginaweb. Otro aspecto importante de la web 2.0 es evitar la descarga de contenidos, es decir,contenidosenlanube. Gracias a herramientas como los blogs, las wikis, google Docs, correo como Gmail, Yahoo, Hotmail, las redes sociales de msica como mySpace, last.fm e inclusoSpotifycomoaplicacindeescritorio,flickr,yunsinfndeherramientas ms, se consigue disponer de la informacin que necesitamos sin necesidad de descargarla. El tener la informacin en la nube, inicialmente poda parecer que no tuviese demasiado sentido, quizs por la tendencia a tenerlo todo almacenado y archivadoanivellocal,comosehacetradicionalmenteconlascosasfsicas.Pero el tener esta informacin en internet tiene una serie de ventajas respecto al almacenamiento local, como la libertad de disponer de esta informacin sin la necesidaddehacerlosiempredesdeelmismoterminal,estonosdalibertadde movimiento. Otra ventaja es la de dar la oportunidad a que contenidos que no nos importa que sean publicados, se enriquezcan gracias a la participacin de otras personas, o que otras personas puedan beneficiarse de estos contenidos. Unclaroejemploeslawikipedia.
34
2.4. Lenguajesderepresentacinvisual
2.4.1. FLASH Es una herramienta de desarrollo para crear aplicaciones ineractivas. Utiliza FlashPlayercomomquinavirtualparainterpretarlosarchivosgeneradospor Flash,generandoporreglagenerallaextensindearchivoSWF. Para poder ejecutarse los SWF a travs de un navegador web, se necesita un plugindelplayerdeFlash.Delmismomodo,sepuedenejecutarlocalmentesise tieneinstaladoelreproductordeFlash.Estopermitecreartantopginaswebfull Flash como aplicaciones de escritorio, aplicaciones para dispositivos mviles o presentaciones. En todos los casos dando la capacidad de crear contenido multimedia e incluso comunicarse con lenguajes de programacin en servidor comoPHP,ASP,etc. El entorno de la herramienta Flash permite trabajar con objetos vectoriales y tipomapadebitssobreunalneadetiempoparapoderanimarlos.Porotrolado, tambin permite trabajar con vdeos, audio y documentos que almacenen contenidocomoXML,documentosdetexto,etc.Inclusopermitesincronizarseen tiempo de ejecucin con perifricos externos, como puede ser una webcam. Todasestascaractersticasdanunagranversatilidadalaherramienta. Como lenguaje de programacin, las versiones actuales de Flash permiten trabajarconactionscript2y3.Ademssepuedencrearohacerusodelibreras externas con extensin AS. Acrionscript 3 ha apostado por la programacin 100%orientadaaobjetosatravsdeclases. Por otro lado son capaces de generar y cargar componentes para facilitar el desarrollodeaplicaciones.
35
Adems, actualmente hay una gran cantidad de frameworks compatibles o incluso desarrollados especficamente para Flash, que enriquecen a la herramienta.Porejemploframeworksparatrabajarenunentorno3D,motores defsicas2Dy3D,etc. Flash ha tenido etapas en las que quizs, ha sido utilizado como herramienta paracrearpginaswebsinunacausajustificada.Haciendounmalusoounuso excesivodelosefectosvisualesquesoncreadosconsumafacilidad,perdiendoel enfoquedelaweb. Sinembargo,AdobeFlashesunaherramientaquepermitecrearaplicacionesy webscomplejastotalmenteinteractivas,comoeselcasodelactualproyecto. Gracias a todas las cualidades descritas anteriormente, Flash se utiliz como herramientadedesarrollopararealizaresteproyecto.
36
2.4.2. RepresentacindecurvasBziercuadrticas Lascurvasbziercuadrticasseempleanparamltiplesfuncionalidades,como lacreacindelasletrastipoTrueType. En nuestro caso, ha sido til para la generacin de los itinerarios por los que desplazarselosbarcosdentrodelmapaacstico. Estas curvas tienen un punto de control inicial, otro final, y otros intermedios quedarnlacurvaturaquesenecesita.Elpuntointermedioentredospuntosde controlsiempresertangenteypordondepaselacurva: P1
P0
P2
CurvaBziercuadrticaRef.22
Entrminosmatemticos,podemosdefinirunacurvabziercuadrticacomoel caminotrazadoporlafuncinB(t),dadoslospuntosP0,P1yP2.Ref.21. Sufrmulasera: B(t)=(1t) 2 P 0 +2t(1t)P 1 +t 2 P 2 ,t [0,1]
37
2.5.2. Adaptacindeitinerarios Enlaprimerareaestudiada,porpartedeclienteseobtuvierontablastipoExcel con el listado de los puertos de origen y destino de cada embarcacin. Posteriormente se buscaban mediante la herramienta de Google Maps y se representabanenunmapalastrayectoriasnecesarias. En las siguientes reas estudiadas, el cliente ceda directamente los mapas a mododebocetoparaluegoincluirestositinerariosenFlash.
Mapasconitinerarioscedidosporelcliente
Una vez se dispona de los mapas con itinerarios, se generaban los mapas retocadosconPhotoshopyseincluandentrodelosarchivosFlash. Los mapas de las zonas de inters (mapas de itinerarios), representaban una estticaalgodistintaaladelosmapasdenavegacin(mapapeninsularymapas de reas estudiadas). Pues en este caso, se empleaba un color azul oscuro constanteparalazonademar.Deestemodo,sepodarepresentarmejorelnivel decontaminacinmediantecolorrojocondegradadodealpha.
40
3. PARTEPRCTICA
3.1. Anlisisderequisitos
Apartirdeunaprimeraentrevistaconelcliente,enlaquesehabldelproyecto en general, personal que trabajaba y posterior presentacin con mi trayectoria profesional,seestablecieronvariasreuniones,enlasqueseanalizarontodaslas necesidadesparacrearlaaplicacinmultimedia. Despus de exponer el cliente sus objetivos con la aplicacin y datos recogidos en los estudios, se habl sobre el funcionamiento de la aplicacin, analizando unoaunolosrequisitos:
3.1.1.1. MAPADECONTAMINACINACSTICASUBMARINA
Era necesario crear un mapa acstico que, mediante un sistema interactivo y a poderserdeformaaudiovisual,pudieserepresentarseelniveldecontaminacin deembarcacionesenunperododetiempodeterminado.
3.1.1.2. MUESTRADEESPECIFICACIONESSOBREFRECUENCIASDECETCEOSYEMBARCACIONES
Mediante el uso de grficas deba darse informacin del rango de frecuencias utilizados por los cetceos y embarcaciones. Pudiendo ver de este modo la solapacindeondasfrecuencialesquehayentreunosyotros.
3.1.1.3. ANIMACINDEUNCETCEOYUNBARCOPARAVERLASOLAPACINDEONDAS.
A travs de una animacin, quera representarse de un modo ms visual e interactivolasolapacindeondasfrecuencialesentrecetceosyembarcaciones alacercarseunoaotro.
3.1.1.4. SISTEMADEINFORMACINGENERALDELESTUDIO.
Tambin era necesario poder ampliar la informacin que se mostraba en la aplicacinmediantetextoscomplementarios.
42
quetenaelclienteporlasdistintascomunidadesautnomas(reasestudiadas), dondesepresentabalaaplicacincomosoporteaudiovisual. Demodoqueparaaccederaunmapaacsticoelprocesoseraelsiguiente: Mapapeninsular>readeinters>Zonadeinters>Mapaacstico. 3.2.1. Mapapeninsular Desdeelmapapeninsularsepodraaccederalosmapasdecadareaestudiada clicando en la regin que nos interesase del propio mapa, o acceder a la ayuda inicialeinformacindebienvenidamedianteelpanelinferiorderecho.
3.2.1.1. AYUDA
Se deba mostrar algunos consejos bsicos para facilitar la navegacin por la aplicacin.
3.2.1.2. INFORMACINDEBIENVENIDA
Laherramientaquesequeradesarrollar,ibaasertotalmenteinteractiva,muy visual e incluso con sistemas de escucha. Pero era necesario ampliar la informacinquesemostrabaatravsdelmapaacsticoydemsutilidadescon textocomplementario. Por tanto, se propuso aadir un sistema de informacin en cada una de las funcionalidades de la aplicacin. Tanto a modo introductorio con explicacin general de la herramienta, como informacin detallada de embarcaciones y cetceos,solapacindeondasydemsconceptosquesedanaconocerdentrode laaplicacin.
44
3.2.2. Mapasdereasestudiadas Cada rea de inters tendra un mapa que funcionase del mismo modo que el peninsular.Enestecasosirviraparaaccederalasdistintaszonasdeintersdel rea seleccionada (mapas acsticos). Adems, mediante el panel inferior derecho, se podra acceder nuevamente a la ayuda, las grficas de acstica, la simulacinyalainformacingeneral.
3.2.2.1. AYUDA
Paracadareaestudiada,noestabadems,poderrecordarlaayudainicialdel mapapeninsular,puestoqueservaparalaaplicacinengeneral.
3.2.2.2. ACSTICA(MDULODEESPECIFICACIONES)
Se requera de un mdulo en el que poder observar mediante grficas los distintos rangos frecuenciales de los principales tipos de embarcaciones y cetceos,todoelloparacadaunadelasreasestudiadas. Tambinseutilizaraestemduloparadetallarlasespecificacionestcnicasde cadatipodeembarcacin. Estaherramientatenacomofinalidad,poderilustrarelsolapamientodeondas frecuenciales entre embarcaciones y cetceos. Dando por obvio que tal solapamiento repercute seriamente sobre la comunicacin y orientacin de los cetceos. Todasestasespecificacionessecomplementaranconunsistemadeinformacin yayudainteractivaparaacabardetransmitirelobjetivo.
3.2.2.3. SIMULACIN
Para poder transmitir de una forma ms visual este emmascaramiento de frecuencias entre cetceos y embarcaciones, era necesario desarrollar una herramientaaudiovisualeinteractiva. Porlotanto,medianteunsistemadefalso3D,yatravsdeunaherramientade zoomyunalneatemporal,sepodraverlaanimacindeunbarcoyuncetceo.
45
3.2.2.4. INFORMACINDEBIENVENIDA
Del mismo modo que con la ayuda, debera mantenerse la informacin de bienvenida. 3.2.3. Mapaacstico Se requera desarrollar un mapa en el que poder generar, inicialmente por va visual, el nivel de contaminacin acstico creado por el trfico martimo de las costas del litoral. Este se representara mediante la animacin de barcos y representacin de contaminacin en zonas costeras. Tambin debera poder accederseaciertasfuncionalidades:
3.2.3.1. AYUDAINTERACTIVA
Interesabamostrarinformacinalusuarioacercadelosdistintoselementosde lainterfaz,paraelloeranecesariocrearunsistemadeayuda.
3.2.3.2. SISTEMAACSTICO
Se pens en crear un sistema acstico para escuchar el nivel de contaminacin delosbarcosydelaszonascosteras,dependiendodelniveldecontaminaciny tiposdeembarcaciones,elsonidovariara.
3.2.3.3. GRUPOSDECETCEOS
Tambineranecesariorepresentarvisualmenteladistribucindeloscetceosa lolargodelascostasenuntiempodeterminado.
3.2.3.4. INFORMACINDEPUERTOS
Dado que haba mucho trfico entrante y saliente de embarcaciones en los puertosprincipales,seranecesariopodermostrarmedianteunatablatodaesta informacindecadapuerto.
3.2.3.5. INFORMACINGENERAL
Debera facilitarse informacin complementaria sobre el impacto de la contaminacinacsticaenlavidadeloscetceos.
46
4. area<numArea>.swf:Semuestraelmapadelreaestudiadaalaquehemos accedido, as como ayuda, informacin y los mdulos de acstica y simulacin.Taminsedaaccesoalaszonasdeintersdelreaestudiada. 5. area<numArea>zi.swf: Se carga el mapa acstico, adems de ayuda e informacin. Elmapaacsticotienelassiguientesfuncionalidades: o Barradetiempodesplazable o Cambiodedaestudiado o Sistemaacsticointeractivo o Visualizacindereasfrecuentadasporcetceos o Informacindeltrficomartimoenlospuertosprincipales o Informacinsobreelorigen/destinodecadaitinerario o Informacindetalladadecadabarco 6. generadorItinerarios.swf:Esunautilidadindependientealaaplicacinque seutilizaparagenerar,apartirdepuntosdecontrol,lascoordenadasdelas curvas Bzier que representan cada uno de los itinerarios. Los datos que genera,sonposteriomentepasadosaarchivosdetipoXML. Estautilidadesnecesariaparalacargadinmicadebarcos. 7. Datos tipo excel: Archivos que contienen toda la informacin de los estudios. Mediante un proceso manual, estos datos son pasados a formato XML, ya que la informacin cedida por el cliente no poda parsearse automticamentedebidoalanaturalezadeloscontenidosens. 8. DatostipoXML:Contienentodalainformacinaniveldetextoquenecesita elmapapeninsular,ascomorutasdeotrosarchivosXMLconcontenidosde lasdistintasreasdeinters. 9. Datos tipo XML: Contienen toda la informacin a nivel de texto que necesitanlasreasdeintersysuszonasestudiadas,ascomorutasdeotros archivosXMLconcontenidosdelmapaacstico(itinerariosymanchas)ylos mdulosdeinformacin,ayuda,simulacinyacstica. 10. Librerasactionscript:Todaslaslibrerasqueseempleansecentranenla programacin del mapa acstico (informacin de barco, puerto, colisiones, manchasylibreraexternaGreensock).
48
3.4. Tomadedecisiones
3.4.1. Tecnologaaemplear Dado que hablamos de una aplicacin que, por su naturaleza deba ser de tipo audiovisual e interactiva, ya se pens en trabajar con una plataforma que facilitase su desarrollo en estos aspectos. Y que adems ofreciese un avanzado sistema de renderizacin de grficos para poder transmitir lo ms fiel posible, todoslosdatosrecogidos. Esporestosmotivosanteriores,ydebidoalafamiliarizacinqueyasetenacon estatecnologaenproyectosanteriores,quesedecidiutilizarAdobeFlash Ref. 3 comoherramientasobrelaquedesarrollartodalaaplicacin. Inicialmente, la aplicacin estaba pensada nicamente como soporte para las ruedasdeprensaqueserealizaronalolargodelacostapeninsularyciudades importantes del pas. Pero dado que Flash es una tecnologa, en gran medida orientadaalaplataformaweb,fuemotivosuficienteparaampliarloscanalesde difusin de esta aplicacin, dejando de ser una herramienta especfica para las ruedasdeprensa. En cuanto al lenguaje de programacin dentro de Flash, se opt por actionscript2.Yaquehablamosdeunproyectoiniciadoenjuliodelao2007,el usodeactionscript3noestabatanextendidocomoahora.Ademsqueanivelde trabajo, an no haba desarrollado ningn proyecto en esta nueva versin de actionscript.Locualsesumabaalproblemadeplazosdeentrega,quedepors, eran demasiado justos como para tener que trabajar sobre un lenguaje no utilizadoanteriormente.
49
3.4.2. Tecnologasdesestimadas En cuanto a tecnologas contempladas como vas de desarrollo pero que no procedieron: EmpleodelaAPIdeGoogleMapsdentrodelentornoFlashparaelusode mapas.Estocomplicaraeltratamientodinmicodedeterminadosobjetosdel mapaacstico,comoelmar,latierra,elruidorepresentadoenrojodebarcos y contaminacin costera causada por pequeas embarcaciones. Es por este principalmotivoquesedescartelusodelaAPIdeGoogleMaps. Java:Sedesestimalnoofrecerunainterfazparaeltratamientovisualdelos elementoscomodisponeFlash. Silverlight: Como herramienta multimedia, se pueden conseguir resultados muysimilaresalosdeAdobeFlash.Peroeneliniciodeldesarrollo,estabaen unafasedemasiadoinicial,demodoquenosedisponadegraninformacin sobrelaherramientanideejemplosytutoriales. Director: Este software tambin es similar a Flash, aunque est orientado a soportes multimedia como CDs, DVDs, etc, ms que orientado a web como Flash.Asque,pensandoenlaspresentacionessquehubiesesidounabuena herramienta de desarrollo. Pero en el momento en que se pens en la web comomedioigualdeimportanteconelquedifundirlaaplicacin,empeza dejardetenersentidoelutilizardirectorcomoherramientadedesarrollode la misma. Y ms an cuando la tendencia era dar cada vez menos soporte a esta herramienta, tanto a nivel de desarrollo de nuevas versiones, como por faltadeintersyseguimientoporpartedelosprogramadores. Flex:Estaherramientaesmuytilcuandopensamosentratamientodinmico de datos y presentacin de los mismos mediante componentes. Pero, puesto que hablamos de una interfaz grfica totalmente especfica para esta aplicacin,dejabadetenersentidoeltratarloscontenidosconcomponentes ya predefinidos. Slo hubiese sido til en algunos mdulos puntuales de la aplicacin,quehubiesenpodidosincronizarsebienconFlash,yaqueutilizael mismo plugin para ejecutarse. Pero para mostrar animaciones, el mapa
50
acsticoydemsutilidadesdelaaplicacin,noeranecesario.Conlocualse desestimtambin. 3.4.3. Tratamientodeimgenes Puesto que hablamos de una aplicacin, bsicamente centrada en los mapas acsticos,sedecidiadaptarlasprimeraspropuestasdediseosesquemticos,a mapas reales retocados, empleando la herramienta de edicin de imagen PhotoshopRef.4. 3.4.4. Preparacindedatos:Deexcelaxml Losestudiosrecogidosporelcliente,lostenanguardadosenarchivosdetipo Excel. DadoqueFlashnopermiteparseardatosdirectamentedeficherosExcel,sehizo una conversin de estos archivos a un formato que trabaja bien con Flash, el XML. Dado que los archivos XML ya fuerzan una estructura de sus contenidos, ayudapoderinterpretarrpidamentetodosloscontenidosvisualmentedesde XML a la hora de hacer testeos de los contenidos parseados e interpretados desdeFlash. Tambin se aprovech para adaptar los contenidos de excel a XML, con tal de facilitarsutratamientoposteriorenFlash. Otros contenidos de tipo texto, fueron transformados a XML para unificar el sistemadeentradadedatos.
51
3.4.5. Simulacin:Funcionalidadinteractivaparalarepresentacindel solapamietodefrecuenciasentreembarcacionesycetceos Inicialmente,elmapaacsticoeraelnicosistemaparapoderobservarelnivel decontaminacinacsticaproducidoporlasembarcaciones.Peroconestenose daba informacin sobre el solapamiento de ondas frecuenciales entre las embarcacionesycetceos. Por este motivo se tom la decisin de crear una animacin con capacidad de interactuarentrelaembarcacinyelcetceoelegidos. Se decidi generar un entorno de falso 3D en la animacin para dar ms sensacinderealismoaloselementosquesemuestran. 3.4.6. Automatizacindelacargadebarcos Debidoalgrantrabajoquesuponeanimarmanualmentecadaunodelosbarcos queacabangenerandoelmapaacsticodelaszonasestudiadasdetodalacosta peninsular,seoptporemplearunframeworkparaFlashllamadoGreensockRef.2. Este proceso de automatizacin se llev a cabo como mejora del proyecto real entregadoalcliente,adaptndoloasparaelproyectodefindecarrera(Fase4). Seemplebsicamenteparadosaspectos: 1. Crear una lnea temporal, sincronizada con la lnea de tiempo del mapa acstico,conlaquecontrolareltiempodecargaydescargadebarcosen pantalla. 2. Crear las interpolaciones de movimiento de los barcos por sus correspondientes itinerarios (curvas Bzier). Esto implic suplir las lneas gua para animaciones de Flash por curvas Bzier. Y para ello, se crelaherramientageneradordeitinerarios. Como cada itinerario pas a ser un conjunto de coordenadas que formaban las curvas Bzier, se crearon archivos XML para almacenar las coordenadas de las curvas.
52
3.5. Estructura/mdulosdelaaplicacin
3.5.1. Diagramadeclases Alhablardeactionscript2,noexisteunaestructuradeclasesqueenglobetodala programacin utilizada, puesto que no es una programacin 100% orientada a objetos, sino orientada en parte tambin a eventos. As que a continuacin se muestraundiagramaconlaestructuradeclasesquepodratenerlaaplicacin 100%orientadaaobjetos.
DiagramadeclasesRef.20.
53
3.5.2. EstructuradearchivosXML El siguiente diagrama muestra la estructuracin de archivos XML que se ha empleadoparalaaplicacin.
DiagramadearchivosXMLRef.20.
Todalainformacinquevarasegnelreayzonaestudiada,esdecir,laquese muestra en el mapa acstico, excepto la informacin y ayuda interactiva, se encuentraeneldirectorioXMLdentrodelreaestudiada. Porlotanto,cadareaestudiadatienelossiguientesarchivos: listado_zona_interes.xml: por cada zona estudiada, hay un nodo zona. Este tienedosnodoshijos: o Nodo de tipo itinerario: Es un conjunto de nodos por cada puerto de la zona. Cada nodo puerto, especifica la URL del XML que contiene los itinerariosrelativosacadapuerto. o Nodo de tipo mancha: Al hablar de mancha nos referimos al nivel de contaminacin global que se genera en un puerto, representado grficamente como una mancha roja. Es un conjunto de nodos por cada puerto de la zona. Pero en este caso, no de puertos que contienen itinerarios,sinodetodoslospuertosquecontienenmanchas.
54
Itinerarios > Itinerarios.xml: Contiene la informacin generada con la miniaplicacinGeneraItinerarios.fla. Hay un nodo por cada puerto de la zona estudiada. Cada puerto tiene un conjuntodenodositinerarioquecontienenlascoordenadasdelospuntosde controlqueformanlascurvasbzier. Itinerarios > Itinerarios<nombrePuerto>: Contienen la informacin de todos losbarcosquepasanporelpuertoparacadadaestudiado. Hayunnodoporcadadaestudiado,compuestopornodosbarco.Ycadanodo barco contiene la informacin necesaria para ser animado (fecha y hora de entrada y salida del puerto, y tipo de barco, que determinar su velocidad). Tambinalbergainformacinamostrarcuandoseclicasobreunbarco. Manchas > Manchas<nombrePuerto>: Mantiene la misma estructura que el XML anterior. En este caso, en vez de dar informacin por cada barco, se da informacin de la contaminacin que sufre cada puerto en el tiempo estudiado,indicandolaintensidaddecontaminacin.Loquesetransformaen msomenosopacidaddelamancharoja. ElrestodearchivosXML,estneneldirectorioXMLprincipal,quecontienelos archivosrelativosaacstica,ayuda,informacin,reaseinterfaz.
55
3.5.3. Clasesymtodosdestacados
3.5.3.1. APLICACIN.FLA
En este archivo se han encapsulado funciones que no corresponden como tal a esteniveldelaaplicacin,sinoquecorrespondenalasreasyzonasdeinters. Sehahechoconelfindenoreplicarcdigoporcadareayzonadeinters. ComotenemosdosarchivosFlashporcadareaestudiada(areayareaZI),estos estn libres de cdigo, como se ha dicho anteriormente, con el fin de no replicarlo,puestoqueelfuncionamientoesidnticoentreunareasyotras. Cada punto siguiente hace referencia a una capa con cdigo en el primer o segundo frame del archivo Flash. Cada capa de cdigo hace referencia a cada funcionalidad de la aplicacin, como indican sus nombres, puediendo tener variasfunciones. Informacin o controlInformacion():Gestionamosloseventosderatncuandoseclicaa laseccindeinformacin,seadesdeacstica,simulacinopantallaincial. o controlCargaInfo(): En funcin de qu seccin de informacin sea, se cargaodescargaelpaneldecontenidodeinformacin. o cargaInfo(): Se accede al contenido del XML que corresponde a la informacin que queremos mostrar, almacenndose en el objeto que se pasaporparmetros. Ayuda o controlAyuda():SellamaacontrolCargaAyuda(),pasandoelobjetosegn desdelaseccinquesehayaaccedido. o controlCargaAyuda(): Se cargan las chinchetas de la ayuda interactiva, cargando un contenido distinto segn la seccin desde la que se acceda: simulacin,acsticaozonadeinters.
56
Acstica o controlAcustica(): Para cada tipo de barco y de cetceo seleccionado, se carga su grfica correspondiente. Las grficas de cetceos son directamenteimgenes,ylasdeloscetceos,segenerandinmicamente segnlosvaloresentradosparacadatipodeembarcacin. Simulacin o controlSimulacion(): Se inicializan los datos y objetos de la simulacin. Unavezseleccionamosunbarco,sellamaacontrolTiempoSimulacion()ya calculaDistancia(). CuandoseseleccionauncetceosellamaasimulacionMouseCetaceos()ya simulacionSonidoCetaceos(). o calculaDistancia(): Se recalcula la distancia entre barco y cetceo tras hacerzoomInyzoomOut,devolviendoelniveldedecibelios. o controlTiempoSimulacion(): Comienza la animacin del barco clicado, sincronizadoconlalneadetiempo.Segestionaeltiempoyelcontrolde zoomInyzoomOutdelaanimacin.SellamaasimulacionSonidoBarcos(). o simulacionSonidoBarcos(): Cargamos el audio del barco seleccionado. Al pasarconelpunteroporencimadelaondadelbarco,ysegnladistancia calculadaalcentrodelmismo,sevaraelvolumendelsonidodelbarco. o simulacionSonidoCetaceos():Cargamoselaudiodelcetceoseleccionado. Interfaz o playBlurInterfazPrincipal() y stopBlurInterfazPrincipal(): Hacen que el fondosedesenfoqueoenfoquesegnsisecargaodescargaunaseccin. Zonainters o controlCargaZonaInteres():Paracadareaozonadeinters,secargansus nombrescorrespondientesysellamaalafuncinzoomIn()alclicarsobre unreaozona. o zoomIn(): Una vez se hace el zoom hacia el rea o zona seleccionada, se llamaacargaZonaInteres(). o cargaZonaInteres():Segnsivenimosdelmapapeninsularodeunarea, cargamoselarchivoSWFdelreaodelazonadeintersseleccionada.
57
CargaXML o cargaXMLAplicacion(): Se llama a una funcin que se encarga de cargar los contenidos de los XML relativos a cada mdulo: informacin, ayuda, reas,interfazyacstica. Sonido o Secarganlossonidosdetodosloscetceosyembarcaciones. Funciones o Tenemosvariasfuncionesqueseencargandeinicializarlainterfazglobal delaaplicacinydelcontroldelmapaengeneral:botonesdeaccesoalas distintasreasypanelparaaccederalaayudaeinformacin. o Adems tenemos la funcin scaleEaseTo() que se encarga de hacer los zoomsdelosmapas.
3.5.3.2. AREAX.FLA
Contiene las funciones para generar la grfica de la seccin de acstica: cargaEstadisticas(),pintaMatriz(),pintaBarra(),pintaNumeros()ycreaMatriz().
3.5.3.3. AREAXZI.FLA
Seinstancialazonadeintersquesehayaseleccionadoenelreaestudiada. Todo el control de tiempo, barcos, puertos, itinerarios y cetceos est programadodentrodelaslibrerasdeactionscript. Laayudainteractivaeinformacinestnprogramadosenaplicacion.fla.
58
3.5.3.4. GENERADORITINERARIOS.FLA
Archivo Flash encargado de generar los itinerarios (puntos de control) que trazan la trayectoria de la animacin dinmica de los barcos. Esta es una funcionalidadaadidaparaautomatizarlacargadebarcos.Norealizadadurante eldesarrollodelproyectoentregadoacliente,sinoespecficamentecreadopara elproyectodefindecarrerara(Fase4). Se encarga de generar el cdigo XML que define las coordenadas de los itinerarios.ParaelloseempleancurvasBziergeneradasentiempodeejecucin. Se utilizan como plantillas las imgenes previamente dibujadas en Flash para tenerunareferenciavisualdelatrayectoriaquehadeseguircadaitinerario. Siempresetomacomoreferenciaelpuertoestudiado,siendoelprimerpuntode control.Posteriormenteseaadenlospuntosdecontrolnecesariosparatrazar cadaitinerario. LascurvasBzierimplementadassondetipocuadrtico. Acontinuacinseexplicanlasfunionesquepueddenencontrarseenlacapade cdigoquehaydentrodelarchivoFlash: Init(): Inicializamos todos los puntos de control que formarn las curvas y variablesdetextoquegeneranelformatodeetiquetasXML. setIti(): Cada vez que se clica al botn Aadir itinerario se llama a esta funcin,queseencargadeconcatenareltextoquesehageneradoparaformar elnodoXMLitinerario. addControlPoint(): Se llama al crear el primer punto de control sobre el puertoestudiadoycadavezquequeremoscrearunnuevopuntodecontrol. Esteseaadedespusdelltimopuntodecontrolseleccionado.Seaadeun nuevopuntoenelarraycontrolPoints. removeControlPoint():Seeliminaelpuntodecontrolseleccionadoyseelimina tambindelarraycontrolPoints.
59
redraw(): Se encarga de redibujar la curva bzier cada vez que aadimos o quitamosunpuntodecontrol,cadavezqueaadimosunitinerarioycadavez que desplazamos un punto de control. Para ello llama a las siguientes funciones: drawCurvePoints(), drawLinePoints(). Tambin se refresca el texto quemuestraenelSWFlascoordenadasdecadapuntodecontrol. drawCurvePoints(): Se aaden 10 crculos a lo largo de la curva entre cada puntodecontroladistanciaequidistanteunodeotro.Paraellosellamaala funcin pennerPointOnCurve(). Sirve para trazar luego las lneas que crearn la curva, y tambin se aprovecha para dar informacin de lo que tardar en recorrerelbarcocadatramodelitinerarioenfuncindelaseparacinentre estoscrculos. pennerPointOnCurve():Calculamediantelafrmuladecurvabziercuadrtica lascoordenadasdecadapuntoqueformarnlacurva. drawLinePoints(): Dibuja las lneas entre los 10 crculos que hay entre cada puntodecontrol.
60
3.5.3.5. LIBRERASACTIONSCRIPTPROPIAS
zonaInteres.as o zonaInteres():EnlaclasezonaInteressetratatodoelfuncionamientodel mapa acstico. Bsicamente el control de tiempo, barcos, itinerarios, manchas y cetceos. Los apartados de ayuda e informacin ya se ha explicado anteriormente que se han desarrollado en aplicacin.fla de formaglobalparatodaslaszonasdeinters. SedeclaralalneadetiempoTimelineMax(),losarraysquecontendrnla informacinrelativaalasmanchas,barcosypuertos. Se carga la informacin de itinerarios, barcos y manchas mediante loadItinerarios(), loadInfoBarcos() y loadManchas(). Y una vez cargados sus contenidos XML, inicia todo el control del mapa acstico a travs de barcosZI(),puertosZI(),controlZI(),StartManchas()yCopyToPortMC(). o loadItinerarios(): Parsea el XML de itinerarios mediante la funcin parseaCoords(). Cada nodo XML tiene las coordenadas de los puntos de controlqueformancadaitinerario.Creamoselarrayitisdeitinerariospor cadapuerto.YunarraynomItisdenombredeitinerariosporcadapuerto, queservirparaasignarlositinerariosacadabarco. o loadInfoBarcos(): Se parsea el XML listadoZonaInteres, nico para cada rea estudiada. Y por cada nodo puerto se obtiene la ruta del XML de todoslospuertosrelativosalazonadeinters.Parseamoslainformacin de los itinerarios por cada puerto / XML. Creamos una instancia de la claseinfoBarcoyporcadadaestudiadosealmacenatodalainformacin decadabarcoenelarrayinformacionPuertosBarcos. o sortBarcos():OrdenamoselarraydebarcosinformacionPuertosBarcospor ordendeentradaysalidadepuerto. o barcosZI():NosrecorremoselarraydebarcosinformacionPuertosBarcosy porcadabarcoasignamossuitinerarioyloinstanciamos. o asignaItinerario(): Recorremos el array nomItis para encontrar el itinerarioqueseasignaacadabarco. o instanciaBarco():Intanciamosenelescenariocadaunodelosbarcosdel da estudiado. Segn su direccin invertimos el orden de los puntos de
61
control para que vaya en direccin opuesta. Mediante la clase TweenMax.as, animamos el barco indicando el array de coordenadas de puntos de control, es decir, indicando la curva bzier que ha de seguir, indicando en qu momento comienza y termina la animacin segn los datosparseadosycalculadosdecadabarco. o loadManchas():Secarganlasmanchasporcadaunodelospuertosdela zona estudiada. Para ello se utiliza la funcin AfegirTaca() de infoPuerto.as. o StartManchas():Creamosunintervalodetiempoparallamaralafuncin UpdateManchas(), que llama a la funcin Update() de la clase manchaPuerto.asparaactualizarlamancha. o controlZI(): Llamamos a la funciones controlSonidoBarcos() y controlSonidoManchas(), que se encargan de preparar los audios para cuandoentremosenmodoacstico.Tambinsecontrolanloseventosdel panel de secciones de informacin, ayuda, cetceos, modo acstico y cerrar.Ascomoelcontroldetiempo:play/pausaycambiodeda. o puertosZI():Alclicarsobreunpuertosecargalainformacindetodoslos barcosquepasanporelpuertoatravsdeuncomponenteDataGrid. o cambiaMouse(): Cada vez que se llama a esta funcin, se intercambia el puntero del mouse por un altavoz o la flecha normal. Cuando est en modo altavoz, se detecta si hay colisin con tierra o mar a travs de la clasecolision.as,contaldereproducirunsonidouotro. o controlSonidoBarcos():Seactivaelsonidoparacadabarco,sipasamospor encima de un barco se reproducir el audio de mercante. Puesto que todoslosbarcosquevanporitinerariossonmercantes. El nivel de volumen segn la intensidad de contaminacin se calcula desdelamoviebarcodentrodelarchivoareaXzi.fla. o controlSonidoManchas():Seactivaelsonidoparacadapuerto/mancha,si pasamos por encima de una mancha se reproducir un audio concreto, dependiendodeltipodeembarcacionesquehayanenelpuerto. El nivel de volumen segn la intensidad de contaminacin se calcula desdelamoviemanchadentrodelarchivoareaXzi.fla.
62
infoBarco.as o setBarco():EnelmomentoquedesdezonaInteres.asllamamosasetBarco, se almacena en el objeto barco los atributos parseados del XML propios decadabarco,yademsseasignanunosvaloresuotrosdependiendode sihablamosdeunpuertoquellegaapuertoosaledepuerto: Tiempo: se asigna el tiempo parseado directamente de XML o el obtenidomediantelafuncincalculaTiempo()dependiendodesillega apuertoosaledepuerto. Direccin:ser11dependiendodesientraosale.Nossirvepara asignar el itinerario a cada barco con los puntos tal cual estn almacenados o en orden invertido para que el barco lo recorra al revs. Itinerario: Nombre del itinerario que se asigna al barco, que ser el campoorigenodestino,dependiendodesientraosaledepuerto. o calculaTiempo():Devuelvelahoraenquellegaelbarcoapuerto.Paraello se resta la duracin al tiempo de llegada, la duracin depende de la velocidad,yportantodeltipodebarco. colision.as o colision():Calculalacolisinenbasealniveldeopacidaddelobjetoconel que se colisiona. Siempre ser una mancha o barco, por esto importa el niveldeopacidad,pueselvolumendependerdeestosvalores. infoPuerto.as o AfegirTaca(): A partir de los datos pasados a la funcin y obtenidos del XMLdemanchas,porcadamanchaseinstancialaclasemancha.as. mancha.as o mancha(): En base a los datos propios de cada mancha, se calcula el tiempodeinicio,fineintensidaddelamancha. manchaPuerto.as o Update(): Se encarga de actualizar el nivel de opacidad de la mancha segn la intensidad que tenga en cada momento. Se llama segn el intervalomarcadoparaactualizarlasmanchasenzonaInteres.as.
63
3.5.3.6. LIBRERASACTIONSCRIPTGREENSOCKREF.9
EsunconjuntodelibrerasestilolaclaseTweendeAdobe.Seempleaparahacer interpolaciones y construir lneas de tiempo por cdigo. As como seguimiento deobjetosporlneasBzier. Estosdosltimospuntossonlosquehanpermitidohacerlacargadinmicade barcosenlafase4delproyecto.
64
3.6. Fasededesarrollodelproyecto
El proyecto se dividi en cuatro fases de desarrollo. En cada una de ellas se aadieronmejorasyfuerondesarrollandolasdistintaszonasestudiadas. Elclienterealizunaseriederuedasdeprensaportodoellitoralpresentando encadacomunidadautnomacadaunadelaszonasestudiadas.Porestemotivo, lasentregasdelproyectoibandirectamenteligadasalasruedasdeprensa. 3.6.1. Fase1 Enlaprimerafase,sedefinilabasedelproyectoarealizar,centrndoseenlos datosobtenidosenlacomunidadautnomadelasIslasBaleares,concretamente seestudilazonadelcanalentreIbizayFormentera. Especificacionesdeldesarrollorealizadodurantelaprimerafase: Conceptualizacinydesarrollodeldiseo Estructuracinvisualdecontenidos ParseodecontenidosdinmicosaXML(Informacinrelativaalosbarcos) Mapaacsticodelazonaestudiada(4dasestudiados).Dondesemuestrala informacindecadabarcoypuerto. Simulacin de las embarcaciones en falso 3D para ver y escuchar el nivel de contaminacin acstica. Disponiendo de una barra temporal con cursor deslizable y una herramienta de zoom, para poder observar el radio de contaminacingeneradoporlaembarcacinseleccionada. Especificacionesdelasembarcaciones.
65
3.6.2. Fase2 Lasruedasdeprensasecomenzaronenlasegundafase,yaqueahorayahaba unaversinestabledelaaplicacin. Nuevaszonasdeestudioymejorasquesedesarrollaron: Paso de un idioma a dos. Implic crear una series de archivos XML para externalizarloscontenidos. Ayuda interactiva para ver informacin sobre todos los controles de la aplicacin. Nueva rea de inters estudiada, la comunidad autnoma de Catalua, en la queseestudiantreszonasdeinters. Informacindecetceosenespecificaciones. Incorporacin de cetceos en la animacin de falso 3D para comprobar la solapacindeondasconlosmercantes. La solucin fue susbtituir el ratn por el cetceo seleccionado, dando as libertaddemovimientoalcetceo,ypudiendocambiarencualquiermomento eltipodeembarcacin.Deestaforma,sepodaveryescucharestecrucede frecuenciasentrecetceosyembarcaciones. Creacin de un sistema visual y auditivo de contaminacin en las costas, causado por pequeas embarcaciones. Sistema similar al de los barcos animadosdelmapaacstico. Animacindebarcosenelmapaacstico,ahoratambinconsistemadeaudio parapercibirelniveldecontaminacinacsticoatravsdelaescucha. Sistema de audio interactivo. Para ello se emple el ratn como medio para explorarlaszonasdemayorymenorniveldecontaminacin.
68
3.7. Metodologadedesarrollo
A lo largo del desarrollo de todo el proyecto, se llevaron a cabo distintas estrategias de trabajo. En cada fase, la situacin era distinta, con lo cual, citaremoslasdiferentesmetodologasaplicadassegnlafasedelproyecto. 3.7.1. Fase1 Enlafaseinicial,setenacomoobjetivohacerpocomsqueunademodeloque seralaaplicacinfinal. Porpartedelcliente,nosedisponadeunasespecificacionescerradas,yaquelas funcionalidades que ofreca la aplicacin, se iban mejorando segn los avances de la misma. Por este motivo, era necesario un feedback casi constante con el cliente. Esto implicaba ir generando versiones rpidas de desarrollar, de este modoseminimizabanlosriesgosdedesarrollopormalasespecificaciones. El conjunto de situaciones expuestas anteriormente apuntaron a emplear el ModelodeDesarrolloEvolutivo.
Modelodedesarrolloevolutivo.
77
Concretamenteenelmodelodedesarrolloevolutivoexploratoriosecomienzaa desarrollar las partes bien especificadas por el cliente, como era el caso de la principalfuncionalidaddelmapaacstico:Laanimacindebarcos.Deestemodo el cliente vea resultados de forma rpida. Y la aplicacin fue evolucionando conformeseaadannuevascaractersticaspropuestasporelclienteomejoras delasfuncionalidadesyaexistentes. Explicando ms en profundidad las distintas fases del modelo al crear nuevas funcionalidades: Especificacin: Se concertaban reuniones con el cliente para exponer los problemas y mediante participacin conjunta se proponan soluciones y nuevasideas. Desarrollo:Seacababandeconceptualizarlasideas,estudiandolaviabilidad aniveltecnolgicoparallevarlasacabo.Luegosecomenzabaatrabajarenla preparacin de bocetos, estilo de la interfaz, sistemas de navegacin, y en general,desarrollodelaaplicacin. Por otro lado, se adaptaba el material a la aplicacin. En el caso del mapa acstico: o Excelcondatosestudiados>XML o Imgenesderutas>Generacindeitinerarios o Regionesestudiadas>Generacindemapas Evolucin:Mediantemltiplesentregasseibarefinandoeltrabajorealizado, volviendoarepetirlosprocesosanterioreshastadarconlaversindefinitiva.
78
3.7.2. Fase2 Enlasegundafasedelproyectohabannuevasfuncionalidadesquedesarrollary otras que, simplemente, tenan que ampliarse o mejorarse. Por este motivo, la metodologa a aplicar deba adaptarse segn fuesen nuevas herramientas o mejorarlasyaexistentes. Para las nuevas funcionalidades se sigui utilizando el mismo modelo. Puesto que era necesario una gran comunicacin con el cliente y preparar pequeas entregas para hacer seguimiento de la evolucin del trabajo. Las principales herramienats de la aplicacin que deban desarrollarse eran la simulacin acstica en falso 3D, el sistema de ayuda interactiva, las grficas del sistema auditivo de cetceos y barcos, y algunas nuevas funcionalidades en el mapa acstico. La metodologa utilizada hasta este punto, tambin provoc un aspecto negativo:lafaltadedocumentacin,debidoalanecesidadconstantedepreparar entregasalcliente,quitandoportanto,tiempoparagenerarla. Las ampliaciones, son relativas al mapa acstico. Esta parte del trabajo ya no requera de una presentacin constante de nuevas versiones a cliente. Los requisitos ya estaban bien definidos. Con lo cual, el objetivo era desarrollar las nuevaszonasdeinterssiguiendosiempreelmismoproceso. Cada nueva zona estudiada era presentada al cliente para comprobar su funcionamientocorrecto,ysieranecesario,hacerlasadaptacionespertinentes.
79
Elmodelodedesarrolloencascadacumpleconlascaractersticascomentadas anteriormente.Porlotanto,podemosdecirqueestefueelmodeloqueseemple paraampliarelmapaacsticoconnuevaszonasestudiadas.
Modelodedesarrolloencascada.
80
3.7.3. Fase3 Enlatercerafase,yltimaentregadaalcliente,semantieneelmismosistemade trabajo.Seempleanlosdosmodelos,puestoquehayunanuevafuncionalidada partedeldesarrollodenuevasreasdeestudio. Lanuevafuncionalidadeslaconstruccindelmapapeninsularcomosistemade navegacin entre las distintas reas estudiadas. Durante este proceso, eran necesarias continuas revisiones por parte del cliente, as que el modelo de desarrolloevolutivo,eselqueseutiliz. El resto de trabajo para finalizar esta fase del proyecto, fue ms repetitivo. Volvemos a hablar de especificaciones cerradas. Por lo tanto, el modelo de desarrolloencascadaeraelmsapropiado.Nohicieronfaltaiteracionesenlas distintas fases del modelo, puesto que el riesgo a tener que hacer correcciones eraprcticamentenulo. 3.7.4. Fase4 Paraeltrabajodelaautomatizacinenlaanimacindebarcosdentrodelmapa acstico, se tuvo que redisear alguna estructura y mtodos de la clase zonaInteres.as. Se aprovech para eliminar cdigo de los archivos Flash, y as controlarlotododesdelapropiaclase.Esteprocesorequirieltenerquerevisar granpartedelcdigoantesponerseconeldesarrollo. Aunque, como en esta fase, todo el desarrollo era interno y no afectaba al resultado de la aplicacinms que en el rendimiento, ni tena que hacerse un seguimiento externo, como en su momento tuvo que hacer el cliente, no fue necesarioceirseaunametodologadetrabajoespecfica.
81
4.2. Rendimientodelaaplicacin
Laaplicacinmuestradistintoscomportamientossegnlafuncionalidadquese est ejecutando. Sobretodo a la hora de acceder a un mapa acstico, el coste computacional es bastante ms elevado que en otras funcionalidades de la aplicacin. Adems, requiere un tiempo previo a la animacin de barcos para hacer los clculos necesarios que requiere la animacin de manchas. Pues los datosqueseobtienendeXMLnecesitandeclculosposterioresparapoderhacer lasanimacionespertinentes.Aunqueestosclculosnoafectanluegoaltiempode ejecucin. El mapa acstico, anteriormente estaba desarrollado mediante un proceso manualdeanimacin.Ycuandohabaungrannmerodebarcosdesplazndose almismotiempo,afectabaalrendimientodeformaconsiderable.Estosedebea lacantidaddeclculosquehandeprocesarseencadaiteracinporcadabarco. Al desarrollar la cuarta fase del proyecto, en la que los barcos se animan de forma dinmica mediante el uso de la librera Greensock Ref. 2, se consigue disminuirconsiderablementeelcostecomputacional. Se ha de tener en cuenta que el rendimiento de la aplicacin tambin vara dependiendo de cmo se est ejecutando. El player mediante plugin de navegadorsueletenerunrendimientoinferioraldelplayerlocal. En las ruedas de prensa, para evitar posibles problemas de conexin y de rendimientoseejecutabaunaversinoffline,directamentesobreelplayerlocal deAdobeFlash.
86
4.4.1. Personalquecolaborenelproyecto En el proyecto haban dos equipos, uno formado por el laboratorio y otro por Sicalipsis. Por parte del cliente, se encargaban recolectar los datos estudiados y de prepararelmaterialcedidoaSicalipsis.Paraelloutilizaronunbarcoconelcual hicieronmedicionesalolargodetodaslaszonasestudiadasdelapennsula: Michel Andr
Ref.23:
Director del laboratorio y lder del proyecto global.
Ingeniero Superior en Biotecnologa, Licenciado en Bioqumica y Fisiologa Animal,DoctorenBiologa. AlexMas:Investigadorenellaboratorio.IngenieroenBiomdica. MariaMorell:Investigadoraenellaboratorio.IngenieralicenciadaenBiologa. Mike van der Schaar: Investigador en el laboratorio. Ingeniero licenciado y masterenMatemticasAplicadas. PorpartedeSicalipsis,laspersonasquecolaboraronson: Marcos de la Torre: Jefe de proyecto. Diseador y programador de la aplicacinenlascuatrofases. GriselRodrguez:Colaboradoraenlaanimacinmanualdebarcosdeciertas zonasdeestudioyenlamejoradelaprogramacindelaFase3.
89
5. CONCLUSIONESYLNEASDEFUTURO
5.1. Conclusiones
Comenzando por un aspecto negativo, podemos hablar de los problemas que acarreaelnodisponerdeuntimmingajustadoaltiempoquesehadeinvertiren el planteamiento y desarrollo. Pues esto implic fallos en el enfoque de la programacin,impidiendolaescalabilidadalahoradeestudiarnuevasreas. Anyas,hubountrabajoenequipobastantesatisfactorioybiensincronizado porpartedeclienteydesarrolladores.Puestoquelaspropiasruedasdepremsa forzabanelseguimientoyentregasperidicassegnibanamplindoselasreas estudiadas. Con el resultado estoy contento, ya que tuvo un gran impacto, y como herramienta,cumpliconlasespectativasdelcliente. La finalizacin del proyecto la provoc el no disponer de fondos, al dejar de financiar la Obra Social el proyecto global. Eso hizo que por parte del cliente, hubieseciertadecepcin,puesnopudocompletarseelmapaacsticodelacosta peninsularporfaltadelestudiodelacostasureste.Peroencuantoalresultado de la aplicacin en s, y del xito meditico que consigui, s que qued satisfecho. Quizselreadaptarlaaplicacin,carezcadesentido,mientrasnohayandatosde estudioconlosquepoderrecrearposteriormentelasanimacionesdelosbarcos ycompletarelmapaacstico.
90
A nivel interno, tendra sentido si fuese una aplicacin en la que tuviese que colaborar ms gente a nivel de desarrollo. Pero en la fase que qued, no sera necesario.Asqueaniveldereadaptarlaaplicacin,sepodrahablarmsbien de aadir nuevas funcionalidades, como podra ser un proceso de socializacin delaherramienta.Deestemodoseconseguiradifundirlaaplicacinamucha ms gente. Con lo cual, lo que quizs valdra la pena, es hacer campaas de marketingonlineparadifundirlaherramienta. Desde el principio del desarrollo, no se tuvo demasiado en cuenta la escalabilidad del proyecto, pues comenz con un mapa de una zona estudiada. Luego se pas a tener un nuevo nivel de navegacin en forma de mapa para elegir varias zonas estudiadas, no solamente una. Y posteriormente, un nuevo nivel de mapa para navegar por distintas reas estudiadas, que a su vez tenan distintaszonas. Estodificultelcrearunaestructuradearchivosyprogramacinconsuficiente flexibilidad como para evitar la rplica de cdigo y archivos al aadir nuevas reas y zonas estudiadas, como acab sucediendo. Aunque en parte s que se readapt el cdigo para evitar al mximo tener cdigo replicado en distintas reas. La aplicacinsedifundi endistintas ruedasde prensa.As quepodemos decir que la aplicacin sirvi como herramienta comercial mientras duraron las campaas.
91
5.2. Lneasdefuturo
Puestoquehablamosdeunaaplicacinconmltiplesherramientasypioneraen sumbito,esfcilencontrarunaseriedemejorasyampliacionesenlaaplicacin quelaenriquecerananms. 5.2.1. Mejorasmediantemarketingonline Procesodesocializacindelaaplicacin:Porrazonesajenasallaboratorio quellevabaacabolosestudios,comoyasehacomentadoanteriormente,dej definanciarseelproyecto.Porestemotivo,nollegaproponerselacreacin de campaas a travs de internet para difundir el uso de la aplicacin, y as poderllegaralmximodeusuariosposibles. Porlotanto,anivelcomercialpodrahabersehechousodelasredessociales paramejorarladifusindelaaplicacinatravsdeinternet.Sepodranhaber hechounaseriedeadaptacionesenlaaplicacinfacilitandoaselprocesode socializacin: 1. Aadirenlacesaredessocialesybloggers. 2. Creando pginas en las redes sociales destacadas como Facebook, Youtube,Blogger,etc. 3. Crear un blog en el que los usuarios pudiesen participar, dando sus opinionessobrelostemasrelacionadosconlacampaa. Creacindeunviral:Manteniendoelobjetivodeganarprotagonismoenla red, otro mtodo para conseguirlo sera creando un buen viral. Es decir, encontrarunaidealosuficientementecreativaeinnovadoraparaquediesede quhablarenblogsyredessociales,difundindoseaslaaplicacin.
92
5.2.2. Mejorasenlaaplicacinaniveldedesarrollo Posicionamiento web: Cuanto mejor se indexasen los contenidos de la aplicacin, mayor posicionamiento se conseguira. Para ello, sera necesario readaptarpartedeloscontenidosparamejorarsuindexacinenbuscadores, ascomocrearunmapawebdelasdistintassecciones/mapasacsticos. Otrosistemaparamejorarelposicionamientoseramedianteenlacesawebs quepudiesenestarrelacionadasdealgnmodoconelestudio,laobrasocial en s, etc. Y tambin consiguiendo, del mismo modo, tener enlaces entrantes dewebsconunaltoposicionamiento. Pordescontadoquecuantomayorparticipacinenlasredessociales,tambin influiraenelnmerodevisitasyporconsiguienteenelposicionamiento. Sistema de geolocalizacin mediante Google Maps: Se podra aadir un sistemadegeolocalizacin.ElniveldesincronizacinentreGoogleMapsyla aplicacin sera el aspecto ms delicado, pues los mapas creados no tienen ningn tipo de almacenamiento de coordenadas para poder adaptarlos a los mapas de Google Maps. As que la comunicacin entre aplicacin y Google Mapsenesteaspectoserabastantelimitada. Simulacin en 3D real: Actualmente, hay engines 3D que trabajan sobre Flash, como por ejemplo PaperVision3D. Este engine podra utilizarse para crear una animacin mucho ms realista, incluso aadiendo una mejor interaccin entre embarcaciones / cetceos usuario. Ya que podramos representar el nivel de contaminacin de forma tridimensional. Con esto se pasaradedarunainformacinaproximadaaunainformacinprcticamente deltodorealista. Nolimitaracuatrolosdasestudiados:Comoideal,sedeberanmostrarlos datosdelosdasqueelusuarioquisieseescojer.Aunquelosdatosdelosque sedisponepertenecenafechasconcretasdelestudio.
93
Modificacin del sistema de navegacin entre zonas estudiadas: En vez dejugarconelzoominyzoomoutparacambiardezonasestudidadasyver aslosdistintosmapasacsticos,podrahacerseunmapaacsticoglobalpor cada rea estudiada, y navegar entre las distintas zonas estudiadas simplementedesplazndonosporelmapa.Estamejorayasecontempl,pero debido que hablamos a una gran canidad de animaciones concurrentes, esto afectaraconsiderablementealrendimientodelaaplicacin,ylasolucinfue acotarestasanimacionesseparandolasreasenvariaszonasdeestudio. Ahora que se ha conseguido minimizar el coste computacional al hacer la carga dinmica de barcos enla fase4,quizssque sepodra prescindir del nivel intermedio de mapas, es decir, tener un mapa peninsular y de este acceder directamente al mapa acstico de cada rea estudiada, en vez de acotarloporzonasdeinters. Pasodeactionscript2aactionscript3:Unodelosprocesoscostosos,pero quemejoraranelrendimientoysobretodolaestructuracindelcdigo,sera pasar de actionscript 2 a actionscript 3. Al conseguir un cdigo ms limpio y modular,sefacilitaraengranmedidalainterpretacindelcdigo,pensando en mejoras de cdigo, incluso por nuevos desarrolladores. Ya que todo el cdigoestaracontenidoenlibrerasactionscripty,asuvez,estructuradopor clases. Elpasoprincipalseraextraertodoelcdigoquehaydentrodelosarchivos Flashycrearlibrerasactionscriptapartirdeestos. ActualmenteporcadareaestudiadahaydosarchivosdetipoFlash,unopara el rea en s y otro para las zonas estudiadas de cada rea. Esto podra evitarse,dejandodosnicosarchivosFlash,unodereasyotrosdezonasde intersnicosparatodaslasreasdeinters.
94
5.2.3. Posiblemtododedesarrolloalternativo Pensandoenelmapaacstico,unsistemaqueactualmenteesinviabledebidoa lalimitadaoinclusonulafacilidadconlaquesedisponedelosdatosdetrfico martimo,seralacreacindeunaaplicacinMashupRef.17. Esta aplicacin podra constar de un mapa desarrollado bajo la API de Google Maps que mostrase el nivel de trfico martimo que hay en cada uno de los puertos. Simulando mediante imgenes que representasen la contaminacin en base a los datos recogidos de cada puerto y/o embarcaciones. De este modo podra obtenerse un mapa con datos obtenidos incluso en tiempo real. Aunque para ello, se debera disponer de una base de datos que tuviese de forma unificadatodaestainformacin,locualnoexisteadasdehoy,ymenosan,en tiemporeal. Mediante controles de tiempo, podra obtenerse la informacin segn el da y hora escogida. De modo similar al que se hace en la aplicacin actual, pero sin estarlimitadoalos4dasestudiadosdeunaodeterminado. Adems, si se dispusiese de estos datos en tiempo real, podra hacerse un histrico de datos con los que se podran hacer estadsticas, y comprobar la variacindecontaminacinacsticaconformepasaeltiempo.
95
6. BIBLIOGRAFA
1. http://www.fundacio.lacaixa.es/ambitos/lacaixaafavordelmar/mapaacustico_ca.html 2. 3. 4. 5. 6. 7. 8. 9. http://www.greensock.com/ http://www.adobe.com/es/products/flash/ http://www.adobe.com/es/products/photoshop/ http://code.google.com/intl/es/apis/maps/documentation/flash/ http://es.wikipedia.org/wiki/HTML_5 http://slides.html5rocks.com/ http://code.google.com/p/tweener/ http://blog.greensock.com/tweeningspeedtest/ acustica.shtml 11. http://www.sonystyle.com.mx/lounge/ 12. http://smokescreen.us/ 13. http://listentothedeep.net/acoustics/index.html 14. http://www.sonsdemar.eu/sonsdemar.php 15. http://www.localizatodo.com/ 16. http://www.lab.upc.es/ 17. http://es.wikipedia.org/wiki/Mashup_(aplicaci%C3%B3n_web_h%C3%ADbrida) 18. http://seamap.env.duke.edu/ 19. http://www.w3.org/ 20. https://creately.com 21. http://es.wikipedia.org/wiki/Curva_de_Bzier 22. http://www.w3.org/TR/2000/CRSVG20001102/paths.html 23. http://www.lab.upc.es/index2.php?id=2&web=personal&lang=es 24. http://www.silverlight.net/ 25. http://www.microsoft.com/expression/products/blend_overview.aspx 26. http://www.adobe.com/es/products/flex/
10. http://www.monografias.com/trabajos29/contaminacionacustica/contaminacion
96

MemoriaFinal BN 10092902

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

MemoriaFinal BN 10092902

Cargado por

Copyright:

Formatos disponibles

ESCOLA UNIVERSITRIA DENGINYERIA TCNICA DE TELECOMUNICACI LA SALLE

ENGINYERIA TCNICA EN MULTIMDIA

Marcos de la Torre de la Torre

Daniel Arguedas Rodrguez

ACTA DE L'EXAMEN DEL TREBALL FI DE CARRERA

VOCAL DEL TRIBUNAL

VOCAL DEL TRIBUNAL

PRESIDENT DEL TRIBUNAL

no se han podido obtener datos realistas del nivel de contaminacin

Entrminosmatemticos,podemosdefinirunacurvabziercuadrticacomoel caminotrazadoporlafuncinB(t),dadoslospuntosP0,P1yP2.Ref.21. Sufrmulasera: B(t)=(1t) 2 P 0 +2t(1t)P 1 +t 2 P 2 ,t [0,1]

Elmodelodedesarrolloencascadacumpleconlascaractersticascomentadas anteriormente.Porlotanto,podemosdecirqueestefueelmodeloqueseemple paraampliarelmapaacsticoconnuevaszonasestudiadas.

Director del laboratorio y lder del proyecto global.

También podría gustarte