Proyecto Etapa Formativa

Aplicacin web y mvil para museos

Este documento contiene informacin sobre el desarrollo del proyecto Art like Qr y una descripcin de la tecnologas utilizadas .
Grupo de desarrollo Trycatch Software development

17/09/2012

1. TABLA DE CONTENIDO 2. INTRODUCCIN..........................................................................................................................................................4 3. OBJETIVO GENERAL................................................................................................. ......................................4 4. OBJETIVOS ESPECIFICOS..................................................................................................4 5. MARCO TEORICO........................................................5 5.1. Situacin actual...........................................................................................................................................6. 5.2 Anlisis causal............................................................................................. .......................................... 6 5.3 Pronostico .........................................................................................................................................7 6. VIABILIDAD........................................................7 6.1. Econmica....................................................................................................................................................7 6.2 Tcnica................................................................................................ 7 7. IMPACTO DEL PROYECTO......................................................7 7.1. Econmico....................................................................................................................................................7 7.2 Social...........................................................................................................................................7 7.3 Ambiental ................................................................................................................................... 8 8. NUESTRA EMPRESA ......................................................8 8.1. Nombre empresa.........................................................................................................................................8 8.2 logo de la empresa................................................................................. ..8 8.3 Misin....................................................................................................................................................8 8.4. Visin.....................................................................................................................................................9 9.SECTOR O MERCADO OBJETIVO9 10.REQUERIMIENTOS9 Funcionales.101,2, No Funcionales..13,14,15, 11. DIAGRAMAS . 15 11.1 Casos de Uso. ..16 11.2 Diagrama de Clases...17 . 11.3 Diagramas de Secuencia..18 11.4 Diagramas de Comunicacin..19 11.5 Diagramas de Interaccin...20,21, 11.6 Diagrama de Actividades22

12.. Conclusiones.23,24

13.. Bibliografa.24

14.

Anexos24,25,26

14.2Agradecimientos 27

2. Introduccin
Art like QR es una aplicacin web compatible con dispositivos mviles cuya funcin es dar a conocer de una forma interactiva las diferentes exposiciones e informacin de los museos de nuestra ciudad con el fin de promocionar nuestra cultura y actualizar con tecnologa actual, los servicios prestados por museos.

3. Objetivo general
Implementar innovacin tecnolgica al promocionar nuestra cultura logrando as optimizar y fortalecer el sector cultural, educativo y de IT.

4. Objetivos especficos
1. Proveer una interaccin directa con la cultura presentada en galeras y museos. 2. Promover el inters Hacia la cultura de nuestro pas. 3. Optimizar el flujo de informacin de cada uno de las exposiciones presentadas en el museo. 4. Generar un ambiente de cultura y entretenimiento de calidad, ms accesible para las nuevas generaciones. 5. Integrar nuevas tecnologas y mtodos de intervencin en la cultura, creando espacios de debate sobre el uso de estas en mbitos tradicionales como una galera o un museo. 6. Actualizar los servicios educativos prestados por museos y galeras hacia el uso de tecnologas mviles. 7. Lograr la satisfaccin del cliente, al ofrecerle un contenido interactivo de calidad. 8. Promover el uso de tecnologas mviles de ltima generacin como los Smartphone. 9. Generar ganancia econmica para el museo, al incrementar el volumen de visitantes satisfechos por la calidad de los servicios. 10. Ser lderes en el mercado de servicios digitales para museos y galeras. 4

5. Marco terico
5.1 Situacin actual: La necesidad de introducir cambios y nuevos procesos en el arte y en la forma como este se mostraba en las galeras y museos del mundo comenz tal vez con artistas como Marcel Duchamp cuando el implemento objetos prediseados y nuevas formas de presentar exposiciones, (fig.1)

fig 1. (Izq. Marcel Duchamp, Mile of String. 1942, New York. Der. L.H.O.O.Q. (1919).)
Desde entonces Artistas con la ayuda de la tecnologa actual han intentado transformar la manera como se presenta el arte en galeras y museos, aunque algunos museos tradicionales sigan conservando sus estndares. Fig 2.

