Estndares y
lenguajes de marcado
para el desarrollo de
aplicaciones web
orientadas a
dispositivos moviles
Esteban Saavedra Lopez
email: [email protected]
http://jesaavedra.opentelematics.org
Agenda
Introduccin a la web mvil
Caractersticas
Estndares
Conclusiones
Que es la Web mvil?
!a web mvil es la misma Internet
"ue conocemos# solo es ms
pe"ue$a# ms rpida y esta en
cual"uier lugar.
Es necesaria la web mvil?
Cada ve% son ms las personas "ue
utili%an los dispositivos mviles# lo
"ue hace "ue cada ve% sea mayor la
necesidad de contar con acceso a
internet y a sistemas in&ormticos
por medio de nuestros dispositivos
mviles
Que tan til es tener un sitio para
dispositivos mviles? (1!"
!a mayora de las empresas disponen
de sus sitios orientados a dispositivos
mviles
!as empresas dependen de clientes
estticos y clientes mviles
Es la mejor &orma de llegar a los
clientes.
El mercado de aplicaciones
orientadas a mviles es cada ve%
mayor.
Que tan til es tener un sitio para
dispositivos mviles? (!!"
'umenta los contactos.
(o es un lujo# es una necesidad
Es una herramienta de negocios
'horra tiempo
#reas de aplicacin
)edes sociales
*rensa
Independiente
+,deo/'udio-
./s"ueda de
recursos
*resencia virtual
'plicaciones
empresariales
$ebo saber algo e%traordinario para
desarrollar aplicaciones mviles?
0i tienes habilidades para dise$ar
sitios para *Cs# podrs dise$ar para
mviles
Que preciso para empe&ar?
0aber lo "ue necesito +objetivo del
sitio-.
' "uien esta orientado +clientes
&inales-.
1ue servicios brindara +empresarial#
educativo#social# personal#....-.
1ue contendr el sitio.
E%isten limites para la web mvil?
,ariedad
2ama$o de la pantalla
Estructura distinta
Escritura complicada
,elocidad de cone3in
4emoria del tel5&ono
*ocas opciones multimedia
'ccesibilidad y usabilidad.
'ariedad de tipos
(esolucin
Estructura distinta
Accesibilidad a la web
Cada da es mayor la necesidad de
contar con sitios accesibles para:
> cual"uier dispositivo
> cual"uier persona +con o sin
discapacidades-
)sabilidad y Ar*uitectura de
in+ormacin
!a usabilidad de un sistema est
ligada principalmente a:
> !a interaccin del mismo
> 4odo en "ue se reali%an las operaciones
con el sistema.
> !a interaccin no est de&inida en la
inter&a% gr&ica# sino "ue est imbricada
en el cdigo "ue implementa la
&uncionalidad del sistema.
> !a interaccin considera la inter&a%
gr&ica y la parte operacional del
sistema.
$ise,o de -nter+aces e -nteraccin.
0i bien e3isten una gran cantidad
guas# pautas# estndares y reglas
ergonmicas para dise$ar inter&aces
usables# generalmente no es &cil
aplicarlas# por "ue:
> no se precisa el escenario bajo el cual
puedan aplicarse
> no se conocen las consecuencias de su
uso
> no se tienen ejemplos espec&icos de
cmo emplearlas
/uenas prcticas
Considerar las limitaciones de cada
dispositivo
6ptimi%ar la navegacin +reducir el
ingreso de in&ormacin-
6ptimi%a el dise$o +colores e
imgenes-
7sar la cone3in con moderacin
*ensar en los usuarios en
movimiento.
.asarse en estndares
Que es un estndar?
0on reglas &ormali%adas y probadas#
"ue al ser aplicadas en ciertos
entornos permiten alcan%ar mejores
y mayores bene&icios.
Estndares en la Web 0vil
!os estndares son un instrumento
"ue ayuda a a&rontar de mejor &orma
el reto de desarrollar aplicaciones
web mviles adecuadas a todo tipo
de dispositivos y con&iguraciones.
Que estndares e%isten en dise,o
web mvil?
2odos los estndares dispuestos para
el dise$o web tradicional estn
dispuestos de &orma reducida para el
dise$o de la web mvil
html
> 3thml
> css
E3isten algunos especialmente
dispuestos para el dise$o web mvil
> 3html8mp
> dial
12ara *u3 sirve 45607?
9:24! surge como el lenguaje cuyo
eti"uetado# ms estricto "ue :24!#
va a permitir una correcta
interpretacin de la in&ormacin
independientemente del dispositivo
desde el "ue se accede a ella. +;<C-.
12ara *u3 sirve 899?
C00 se utili%a para dar estilo a
documentos :24! y 94!# separando
el contenido de la presentacin. !os
Estilos de&inen la &orma de mostrar
los elementos :24! y 94!.
C00 permite a los desarrolladores
;eb controlar el estilo y el &ormato
de m/ltiples pginas ;eb al mismo
tiempo. +;<C-.
6ipos de clientes +inales
8lientes t:in (1!"
2odo el procesamiento se reali%a en
el servidor
> El cliente slo se ocupa de la inter&a% de
usuario +7I-
El cliente normalmente se compone
de:
> (avegador
> =ocumento web +:24!-
8lientes t:in (!!"
=escarga documentos y los muestra
en un navegador
!os documentos :24! no son
adecuados para mviles
> 0e de&inen nuevos tipos de documentos
> ;4!# 9:24!84*# c:24!# ...
> 0e muestran en un navegador "ue los
soporte
> 4icrobrowser
8lientes t:ic; (1!"
!a aplicacin se descarga e instala
en el cliente
> 0e ejecuta de &orma local
> 2rabaja de &orma coordinada con el
servidor
> )eali%a en el cliente todo el
procesamiento posible
'plicaciones dedicadas
> *ara una tarea concreta
8lientes t:ic; (!!"
0lo necesita intercambiar
in&ormacin# no solo presentacin
0e puede comunicar mediante
di&erentes protocolos
> 0ervicios ;eb
> )*C
> 6tros
16:ic; o 6:in? (1!"
2hin
> )e"uiere conectar a la red para
descargar cada documento
> ,elocidad de descarga lenta en mviles
> !imitado a las posibilidades del
navegador
> ?cil de mantener
16:ic; o 6:in? (!!"
2hic@
> 4antenimiento costoso
> Inter&a% de usuario +7I- ms &le3ible
> 4inimi%a el tr&ico en la red
> Intercambia con el servidor slo la
in&ormacin necesaria
> *uede &uncionar sin cone3in
> 4ayor rendimiento multimedia
7enguajes de marcado
7enguajes de marcado para
clientes t:in (1<"
(o se suele usar todo el :24! o
9:24! debido a las restricciones
gr&icas de los dispositivos.
7enguajes de marcado para
clientes t:in (!<"
'lgunos lenguajes de marcado para
clientes thin:
;4! +;ireless 4ar@up !anguage-
> .asado en 94!# totalmente distinto al
:24!
> Imgenes en &ormato propio: ;.4*
+monocromas-
> ;4!0cript: lenguaje tipo Aavascript
7enguajes de marcado para
clientes t:in (<<"
c:24! +Compact :24!-
> E3cluye tablas# hojas de estilo#
&uentes#...
> '$ade enlaces a tel5&onos# asociacin
teclas8enlaces# emojis#...
> Imgenes BI? +no A*B-
9:24! .asic y 9:24!84* +4obile
*ro&ile-
> (o soporta tablas complejas
> Aavascript en C.D
Ejemplo de W07
Ejemplo de c5607
Ejemplo de 45607=02
$-A7
!enguaje de autora independiente
del dispositivo.
El &uturo de los lenguajes de
marcado.
> 0e adec/a a la inter&a% de acceso.
> =etermina las caractersticas bsicas y
&unciona sobre las mismas.
Entornos de desarrollo
0imilares o los mismos "ue el
desarrollo web tradicional.
Especiali%ados en simular resultados
obtenidos.
=esarrollo en linea.
Entornos de desarrollo
tradicionales
8onclusin
El desarrollo web mvil es cada ve%
mas necesario.
El uso de estndares mejora la
e3periencia en el desarrollo web
mvil
8onsultas
