miércoles, 6 de junio de 2018

CSS y JavaScript

CSS (Hoja de estilo en cascada) describe cómo los elementos HTML se visualizaran en la pantalla.

Una hoja de estilo es un conjunto de propiedades de formato, reglas de definición y aplicación, siendo mas potentes y cómodas, permitiendo la definición de diferentes estilos para la misma página web.

En cuanto a la parte práctica, creamos nuestra página web siguiendo el estilo que mas nos guste y cambiando letras, colores, enlaces, fondos...

Tras crear nuestra página web, nos quedará un último paso, que será alojar nuestra página web en un servidor gratuito.

En este caso, hemos utilizado webhost. Es un hosting muy sencillo en el que realizaremos los siguientes pasos:

1. Registrarse.
2.Arrastrar los archivos HTML y CSS.
3. Copiar el enlace.

Por otra parte, hablaremos de JavaScript. Este es un lenguaje de programación que nos ayudará con el control del comportamiento de una página web "<script>". Se basa en una secuencia de ordenes que puede ser ejecutado por un cliente web desde su navegador y visualizar el documento que está contenido.

De momento, los mas usados son JavaScript y VBScript, que junto a HTML, hace que estos sean mejores en su contenido.

JavaScript es un lenguaje que puede llegar a generar las siguientes apps:

-Un botón.
-Calcular en tiempo real.
-Formularios dentro de una página.
-Animaciones.
-Personalizar páginas web.
...

En nuestra página hemos podido introducir mensajes, enlaces y botones con las diferentes opciones propuestas en clase.

Aquí os dejo una pequeña prueba de la realizada por mi (pincha aquí).


martes, 5 de junio de 2018

Adobe Clip

Es un día mas en la Guarida, ya que hoy os voy a mostrar una app con la cual podemos montar vídeos, añadiendo la melodía, textos... que nos apetezca. Esta aplicación móvil, la podemos utilizar tanto en Android como en iOS. Es muy sencilla e intuitiva de utilizar, y le podemos dar diversos usos, desde una presentación formal, hasta un vídeo por mero entretenimiento. Sin mas preámbulos, os dejo por aquí uno que he editado con esta app sobre el centro universitario de Mérida, espero que lo disfrutéis y os resulte interesante:



lunes, 4 de junio de 2018

Unity

Bienvenidos de nuevo a la Guarida, en el día de hoy vamos a hablar de una app para la creación de motores gráficos. Su nombre es Unity, a la que podéis acceder para su descarga pinchando aquí.

Empezaremos creando un marcador con cualquier imagen, la cual subiremos a la app como marcador, para hacer un pequeño experimento posteriormente. En mi caso el marcador elegido ha sido el siguiente:

Resultado de imagen de marcadores realidad aumentada

Después de descargar e instalar Unity en nuestro dispositivo, nos adentramos en la página de Vuforia, dónde nos registraremos, puedes hacerlo pinchando aquí. En esta página crearemos una base de datos, donde se encontrarán nuestros marcadores.

Mediante unos ajustes predeterminados, sincronizamos Unity y Vuforia. A partir de aquí, podemos importar los modelos 3D que deseemos, añadiéndoles su marcador correspondiente.

Para finalizar editamos tamaño, grado de visualización... con el que queramos que se muestre nuestro modelo 3D.

En mi caso, elegí "skeleton", y el resultado fue el siguiente:








sábado, 19 de mayo de 2018

Crecimiento del coche eléctrico

Bienvenidos a la Guarida un día más.

Cómo podíamos imaginar, y cada vez hay mas rumores, llegará probablemente el día en el que desaparezca el vehículo con motores que funcionen con combustibles derivados del petróleo.

La solución al problema son los motores eléctricos, de hecho esto no es de ahora, hoy en día existe una gama bastante amplia de coches eléctricos, incluso motos. Enfocándonos más en el vehículo de 4 ruedas; aparte de diferentes marcas que lo fabrican, los nuevos modelos están llevándose al mundo del lujo, futuro... y esto es bueno. Aunque la gran baza de posibilidades que tenemos, nos ofrece coches para todos los precios, no hay que pagar necesariamente 50.000€ por un coche eléctrico.

Volviendo al mundo de los nuevos modelos, ya que el canon de un vehículo se basa, sobretodo, en su línea, potencia y comodidad, destacan los Tesla, una marca Americana exclusivamente de este tipo de vehículos, aunque también nos podemos encontrar con los BMW serie i, los cuáles van a más respecto a sus prestaciones... Estos quizás serían los mas destacables respecto a rendimiento y atracción de los amantes de los coches, respecto a los cánones citados anteriormente.

