CSS Y JAVASCRIPT

Hola jefesitos, para finalizar esta semana intensiva (ahora ya se acabó), vamos a hablar de CSS y Javascript.

CSS o hoja de estilos en cascada describe como los elementos HTML se van a visualizar en pantalla.


Una hoja de estilo es un conjunto de propiedades de formato, más reglas de definición y aplicación, es más potente y cómodo que HTML y permite definir distintos estilos para la misma página web.


Ahora vamos a hablar de como crear una página web, comenzaremos por registrarnos en 000webhost para que sea nuestro host y tener así una dirección web de verdad, para continuar subiremos alli nuestros archivos CSS y Html y crear nuestra página al gusto.


Además quiero hablar de Javascript, que es un lenguaje de programación, que usaremos para

programar el comportamiento de un sitio web. <script>

Un script es una secuencia de ordenes, en un determinado lenguaje, que puede ser ejecutado por un cliente Web desde su navegador y visualizar el documento en que está contenido.


Javascript se puede utilizar para:


-Cargar nuevo contenido para la página o enviar datos al servidor a través de AJAX sin necesidad de recargar la página (por ejemplo, una red social puede permitir al usuario enviar actualizaciones de estado sin salir de la página).


-Animación de los elementos de página, hacerlos desaparecer, cambiar su tamaño, moverlos, etc.


-Contenido interactivo, por ejemplo, juegos y reproducción de audio y vídeo.


-Validación de los valores de entrada de un formulario web para asegurarse de que son aceptables antes de ser enviado al servidor.


-Transmisión de información sobre los hábitos de lectura de los usuarios y las actividades de navegación a varios sitios web. Las páginas Web con frecuencia lo hacen para hacer análisis web, seguimiento de anuncios, la personalización o para otros fines.

Para terminar os paso aquí el link de mi página web creada gracias a todo lo aprendido en este artículo

ADOBE CLIP

Buenas noches jefesitos, se acerca el final de la semana intensiva de la fabrica y vamos a hablar un poquito sobre audio y vídeo, en concreto de Adobe Clip Premiere.

Adobe Clip es una App del grupo Adobe que se caracteriza por una interfaz muy sencilla para la creación y edición de vídeos. Con ella podemos hacer desde vídeos para un entorno profesional hasta para entretenernos, y lo mejor de todo es que existe para iOS y android. Para terminar os muestro aquí un vídeo creado con dicha App para promocionar el Centro Universitario de Mérida.

APRENDAMOS UNITY

Hola de nuevo jefesitos, vamos a seguir con más aprendizaje, en este caso motores gráficos,
Seguidamente,  le damos a la opción get development key
Después de eso crearemos una base de datos donde se encontraran todos los marcadores de nuestra aplicación.
Luego nos iremos a añadir marcador seleccionando una imagen y nos descargaremos la versión de prueba personal de Unity, marcando android y Realidad Aumentada. Después nos iremos a Build settings y cambiaremos a android, luego borraremos la cámara principal y estableceremos una de R.A, para después ir a su configuración vuforia y adjuntar nuestra licencia de vuforia y así descargar la database y el marcador. Seguido de esto cogeremos un modelo 3D de la asset store para importarlo y seleccionaremos su carpeta prefab. Para terminar mostraremos la imagen puesta como marcador a la cámara y aparecerá el modelo 3D en realidad virtual. Parece algo complicado pero es bastante sencillo después de entenderlo!!
Una vez más, gracias por leerme y un saludo jefesitos, HASTA LA PRÓXIMA



AUGMENT

Hola de nuevo jefesitos!! aqui esta Ivi de nuevo para enseñaros un poco más de este mundo que os rodea.

Ahora voy a hablaros sobre Augment, la página con la que puedes hacer creaciones de Realidad Aumentada.

Lo primero que tenemos que hacer es buscar un objeto en 3D, ya sea online o en nuestro ordenador.

Después toca subirlo a Augment y guardarlo
Una vez hecho eso, vamos a crear un tracker y asociarlo al proyecto
Seguidamente nos descargamos la App para el movil de Augment y podemos ver ahi nuestro proyecto 
Dicho esto, como siempre os animo a probar la experiencia de estas aplicaciones y páginas ya que son muy entretenidas e interesantes. Un saludo jefesitos y hasta la proxima!!

CÓDIGOS QR