fig 2. Izq. (Vista de una sala al interior del museo Louvre de Francia fuente: http://thesuninterior.com/. Derecha: Usuario explora el arte interactivo en una galera de arte. Fuente: http://www.gamasutra.com/)

Con la creacin de arte interactivo, se ha dado uso a las herramientas tecnolgicas para optimizar los procesos de flujo de informacin en las exposiciones de arte y as lograr una participacin directa del usuario con el arte. Fig3.

Fig 3. Arte Interactivo. Fuente: http://www.transmediale.de/

5.2 Anlisis causal

El principal problema o necesidad a suplir es que mucha de la informacin acerca del arte en general es reducida a el ambito del museo y el academico, sin que haya un gran alcanze de esta hacia el pblico en general, quien pierde el gran conocimiento valioso que encierra el entendimiento de el arte. La causa de este problema es la falta de difusin de la informacion correspondiente al arte y la falta de medios interactivos para hacerlo llegar a la gente, y asi hacerlo entendible.

5.3 Pronostico
Se producir un aumento del uso de tecnologas de la informacin en el mbito tradicional de las galeras y museos, esto gracias a la popularidad del arte interactivo y la realizacin de festivales como Documenta o Transmediale. Gracias a la popularidad de los dispositivos mviles como smartphones y tablets, se ver cada vez ms el uso de cdigos QR en museos, que le permitirn a la gente descargar la informacin correspondiente y as hacer de su visita una experiencia interactiva y rica en contenidos digitales de calidad. El panorama ser positivo para el uso de aplicaciones como Artlike QR, Que servirn para hacer ms popular y accesible el arte de museos y galeras y lograran el acercamiento de nuevos usuarios hacia el arte.

6. Viabilidad
6.1 Econmica la puesta en marcha de esta aplicacin requiere de una inversin 6650.000pesos dicha aplicacin podra generar una ganancia mxima de 2000.000pesos al ao , siendo as viable desde el punto de vista econmico . 6.2 Tcnica En las diferentes terrenos en los que nos podemos enfocar por medio de esta aplicaciones hemos tenido un recibimiento adecuado ya que este no se ha creado y no se idealizado ni puesto en marcha entonces en viabilidad tcnica tenemos gran respaldo ya que seremos lderes en promover este tipo de tecnologa para la sustentacin de informacin .

7. Impacto del proyecto

7.1 Economico Hablando desde el impacto econmico se beneficiara el sector turstico y educativo ya que por un bajo precio se obtendr acceso a esta aplicacin la cual subir la entrada de usuarios a los diferentes sitios tursticos en los cuales esta se encuentre . 7.2 Social Se promovera el inters por la cultura y un conocimiento ms profundo de nuestra historia ya que cada una de estas expresiones de arte cuenta la misma en su leguaje . 7.3 Ambiental Tendra un impacto positivo en el ambiente ya que se disminuye el uso de papel en guas tursticas y en descriptivos de las obras ya que no sera necesario y que d igualmente manera no cumple con la necesidad de abarcar toda la informacin pertinente .

8. Nuestra empresa:
8.1 Nombre: TryCatch Inc. Software Development. Construyendo y diseando cultura 8.2 Logo

8.3 Misin TryCatch Inc. Software est comprometido con la cultura y educacin de nuestro pas as como con la innovacin tecnolgica creando productos de calidad que competirn en el mercado de aplicaciones web, con un especial enfoque en tecnologas mviles, 8.4 Visin Para el ao 2015 TryCatch Inc se proyecta como una empresa lder en el sector de las IT, creando productos de calidad con innovacin tecnolgica, y difundiendo sus servicios en Colombia, segn los requerimientos establecidos por el sector y el mercado. --

9. Sector o mercado y objetivo

Nuestras aplicaciones apuntan al sector de las IT (Tecnologas de la Informacin), en el sector educativo, cultural y turstico desenvolvindose en el mercado de aplicaciones web y servicios informticos.

10. Requerimientos
10.1 Actuales.
10.1 funcionale s Id. Requerimientos Descripcin Disponibilidad de idiomas Que tenga disponible la eleccin de idioma que el usuario prefiera para toda la aplicacin, incluyendo el gua con audio. Se pueda elegir entre distintos idiomas tales como: Espaol, ingls y francs. La aplicacin logre efectuarse dependiendo del idioma elegido. Traducir del espaol al otro idioma seleccionado. Alta, puesto que esto asegura que se tenga una expansin de llegada al usuario, lo que implicara que la aplicacin sea utilizada por mayor nmero

Entradas

Salidas

Procesos

Prioridad

de personas

Rol que lo ejecuta

Usuario

Id. Requerimientos Descripcin

Registro del usuario Que el usuario tenga la posibilidad de registrarse en el sistema, con lo cual tendra la posibilidad de comentar y calificar acerca del contenido de la aplicacin. Registr con datos bsicos, incluyendo al usuario al sistema, por medio de la pgina web. Calificacin y comentarios del contenido, junto con publicidad acerca de las promociones del museo Registro del usuario, para poder opinar y calificar el contenido. Media

Entradas

Salidas

Procesos

Prioridad

Rol que lo ejecuta

Usuario

Id. Requerimientos Descripcin

Visualizacin de imgenes Permite al usuario visualizar imgenes de alta resolucion. Scanear el codigo, y obtener la url de la imagen. Interfaz de galerias y visor de imagenes con reproductor de audio.

Entradas

Salidas

Procesos

El usuario escanea el codigo Qr que contiene la url de la imagen y es redireccionado a la interfaz correspondiente . Alta Usuario

Prioridad Rol que lo ejecuta

Id. Requerimientos Descripcin

Descargar imgenes Permite al usuario descargar imgenes de alta resolucion. Scanear el codigo, y obtener la url de la imagen. Descarga y almacena la imagen en su dispositivo El usuario escanea el codigo Qr que contiene la url de la imagen y es redireccionado a la interfaz correspondiente, posteriormente descarga la imagen en su dispositivo a traves de la funcionalidad segn sistema operativo Media Usuario

Entradas

Salidas

Procesos

Prioridad Rol que lo ejecuta

Id. Requerimientos

Poseer una Interfaz Grafica Simplificada Mediante el uso de jquery mobil se genera una interfaz clara y optimizada para dispositivos moviles. El usuario obtiene la url de la aplicacin mobil que le permite acceder a la aplicacin El usuario interactua con la aplicacin,

Descripcin

Entradas

Salidas

obtiene la informacion y sale de la aplicacin y del museo. Procesos El usuario obtiene la url de la aplicacin atraves de la pagina de tryCatch o de codigos Qr Publicitarios, entra a la aplicacin, interactua con el contenido y descarga imgenes. Sale de la aplicacin Alta Usuario

Prioridad Rol que lo ejecuta

Id. Requerimientos

Contener enlaces A referencias externas y al museo botero El modulo de informacion contiene enlaces a contenido de interes y especialmente a la red cultural del Banco de la Republica Direcciones Url Sitios de interes, Banrep cultural. El usuario entra al modulo de informacion y es redireccionado a los distintos sitios de interes. Media Usuario

Descripcin

Entradas Salidas Procesos

Prioridad Rol que lo ejecuta

Id. Requerimientos Descripcin

Adaptabilidad y portabilidad El uso de libreras de codigo abierto y frameworks como jquery, jquery mobil y kendo UI, nos permite que la aplicacin sea portable entre navegadores y sistemas operativos mobiles. Javascript, jquery, jquery mobil, kendo UI, css3, html5

Entradas

Salidas Procesos

Layout y funcionalidad para web 2.0 El programador hace uso de estas herramientas para darle versatilidad en operacin y claridad en el diseo, para su uso en diferentes navegadores. Alta Administrador-programador

Prioridad Rol que lo ejecuta

10.2 NO FUNCIONALES Id. Art like es una aplicacin que tiene accesibilidad a diferentes Requerimiento servidores

Descripcin Entradas Salidas Proceso Prioridad Rol que lo ejecuta

Permite al usuario ver la aplicacin en cualquier servidor Google chorme, internet explored, Firefox, safari. Aplicacin art like El sistema le permite escoger al usuario que servidor quiere utilizar para utilizar en la aplicacin

Alta Usuario

Id. Requerimiento

La aplicacin tiene un tiempo de respuesta mas eficaz que las otras paginas relacionadas

Descripcin

Permite al usuario tener acceso a la rpidamente

Entradas Salidas Proceso Prioridad Rol que lo ejecuta

Ubicacin referente de cada museo del rea

La apliacion art like

El usuario ingresa el url y la pagina muestra los contenidos de la aplicacion

Alta Usuario

Id. Requerimientos

La aplicacion es disponible para los usuarios de cualquier edad La aplicacin es llamativa y funcional para todo publico

Descripcin

Entradas Salidas Procesos Prioridad Rol que lo ejecuta . Los usuarios ingresan a la pagina Alta, Usuario

Id. Requerimientos

La aplicacion art like tiene un diseo el cual contiene una variedad agradable de escala de colores en su estructura siendo mas llamativo para el publico es una pagina agradable y llamativa

Descripcin Entradas Salidas Procesos Prioridad Rol que lo ejecuta

Media Usuario

Id. Requerimiento Descripcin Entradas Salidas Proceso Precondiciones Postcondiciones Efectos Colaterales Prioridad

Art like tiene la posibilidad de que sus usuarios opinen sobre la aplicacin y reciban una respuesta rpida y satisfactoria
Por medio de la pagina web en la parte de contactenos Las paginas web trycatch,Art like Paginas web La aplicacin le permite al usuario dejar su comentario y por medio del correo le enva respuesta

Media

Rol que lo ejecuta

Usuario-administrador

11. Diagramas: 11.1. Casos de Uso:

fig 1.

fig 2.

11.2. Diagrama de clases: Fig 1.

11.3 Diagramas de Secuencia:

11.4 Diagramas de Comunicacin:

11.5 Diagramas de Interaccin:

fig. 1

fig 2.

g 3.

fig 4. 11.6 Diagrama de Actividades:

12. CONCLUSIONES.

1. ArtLike Qr mejora y amplia la calidad de la informacion que se presenta en el museo. 2. Da la posibilidad al usuario de interactuar con nuevas tecnologias. 3. El nivel de usabilidad es alto, haciendo de la experiencia del usuario una amigable, gracias al uso de tecnologias como html5 y jquery Mobil. 4. Logra la optimizacion del flujo de informacion adentro del museo, gracias al uso de codigos qr que aceleran el proceso de obtencion de la informacion. 5. Amplia el alcance de la informacion de arte extendiendolo a las redes sociales. 6. El nivel de portabilidad es alto, gracias al tamao de la aplicacin y el uso de standares de codigo libre para la web como css3, html5, jquery Mobil, jquery y javascript. 7. Logra una mayor interactividad de los usuarios con la tecnologia y el arte. 8. Introduce al usuario de tecnologia en un ambiente cultural para lograr una experiencia rica en contenidos multimedia. 9. Logra cultivar el interes de las personas por entender y conocer el arte de su pais e internacional. 10. Aporta elementos valiosos para la educacion y la cultura. 11. Para la creacion de una version mobil de una web, se debe priorizar la simplicidad y funcionalidad de la interfaz para lograr una interaccion eficaz del usuario. 12. Se logra una profundizacion del contenido de arte relacionado con un artista o tendencia en especifico gracias a los diferentes modulos que amplian y mejoran la calidad de la informacion. 13. Ayuda a una mejor comprension de las tendencias y estilos en el arte. 14. Proporciona al usuario diversas herramientas como visualizacion de imgenes, archivos de audio, recorridos virtuales para darle una experiencia completa que llene las expectativas del usuario. 15. Incentiva al usuario a que no solo sea un espectador de arte sino tambien lo hace participe de la creacion artistica atraves de aplicaciones interactivas. 16. Gracias a nuestra experiencia como TryCatch Software Development, hemos aprendido que el trabajo en equipo y la comunicacin es escencial en el desarrollo de proyectos de software. 17. La compatibilidad en versiones de las libreras de codigo usadas en el desarrollo, es de vital importancia tener en cuenta al implementar diferentes plugins en el diseo de la aplicacin. 18. Aprendimos que nuevas tecnologias usadas principalmente en el campo del marketing como los codigos qr , son adaptables al campo de las galerias de arte. 19. Con la creciente popularizacion de los dispositivos Smartphones el mercado de aplicaciones web requiere que las paginas tengan versiones

mobiles que sean mucho mas facil de navegar adaptandose al tamao y funcionalidad de los sistemas operativos mobiles. 20. En el desarrollo del proyecto pudimos experimentar las desventajas del modelo en cascada para desarrollo de software, ya que es un modelo lineal que no permite cambios o pruebas en las etapas tempranas del desarrollo, nos fueron mas eficientes metodos como agile development, pair Programming y el modelo en espiral orientada a riesgos.

13. BIBLIOGRAFIA 1. Software Process Dynamics. Raymond J. Madachy IEEE Press, 2008. ISBN 978-0-471-27455-1 2. Software Engineering. Ian Sommerville, Q Addison-Wesley
Publishers Limited 1982, 1984, ISBN 13: 978-0-321-31379-9 3. JavaScript Pocket Reference, Third Edition, David Flanagan. 2012

14.Anexos 14.1 CyberGrafia:

QR CODE ARTLIKE LINKS: http://www.notodo.com/tendencias/arquitectura/3416_qr_veni_bidi_vici.html http://www.flickr.com/photos/65728410@N08/ http://cfye.com/new-qr-mural-in-berlin-4 http://vimeo.com/2773792 QR CODE con logo: http://www.youtube.com/watch?v=ifilLWcY0Ns&feature=related

QR Code Generator: ttp://goqr.me/ Free Online QR Code Readers: 1) ttp://www.onlinebarcodereader.com/ 2) ttp://miniqr.com/reader.php

CMS gallery http://www.muuz.ca/ lovre museo: http://www.louvre.fr/ QR INFO: http://es.wikipedia.org/wiki/C%C3%B3digo_QR#Almacenamiento

http://colorschemedesigner.com/ http://www.wikipaintings.org/en/el-lissitzky/proun-8 CAMARA COLOMBIANA DE INFORMATICA Y TELECOMUNICACIONES> http://www.ixp.net.co/contenido/

GOOGLE ART PROJECT: MUSEO BOTERO http://www.googleartproject.com/es/collection/museo-botero-bogota/ BANREP SOBRE EL GOOGLE ART PROJECT EN COLOMBIA http://www.banrepcultural.org/museo-botero/google-art-project jquery mobile themes: http://jquerymobile.com/test/docs/api/themes.html GALERIA DE mobile web: http://www.jqmgallery.com/ GALERIA DE IMAGENES EN JQUERY MOBILE http://cdn.digicrafts.com.hk/u/163440/components/js/JSMobilePhotoAlbum/inde x.html http://www.digicrafts.com.hk/components/JSMobilePhotoAlbum Galeria para movibles: con efecto swipe http://www.photoswipe.com/

EASY TO USE MENU FOR MOBILE WEB WITH FACEBOOK LOOK: https://github.com/tegansnyder/JQuery-Mobile-Slide-Menu

QR CODES EN MUSEOS: http://www.youtube.com/watch?v=ccjiFXCltMo&feature=related

http://youtu.be/btwfmavme6w /////Museum offers self-guided QR code tour ttp: outu.be l i 43dv code art installation

http://youtu.be/bnY5aJSL4Bg //// QR Codes to deliver Mobile Augmented ealit

http://youtu.be/fZhrm3_Lce4 /// Divio Guide - First Tourism QR ode guide in i on ttp: outu.be olors 87 - spn8 iUncut: oding Apple s True

ttp: outu.be W i w Sa Aires \\

Suite 4 Mobile Tags - uenos

http://www.youtube.com/watch?v=hwXxULbW9AU&feature=BFp&lis t=WLECA35EE489F38B78 ////

<!--------------------------arte interactivo-------------------------------------->

http://in-still-life.com/index.php --------> arte interactive http://www.openprocessing.org/sketch/11028 <!--------CREAR QR CODE--------> http://www.qrstuff.com/ http://qrcode.kaywa.com/ <!------social network with QR code----> http://www.scanme.com/ hardlinking: providing a link from the physical world to the cyber world Just think, the next time you design that tradeshow booth, you can go-green by eliminating the sales sheets and simply link QR codes to the relevant product specs or demo videos, making your exhibit far more engaging to prospective customers and eco-friendly! ecofriendly <!----------------------QR CODE NEWS------------------> http://2d-code.co.uk/

14.2 Agradecimientos:
Este proyecto no fue possible, sin la valiosa ayuda de nuestros instructores Sena que nos han acompaado y guiado en este arduo camino del aprendizaje Adsi, especialmente al Ing. Jhonathan Abello, y a nuestros compaeros por su apoyo y espritu.

Gracias.