Algo nuevo...

Esta entrada esta dedicada a una herramienta de edición de paginas web que encontré por casualidad y que me pareció muy interesante ya que es online y da muchas ventajas al usuario

Esta aplicación te permite trabajar con mas de 5.000 fuentes desdeTypekit, Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control.

El objetivo es poder decidir la tipografía que utlizarás en los textos que publicarás en la web de forma sencilla y rápida, de la misma forma que lo hacemos con los editores de texto y fotografía tradicionales. Puedes crear columnas de contenido y alterar la tipografía usada, escogiendo en el menú lateral el proveedor de las fuentes y escribiendo cualquier tipo de texto para ver los resultados directamente en la web.
 Además podrás obtener el código CSS para poder utilizar esas fuentes en tus páginas web, con la total certeza de de que tus usuarios cargarán la fuente y verán el mismo resultado que tu.

Échale un vistazo:

¡Pantuflas felices! Nuestro blog común.

Como todos los compañeros sabemos, cada grupo dentro de la asignatura SCM hemos tenido que realizar un blog común sobre las maravillosas zapatillas térmicas que tanto nos gustan.


Podéis echar un vistazo a un video que muestra la construcción del glog creado por mi grupo (compuesto por Carmen Torroglosa, Ana Domínguez, Marcos Gómez, Ana Gonzalez y yo, Ana Limpo).

Un saludo.

¿PIXLR EDITOR?

Un completo editor de imagenes online.

Tanto en su versión completa como en la versión express, con Pixlr puedes editar, recortar, redimensionar y mejorar cualquier imagen sin salir del navegador. 


Actualmente existen infinidad de aplicaciones online de edición fotográfica pero pocas tan completas como esta. Pixlr engloba tres versiones de más a menos compleja en función de las necesidades y además cuenta con apps gratuitas para dispositivos móviles Apple y Android.

¡Animaros, es muy fácil de utilizar!

Unity

Si piensas que es necesario tener unos conocimientos enormes sobre informatica y programación para crear tu propio juego, no es asi. La herramienta Unity es la adecuada para aquellos principiantes que deseen comenzar a crear videojuegos. Únicamente es necesario descargarse el programa e instalarlo para comenzar a crear. 

Los pasos que he seguido para la creación de este minijuego que se puede ver a la derecha, en la barra sidebar, son los siguientes:

1. Descargar e instalar el programa en el pc (compatible con window, mac y muchos mas sistemas operativos)
2. Comenzar a crear los objetos 3D.
3. Adjudicarle un script en condición de player a uno de los objetos 3D para que se pueda mover con los controles del pc.
4. ¡A Jugar! 
 

 

Aurasma y Blippar

Puesto que ambas herramientas estan ubicadas en el ambiente de la realidad aumentada (RA) esta entrada esta destina a la breve explicación de cada una de ellas.

Empezamos con Aurasma.
Aurasma es una herramienta RA online que permite asignar imágenes, videos... a una imagen.
Esta imagen debe ser escaneada a través de la app de la herramienta, compatible tanto para iPhone como Android.

Blippar es otra herramienta RA que también se trabaja online. Al igual que Aurasma es necesario descarga en el smarphone la app de la herramienta (compatible con iPhone y Android) para poder escanear el mundo. Además permite introducir códigos desde ajustes para poder ver el contenido de éste.

 
La gran diferencia entre Aurasma y Blippar es que Blippar escanea todo lo que nos rodea.

Son grandes herramientas muy fáciles de utilizar. ¡ANÍMATE!

¡LAYAR!

Sistemas de comunicación multimedia nos sigue sorprendiendo.
A partir de la práctica número 8 comenzamos con la realidad aumentada, un herramienta virtual que ofrece miles de ventajas que en nuestra carrera podemos aprovechar.

Como he dicho con la práctica 8 comenzamos con el concepto de la realidad aumentada, en este caso hemos desarrollado un pequeño proyecto con la herramienta Layar, un servicio online en que sólo tenemos que registrarnos para disfrutar de lo que puede proporcionarnos. 

