En el 2007 apareció el iPhone y en los siguientes años se fue extendiendo rápidamente su uso junto con muchos otros teléfonos móviles o “smartphones” que ya no sólo te permitían hacer llamadas y escribir mensajes de texto, sino también leer y escribir correo electrónico, así como visualizar páginas web. La experiencia web en este tipo de aparatos inicialmente era muy precaria, pero actualmente incluyen navegadores muy buenos, además de que las conexiones móviles han aumentado de ancho de banda y se han vuelto más accesibles. Eso sí, el tamaño de sus pantallas siempre ha sido una limitante, que hace que navegar con ellos mucho tiempo o en páginas complejas no resulte muy práctico ni agradable.

El iPad entra en escena

En el 2010 apareció un dispositivo que fue objeto de algunas ridiculizaciones pues se trataba de algo similar a un iPhone o smartphone pero mucho más grande y del cual no podías hacer llamadas: el iPad. Pero fue precisamente esta diferencia de tamaño la clave de su éxito, y lo que dio pie a toda una nueva gama de dispositivos electrónicos: las “tablets” (o tabletas electrónicas). Una de las características más interesantes de estos dispositivos —tanto en el iPad como en tabletas con Android u otros sistemas— es que en ellos puedes acceder de una forma muy cómoda a ese universo inconmensurable que conocemos como “web” y disfrutar de las características vanguardistas que ofrece el HTML5.

El poder del HTML5

HTML5 es un estándar que empezó a desarrollarse en el año 2009, y que nos ofrece a nosotros los desarrolladores un montón de nuevas características para lograr de forma más eficiente cosas que antes sólo se lograban instalando complementos como Flash Player (iPad carece de él) o que sólo eran posibles en aplicaciones de escritorio o “apps” nativas para los distintos dispositivos móviles y tabletas.

A pesar del auge que actualmente existe de aplicaciones específicas para iPad (iOS), Android y otros sistemas, apostamos a que, con la acelerada maduración del HTML5 y mejoramiento del soporte de las nuevas funcionalidades en las recientes generaciones de navegadores, en poco tiempo el desarrollo de múltiples versiones podría considerarse una práctica obsoleta, o útil solamente para casos o necesidades muy específicos. Esta es la misma apuesta que tiene Google al abordar el tema de dispositivos móviles para sus diversos productos.

iPad + HTML5 = ¡Experiencia web al máximo!

La combinación de un iPad con la tecnología del HTML5 nos ofrece un nuevo nivel de experiencia al navegar por un sitio web, abriendo interesantes posibilidades de interacción entre estas nuevas pantallas amplias multitáctiles (multi-touch) y nuestros dedos. Por ejemplo, podemos aprovechar distintos gestos como deslizar el dedo para mover la página, darle vuelta al dispositivo para observar y leer cómodamente los contenidos, disfrutar de mejores efectos visuales y animaciones más atractivas, guardar y usar un sitio para usarlo sin conexión a internet, y en definitiva una gran abanico de características que se pueden disfrutar sin complicaciones con solo acceder una dirección web.

Te invitamos a visitar nuestro sitio HTML5 Lounge donde podrás ver y experimentar con algunos ejemplos de nuestro trabajo en HTML5. ¡Te recomendamos verlo en tu iPad!

Autores: Rodrigo Mejía Armijo y Diego Escares Venegas
Artículo escrito en agosto de 2011

Los llamados dispositivos móviles, además de utilizar resoluciones menores a las de las computadoras de escritorio (a excepción del iPad), presentan normalmente otras diferencias importantes, como la ausencia del mouse y la barra de scroll, la ausencia del Flash player, y en contraparte ofrecen características novedosas como la presencia de pantallas multitáctiles, sistemas de geolocalización, o la posibilidad de hacer llamadas desde un número de teléfono que aparezca en una página web.

Web móvil de distintos sabores

Dependiendo del perfil de usuarios y objetivos específicos de cada sitio web, en HábitatWeb podemos proponer distintas soluciones, por ejemplo:

• Contenido alternativo. En ciertos casos, mostrar información básica a los usuarios de móviles podría ser suficiente (en vez de que les aparezca sólo un horrendo recuadro gris diciendo que se requiere Flash Player para ver el sitio).

• Páginas web amigables con móviles. En otros casos, enfocarse a hacer que la misma versión y diseño que se utilizan en escritorio se vea bien en móviles (que no se descuadren los elementos ni queden párrafos ilegibles o links que no puedan usarse),  puede ser una elección inteligente.

• Versión para móviles. Finalmente, está la posibilidad de hacer una versión especial, buscando crear una experiencia óptima de web móvil. Esta opción es especialmente recomendable para sitios que están diseñados para que sus usuarios los visiten con frecuencia, como pueden ser redes sociales, tiendas en línea, blogs, etc.

Menos es más

Existen varios principios fundamentales para el diseño web móvil, pero el más importante es mantener las cosas simples, que si bien es una buena práctica para la mayoría de los sitios web, en el caso de móviles es crucial, ya que el espacio de visualización es limitado, la precisión para hacer clic es menor y la diversidad de pantallas, anchos de banda y soporte de características son más inciertos.

Pasado y futuro de la web móvil

Los primeros teléfonos celulares que podían mostrar páginas web se empezaron a comercializar hacia el año 2006, utilizando versiones reducidas del HTML como HDML y WML. Sin embargo las capacidades eran muy limitadas y las conexiones muy lentas y costosas. En menos de 5 años la industria de la navegación web móvil se ha desarrollado de una manera impresionante y el mercado de dispositivos pequeños con acceso a Internet se encuentra en franca explosión.

Actualmente siguen existiendo muchas tecnologías específicas para cada fabricante de teléfonos móviles. Estas tecnologías tienen sus puntos fuertes que las hacen adecuadas en algunas situaciones, pero quedan obsoletas en poco tiempo y sólo sirven para un muy específico grupo de usuarios.

Por otro lado, hay una clara tendencia de los navegadores móviles para poder ofrecer acceso  a una web universal, basada en estándares como HTML5 y CSS3 y es ahí principalmente donde HabitatWeb está enfocando su trabajo.

¿Estás listo?

Si estás interesado en poner a funcionar una versión móvil de tu sitio web, en tener un página web que pueda utilizarse desde cualquier tipo de dispositivo y navegador, o quieres construir un sitio web con una versión optimizada para móviles, no dudes en ponerte en contacto con nosotros y con gusto te asesoraremos.

Autor: Rodrigo Mejía Armijo, HabitatWeb
Artículo escrito en octubre de 2010

Cada sitio y cada negocio es diferente y por ello en HabitatWeb analizamos primero las necesidades del cliente para sugerir las tecnologías que nos parecen más acertadas en cada caso. Si quieres conocer cuáles son algunas de las ventajas de un desarrollo HTML5 y CSS3 éste artículo busca explicarlo de forma sencilla.

¿Por qué utilizar las más novedosas tecnologías para el sitio web de mi negocio?

Las respuestas pueden ser varias, pero probablemente la más importante es que nos permite obtener resultados que antes simplemente no eran posibles, por ejemplo:

