miércoles, 17 de mayo de 2017

¿Quieres crear tu propio videojuego?

Este sueño típico que todos hemos tenido, lo podremos hacer realidad. Os enseñare un programa sencillo con el que podréis hacer vuestros primeros movimientos.

Os dejo una dirección de blog donde podréis encontrar distintos programas a elegir.

https://blog.uptodown.com/programas-crear-videojuegos/

Ahora vamos a hablar de Unity. Nuestro objetivo será crear un mini juego utilizando plataforma de desarrollo de motores gráficos.

Os dejo la explicación de mis compañeros:




Para terminar os dejo mi resultado:



lunes, 15 de mayo de 2017

En esta sesión conoceremos en primer lugar Aurasma y en segundo lugar Blippar.

  • Crearemos un vídeo con imágenes de mi blog
  • Usaremos Aurasma y Blippar para colocar el vídeo en nuestro favicon.
  • El objetivo será que este vídeo aparezca al enfocar nuestra cámara con la aplicación.
Partimos de nuestro Favicon:


Aurasma: es una App bastante complicada de describir sin ver cómo funciona directamente; Se trata de un sistema de realidad aumentada, que utiliza la cámara para identificar los objetos que tiene delante.


Una vez insertada Favicon, insertamos vídeo.


Blippar es la primera aplicación que reconoce imágenes y las vuelve interactivas en tu teléfono móvil. 


Una vez tengamos la imagen editada y vídeo, Blippar nos aportara un código con el que podremos escanear. Os dejo mi código.


jueves, 11 de mayo de 2017

¿Quieres tu propia App?

Os voy a mostrar un ejemplo de Mobincube, herramienta para crear apps móviles nativas para Android, iOS (Apple) y WindowsPhone sin saber programar.

Mobincube es sencillo de utilizar, al mismo tiempo que ofrece una gran nivel de personalización para que puedas crear la app que más se adapte a tus necesidades. Solo tienes que añadir pantallas a tu app, añadir elementos a las pantallas algunos elementos mas a nuestro gusto y tendremos nuestra app. 

Os voy a mostrar mi app sobre mi bar favorito:






Es un app muy sencilla de utilizar. Os dará al terminar el código QR para nuestra aplicación y una dirección. Os dejo la mía:



¿Qué es un Mock Up?

Un Mock Up son fotomontajes que permiten a los diseñadores gráficos y web mostrar al cliente cómo quedaran sus diseños.

Vamos a usar para crear nuestro propio  Mock Up, una herramienta con la cual crearemos la interfaz, Pidoco.

En nuestro caso vamos a crearlo para la Semana Cultural de nuestra universidad.

Una vez creado nos darán nuestro HTML con sus respectivos archivos:


Aquí tenéis mi Mock Up



viernes, 31 de marzo de 2017



Voy a explicaros como crear un vídeo con audio gracias a programas que usamos día a día.

¿Te suena Youtube?

Página muy conocida en la cual la gente crea y suben sus vídeos para compartir sus pensamientos, vivencias, etc, con nosotros. Empecemos:


  • Creamos nuestra cuenta Youtube, registrandonos con nuestra cuenta de Google.
  • Una vez creada, pulsamos en nuestro perfil y damos a Creator Studio > Crear un Canal.
  • Crear>Editor de Vídeo
  • Una vez creéis vuestro video con las herramientas facilitadas, simplemente dais a crear vídeo. 

Si queréis añadirlo a vuestro blog, podréis extraer el código html dándole a compartir y pinchando en Blogger:






Podéis echar un vistazo en el blog a mi vídeo y compartir y si os gusta darle like



Para acabar os invito a que creéis vuestra propia canción y la compartáis conmigo. Ahora usareis un nuevo programa, ¡suerte! 

Bootstrap


Hoy hablaremos del bootstrap, ¿que es?

Bootstrap es un framework que nos permite crear interfaces web con CSS y JavaScript, cuya peculiaridad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en el que se visualice.

Nuestra tarea será la siguiente:
  • De bootstrap al descargarnoslo, extraeremos una carpeta con nuestros códigos CSS, JV y las fuentes FONTS.
  • Una vez esto, solo necesitaremos nuestro código html, para ello nos vamos a examples y daremos a guardar a la plantilla que mas nos guste.

Una vez tenemos ya todo, nuestra tarea será editar ese html añadiendo fotos y así modificar nuestra plantilla. 

Por último os reto a que intentéis enlazarlo con nuestro hostinger ya creado en practicas anteriores. Para los que no tengáis hostinger podéis mirar en mi blog y poneros manos a la obra, saludos.


Blog de Javivi: Sesión Práctica II: Hostinger El hosting o al...: Sesión Práctica II: H ostinger El hosting o alojamiento web es el servicio que puede contratar todo usuario que quiera una web par...

viernes, 17 de marzo de 2017

Sesión Práctica IV:


Creamos fichero .js (Java Script)

Para nuestro Hostinguer, creábamos un fichero .html y unos estilos .css al que hacíamos referencia en el archivo HTML y cada estilo ejercía su función.


Bien, ahora crearemos un archivo .js donde definiremos todas las funciones que tendrá nuestra pagina web y haremos referencias de estas en nuestro HTML.

Ejemplo:


En el archivo HTML, al nombrar el documento javascript ,hará las funciones descritas en el .js, al igual pasa con los estilos que ya explique en entradas anteriores.



Nombramos el archivo .js, este se va al documento, lee las funciones y las devuelve al HTML, creando así las funciones de mi web.

http://javiviweb.esy.es/Prueba%20P%e1gina.html