Consiste básicamente en aplicar sobre una imagen una serie de botones que nos permiten acceder a videos, enlaces, textos, imágenes...
 Este proceso se realiza en la propia página de Layar, pero para visualizar los botones es necesario descarnarnos en nuestro iphone o android la aplicación de Layar. Utiliza básicamente un escaner que analiza la imagen donde tenemos asociados esos botones. Tras el escaneo podemos acceder a los botones incorporados en la imagen.

Aquí dejo una captura de mi primer proyecto con esta herramienta, la cual me ha parecido muy interesante.

 

REALIDAD AUMENTADA

Ya que vamos a realizar algunas prácticas basadas en la realidad aumentada, vamos a ver un poco de qué se trata.

La RA estudia las técnicas para integrar, en tiempo real, contenido digital con el mundo real.

En cualquier área de trabajo puede tener sentido desarrollar aplicaciones de Realidad Aumentada.

Dos tipos de Realidad Aumentada

1.       Realidad Aumentada que emplea marcadores o imágenes

•PC ó móvil

•Cámara web

•Software

•Marcadores

Con marcadores.

Pasos a seguir:

1. Imprimir el marcador (tener el marcador visible)

2. Encender la webcam (depende de la aplicación)

3. Abrir la aplicación (te solicitará acceso a la webcam)

4. Situar el marcador delante de la cámara

5. El software reconoce el marcador y superpone generalmente una imagen 3D

2.       Realidad Aumentada basada en la posición.

Muestra información “enriquecida” del entorno, basándose en la posición y orientación. Un buen ejemplo es la aplicación Layar de iPhone.

¡¡ANIMAOS A PROBARLA!!

Sistemas de Comunicanción Multimedia aporta el cartel para la Semana Cultural 2017

Ya que SCM interactura con una serie de herramientas informaticas para desarrollar diversos proyectos, qué mejor aportación podría realizar a la Semana Cultural del Centro Universitario de Mérida que la de un cartel y tríptico donde se exprese el espiritu de este centro, sus patrocinadores y actividades.

Los alumnos de la asignatura, por grupos, hemos presentado un cartel y tríptico para la Semana Cultural 2017. A votación del alumnado se ha elegido el trabajo más adecuado para el evento.

A continuación presento las dos variantes de cartel que mi grupo (Carmen Torroglosa, Ana Gonzalez, Ana Domínguez, Marcos Gómez y yo) desarrollamos.

 

Una APP creada por ti mismo

¡Qué genialidad esto de poder hacer tu propia App!
Gracias a la herramienta en linea Mobincube se pueden hacer todo tipo de Apps con la temática que queramos, únicamente hay que registrarse y listo, a trabajar.

Una visualización de mi primera App:

El pantallazo final, junto con el código QR, que podéis ver también a la derecha:

¿PIDOCO?

PIDOCO  es una herramienta que podemos utilizar para realizar Mockups, pero ¿qué es un Mockup?
Un Mockup es una interfaz en representación de lo que será muestra pagina web, dotado de contenido, paletas de colores, dimensiones de áreas... 
En resumen, con Pidoco podemos diseñar nuestra propia página web con sólo arrastrar los elementos que deseamos que integren el sitio web hasta la mesa de trabajo y si es necesario, modificarlos.
Una de las ventajas que ofrece esta herramienta es que el usuario puede interactuar con los elementos, pues tenemos la opción de asociar enlaces, imágenes, etiquetas de texto, etc, a los elementos que queramos para dar así una información más completa.

Lo más importante, considero, que nos aporta esta herramienta es que nos da la opción de obtener el archivo HTML directamente a nuestro ordenador descargado como .ZIP.

Si queréis ver el resultado de mi primer Mockup en PIDOCO solo tenéis que ir al sidebar e introduciros en el enlace que os llevará directamente al sitio web.

Aquí podeis ver un ejemplo muy sencillito.

¡Animaros! 

Bootstrap