Buenas tardes jefesitos, continuando con la semana intensiva vamos a hablaros hoy de los códigos QR.

Estos códigos son una versión mejorada de los códigos de barras, pudiendo contener cerca de 350 veces más información.

Se pueden utilizar para codificar:
-Texto
-URL
-Telefono
-Mensaje SMS
-Dato de contacto
-Posición GPS
-Evento de calendario
-Dirección de correo electrónico
-Red WIFI

Para crearlo podeis utilizar una infinidad de páginas, como la que os adjunto aquí

¡Es muy sencillo! solo tienes que registrarte e indicar el fin que quieres darle al código, como por ejemplo el mio, que os lleva a esta página
Con esto terminamos este articulo, y os animo a probar la página y crear vuestro código. Un saludo!

PIDOCO

Buenas tardes chicos, hoy en nuestra semana productiva vamos a explicaros como utilizar pidoco.

Comenzamos por registrarnos, como siempre, y nos va a dar una serie de opciones de pantalla, para adaptar nuestra página a dichas medidas.

Seguidamente, nos pondremos a crear la página en cuestión, aplicando todo tipo de cosas desde botones hasta graficas y demás.

En mi caso, cree una página a modo de porfolio o CV, cuyo link os dejo aqui: Iván Torres Ruano

CREA TU PÁGINA CON WIX

Buenas tardes jefesitos, vamos a hacer un curso intensivo esta semana si os parece¡¡y si no tambien !!

En este artículo hablaremos sobre como crear una página web gracias a Wix, de manera totalmente gratuita y con un amplio abanico de opciones.
´
Para empezar te registras, luego escoges una opción, en mi caso fue a modo de curriculum y/o portfolio, y le puse el mismo nombre que este blog para ser fácilmente identificado, finalmente lo adapte a versión para móviles y asi terminé.
Para terminar, os adjunto una foto de mi página junto con su enlace por si quereis comprobar su estado final.https://ivtorresr.wixsite.com/lafabricadeivi

GENERACIÓN DE APPS CON MOBINCUBE

Buenas tardes jefesitos, hoy vamos a hablar sobre MOBINCUBE, un generador de apps muy sencillo e intuitivo
Al iniciar la página nos encontramos con que tenemos que registrarnos, dándonos varias opciones para hacerlo.
Una vez hecho vemos las apps creadas y la opción de crear una nueva
Tenemos dos opciones para ello, plantillas o desde cero
En mi caso elegí plantillas y al hacerlo me aparecieron varias con distintos propositos para la app, elegí la de yoga studio y comencé a crear mi versión
Una vez hecho puedes previsualizarla en android e ios y seguidamente publicarla en market

Eso es todo, dicho esto espero que todos esteis accediendo ahora mismo y probeis por vosotros mismos lo divertido que es tener una app con tu diseño.
Un saludo y hasta la proxima!!

APRENDE Y FABRICA

¡¡APRENDE Y FABRICA!!

Bienvenidos a La fabrica de ivi, un dia más vamos a explicar cosillas nuevas sobre web y redes, en este caso como crear tu página web
Para empezar, debemos tener nuestro archivo html(junto con .css y js) para editar la página web a gusto

Una vez listo el archivo, podemos utilizar un servidor gratuito para tener dominio, en este caso 000webhost.es donde, una vez te registras, puedes subir archivos y listo.

¿A QUE NO ERA TAN DIFICIL?

INTRODUCCIÓN A HTML

¿Qué es Html?
Html es el lenguaje con el que se estructuran las páginas web. Sus siglas significan lenguaje de marcado de hipertexto.
El hipertexto es un texto presentado de forma estructurada, con enlaces que conducen a otros documentos o fuentes de información, y con elementos multimedia insertados en él (gráficos, sonido, etc).
Casi todas las etiquetas constan de dos marcas, una de apertura y otra de cierre; esta última tiene asignado el mismo nombre que la de apertura, excepto que debe ir precedida del símbolo / . ( por ejemplo, <b>y</b> ).
Un documento HTML consta de tres secciones: 1. Una línea donde se indica la versión de HTML utilizada(<!DOCTYPE>) No tiene cierre. 2. La cabecera(delimitada por las etiquetas <HEAD>  y </HEAD>  3. El cuerpo(delimitado por las etiquetas <BODY>y </BODY> ).