• Sitios web de alto impacto visual amigables con iPhone, Blackberry y otros dispositivos móviles.
• Sitios web llamativos y modernos que al mismo tiempo puedan optimizarse para alcanzar excelentes posiciones en Google y otros buscadores.
• La tecnología Flash tradicionalmente ha sido una excelente opción para desarrollar páginas web cuando la parte visual es prioritaria, sin embargo actualmente tiene serias desventajas respecto a HTML5 tanto en compatibilidad con móviles como en posicionamiento en buscadores (SEO).
• Con HTML5 además es posible reproducir de forma nativa en el navegador audio y video, entre otros elementos que hasta ahora sólo era posible incorporar mediante el uso de plugins (como Flash o QuickTime). Esto evita las desventajas que el uso de plugins puede traer en compatibilidad, rendimiento y seguridad.
• Además HTML5 permite mejorar la “semántica” de los sitios que lo utilizan, es decir, que los sitios estarán mejor dotados para “explicarle” a los buscadores y agregadores el significado de su contenido, permitiendo que la indización de los documentos sea más certera.
• Por su parte, CSS3 es el compañero inseparable de HTML5 y es el lenguaje que verdaderamente se encarga de que las cosas “se vean bonitas”. CSS3 permite lograr estilos y efectos visuales que antes sólo eran posibles por medio de tecnologías adicionales.
• HTML5 no sólo sirve para hacer páginas web en el sentido tradicional, sino también permite hacer desarrollo de aplicaciones complejas que funcionen tanto en computadoras de escritorio como en dispositivos móviles de diferentes marcas.
• Por supuesto, un sitio hecho en HTML5 y CSS3 te coloca a la vanguardia frente a tus competidores.

Es importante comentar que HTML5 y CSS3 son especificaciones aún en desarrollo, por lo que los distintos navegadores (Chrome, Firefox, Safari y Safari Mobile… y al último Internet Explorer) van adoptando cada uno a su propio ritmo las distintas características.

En HábitatWeb sabemos que en todo desarrollo web que utilice HTML5 y CSS3 es indispensable trabajar sobre  los principios de accesibilidad, crossbrowser, apego a estándares y enriquecimiento progresivo (entre otros), que harán que tu página web funcione de forma adecuada aún en los dispositivos con soporte pobre de estas novedosas tecnologías.

Autor: Rodrigo Mejía Armijo, HabitatWeb
Artículo escrito en octubre de 2010

¿Por qué “tener una página web” no es suficiente?

El mundo está lleno de gente que “le sabe a las computadoras” y que piensan que con eso es suficiente para desenvolverse con éxito en el mundo de la Web. Eso sería casi equivalente a decir que (en el mundo “offline”) si uno tiene la capacidad de hablar y escribir frases que más o menos tengan sentido, no necesitará nunca la ayuda de un experto en marketing para promocionar eficazmente su producto o servicio.

Para que una página o portal web sea exitoso, es necesario vigilar una buena cantidad de aspectos, que van desde la elección del nombre correcto, hasta la optimización para un funcionamiento eficiente, pasando por la elección de las tecnologías idóneas, así como el desarrollo de un diseño adecuado para el tipo de público al que se dirige y el tipo de impacto que busca provocar.

Aún los diseñadores y programadores más talentosos, pueden fallar rotundamente en su trabajo si no toman como base un conocimiento sólido de cuáles son las necesidades y expectativas de su cliente, cuáles son las ventajas competitivas que debe hacer destacar y cuáles son los principales retos o dificultades que el cliente está enfrentando para poder vender su producto o servicio.

Aunado a lo anterior, para poder ofrecer soluciones web reales y efectivas, es necesario poseer un conocimiento profundo de cómo funciona la Web y qué es lo que en un momento específico está sucediendo en ella. Es decir, no basta con saber cómo funciona una página web, sino que hay que comprender a la Web como un sistema, un sistema sumamente vasto y complejo, que tiene obviamente muchas similitudes con el “mundo real”, pero que al mismo tiempo, obedece a su propio conjunto de fuerzas, leyes, métodos y técnicas.

Entonces… ¿Qué es un “consultor web”?

El consultor o asesor web vendría siendo aquella persona que conoce a fondo cómo funciona la Web y que pone ese conocimiento y experiencia al servicio de las necesidades de sus clientes. El consultor web averiguará y se involucrará en las metas de sus clientes, y les ayudará a crear estrategias efectivas de imagen y promoción en Internet, les orientará en cómo invertir su presupuesto en las acciones que ofrezcan mejores resultados (a corto, mediano o largo plazo) y estará atento hacia la retroalimentación que pueda obtenerse a partir de la presencia web de sus clientes.

El mayor potencial de la consultoría web, está en el trabajo continuado

