Creacion de mobile learning con Lectora

13
Pascal Guillén http://es.linkedin.com/in/pascalguillen Creación de Mobile Learning con Lectora

description

Consejos básicos para la creación de contenidos formativos e-learning para movil (mobile learning) con la herramienta de autor Lectora, recogidos en diversos artículos.

Transcript of Creacion de mobile learning con Lectora

Page 1: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Creacioacuten de Mobile Learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de smartphonespermiten acceder a contenidos publicados con Lectora Este tipo de dispositivos moacuteviles ofrece grandes prestaciones de acceso a e-learning

Pascal Guilleacuten httpeslinkedincominpascalguillen

Lectora dispone de una biblioteca de plantillas de categoriacutea iPhone que han sido disentildeadas para un ancho de resolucioacuten de pantalla de 320 piacutexeles Estas incluyen ya las etiquetas Meta y se pueden usarse como punto de partida para crear y disentildear el contenido de tu curso

Pascal Guilleacuten httpeslinkedincominpascalguillen

Pero para asegurar que el contenido se puede utilizar desde varios teleacutefonos inteligentes debe disentildearse y crearse el contenido teniendo en cuenta que va a ser leiacutedo desde este tipo de dispositivos

Pascal Guilleacuten httpeslinkedincominpascalguillen

Estos consejos te ayudaraacuten a disentildear y crear tu curso online para ser utilizado desde un Smartphone

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de los teleacutefonos inteligentes tienen al menos una resolucioacuten de pantalla de 320 piacutexeles de ancho aunque algunos todaviacutea utilizan una resolucioacuten de 240 piacutexeles de ancho El largo puede variar Los usuarios soacutelo deberaacuten desplazarse verticalmente para acceder al contenido que no es inicialmente visible en la pantalla

1) Ancho de paacutegina adecuado para smartphones

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 2: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de smartphonespermiten acceder a contenidos publicados con Lectora Este tipo de dispositivos moacuteviles ofrece grandes prestaciones de acceso a e-learning

Pascal Guilleacuten httpeslinkedincominpascalguillen

Lectora dispone de una biblioteca de plantillas de categoriacutea iPhone que han sido disentildeadas para un ancho de resolucioacuten de pantalla de 320 piacutexeles Estas incluyen ya las etiquetas Meta y se pueden usarse como punto de partida para crear y disentildear el contenido de tu curso

Pascal Guilleacuten httpeslinkedincominpascalguillen

Pero para asegurar que el contenido se puede utilizar desde varios teleacutefonos inteligentes debe disentildearse y crearse el contenido teniendo en cuenta que va a ser leiacutedo desde este tipo de dispositivos

Pascal Guilleacuten httpeslinkedincominpascalguillen

Estos consejos te ayudaraacuten a disentildear y crear tu curso online para ser utilizado desde un Smartphone

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de los teleacutefonos inteligentes tienen al menos una resolucioacuten de pantalla de 320 piacutexeles de ancho aunque algunos todaviacutea utilizan una resolucioacuten de 240 piacutexeles de ancho El largo puede variar Los usuarios soacutelo deberaacuten desplazarse verticalmente para acceder al contenido que no es inicialmente visible en la pantalla

1) Ancho de paacutegina adecuado para smartphones

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 3: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Lectora dispone de una biblioteca de plantillas de categoriacutea iPhone que han sido disentildeadas para un ancho de resolucioacuten de pantalla de 320 piacutexeles Estas incluyen ya las etiquetas Meta y se pueden usarse como punto de partida para crear y disentildear el contenido de tu curso

Pascal Guilleacuten httpeslinkedincominpascalguillen

Pero para asegurar que el contenido se puede utilizar desde varios teleacutefonos inteligentes debe disentildearse y crearse el contenido teniendo en cuenta que va a ser leiacutedo desde este tipo de dispositivos

Pascal Guilleacuten httpeslinkedincominpascalguillen

Estos consejos te ayudaraacuten a disentildear y crear tu curso online para ser utilizado desde un Smartphone

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de los teleacutefonos inteligentes tienen al menos una resolucioacuten de pantalla de 320 piacutexeles de ancho aunque algunos todaviacutea utilizan una resolucioacuten de 240 piacutexeles de ancho El largo puede variar Los usuarios soacutelo deberaacuten desplazarse verticalmente para acceder al contenido que no es inicialmente visible en la pantalla

1) Ancho de paacutegina adecuado para smartphones

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 4: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Pero para asegurar que el contenido se puede utilizar desde varios teleacutefonos inteligentes debe disentildearse y crearse el contenido teniendo en cuenta que va a ser leiacutedo desde este tipo de dispositivos

