Ingeniera en Tecnologas de la

Informacin y Comunicacin
9 Cuatrimestre
Desarrollo de Aplicaciones Web
Mtro. Luis Alberto Uc Sulub

3er. Parcial
Unidad 4.- Comercio
Electrnico
Tema: Conceptos
Bsicos del Comercio
Electrnico

3er. Parcial / Unidad 4.- Comercio

Electrnico
Tema: Conceptos Bsicos de Comercio
Actividad 4 del Parcial 3
Electrnico
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:
- Definicin
- Conceptos 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

Electrnico
Tema: Conceptos Bsicos de Comercio
Examen Remedial del Parcial 1 y 2.
Electrnico
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 Mvil

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Qu 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 Mvil

Tema: Introduccin a Web Mvil

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Para 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Para 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Cmo 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Cmo 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Es lo mismo Web Mvil que App para Mvil?

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Para 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Puntos 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Puntos 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Puntos 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Puntos 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.

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Puntos a tomar en cuenta cuando se disea para Web
Mvil o App Mvil:

4o. Parcial / Unidad 5.- Web Mvil

Tema: Introduccin a Web Mvil
Puntos 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.