Translate

lunes, 24 de abril de 2017

Creación de App con Mobincube

Mobincube es una página web que nos permite crear app para dispositivos móviles de manera sencilla y visual. Podemos elegir diferentes plantillas y modificarlas, o crearlas desde cero.
Al finalicar, Mobincube nos permite publicar la aplicación y así poder descargarla e instalarla en un dispositivo móvil, mediante un encale o un código QR.

Para crear la aplicación, primero debemos registrarnos en la página del Mobincube (mobincube.com).




Hacemos clic en "Crear nueva App", ponemos nombre a nuestra aplicación y elegimos una plantilla para empezar.



Después, empezamos a modificar los elementos de la plantilla. Podemos introducir imágenes, texto, cambiar el fondo, etc. 
En la columna derecha se muestran las diferentes ventanas que forman la app. En nuestro caso, vamos a hacer una aplicación portfolio, para la promoción en el futuro como diseñadora industrial.


Modificamos los elementos del menú, e introducimos las funciones adecuadas para nuestra aplicación.



De igual manera, modificamos las demás ventanas, y creamos ventanas nuevas para hablar sobre la autora, mostrar su portfolio, sus redes sociales y su contacto.




Es importante también incluir información sobre la aplicación. En la pestaña "Info", podemos introducir un icono para la App, una descripción, categoría y la versión de la que se trata.



Por último, vamos a probar la aplicación, en la pestaña "Previsualización"





Tras procesar los datos, nos da un enlace y un código QR para descargar la aplicación. De esta manera podemos compartir nuestra aplicación en nuestra página web, blog, o redes sociales. 

Si todo está correcto, seleccionamos la opción "Finalizar" de la parte superior. Finalizamos la versión y publicamos. Finalizar la aplicación no significa que no podamos realizar modificaciones después, si podemos, pero figuran como versiones posteriores (versión 1, versión 2, etc.)




Mobincube es una herramienta sencilla que nos permite elaborar aplicaciones de muy buena calidad. El plan gratuito contiene publicidad, pero también hay opción de una versión de pago sin publicidad, y con la posibilidad de publicar nuestra App en la "Play Store" de Google o "App Store" de Apple.

En necesario activar la opción de permitir descargas de origen desconocido para poder descargar la App. Es importante tener cuidado con esta opción, y descargar e instalar aplicaciones de las cuales conozcamos su origen y sean fiables.


Nuestra App ya está disponible para descargar:











lunes, 3 de abril de 2017

Diseño de página web (Mock Up) con Pidoco

Los Mock up son herramientas muy útiles para estructurar una página web antes de programarla. Nos permite introducir elementos en una plantilla de forma fácil y muy visual, para poder organizar una página web antes de programarla. 

Para mostrar un ejemplo, vamos a realizar un Mock up de la página web para la Semana Cultural del Centro Universitario de Mérida. Durante esta semana se organizan actividades, talleres, charlas, cursos, etc. para los estudiantes, profesores y personal administrativo del centro. 

Tras abrir la página web de pidoco (pidoco.com), debemos iniciar sesión con una cuenta de correo y verificar la cuenta pulsando en el correo electrónico que nos enviarán tras introducir nuestros datos.

 


Una vez hemos iniciado sesión, vamos a realizar nuestro primer proyecto. Para ello seleccionamos las proporciones o soporte en el que vamos a trabajar. Elegimos un soporte de página web para ordenador.


Ahora ya podemos empezar a introducir elementos. En la columna de la izquierda tenemos todos los elementos que podemos introducir en la página web, y en el centro, la página sobre la que situaremos todos los elementos. Es importante ser meticuloso con esta plantilla, puesto que después nos va a guiar para crear la futura página web de la Semana Cultural.


Se puede colocar texto e imágenes importadas.


Introducimos el menú, con todas sus opciones desplegables.



Introducimos un calendario donde se mostrarán las actividades organizadas para cada día.


Seguimos introduciendo elementos hasta obtener el resultado final que buscamos para la página web.


Este es el resultado final de plantilla para página web. En la parte superior, se encuentran los organizadores y la cabecera de la página. En el lado izquierdo, una foto del Centro Universitario de Mérida. En la parte central están situadas las entradas del blog, donde se irá informando de las novedades y diferentes actividades relacionadas con la Semana Cultural. En el lado derecho, un buscador de información, un calendario para mostrar las actividades y un vídeo presentación de la Semana Cultural. 

Enlace a la plantilla de la página web: 





Lo que sé de... Herramientas para el diseño de interfaces gráficas