Pascal Guilleacuten httpeslinkedincominpascalguillen

Estos consejos te ayudaraacuten a disentildear y crear tu curso online para ser utilizado desde un Smartphone

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de los teleacutefonos inteligentes tienen al menos una resolucioacuten de pantalla de 320 piacutexeles de ancho aunque algunos todaviacutea utilizan una resolucioacuten de 240 piacutexeles de ancho El largo puede variar Los usuarios soacutelo deberaacuten desplazarse verticalmente para acceder al contenido que no es inicialmente visible en la pantalla

1) Ancho de paacutegina adecuado para smartphones

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 5: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Estos consejos te ayudaraacuten a disentildear y crear tu curso online para ser utilizado desde un Smartphone

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de los teleacutefonos inteligentes tienen al menos una resolucioacuten de pantalla de 320 piacutexeles de ancho aunque algunos todaviacutea utilizan una resolucioacuten de 240 piacutexeles de ancho El largo puede variar Los usuarios soacutelo deberaacuten desplazarse verticalmente para acceder al contenido que no es inicialmente visible en la pantalla

1) Ancho de paacutegina adecuado para smartphones

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 6: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

La mayoriacutea de los teleacutefonos inteligentes tienen al menos una resolucioacuten de pantalla de 320 piacutexeles de ancho aunque algunos todaviacutea utilizan una resolucioacuten de 240 piacutexeles de ancho El largo puede variar Los usuarios soacutelo deberaacuten desplazarse verticalmente para acceder al contenido que no es inicialmente visible en la pantalla

1) Ancho de paacutegina adecuado para smartphones

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 7: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

bull Utiliza imaacutegenes de fondo para crear el look and feel de tu contenido

bull Aleacutejate de de las animaciones Flash y viacutedeo El iPhone por ejemplo no es compatible con archivos SWF o FLV

2) Imaacutegenes viacutedeos y animaciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 8: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

El espacio de la pantalla es muy limitado Considera la posibilidad de colocar soacutelo la navegacioacuten en la primera paacutegina (home) En el resto de paacuteginas incluye soacutelo enlaces a la paacutegina anterior y posterior y retorno a la home Coloca estos viacutenculos en la parte superior e inferior de las paacuteginas para que sean faacutecilmente accesibles por los usuarios

3)Navegacioacuten

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 9: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Haz que el acceso del usuario sea lo maacutes sencillo posible Si quieres obtener feedback de los usuarios considera la posibilidad de usar botones de opcioacuten o casillas de verificacioacuten para que seleccionen sus respuestas en lugar de que tengan que escribirlas en un campo de entrada

4) Interacciones

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 10: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Coloca las paacuteginas para moacutevil en una carpeta aparte En la paacutegina de inicio se puede usar un script para detectar si el alumno accede desde un dispositivo moacutevil y de ser asiacute redirigir al usuario hacia las paacuteginas disentildeadas especiacuteficamente para moacutevil Estos scripts pueden ser integrados con Lectora Para ahorrar tiempo busca las secuencias de comandos en httpdetectmobilebrowsercom

5) Deteccioacuten del smartphone del usuario

Si quieres crear un curso que debe ser accedido tanto por un PC como por un dispositivo moacutevil considera la posibilidad de crear un uacutenico curso que contenga el contenido para PC y tambieacuten para moacutevil

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 11: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Si vas a crear un tiacutetulo para acceder con iPhone o iPod touch agrega un meta-tagen el tiacutetulo para asegurarte que las paacuteginas se ajustan al tamantildeo de pantalla del dispositivo Antildeade un External HTML Object en el nivel del tiacutetle (o bien en el Chapter Level si las paacuteginas para moacutevil se encuentran en un capiacutetulo aparte) e introduce el siguiente coacutedigo ltmeta width=device-widthgt

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 12: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Puedes modificar esta etiqueta Meta en una variedad de maneras para asegurar que el contenido se muestra como deseas Accede a la Biblioteca Safari para obtener maacutes informacioacuten sobre la configuracioacuten de la vista httpdeveloperapplecomsafarilibrarydocumentationAppleApplicationsReferenceSafariWebContentUsingtheViewportUsingtheViewporthtml

Mobile learning para i-phone i-pod

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos

Page 13: Creacion de mobile learning con Lectora

Pascal Guilleacuten httpeslinkedincominpascalguillen

Por uacuteltimo y quizaacutes lo maacutes importante prueba tu contenido en una amplia variedad de dispositivos moacuteviles

Test en varios dispositivos