Práctica 7: Creación de aplicación  a través de Mobincube

El objetivo de esta práctica es la creación de una aplicación de tu bar favorito a través de una página web llamada Mobincube, que nos ofrece unas plantillas que nos facilitará este trabajo.

Lo primero es registrarse, de forma totalmente gratuita, y decidir el tipo de aplicación que crearemos, en nuestro caso de un bar.

Tras elegir el tipo de aplicación, nos dispondremos a personalizarla. Es bastante sencillo porque desde el principio la pagina te ofrece un tutorial a seguir para hacerlo más fácil y mas rápido.

                                 
                                                                      Edición de la cabecera

                                                                                        Edición de la información que se mostrara por pantalla

Por último, esta página nos genera una URL y un código QR para poder descargar la aplicación.

Práctica 6

En esta práctica hemos conocido que existen programas que nos permiten crear interfaces de páginas web o mockups que nos sirven para tener una vista previa de la página a diseñar. 

Una de estas herramientas que nos ayudan ha crear mockups es Pidoco, que es la que vamos a utilizar en esta práctica para crear una interfaz para una página web de la semana cultural de Mérida.

Pidoco es un programa online que te permite trabajar con él de forma gratuita. Su forma de funcionar es bastante fácil. 

Primero seleccionamos el tamaño sobre el que queremos trabajar, es decir, tamaño pantalla de ordenador, teléfono,...

A partir de aquí se nos genera una pantalla con el tamaño elegido en la que podremos ir añadiendo y modificando los elementos que quieres que compongan nuestra página.

Mockup de mi diseño para la página web de la semana cultural.

Práctica 5

Esta práctica está compuesta por dos ejercicios. 

1) En el primero hemos modificado una página web de Bootstrap. 
Seleccionaremos un archivo de la página Bootstrap con extensión .html y nos lo descargamos.

Se nos creara una carpeta con el mismo nombre de la pagina.

En la misma página nos hemos guardado una plantilla que será la que modificaremos. Tras esto podremos personalizar esta página como nosotros queramos.

                                           

Simplemente he inspeccionado la página para conocer el nombre de la parte de este elemento y así poder modificar el html

2) La segunda parte de la práctica consta de dos partes.

Una enfocada a la edición de vídeos a través de las herramientas que nos ofrece Youtube. Primero es crearte una cuenta en esta plataforma. Una vez que la tengamos pasamos a la edición. 

Youtbe te permite utilizar una serie de vídeos y música para poder probar como se edita con sus herramientas. Es bastante simple.

        

Para mi vídeo he tomado tres cortos con licencia Creative Commons ya que esta te permite utilizar estos vídeos sin problemas de derechos. Del mismo modo tienes música que también puedes utilizar para estas ediciones.

Podemos editar tanto los vídeos y la música. Además nos permiten hacer transiciones entre escenas y subtitular el vídeo.

Tras editar el vídeo Youtube debe analizarlo por lo que tardara unos momentos en subirse. Tras esto también puedes modificar la miniatura del vídeo y si quieres que sea público o no. Mi vídeo editado esta subido en mi blog a través de un widget en el solo debemos copiar el html del vídeo y pegarlo en la este widget para poder mostrarlo en nuestra web.

Por último, utilizaremos el programa Soundation que es una aplicación que nos permite la creación clips de audio. También es bastante fácil de utilizar. 

   

                                  En la parte de la derecha tenemos una librería que es de donde sacamos los sonidos que queremos incorporar en nuestro clip. Simplemente he combinado varios sonidos en los distintos canales para crear una melodía.

Una vez creada, he subido el clip a mi página web  de la misma forma que el  vídeo anterior.