La diferencia fundamental que existe entre la promoción en Internet y la promoción por medios impresos, es que el Internet es un medio 100% dinámico, en el que los contenidos pueden estar en constante cambio y perfeccionamiento. Los proyectos más exitosos muchas veces no son los que fueron mejor diseñados desde un principio, sino los que supieron constantemente poner la experiencia a su favor, aprendiendo de los hábitos de los usuarios y de las tendencias en el mundo Web.

Evidentemente una consultoría web tendrá las mejores probabilidades de ser exitosa cuando exista el interés por parte del cliente de aprovechar este potencial increíble que tiene Internet, de ajustar la estrategia cuantas veces se considere conveniente, de acuerdo a lo que en la práctica se vaya observando en el desempeño de un proyecto web.

Autor: Rodrigo Mejía Armijo, HábitatWeb
Artículo escrito en enero de 2009.

¿Qué es Internet?

Internet es una red de redes de escala mundial por medio de la cual millones de computadoras y de redes menores se conectan y comunican entre sí. Provée de distintos servicios como son la World Wide Web, correo electrónico (POP3 e IMAP), transferencia de archivos (FTP), acceso remoto a máquinas (telnet y SSH), etc.

[Más información sobre Internet]

¿Qué es “la Web”?

La World Wide Web (o la Web) es uno de los muchos servicios que utilizan Internet para poder funcionar. Se trata de una red de documentos o páginas web interconectados entre sí por medio de enlaces o hipervínculos. Actualmente, además de documentos existe una larga serie de servicios y redes sociales funcionando a traves de la Web.

El método más usual para leer y explorar la Web es el uso de un navegador web como Internet Explorer o Mozilla Firefox, así como los navegadores de los dispositios móiles.

[Más información sobre la World Wide Web]

¿Qué es una página web?

Una página web es cada uno de los documentos individuales que al interconectarse entre sí forman sitios web y finalmente conforman a la World Wide Web.

En sentido estricto cada vez que el navegador descarga del servidor nueva información para presentarnos nuevo contenido, estamos viendo una nueva página web. Para fines prácticos también lo podemos entender como las secciones internas de un sitio web.

En la vida cotidiana muchas veces se utiliza la expresión página web como sinónimo de sitio web.

[Más información sobre página web]

¿Qué es un sitio web?

Un sitio web es un conjunto de páginas web (que puede ir desde una hasta cientos de ellas) que están vinculadas a un mismo dominio y que incorporan un sistema de navegación para explorar las distintas páginas que conforman al sitio. En general, es deseable que cada sitio web forme una unidad coherente con una consistencia visual y estructural.

[Más información sobre la World Wide Web]

¿Qué es un dominio de Internet?

Los dominios de Internet se inventaron como alternativa a la dirección IP, para tener un identificador fácil de recordar para conectarse con un sitio web determinado (ejemplo: www.habitatweb.mx).

La última parte de un dominio está pensada para darnos información sobre la ubicación geográfica y/o el tipo de actividad o información con el que se asocia el contenido del sitio. Algunos de los dominios de nivel superior (terminaciones) más comunes en México son: .com, .com.mx, .net, .org, .edu.mx y .gob.mx.

[Más información sobre dominio de Internet]

¿Qué es la renta de un dominio?

Para poder hacer uso de un nombre de dominio es necesario pagar una renta a una de las empresas que se dedican a administrarlos, conocidas como NIC o registradoras de dominios. Al contratar un servicio de hospedaje es posible que el costo y trámites por la renta del dominio estén incluidos. El uso de ciertos tipos de dominio o terminaciones está restringido al cumplimiento de algunas condiciones por parte de quien lo solicita.

¿Qué es hosting u hospedaje web?

El hosting u hospedaje web se refiere a los recursos destinados en una computadora (servidor) a la cual se conectarán otras máquinas para poder ver y utilizar un sitio web determinado.

Existen distintos tipos de hosting con distintas prestaciones; una de las más importantes es el uptime o tiempo que está funcionando ininterrumpidamente el servidor.

[Más información sobre hosting]

¿Qué es un servidor web?

