Sobre el desarrollo de la App UNMSM

AcercadeHace unos días vengo desarrollando una aplicación móvil para la Universidad Nacional Mayor de San Marcos. Con funcionalidades básicas (en su v1.0) y que por el momento es “No oficial”.

La plataforma escogida para la primera versión es Firefox OS, una plataforma abierta que usando las tecnologías HTML5- JS- CSS que me permitió la publicación de la app de manera gratuita, dentro de unas semanas espero poder lanzarla en Google Play para dispositivos Android. 

Capturas

Portada

Portada

Ver noticia

Ver noticia

Incidencias en el desarrollo 

Obtener datos de la web principal

La aplicación no podía ser estática (simplemente pequeños textos e imágenes informativos), tenía que ser dinámica. Entonces la UNMSM tiene su propia página web que usa el CMS Joomla (por lo visto en su código fuente), mi idea original era poder obtener las “noticias” desde del XML del RSS que provee, pero revisándola a fondo este RSS no estaba activado (no sé la causa principal que la desactivaran si Joomla lo incluye).

La app sí o sí debía obtener las noticias, solo me quedaba una opción por hacer:  Obtener los datos desde la página web (scraping).

Pues eso hice, obtuve el contenido de las secciones de la web y generaba un archivo JSON por sección, una vez generados los archivos JSON correspondientes era más manejable la información  y poder llamarlos en la aplicación con JavaScript.

JSON Últimas noticias

JSON Últimas noticias

JSON Registro noticias

JSON Registro noticias

JSON Agenda

JSON Agenda


Descárgalo

Ya está disponible en Firefox Marketplace, si tienes un dispositivo con FirefoxOS lo puedes descargar gratuitamente en :

Nombre: UNMSM
Versión: 1.0

https://marketplace.firefox.com/app/unmsm/
¡Pronto más novedades!

Anuncios

Probar compatibilidad entre Internet Explorer y tu web usando MODERN.IE

ModernIE

Durante el desarrollo de un CMS en conjunto con mi equipo, inicialmente nos basamos en hacer la parte visual compatible con Chrome y Firefox. Llegado el momento de testearlo en otros navegadores como es el caso de IE, nos surgieron algunos problemas con las anteriores versiones de IE mientras que en IE10 andaba todo normal, en IE 8 se descuadraba el layout y algunos estilos no eran representados muy bien.

En mi equipo tengo Windows 8 y por lo tanto IE 10, que es un navegador que ha corregido varios problemas de incompatibilidad presentes en los anteriores versiones. Pero había que dar soporte a IE8 y al no tenerlo no tenía como solucionar esos problemas.

Microsoft ha puesto a disposición un conjunto de herramientas muy útiles llamado MODERN.IE, justamente para ayudar con estos problemas. Puedes ingresar al sitio y observarás inicialmente un cuadro de texto para insertar la URL de tu sitio web y que MODERN.IE escanee problemas comunes en tu código HTML/CSS que puedan generar incompatibilidad en las versiones de IE, además muestra las sugerencias detalladas para solucionarlos.

Escaneando un sitio con MODERN.IE

Escaneando un sitio con MODERN.IE

Usando máquinas virtuales para testear la compatibilidad con IE

¿Qué es una máquina virtual?

Una máquina virtual básicamente te permite correr un sistema operativo dentro de otro sistema operativo, por ejemplo correr dentro de Windows una distribución linux como Ubuntu. O también correr una versión de Windows 7 con IE8 dentro de mi PC con Windows 8, como es mi caso y en lo me basaré para el tutorial.

A la acción

1- Antes de comenzar vamos a necesitar tener instalado un reproductor de las máquinas virtuales que vayamos a descargar. Microsoft nos provee de las máquinas virtuales pero no del programa para poder reproducirlo, por eso no dirigimos al sitio de descarga de VMware Player gratuitamente y lo instalamos en nuestro ordenador como cualquier otro programa.

Instalación de VMware Player en  proceso

Instalación de VMware Player en proceso

VMware correctamente instalado

VMware Player correctamente instalado y ejecutado

2- Bien, ya tenemos instalado el VMware Player, ahora es momento de bajarnos la máquina virtual desde el sitio de MODERN.IE en Realizar Pruebas en varios Exploradores y seleccionar tu sistema operativo de tu pc + VMWare Player para Windows . Yo en mi caso me baje las partes de “IE8 – Win7”, la máquina virtual está en partes .rar, por lo que al terminar de descargar todas deberás unirlas después.

Nota: Recuerda tener instalado el descompresor WinRAR en tu pc.

Elige la máquina virtual a descargar

Elige la máquina virtual a descargar

Descargadas todas las partes .rar

Descargadas todas las partes .rar

Extraemos las partes, doble clic a la primera parte con extensión .exe y Extract

Extraemos las partes, doble clic a la primera parte con extensión .exe y Extract, esto proceso tomará unos minutos

Terminada la extracción nos resultará de esta manera

Terminada la extracción nos resultará de esta manera, ya tenemos la máquina virtual completa

3- En este punto ya disponemos de la máquina virtual completa, nos queda iniciar WMware Player y abrir la máquina virtual para poder ejecutarla.

"Open" y seleccionamos ubicación de la máquina virtual

“Open” y se nos abrirá una ventana para seleccionar ubicación

Seleccionamos la máquina virtual

Seleccionamos la máquina virtual que había sido generada en los pasos anteriores

a

Clicamos a “Import”, el proceso demorará unos minutos

a

Ya importada la virtual machine aparece en la lista y le damos a “Play virtual machine”

a

Cargando la máquina virtual de Windows 7

a

Al iniciar el sistema configuramos algunos detalles, como el tipo de la conexión, en mi caso “Public Network”

a

Accedemos a Internet Explorer

a

Página de bienvenida

a

Está todo listo para testear sitios en IE 8. Como consejo adicional puedes poner en modo pantalla completa para una mayor visualización con CTRL+ALT+ENTER

NOTA: Al suspender tu máquina virtual y reabrirla te pedirá una contraseña para el usuario IEUser la cual es: Passw0rd!

Info adicional: https://modernievirt.blob.core.windows.net/vhd/virtualmachine_instructions_2013-07-22.pdf

Hasta aquí llegó el post, con estos pasos ya tendrás configurado tu entorno para testear tus proyectos web y su compatibilidad con las versiones de Internet Explorer antiguas y recientes. Good luck!