Diapositiva 1

Mtro. Luis Alberto Uc SulubIngeniera en Tecnologas de la Informacin y Comunicacin

9 CuatrimestreDesarrollo de Aplicaciones Web3er. Parcial

Unidad 4.- Comercio Electrnico

Tema: Conceptos Bsicos del Comercio Electrnico3er. Parcial / Unidad 4.- Comercio ElectrnicoTema: Conceptos Bsicos de Comercio ElectrnicoActividad 4 del Parcial 3

Investigar una metodologa de desarrollo de aplicaciones y realizar lo siguiente:

Presentacin en power point de entre 8 y 10 diapositivas.Utilizar mapas mentales como apoyo para la teora.Debe incluir:DefinicinConceptos bsicos.Forma de implementacin Y conclusiones, relacionndolo con el desarrollo de aplicaciones web.

Ejemplos de metodologas: Cascada, prototipado, incremental, espiral, desarrollo rpido de aplicaciones, diseo orientado a objetos, y de proceso unificado.3er. Parcial / Unidad 4.- Comercio ElectrnicoTema: Conceptos Bsicos de Comercio ElectrnicoExamen Remedial del Parcial 1 y 2.

Exposicin frente a grupo de la actividad 4 del parcial 3.

Cada exposicin deber contar de diferente metodologa.

Fecha de exposicin: martes 28 de julio de 2015.4o. Parcial

Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil4o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilQu es la Web Mvil?

Cuando se habla de Web Mvil se est haciendo referencia a una Web en la que el usuario puede acceder a la informacin desde cualquier lugar, independientemente del tipo de dispositivo que utilice para ello.

El World Wide Web Consortium (W3C), con el objetivo de convertir el acceso a la Web desde un dispositivo mvil en algo tan sencillo y cmodo como lo es desde los equipos de sobremesa, ha puesto en marcha la Iniciativa de Web Mvil que busca resolver los problemas de interoperabilidad y usabilidad que actualmente dificultan el acceso a la Web desde dispositivos mviles y hacer posible uno de los objetivos principales del W3C que consiste en alcanzar una Web nica. Se tratara de transformar la Web en una plataforma omnipresente de servicios completamente transparentes para el usuario.4o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web Mvil

74o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPara qu sirve? (1/2)

Con la aparicin de un nmero cada vez mayor de dispositivos diferentes tanto en tamaos como formas, y con caractersticas muy diversas tales como tecnologas de localizacin, cmaras, reconocimiento de voz, pantallas tctiles, etc., la Web puede alcanzar a un mayor nmero de usuarios en todo momento y en cualquier situacin. La Web mvil llega a lugares donde el cable no puede llegar, lugares que anteriormente eran impensables, como est ocurriendo en los pases en vas de desarrollo. Esto trae consigo nuevas oportunidades para realizar negocios, para trabajar, para gestionar nuestro tiempo de ocio, y para muchas otras cosas, lo que nos permite incrementar nuestra capacidad de movimiento.84o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPara qu sirve? (2/2)

Pero para poder hacer uso de esa Web mvil sin encontrarnos con problemas es necesario una total adecuacin de los contenidos a los dispositivos utilizados independientemente del lugar en el que estemos y del dispositivo que utilicemos. El principal objetivo de las iniciativas puestas en marcha en torno a la Web mvil es la bsqueda de una Web no fragmentada como consecuencia del surgimiento de una multitud de nuevos dispositivos mviles, navegadores, operadores, proveedores de contenido, etc. Una Web donde sea posible obtener el contenido correcto, en el momento oportuno y en el lugar adecuado.94o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web Mvil

104o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilCmo funciona? (1/2)

La Web mvil se presenta como un autntico reto tanto para usuarios como para desarrolladores ya que, por un lado, el usuario encuentra problemas al intentar acceder a los sitios Web desde los dispositivos mviles, y por otro, los proveedores de contenido encuentran dificultades para crear sitios Web que funcionen adecuadamente en todos los tipos de dispositivos y configuraciones.

114o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilCmo funciona? (2/2)

