jueves, 20 de abril de 2017

Mobincube

Mobincube es la mejor herramienta para crear aplicaciones móviles sin saber programar.
Es muy fácil de utilizar y ofrece un gran nivel de personalización para poder crear la aplicación que mas se adapte a nuestras necesidades. Se puede crear una aplicación desde las plantillas que ofrece Mobincube o directamente empezar desde cero.
Para los usuarios más avanzados, con conocimientos de programación, Mobiencube también les permite añadir sus propios módulos html/javascript para ampliar la funcionalidad interactuando con el resto de la aplicación.

Mediante Mobincube hemos realizado una aplicación para la Semana Cultural del CUM. En la parte izquierda inferior de este blog se encuentra el código QR para poder descargarla, y a continuación podéis ver unas imágenes del aspecto que tiene:





viernes, 7 de abril de 2017

Pidoco

Pidoco es una herramienta que permite hacer prototipos de aplicaciones webs y dispositivos móviles, comprobar el funcionamiento de su interfaz y realizar pruebas de usabilidad online.
Permite diseñar diferentes prototipos. Cada prototipo se va creando a partir de plantillas o módulos que se pueden arrastrar.
Pidoco se estructura en varias vistas que dan acceso a varias funciones. Las funciones que incluye son:

  • Editor: Crear, compartir y exportar wireframes, maquetas y prototipos.
  • Simulador: Revisión y discusión de proyectos y requerimientos.
  • Tester: Pruebas de prototipos para su uso con los usuarios finales en línea.
En esta práctica se ha creado la interfaz de una página web para la semana cultural, el resultado ha sido el siguiente:


lunes, 27 de marzo de 2017

Soundation

Soundation es un editor de audio que funciona sobre una interfaz web desarrollada en Flash.
Dispone de un amplio catálogo de ejemplos gratuitos, ordenador por estilos. El editor permite guardar nuestras producciones tanto en MP3 como en WAV o difundirla a través de la red.


El audio se ha añadido como un gadget en la parte inferior izquierda del blog.

Crear vídeo con YouTube

Esta práctica tiene como objetivo editar un vídeo con la herramienta de edición de vídeos de YouTube, solo se necesita tener una cuenta de Google.
Para crear el vídeo se ha utilizado la opción "CC", que se encuentra en el editor de vídeo, y sirve para buscar vídeos dentro de YouTube con Licencia de Creative Commons, además de añadir un audio.
El vídeo creado se ha puesto como un gadget en la parte inferior izquierda del blog.

Bootstrap

Bootstrap es un framework, originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript. Su particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.
Los diseños creados con Bootstrap son simples, limpios e intuitivos. Esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos.

En la práctica con Bootstrap hemos creado otra página web y para ello se han seguido los siguientes pasos:

  1. Acceder a http://getbootstrap.com/ y descargar los archivos (carpeta zip).
  2. Elegir la plantilla que más nos guste y le damos a "guardar como" de manera que se nos guardará un archivo html.
  3. Seleccionamos el elemento de la plantilla al que queremos añadirle una imagen y le damos a inspeccionar elemento. De esta forma sabremos en qué parte se sitúa la imagen que queremos cambiar y así será más fácil cambiarla en el archivo html.
  4. Por último subimos todos los archivos de la carpeta a hostinger, incluyendo el archivo html y la imagen que hemos cambiado.

jueves, 16 de marzo de 2017

Más sobre JavaScript

Anteriormente hemos visto que se han añadido a la página web tres botones lo cuales han sido incluidos en el archivo html mediante un script. En esta práctica se ha añadido otro script que muestra el mensaje "Click me!" y al pulsarlo nos dirige a este blog. Además se ha creado un archivo con extensión js y se han incluido varias funciones que añaden los siguientes objetos a la página web:
  • Un mensaje ("¡Hola!") que al seleccionar cualquier parte de él sale una ventana que indica que introduzcamos un nombre y apellidos. Esta ventana no se cerrará hasta que no escribamos algo, a continuación genera un texto en el que pondrá "Hola Nombre Apellidos! Como estas hoy?
  • Un botón ("Pulsame cambio") que cambia el estilo de la cabecera de la página web.
  • Un botón ("Pulsame alert!) que abre una ventana de alerta con el título "Hola clase!
  • Un botón ("Pulsame otro cambio header") que vuelve a cambiar el estilo de la cabecera por el original.
  • Un mensaje que se genera a los 5 segundos de entrar en la página web.


lunes, 6 de marzo de 2017

Práctica con JavaScript

Java Script es un lenguaje de programación que se utiliza principalmente para programar el comportamiento de un sitio web. Es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento html.

A partir de los archivos subidos anteriormente a hoostinger, html y css, se han vuelto a crear otros dos archivos con extensión css los cuales definen otro tipo de estilos. Mediante JavaScript se han añadido, al archivo html, tres botones con la siguiente función:

  • Cambio de estilo: al pulsarlo se cambia el estilo de la página.
  • Cambio de estilo: tiene la misma función que el anterior pero con otro estilo diferente.
  • Estilo original: al pulsarlo la página vuelve a tener su estilo original.



También se ha añadido otro botón que al pulsarlo se muestra una alert box.