Un servidor es una computadora conectada de manera permanente o casi permanente a la red Internet y que da hospedaje a uno o varios sitios web. Por ejemplo, cuando alguien visita el sitio www.habitatweb.mx, lo que está haciendo es establecer una conexión con el servidor en el que está almacenada la información del sitio. La palabra servidor puede referirse a la computadora en sí, tal como lo acabamos de definir, o al software o programas necesarios para dar el servicio de hospedaje web.

[Más información sobre servidor web]

¿Qué es una página o sitio HTML?

HTML es el lenguaje de marcado de texto creado desde los primeros años de la Web para publicar, organizar y vincular información. A lo largo de los años se ha ido reformulando y ha ido ampliando principalmente sus posibilidades de control desde el punto de vista del diseño.

Con el acelerado desarrollo e impulso a las tecnologías conocidas como HTML5, ahora es posible crear sitios muy ricos en aspectos visuales e interactividad sin necesidad de recurrir a plugins, como el caso de Flash.

[Más información sobre HTML]

¿Qué es una página o sitio Flash?

En contraste con HTML, la tecnología Flash fue desarrollada originalmente para hacer presentaciones multimedia o con alto contenido visual destinadas a ser publicadas en la Web. A lo largo de los años, Flash ha dejado de ser una herramienta exclusivamente de diseño, desarrollando la capacidad de relacionarse con otras tecnologías, mejorando notablemente sus capacidades de manejo de información y permitiendo construir inclusive aplicaciones complejas.

Flash empezó a perder mucha fuerza con la entrada de los dispositivos móviles y la falta o deficiencia de soporte hacia esta tecnología así como el desarrollo e impulso del HTML5, aunque siguen habiendo casos en que puede ser una herramienta útil para lograr resultados visuales y/o de interactividad que todavía no pueden lograrse con HTML.

[Más información sobre Adobe Flash]

¿Cómo checo si un dominio está disponible?

La forma más confiable para verificar si un dominio está disponible es utilizar un servicio de “whois”. En caso de que el dominio se encuentre ocupado, el “whois” nos da información sobre la persona y/o empresa que tiene el registro.

La mayoría de las empresas que se dedican a la renta de dominios incorporan este servicio en su sitio web. Algunos ejemplos son: www.allwhois.com, www.nic.mx, y www.godaddy.com

¿Cuánto cuesta construir un sitio web?

Si alguien pregunta “¿cuánto cuesta una casa?” sabemos que la respuesta depende de las características, los materiales, la ubicación, el tamaño, los acabados, etc. Exactamente lo mismo sucede con los sitios web.

Para pedir un presupuesto de sitio web es necesario definir primero qué es lo que se está buscando en cuanto a características, funcionalidad, ubicuidad, diseño, extensibilidad, etc. Una vez definido esto, pida algunos presupuestos y compare los costos, ventajas y desventajas de cada oferta.

¿Qué debo buscar al contratar un servicio de diseño o desarrollo web?

Dedique un tiempo a explorar los portafolios de distintos proveedores y evalúe qué tan agradables le resultan sus diseños, pero también que tal se navegan sus sitios, cómo cargan, si aparecen en los buscadores, si todas las secciones funcionan, si la información y estructura que presentan es clara y si hay algo que los haga memorables.

Tenga presente que algunas características importantes como el funcionamiento del sitio con distintos navegadores y la optimización para mantenimiento suelen quedar fuera del alcance de este tipo de observación.

Cuando tenga ubicadas algunas opciones de proveedores, es importante que usted plantee sus necesidades y posteriormente evalúe las soluciones que cada uno le pueda ofrecer.

¿Qué debo buscar en un proveedor de hosting?

Probablemente la diferencia más importante entre unos proveedores de hosting y otros es qué tan estable y eficiente es el servicio: en algunos servidores, los lapsos de “downtime” se reducen a unos cuantos segundos al año mientras que los de menor calidad dejan de responder con mucha mayor frecuencia. Otra característica esencial es que tan ágil es la respuesta del servidor.

