{"id":89,"date":"2005-09-23T11:50:43","date_gmt":"2005-09-23T09:50:43","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=89"},"modified":"2020-02-06T16:06:58","modified_gmt":"2020-02-06T15:06:58","slug":"navegando-desde-tres-telefonos-moviles-en-un-blog-2-resultados-optimistas","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2005\/navegando-desde-tres-telefonos-moviles-en-un-blog-2-resultados-optimistas\/","title":{"rendered":"Navegando desde tres tel\u00e9fonos m\u00f3viles en un blog (2), resultados optimistas."},"content":{"rendered":"<p>En el art\u00edculo anterior, <a href=\"http:\/\/www.webposible.com\/blog\/2005\/navegando-desde-tres-telefonos-moviles-en-un-blog-1\/\">Navegando desde tres tel\u00e9fonos m\u00f3viles en un blog (1)<\/a>, present\u00e1bamos un peque\u00f1o experimeto: navegar desde tres tel\u00e9fonos m\u00f3viles en esta bit\u00e1cora. \u00bfNuestra intenci\u00f3n? Comprobar si los m\u00f3viles segu\u00edan los est\u00e1ndares web y usaban una hoja de estilos apropiada para ellos, es decir <code>media=\"handheld\"<\/code>. Si esto era s\u00ed, todos los interesados en el desarrollo web para m\u00f3viles tendr\u00edamos un motivo para alegrarnos: no har\u00eda falta hacer versiones distintas de una p\u00e1gina web para ordenadores de sobremesa, y otra para peque\u00f1os dispositivos. En teor\u00eda, deber\u00eda ser as\u00ed. En la practica&#8230; no podemos extrapolar los resultados de este experimento a todos los tel\u00e9fonos m\u00f3viles, pero puede ser un indicio de las tendencias en los modelos m\u00e1s novedosos y los que est\u00e1n por venir.<br \/>\nPara demostrar los resultados de este peque\u00f1o experimento, vamos a incluir im\u00e1genes del <span lang=\"en\">log<\/span> de los tres modelos al entrar en esta bit\u00e1cora.<\/p>\n<h4 lang=\"en\">Nokia 6100<\/h4>\n<p>\u00c9ste es mi tel\u00e9fono m\u00f3vil, estoy contengo con \u00e9l, pero entre sus virtudes no est\u00e1 precisamente la capacidad de navegar por internet. \u00c9ste tel\u00e9fono m\u00f3vil tiene capacidad de navegar por p\u00e1ginas <acronym title=\"eXtensible Hyper Text Markup Languag\" lang=\"en\">XHTML<\/acronym>, ya sea directamente o mediante el <span lang=\"en\">proxy<\/span> <acronym title=\"Wireless Application Protocol\">WAP<\/acronym> de <span lang=\"en\">Google<\/span>.<br \/>\nA\u00fan as\u00ed, aqu\u00ed podemos ver su huella en el <span lang=\"en\">log<\/span> de esta bit\u00e1cora. Si quieres ver el registro completo, pincha sobre la imagen.<\/p>\n<div><a href=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-nokia6100.png\" title=\"Ver imagen completa. Tama\u00f1o 930x206, peso:6,15 kb\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-nokia6100-min.png\" alt=\"Registro en el log del Nokia 6100 navegando por esta bit\u00e1cora\" width=\"359\" height=\"175\" \/><\/a><\/div>\n<p>Como podemos ver, este navegador no utiliza hoja de estilos, s\u00f3lamente el c\u00f3digo <acronym title=\"eXtensible Hyper Text Markup Languag\" lang=\"en\">XHTML<\/acronym>, y no de forma directa. Si amplias la imagen, podr\u00e1s ver que se conecta a trav\u00e9s de <span lang=\"en\">Google WAP Proxy\/1.0<\/span>, no directamente a la bit\u00e1cora. El motivo es sencillo: si entramos en el blog a trav\u00e9s de <span lang=\"en\">Google<\/span>, usando un tel\u00e9fono m\u00f3vil de estas caracter\u00edsticas, no nos muestra las p\u00e1ginas webs tal y como est\u00e1n dise\u00f1adas, fracciona el c\u00f3digo en p\u00e1ginas que puede procesar este tel\u00e9fono m\u00f3vil, m\u00e1s o menos unos dos <span lang=\"en\">kilobytes<\/span>.<\/p>\n<h4 lang=\"en\">Sony Ericsson K 300i<\/h4>\n<p>Anticipo el resultado, este tel\u00e9fono m\u00f3vil, <strong>s\u00ed reconoce la hoja de estilos de tipo <code>media=\"handheld\"<\/code><\/strong>. Lo podemos ver en la siguiente imagen. Al igual que antes, si pinchas sobre la im\u00e1gen, la podr\u00e1s ver ampliada.<\/p>\n<div><a href=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-sonyericssonk300i.png\" title=\"Ver imagen completa. Tama\u00f1o 786x821, peso:33,16 kb\"><img decoding=\"async\" src=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-sonyericssonk300i-min.png\" alt=\"Registro en el log del Sony Ericsson K 300i navegando por esta bit\u00e1cora\" \/><\/a><\/div>\n<p>Podemos comprobar claramente que <strong>s\u00ed utiliza la hoja de estilos que le corresponde<\/strong>. Y adem\u00e1s no tiene problemas en procesar un documento m\u00e1s bien extenso como una p\u00e1gina de esta bit\u00e1cora, algo m\u00e1s de 17 <span lang=\"en\">kilobytes<\/span>, no est\u00e1 nada mal&#8230;<br \/>\nAdem\u00e1s, en el poco tiempo que estuvimos navegando, pudimos comprobar que reconoc\u00eda todos los estilos correctamente. Es cierto que eran muy b\u00e1sicos (colores y poco m\u00e1s), pero los reconoc\u00eda. Adem\u00e1s usando el navegador que tiene instalado por defecto. Teniendo en cuenta que este tel\u00e9fono tiene una capacidad aproximada de unos 10 Megabytes, no tenemos porqu\u00e9 descartar que Opera saque a la luz un navegador para este tel\u00e9fono (aunque de momento no son gratuitos).<\/p>\n<h4 lang=\"en\">Nokia 6630<\/h4>\n<p>De este tel\u00e9fono esper\u00e1bamos a priori bastante, es sin duda el m\u00e1s completo de los tres que utilizamos. Y al igual que en el tel\u00e9fono anterior,<strong> tambi\u00e9n este tel\u00e9fono m\u00f3vil reconoc\u00eda la hoja de estilos <code>media=\"handheld\"<\/code><\/strong> al navegar por esta bit\u00e1cora. Aqu\u00ed tenemos una imagen como prueba, y al igual que antes, pinchando sobre ella, podr\u00e1s ver una imagen del rastro dejado en el <span lang=\"en\">log<\/span> al navegar por algunas p\u00e1ginas de webposible.<\/p>\n<div><a href=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-nokia6630.png\" title=\"Ver imagen completa. Tama\u00f1o 948x814, peso:27,23 kb\"><img decoding=\"async\" src=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-nokia6630-min.png\" alt=\"Registro en el log del Nokia 6630 navegando por esta bit\u00e1cora\" \/><\/a><\/div>\n<h4>Conclusi\u00f3n<\/h4>\n<p>Creo que los que tengamos algo de relaci\u00f3n con el desarrollo web, si estamos trabajando con <strong>p\u00e1ginas maquetadas con capas<\/strong>, es muy <strong>recomendable usar una hoja de estilos para peque\u00f1os dispositivos (<code>media=\"handheld\"<\/code>)<\/strong>. En esta prueba, de tres tel\u00e9fonos dos las reconoc\u00edan, y la ventaja es evidente. Ya se que no es una muestra muy representantiva (y lo digo yo, con titulaci\u00f3n universitaria de estad\u00edstica, je je), pero como ya he dicho antes: se trata de <strong>una tendencia<\/strong> que se ha iniciado ahora, y puede imponerse en un futuro muy pr\u00f3ximo.<br \/>\nSi adem\u00e1s de incluir una hoja de estilos adaptada, tambi\u00e9n colocamos <strong>v\u00ednculos de navegaci\u00f3n entre elemenos de la misma p\u00e1gina<\/strong>, del tipo <em>Saltar al contenido<\/em>, <em>Ir al buscador<\/em>, <em>Saltar a categor\u00edas<\/em>,&#8230; mejor que mejor, ya que moverse dentro de una p\u00e1gina grande con la peque\u00f1a pantalla de un tel\u00e9fono m\u00f3vil, <em>resulta bastante complicado<\/em>.<br \/>\nNo resulta casualidad, pero cada vez que hablo en esta bit\u00e1cora de tel\u00e9fonos m\u00f3viles, de una manera bastante directa, encuentro relaci\u00f3n con la accesibilidad web. Y es que <strong>esto tambi\u00e9n es accesibilidad, poder acceder desde cualquier dispositivo conectado a internet<\/strong>. Y si encima lo hacemos sencillo, mejor que mejor.<br \/>\nSer\u00eda buena idea escribir un d\u00eda de estos una especie de gu\u00eda para hacer buenas hojas de estilos para <span lang=\"en\">handheld<\/span>&#8230;<br \/>\n\u00bfAlguien quiere a\u00f1adir algo m\u00e1s?<br \/>\n<em>Actualizaci\u00f3n (2005\/11\/24)<\/em>: Otra muestra m\u00e1s, esta vez an\u00f3nima, de c\u00f3mo un tel\u00e9fono m\u00f3vil puede navegar por esta bit\u00e1cora. Por casualidad revisando el log de las visitas, me encontr\u00e9 con la <a href=\"http:\/\/www.webposible.com\/imagenes\/blog\/log-webposible-motorolav600.png\" title=\"Ver registro en el log de la visita de un Motorola V600 visitando este blog\">\u00abhuella\u00bb de un tel\u00e9fono <strong>Motorola V600<\/strong>, visitando este blog<\/a>.  En el v\u00ednculo anterior puedes ir directamente a la im\u00e1gen.<br \/>\nA ver si vamos encontrando m\u00e1s casos, je je.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el art\u00edculo anterior, Navegando desde tres tel\u00e9fonos m\u00f3viles en un blog (1), present\u00e1bamos un peque\u00f1o experimeto: navegar desde tres tel\u00e9fonos m\u00f3viles en esta bit\u00e1cora. \u00bfNuestra intenci\u00f3n? Comprobar si los m\u00f3viles segu\u00edan los est\u00e1ndares web y usaban una hoja de estilos apropiada para ellos, es decir media=\u00bbhandheld\u00bb. Si esto era s\u00ed, todos los interesados en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,5,8,7],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-accesibilidad","category-css","category-diseno-web","category-web-en-moviles"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":1,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":873,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/89\/revisions\/873"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}