Es importante tener en cuenta que existen grandes diferencias entre usuarios mviles y usuarios fijos, como son los diferentes tipos de contenido que manejan, las capacidades de los dispositivos que utilizan (pantallas pequeas) y el contexto en el cual el usuario recibe el contenido (por ejemplo, en el autobs). El acceso a la informacin desde cualquier lugar, en cualquier momento e independientemente del dispositivo utilizado puede alcanzarse a travs de aplicaciones que se adapten dinmicamente a las necesidades del usuario, a las capacidades del dispositivo y a las condiciones del entorno. Dotar a las aplicaciones de movilidad permitir a los usuarios utilizar diferentes dispositivos para acceder a la misma informacin. Como usuarios, podremos elegir la forma de interactuar con estas aplicaciones en funcin de nuestras necesidades y de las caractersticas del dispositivo utilizado. Para ello es necesaria una infraestructura global basada en estndares que permita la interoperabilidad.124o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilEs lo mismo Web Mvil que App para Mvil?

134o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPara reflexionar: App para Mvil

Hoy los Marketplaces, esta llenos de aplicaciones, muchas muy buenas y otras que no han sido descargadas ni una vez, para citar, segn un estudio, hasta Julio del 2012, en la AppStore de Apple haba un 70% de aplicaciones que jams han sido descargadas. Cifras como la anterior nos ponen en alerta para crear aplicaciones que sean funcionales.

144o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPuntos a tomar en cuenta cuando se disea para Web Mvil o App Mvil:

1.- Toma en cuenta las resoluciones:

Tomar en cuenta el tamao de la pantalla es muy importante en el desarrollo de una interfaz. Todos los dispositivos tienen una resolucin de pantalla definida, pero con la llegada de las densidades, se ha venido complicando la cosa. La densidad en los dispositivos es sinnimo a lo que diseadores llaman, puntos por pulgada pero aplicado a resoluciones digitales. Recomendacin, si no estas familiarizado con las densidades, disea sobre la resolucin de la plataforma y sobre la media de los puntos por pulgada, mi consejo son 200 dpi.154o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web Mvil

164o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPuntos a tomar en cuenta cuando se disea para Web Mvil o App Mvil:

2.- Los mens de navegacin en cada entorno:

Aunque es un punto lgico, cada entorno o interfaz tiene elementos especficos y dentro de las lneas gua y el estilo se define que se puede hacer y que esta prohibido en este tipo de mens. Un ejemplo son las barras de accin en Android. Estas barras comnmente se encuentran en la parte superior de las aplicaciones y tiene como objetivo brindar elementos adicionales al entorno dentro de una interfaz especifica.174o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPuntos a tomar en cuenta cuando se disea para Web Mvil o App Mvil:

3.- La constancia de la navegacin:

Este punto, aunque es un comn denominador entre el diseo web y el mvil, debe a abordarse por la importancia que conlleva en muchos desarrollos no se le atribuye. Los flujos en la lgica visual de una aplicacin se resumen a no cambiar o mover elementos necesarios o repetitivos dentro de la aplicacin a lo largo de las pantallas. Con esto se busca brindar al usuario una experiencia constante dentro de la interfaz.184o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPuntos a tomar en cuenta cuando se disea para Web Mvil o App Mvil:

4.- Los elementos son ms pequeos que lo que aparentan:

Los que ya tengan experiencia y hayan diseado alguna aplicacin para mviles habrn pasado por lo mismo. Si no has utilizado mockups en proporciones y has creado nuevos elementos sabrs que al momento de testearlos en el telfono se vern mas pequeos, aunque nosotros los veamos enormes en la pantalla del ordenador. Para evitar este tipo de dudas, puedes basarte en diseos o mockups ya realizados y que abundan por internet o en su defecto hacer tus propios esquemas de diagramacin en pantalla.194o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPuntos a tomar en cuenta cuando se disea para Web Mvil o App Mvil:

204o. Parcial / Unidad 5.- Web MvilTema: Introduccin a Web MvilPuntos a tomar en cuenta cuando se disea para Web Mvil o App Mvil:

5.- Toma en cuenta las fuentes tipogrficas de cada entorno:

Otro de los problemas constantes es el uso de tipografa personalizada, o para decirlo de otra forma, familias de fuentes que no son base de la plataforma. Cuando una aplicacin utiliza fuentes externas por lo general hay que importarlas sobre los assets de la aplicacin y esto puede llegar a ser un problema al momento de la navegacin y experiencia del usuario ya que el uso de recursos externos y no optimizados hace que la aplicacin consuma mas recursos del sistema.

21