Así que es falsa la idea de que un servicio de mala calidad no le afectaría para un sitio sencillo. Tampoco piense que el que más cosas le ofrezca va a ser el mejor. Para proyectos más grandes o especializados sí será muy importante confirmar que el servidor soporte las tecnologías necesarias y que las herramientas de administración sean las adecuadas.

¿Qué es ancho de banda?

Hablando de una conexión a Internet, se refiere a la cantidad de datos que puede transferirse hacia o desde una computadora por unidad de tiempo. Haciendo una analogía con un río, el ancho de banda vendría siendo el “caudal”.

El ancho de banda suele medirse en bits por segundo, por ejemplo 10 Mbps significa una transferencia de hasta 10 millones de bits por segundo.

[Más información sobre ancho de banda]

¿Qué es un navegador web?

Un navegador web es un programa o software que nos permite visualizar e interactuar con páginas web.

Los navegadores más comunes en la actualidad son Internet Explorer, Mozilla Firefox, Google Chrome y Safari.

[Más información sobre navegador web]

¿Qué es optimización para motores de búsqueda (SEO)?

Se refiere a una serie de técnicas para favorecer el que una página web se coloque en buenas posiciones en los resultados de búsqueda de Google, Bing y otros motores de búsqueda o buscadores, para determinadas palabras o frases de búsqueda.

Algunas de las principales prácticas que favorecen el posicionamiento en buscadores son: ofrecer contenidos originales que hagan uso inteligente de las palabras clave, utilizar un título descriptivo, vigilar la estructura y accesibilidad del sitio web y disponer de enlaces desde otras páginas web bien posicionadas y con temática semejante.

[Más información sobre optimización para motores de búsqueda]

¿Qué es el spam en una página web?

El spam en un las páginas web, algunas veces referido como “Black Hat SEO”, es el uso de técnicas engañosas para posicionar artificialmente un sitio web, perjudicando directamente la experiencia del usuario de Internet.

Algunos trucos “clásicos” son el uso de páginas “flasas” que no tienen interés para los usuarios o la redacción de textos sin sentido (muchas veces ocultos) que solamente repiten palabras clave con las que les interesa posicionarse.

Cuando este tipo de técnicas son detectadas en un sitio web, éste puede ser penalizado por ejemplo, con la exclusión completa en los resultados de Google. Por otro lado, cuando una empresa se dedica al posicionamiento fraudulento, es probable que con sus clientes tampoco tenga una relación completamente ética.

¿Qué es un sistema gestor o administrador de contenidos (CMS)?

Son programas informáticos que permiten la creación y modificación de páginas web autoadministrables freciendo una interfase de administración y utilizando una base de datos para almacenar la información.

Estos sistemas permiten, entre otras cosas, que un usuario sin conocimientos de programación pueda publicar documentos HTML, además de que le proveen de un mecanismo que automatiza muchos aspectos del manejo de la información. Dos de los CMS más populares actualmente son WordPress y Joomla.

Entre los puntos débiles que tienen los gestores de contenidos, están las deficiencias que usualmente presentan los editores de texto incorporados, así como el tiempo y cuidado que requiere del usuario final.

[Más información sobre sistema de gestión de contenido]

¿Qué es Web 2.0?

Durante varios años se concibió la Web como una serie de documentos (principalmente de texto) interconectados por medio de enlaces o “links”. Estos documentos eran publicados por una minoría y consultados por un grupo mucho mayor de usuarios.

Al rededor del año 2009 empezó a popularizarse el término “Web 2.0″, para hacer referencia al inicio de una nueva  etapa de la Web, en donde cualquier usuario puede crear contenidos, en donde la red no sólo vincula documentos sino que también facilita el intercambio directo entre personas, en donde la multimedia (imágenes, audio y video) toman un papel preponderante y en donde la Web se va convirtiendo en una enorme herramienta de trabajo y entretenimiento, con una virtualmente infinita cantidad de aplicaciones disponibles, que eventualmente podrían desplazar por completo al tradicional software “de escritorio”.

[Más información sobre Web 2.0]