|
|
|
|
|
|
|
|
- Presentación
- ¿Cómo proceder?
- Características específicas de programación
- Consejos
Desarrollar sitios para plataformas específicas
Los sitios web se pueden abrir en diferentes tipos de dispositivos (teléfono Android, iPhone, etc.), pero el tamaño de la pantalla de estos dispositivos suele ser inferior al de los equipos de escritorio. Puede ajustar cómo se muestran los elementos en los dispositivos móviles utilizando layouts, el modo zoning, etc. WEBDEV también permite definir el modo de visualización de cada página del sitio en los dispositivos móviles. Puede crear sitios específicos para dispositivos Apple (iPad o iPhone). Para desarrollar sitios para plataformas específicas, se deben realizar las siguientes operaciones en cada página del sitio: - Abra la ventana de descripción de la página: en la pestaña "Página", en el grupo "Descripción", haga clic en "Descripción".
- En la pestaña "UI", defina :
- el modo de visualización en dispositivos móviles: Es posible:
- Mostrar página al 100%. Puede desbordar la pantalla.
En este caso, se puede especificar si el usuario puede cambiar el zoom. También es posible especificar los valores máximos y mínimos del zoom. - Adaptar zoom para que la página se ajuste a la pantalla (horizontalmente):
En este caso, el zoom se ajustará automáticamente en función del tamaño del dispositivo móvil.
- las opciones para las aplicaciones web de iOS.
- Ocultar barra de direcciones: Permite ocultar o mostrar la barra de direcciones.
- Pantalla completa: Permite indicar que la página de un sitio debe mostrarse en pantalla completa en el iPhone.
En este caso, se puede elegir el modo de visualización de la barra de estado de Safari (que se encuentra en la parte superior de la pantalla y que indica la carga de la batería, la hora, etc.). Las opciones disponibles son las siguientes:- "Predeterminado": la barra se muestra con el color predeterminado
- "Negro": la barra se muestra con un fondo negro
- "Negro translúcido": la barra se muestra con un fondo negro y una opacidad reducida, el sitio se puede ver a través de la barra.
- Ícono de la aplicación: Permite especificar un ícono, que se puede utilizar, por ejemplo, si se crea un acceso directo al sitio en la pantalla de inicio del iPhone.
- Splash screen: Permite especificar la imagen utilizada para la pantalla de presentación. Esta opción se tiene en cuenta si se crea un acceso directo al sitio en la pantalla de inicio del iPhone. Esta imagen debe tener un tamaño de 320 x 460 pixeles para que el teléfono la pueda tener en cuenta.
Características específicas de programación Un sitio para iPhone se desarrolla de la misma forma que un sitio estándar. Sin embargo, algunas características de programación son específicas de iPhone. Se pueden iniciar llamadas telefónicas directamente desde un sitio web: en la URL del enlace que permite hacer la llamada telefónica, especifique "tel:" y el número de teléfono. Por ejemplo: // Phone
MAP_PHONE.URL = "phone:" + CUSTOMER.Phone
También se puede mostrar la dirección del cliente en el mapa de Google directamente desde el formulario del cliente: en la URL del enlace, indique "http://maps.google.com/maps?q=" seguido de la dirección del cliente.
Por ejemplo: // Geo-localization
MAP_TGMAP.URL = "http://maps.google.com/maps?q=" + ...
URLEncode(Customer.Address + " " + Customer.City + ", " + Customer.Country)
Consejos - Utilice modelos de páginas específicos de iPhone.
- Reduzca al máximo el tamaño de las imágenes del sitio. Las imágenes grandes, las animaciones Flash o los videos pueden ralentizar el tiempo de carga de la página.
- Defina anclajes para gestionar las diferentes orientaciones del iPhone.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|