Pero, a estos les ha salido un potente competidor, y como no, su fabricante es la marca china Byton. Se trata de un coche eléctrico totalmente innovador y futurista en su diseño exterior, pero sobretodo en el interior, dónde nos encontramos una pantalla que cubre todo el salpicadero del vehículo, y hasta una pantalla de 10 pulgadas en el volante. Saldría a la venta en 2019 con el precio aproximado de 45.000€.


      













Como conclusión, me parece genial que cada vez aparezcas mas competencia en este tipo de vehículos que garantizan un futuro mejor.

AUGMENT 3D

Bienvenidos a la guarida.

Esta entrada trata sobre una app que nos da la posibilidad de visualizar una imagen 3D a partir de una imagen, en su tamaño real. Esta aplicación se llama Augment.

Para empezar, debemos registrarnos en la página de Augment (puedes entrar pinchando aquí ), mediante el correo electrónico, al cual nos llegará un correo de confirmación de la cuenta.

Posteriormente, subiremos un modelo en 3D que tengamos ya creado, en mi caso será un archivo .STL del CAD Solidworks. Editaremos las medidas a nuestro antojo, con la posibilidad de poder ponerlo a tamaño real.



A continuación, creamos un tracker (que será la imagen que elijamos), para asociarla al proyecto 3D que hemos subido. A su vez, podemos ir intalando la app móvil desde el app store que corresponda en cada dispositivo.

Por último sería pinchar en el botón "Scan" de la app móvil, y mediante la cámara, enfocar un código QR generado automáticamente, o el tracker que hallamos editado como marcador del proyecto. Haciendo esto debería aparecer nuestro modelo 3D con sus respectivas medidas.

Aquí os dejo una pequeña prueba que he realizado mediante código QR:


Este es el resultado:






sábado, 5 de mayo de 2018

Mobincube

Bienvenidos a la guarida un día más!!

Hoy vamos a hablar de Mobincube, un generador de aplicaciones, SÍ, DE APLICACIONES.

Seguro que alguna vez has pensado, "oye pues podía haber una app que hiciese esto...", y no tenías ni la más remota idea de que crear una aplicación era tan sencillo.

En primer lugar debes entrar en la web de Mobincube, puedes hacerlo pinchando aquí. Lo siguiente será registrarte totalmente gratis, ya sea con tu correo electrónico, facebook o twitter.

A partir de aquí, nos encontramos con la opción de crear una app desde cero o seguir a través de unas plantillas que disponen de un amplio abanico de temáticas.

En mi caso, he utilizado la plantilla "web app", ya que mi aplicación va a consistir en un enlace directo a este blog. Debemos darle un nombre a la app, y en mi caso, solo pegar el enlace del blog.

Puedes hacer miles de cosas, ya estas tardando en comprobarlo!

Mi dispositivo móvil es android, para estos se te descarga un código QR y una URL con el que podrás tener la app en tu móvil.

Tendremos 7 días para disfrutar de nuestra app, antes de que expire... A continuación os dejo alguna imagen:



En mi caso he accedido a través de la URL:


    






viernes, 4 de mayo de 2018

Códigos QR

¡Bienvenidos de nuevo!

Hoy hemos venido a hablar sobre los Códigos QR, los cuáles conocemos todos... ¿o no?. Por si hay algún despistado; los códigos QR es una versión mejorada de los típicos códigos de barra que encontramos en los productos de los supermercados y demás, ya que pueden contener hasta 350 veces mas información que estos.

Estos nos aportan muchísimas ventajas; son legibles hasta 360º, tienen un tamaño que caben en cualquier espacio y pueden contener una cantidad importante de información.

Sus usos son muy variados, desde codificaciones de textos, mostrar URLs, posiciones GPS, mostrar la dirección de correo...

Al igual que sus usos, el contenido que nos transmite puede ser muy variado; Por ejemplo en un restaurante nos puede mostrar el menú, u otro ejemplo claro sería en un cartel, el cuál nos indica los horarios de las actividades o eventos.

Dentro de este mundo de los códigos QR, podemos separarlos en dos grupos, los estáticos y los dinámicos. En los estáticos la información se codifica dentro del mismo y no puede ser cambiada; mientras que los dinámicos contienen un enlace a la pagina que maneja el contenido, y el enlace puede ser cambiado, utilizando el mismo código, además para este caso necesitamos estar conectados a internet.

