Implementación de un sistema móvil en una página web

Alternativas:

 Adaptar la página web al dispositivo móvil por medio de una App que le facilite el
uso ágil y rápido sobre la página.
 Enlazar la página web a redes con la versión móvil online.
 Adaptar Crear una pagina de aterrizaje para sistemas móviles.
 Integrar a la pagina la app para los servicios móviles con la herramienta de
Responsive Web Design (RWD), es una técnica de diseño web desarrollada que
consiste en crear el sitio web a través de módulos flexibles y adaptables. Con
determinadas instrucciones en el CSS, el diseñador puede crear diferentes
versiones de la misma página que se mostrará según el dispositivo con el que se
esté visualizando la web, ofreciendo al usuario el contenido ordenado de una u
otra forma, dependiendo del tamaño de su pantalla.
 ScreenQueri ( http://beta.screenqueri.es/ ) es otro recurso online muy útil para
analizar los aspectos básicos de comportamiento de una web en relación a su
adaptabilidad. Este sitio ofrece la visualización a través de reglas en las que se
puede desplazar la web para diferentes resoluciones de pantalla, para poder
comprobar al momento la calidad de visualización de una página, en diferentes
situacionesScreenQueri ( http://beta.screenqueri.es/ ) es otro recurso online muy
útil para analizar los aspectos básicos de comportamiento de una web en relación
a su adaptabilidad. Este sitio ofrece la visualización a través de reglas en las que
se puede desplazar la web para diferentes resoluciones de pantalla, para poder
comprobar al momento la calidad de visualización de una página, en diferentes
situaciones
 Estudiar la compatibilidad en la migración de los datos con Mobile friendly
websites.
 Crear un diseño en la página que se vea bien en cualquier dispositivo el cual no
debe pesar mucho ya que la velocidad de los dispositivos móviles no son tan
agiles que los que manejan la red fija.
 Cambiar la versión de la página web con opciones de elección que el usuario
pueda identificarse con el manejo del móvil.
 Aplicar a la página un Mobile marketing

*Adaptando la interface de la web a una versión móvil simultáneamente

*Creando las dos opciones en la red una web móvil y una fija asi los usuarios tomaran las
opciones según se les facilite.

*Adoptar el formato en el lenguaje de códigos para que la página y la web hagan el enlace
directo al dispositivo
  Implantar un plugins Word Edition es un complemento que muestra una interfaz
diseñada para un dispositivo móvil cuando los visitantes llegan a su sitio en un
dispositivo móvil.Los navegadores móviles se detectan automáticamente, la lista
de navegadores móviles se puede personalizar en la página de configuración.

Teniendo en cuenta que la página se apta para todos los dispositivos móviles y poder
probarla y alterno a esto hacer una visualización de prueba de lanzamiento de la
herramienta ( ipadpeek) estos son simuladores que sirven para pruebas antes de la
ejecución.

 Crear una platilla para MS link por botones visibles y de manejo rápidoy
automático.
Aplicativos

Con la variedad de diferentes dispositivos disponibles para navegar por la web, no es

suficiente tener un sitio web que pueda ver fácilmente desde su escritorio. Los sitios web
no solo necesitan procesarse perfectamente en diferentes navegadores sino también en
PC de escritorio, tabletas y dispositivos móviles. Si bien hay extensiones de navegador
disponibles para ayudarlo a ver una página web en una resolución diferente, no son
compatibles con todo tipo de resoluciones y muchas de ellas solo reducen el área de
visualización en lugar de cargar el sitio móvil. Screenfly es una aplicación web gratuita
que le permite ver un sitio web en diferentes resoluciones de pantalla; es compatible con
Samsung Galaxy Tab, Apple iPad 1 y 2 y tabletas Motorola Xoom entre otros y Apple
iPhone 3 y 4, Google Nexus S, LG Optimus S entre otras resoluciones de pantalla
móvil. También es compatible con pantallas de escritorio de diferentes tamaños y
diferentes resoluciones de TV.

El sitio detecta automáticamente si la URL que ingresó tiene un sitio móvil y lo

redirecciona a él. Para cambiar entre las resoluciones de pantalla, haga clic en el icono
del tipo de dispositivo correspondiente y elija su modelo (si está incluido) o elija cuál
dispositivo tiene la resolución de pantalla más cercana. Puede desactivar la detección de
dispositivos activando la casilla Sin servidor proxy cuando ingrese la URL.

Para algunos sitios web como Google, abre el sitio móvil en todo el navegador. Aunque
puede desplazarse por el sitio y abrir enlaces, no puede "operarlo", lo que significa que no
puede iniciar sesión en Facebook o descargar aplicaciones del mercado de Android
porque la aplicación solo representa la resolución de la pantalla y no agrega ningún tipo
de funcionalidad que sería compatible con aplicaciones móviles.

Responsivepx desing

Esta herramienta de código abierto (el repositorio está en GitHub en caso de que desee
configurarlo localmente) le permite ver cómo se procesará una página web en varios
tamaños de pantalla. Hay muchos dispositivos compatibles con ResponsiveTest, como
iPhone, Blackberry, teléfonos móviles Samsung, computadoras portátiles Dell y mucho
más.

El respondedor toma una URL y luego muestra una secuencia de maquetas de

dispositivos con la página web representada en ellas para que pueda hacerse una idea de
cómo los usuarios experimentarán el diseño de la página en varios dispositivos.

Una característica útil que tiene esta herramienta es que le brinda atajos de teclado (por
ejemplo, presionar Tle mostrará la vista previa de la tableta). Esto es útil si te gusta
cambiar rápidamente de un lado a otro entre varias vistas previas del dispositivo.
Esta es una herramienta web simple para probar la capacidad de respuesta de cualquier
sitio. Además, la imagen de vista previa que representa puede ser una gran visual para
sus presentaciones, reuniones de diseño, etc.

Screenfly

Al igual que algunas de las otras herramientas en esta lista, Screenfly toma cualquier URL
y luego le da una vista previa de la página web bajo varias dimensiones de pantalla
preestablecidas. Puedes ver tu página web en distintas resoluciones de diferentes
dispositivos móviles. Además también te dan la opción de ver formatos de televisión y
pantalla de PC

Responsive desing texting tool web

Al igual que Responsinator, esta herramienta de prueba de diseño web de pixeltuner de le

permite ingresar una URL que luego se representa dentro de varias maquetas de
dispositivos.

Responsivepx

Responsivepx puede trabajar con tus archivos locales. Lo que haría sería abrir su
documento HTML en su navegador web y luego copiar y pegar el URI en
responsivepx. Esto es útil cuando trabajas en un proyecto de diseño receptivo en tu
computadora. ayuda a comprobar la capacidad de respuesta de tu diseño web. Puedes
comprobar el aspecto y la funcionalidad de tu sitio web en diferentes dispositivos y
tamaños de pantalla.

Resizer

Es una herramienta de Google para ver y comprobar cómo rompe la interfaz web de una
página, un blog o una aplicación. Todos tenemos la responsabilidad de hacer que nuestro
producto sea accesible para todo el mundo explica Google en Introducing
Resizer (mientras tanto, el editor de YouTube no funciona en Safari, por ejemplo, tampoco
los vídeos de 360°).

En Resizer se puede teclear o pegar una URL y automáticamente visualizar y comprobar

cómo se verá en un ordenador, tablet y móvil (ambos en horizontal o vertical, en
diferentes tamaños y tallas).

Como adaptar el sistema a la página web

Adaptar el formato para dispositivos móviles

Esta posibilidad consiste en adaptar el formato de la web para que se muestre "de
forma distinta" a los usuarios que se conecten a través de estos dispositivos,
normalmente modificando la hoja de estilos CSS. Este es el caso de la mayoría de
blogs, que utilizan plugins como el WordPress Mobile Edition, que adapta los
estilos para mostrarse en un formato móvil óptimo.

Si se utiliza esta segunda técnica, se debe vigilar mucho, pues si se configura mal,
hay la posibilidad que se interprete como encubrimiento, es decir, mostrar a
Google un contenido distinto al contenido que se muestra al usuario. En tal caso,
Google puede llegar a desindexarte completamente.

La norma que se debe tener en cuenta es que se debe servir el mismo contenido a
los usuarios de dispositivos móviles que a Googlebot-Mobile, y el mismo contenido
a los usuarios de ordenadores que a Googlebot.

Esto puede pasar si a utilizamos la detección del "user agent", es decir, del tipo de
navegador que está utilizando el usuario, no tenemos en cuenta a Googlebot-
Mobile. Aquí vemos un esquema que resume la idea:

Así pues, siempre debemos incluir al user agent "Googlebot-Mobile" como si fuera
un usuario que se conecta por dispositivo móvil. Para saber si se han indexado
correctamente, se debe utilizar el operador "site:" como en este ejemplo. Si no
aparecen resultados, es que Googlebot-Mobile ha decidido que las páginas no se
pueden ver a través de dispositivos móviles.

Google decidirá si una página se debe incluir en sus resultados de dispositivos

móviles o no, en función de distintos parámetros, como el DTD (Doc Type
Definition), que debería ser "XHTML Mobile" or "Compact HTML". Puedes ampliar
esta información en las Directrices para webmasters de webs de móviles. Una
última comprobación que recomiendo, es ver tu web como la ve Google, o en este
caso, tu web como la ve Googlebot Mobile.
Crear una web para dispositivos móviles

Con esto nos referimos al hecho de crear una web especial para la gente que se
conecta a través de estos dispositivos. Ésta puede estar en una carpeta, como en
el caso de la versión móvil de Google (http://www.google.com/m/), o en un
subdominio, como el caso de la versión móvil de La Caixa(http://mobil.lacaixa.es).

La parte positiva de hacerlo así, es que puedes aparecer en la página

de búsqueda de Google para móviles, así como en otros directorios de webs
optimizadas para móviles. El gran problema es que la gestión del website se
duplica, ya que se debe trabajar las dos versiones, con toda la carga de trabajo
extra que eso supone. Además se debe luchar contra el handicap que muchas
veces la versión móvil de una web no está optimizada para un
buen Posicionamiento Natural.

Para más información sobre los pros y contras de crear una web específica para
dispositivos móviles, recomiendo la lectura del artículo de Bryson Meunier "Why
Mobile Searchers Need Mobile-Optimized Sites", donde analiza hasta 16 factores
por los que se debería "adaptar el formato", antes que "crear" una versión distinta.