Un bootstrap es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.

En mi caso, únicamente he elegido un ejemplo de los que proporciona la página oficial de Bootstrap y a través del código HTML he modificado pequeños elementos del sitio web como son imágenes, títulos...
Es simple de realizar, os animo a que probéis.

Podréis ver el link de mi propio bootstrap en la parte superior del blog.

Mucha suerte.

JavaScript

¿Qué es JavaScript?
Lenguaje de programación, que se usa para programar el comportamiento de un sitio web. 

Un poco de historia.
Originalmente denominado LiveScript, fue desarrollado por Netscape Communicationspara crear aplicaciones de Internet en el cliente.
Más o menos en la misma época, SunMicrosystems lanzó el lenguaje de programación JAVA (que originalmente fue llamado Oak), el que adquirió rápidamente popularidad así que por razones puramente comerciales se le cambia el nombre a JavaScript.

La versión 1.0 apareció con la versión 2.0 del navegador de la misma empresa y más tarde se incorporó en iExplorer3.0 de MicroSoft. Poco tiempo después aparece también el VBScript (Visual Basic Script) de Microsoft.

¿Qué es un 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.

Hojas de estilos.

Las hojas de estilos son aquellas que dan formato a nuestro archivo .html. En ellas añadimos el color, las fuentes, los tamaños... Todo ello en un archivo de formato .css

¿Qué es css?

Es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado2 . Es muy usado para establecer el diseño visual de las páginas web, e interfaces de usuario escritas en HTML o XHTML.

Enlace a la pagina creada: file:///C:/Users/Ana%20Limpo%20Valerio/Desktop/Mi%20segundo%20sitio%20web/ejemplohalina.html

file:///C:/Users/Ana%20Limpo%20Valerio/Desktop/Mi%20primer%20sitio%20web/ConEstilo.html

Hipervínculos

Este post está dedicado enteramente a la creación de hipervínculos. Es algo sencillo de realizar, así que vamos a verlo.

Un hipervínculo puede ser un texto o imagen que se muestra en una página web y que está vinculada a otras páginas del mismo u otro sitio. Al situar el puntero del ratón sobre él, éste toma el aspecto de una mano. Al hacer clic se mostrará en el navegador web la nueva página vinculada al mismo.

Por ejemplo:Con motivo de la semana del diseño celebrada en Mérida, voy a explicar de qué se trata añadiendo un hipervínculo de tal forma que aquellas personas que quisieran inscribirse en algún taller pudieran hacerlo pulsando la palabra inscribirte.

¿Qué es DIME?

Dime (Diseño Mérida) es un proyecto de diseño organizado por la EASDM (Escuela de Arte y Superior de Diseño de Mérida) y el CUM (Centro Universitario de Mérida), en colaboración con DIEX (Asociación de Diseñadores de Extremadura). Con la formación en diseño como hilo conductor, se ha articulado un completo y variado programa de actividades de participación gratuita donde podrás inscribirte, a lo largo de una semana, del 20 al 24 de febrero, dirigido al público en general, y al sector profesional y al estudiante de diseño muy particularmente.

¿Cómo puedes hacerlo?
Dentro del editor de entradas selecciona el texto que asociarás con el enlace y a continuación en la barra del editor pulsa en el botón Enlace. En el cuadro de diálogo Editar enlace, marca la opción Dirección web y en la casilla ¿a qué URL debería dirigir este enlace? introduces la URL que deseas.

Primera entrada

Aunque llego aproximadamente unas dos semanas tarde, aquí esta mi primera entrada en mi primer blog, pero ¿qué es un blog?

Un blog es un sitio web que se actualiza periódicamente ,contiene información de uno o varios autores, además de temas de interés.
La unidad fundamental de información de un blog es el artículo, también llamado “post” o “entrada”. Estos artículos se muestran siguiendo una ordenación cronológica inversa. En consecuencia podemos definir un blog como una recopilación de artículos ordenados cronológicamente.

https://plus.google.com/102151101866046876422