Bueno, y para finalizar, os voy a mostrar como podemos generar uno de manera sencilla y rápida, Sólo tienes que entrar aquí , seleccionar que contenido quieres en tu código y listo.

A continuación, os mostraré un ejemplo que os lleva a la página de actividades de la semana cultural del Centro Universitario de Mérida: 




martes, 10 de abril de 2018

PIDOCO

Muy buenas, hoy vamos a hablar de un sitio web, el cual es perfecto para realizar tu CV (curriculum vitae) o cualquier otro tipo de documento.

Se trata de "pidoco", lo único que tienes que hacer es registrarte con tu correo electrónico y de una forma sencilla puedes realizar tus documentos. Con muchas posibilidades, como añadir imágenes, formatos de tipografía, links, botones...

Aquí os voy a dejar un enlace, donde podréis ver una pequeña prueba que he hecho sobre mi y haceros una idea de lo que podéis llegar a hacer con el pidoco:
CV Javier Rodríguez

Espero que os guste, y os valga para realizar vuestros documentos de una manera mas innovadora. ¡Hasta pronto!

sábado, 24 de marzo de 2018

Equipaciones Mundial Rusia'18

¡Bienvenidos de nuevo!

Esta entrada va a tratar de diseño y de deporte, en concreto el fútbol, y mas especificamente, sobre las equipaciones de la marca "Adidas" para el Mundial de Rusia 2018.

Adidas ha intentado restaurar equipaciones míticas de cada selección que viste su marca, en concreto estas selecciones son: Alemania, Argentina, Bélgica, Colombia, España, México y Rusia.

-Alemanía: Equipación basada en la de la Eurocopa de 1988 y Mundial de Italia de 1990.















Argentina: Equipación basada en la Copa America de 1991.

 















-Bélgica: Equipación basada en la Eurocopa de 1984.






-Colombia: Equipación basada en el Mundial de Italia de 1990.

 

-España: Equipación basada en el Mundial 1990 de Italia:

 



-México: Equipación basada en la decada de los 90.

 


-Rusia: Equipación basada en los JJOO de Seúl en 1988.
















Espero que os haya gustado. Me parece que Adidas ha sabido rediseñar muy bien estas equipaciones de la década de los 90's para integrarlas en el día de hoy. Un saludo y hasta pronto.

lunes, 19 de marzo de 2018

Página Web con WIX

Bienvenidos un día mas, hoy hablaremos sobre Wix, un sitio web donde podemos crearnos nuestra propia página, a nuestro gusto, y completamente gratuito.

Principalmente, es una plataforma en la cual podemos darnos a conocer, ya sea profesionalmente, como hobbie... muy fácil de manejar, nos muestra unos parámetros claros y sencillos que varían según la temática que se elija.

En mi caso, se escogió la opción de "portfolio" y "CV's". Nombre la página con el mismo nombre que este blog para ser identificado, se eligió una temática que produzca buenas sensaciones y se personalizó de una manera que atraiga a los usuarios.

El siguiente y último paso es el de la configuración para dispositivos móviles, para que su visualización sea optima.

Un vez hecho esto toca disfrutarlo, y hacer disfrutar a los visualizadores, subiendo el contenido que deseemos.

Aquí dejo el enlace de mi sitio en Wix, espero que os guste como ha quedado: https://jrodrigugic.wixsite.com/laguaridadeltopo

Hasta pronto!!!

lunes, 26 de febrero de 2018

¿Cómo crear una página web?

¡Bienvenidos un día mas a la guarida!

En esta entrada vamos a ver cómo podemos crearnos nuestra propia página web fácilmente.

Por supuesto, para comenzar, debemos tener nuestro archivo, en este caso html (acompañado de otros .css y .js), con el cual editaremos a nuestro gusto la página web.

Teniendo lo comentado anteriormente, se ha buscado un servidor gratuito para hacer nuestra página, que es el siguiente: 000webhost.es , donde solo tienes que registrarte,  posteriormente subir los archivos, y por último hacer click en "ver"... ¡YA TIENES TU PÁGINA WEB!

Aquí os dejo mi prueba, desde la cual podéis acceder a mi blog en "Ver blog": https://la-guarida-del-topo.000webhostapp.com/sitioweb.html

CSS y JavaScript

CSS (Hoja de estilo en cascada) describe cómo los elementos HTML se visualizaran en la pantalla. Una hoja de estilo es un conjunto de pr...