lunes, 15 de mayo de 2017

Motores gráficos Unity

En esta práctica trabajamos con los motores gráficos. Un motor gráfico es la parte vital de cualquier videojuego. Es la herramienta creada por programadores y permite el diseño, la creación y representación de un videojuego. Se pueden crear videojuegos en 2D o 3D.

Utilizamos el programa Unity 5, es uno de los más completos y sencillos de utilizar, además es gratuito. Se desarrollo la primera parte de un mini videojuego, donde el jugador (esfera) tiene que desplazarse sobre un plano.







lunes, 8 de mayo de 2017

Aurasma - Blippar

Estas dos herramientas, Aurasma y Blippar, nos ayudan también a crear realidad aumentada. 
En estas aplicaciones se eligió un marcador disparador, que sería mi favicon, y el contenido al que se asocia este marcador, el contenido sería un vídeo con un resumen de todas las entradas de mi blog. 

Aurasma

Les dejo mi canal de Aurasma: scm-brendagc2017



Blippar

Mi código de Blippar es: 511623





sábado, 6 de mayo de 2017

Layar

La realidad aumentada genera capas de información virtual alineadas con la imagen del mundo real para lograr una sensación de integración.

La plataforma Layar, que es la que utilizaremos en ésta práctica, permite el desarrollo de aplicaciones a terceros, sin conocimientos técnicos, a través de sus servidores. Consiste en suponer datos e información, gráficos o imágenes, sobre una imagen en tiempo real del mundo real.
Es una aplicación que utiliza el receptor GPS y la brújula de los teléfonos móviles para ubicar la posición del usuario y su orientación. La cámara del teléfono recoge el entorno y reproduce la imagen en la pantalla del teléfono, mientras que el software superpone sobre la imagen información relativa a lo que aparece en pantalla.

El siguiente ejemplo fue hecho por mi por medio de la aplicación Layar.


martes, 2 de mayo de 2017

Mobincube

Una app es una aplicación informática diseñada para ser ejecutada en los teléfonos móviles, tabletas y otros dispositivos y permite al usuario a realizar tareas de cualquier tipo, ya sea profesional, de ocio, educativas, etc.

Mobincube es una herramienta muy práctica para la creación de aplicaciones para los dispositivos móviles, de manera gratuita y sin necesidad de conocimientos de programación. Cuenta con versiones de pago para la eliminación de publicidad.

He creado una app para un restaurante de México llamado Muncher House.



Les dejo el link de la app que he creado: http://mobincube.mobi/HVKA8K
Pueden también descargarla por medio del código QR que se encuentra en los gadgets del lado derecho de mi blog.

jueves, 6 de abril de 2017

Pidoco

En esta práctica nos enfocaremos en utilizar las herramientas para el diseño de las interfaces gráficas.

La interfaz gráfica es la parte del programa que facilita la comunicación entre dicho programa y el usuario de este. Durante las etapas de desarrollo de un proyecto se utilizan distintas herramientas, entre ellas los mock ups.

Un mock up es la representación estática de un diseño en calidad media o alta. El mockup es un prototipo que proporciona una parte de la funcionalidad de un sistema y permite pruebas del diseño.

Pidoco es una aplicación para la creación de interfaces gráficas y es la que utilizaremos en ésta práctica. Es una aplicación muy sencilla de utilizar, ya que nos da todos las herramientas para hacerlo lo más sencillo posible.


Page Overview - My first Project - Pidoco° Prototype
You have Javascript disabled. Please enable Javascript to see the content of this page. Thanks

lunes, 27 de marzo de 2017

Herramientas de audio y vídeo

En esta práctica utilizamos Youtube como herramienta de edición de vídeos y Soundation como creadora de distintos efectos de sonidos.

El objetivo era editar vídeos en Youtube desde tu canal y me parece muy sencillo, ya que te proporciona todos los vídeos y música que puedes utilizar, solamente se trata de crear el vídeo como el usuario desee y agregar la música favorita. Les dejo un link del vídeo que edite: https://youtu.be/XQ7D0WO0OYk. También pueden encontrar un gadget con mi vídeo.


Soundation es una página web que te permite editar diferentes audios y efectos de sonidos. Editar audios aquí es sencillo gracias a su facilidad de uso y su variedad de música que puedes encontrar en esta aplicación. Les dejo el link del audio que edite: https://soundation.com/player/dglj0. Así, como pueden encontrar un gadget del lado derecho de mi blog.



Bootstrap

En esta práctica utilizamos la herramiento Bootstrap como herramienta para la creación de una página web. Bootstrap es una página que permite crear interfaces web con CSS y JavaScript, una de sus características es que el sitio web se adapta automáticamente al tamaño de una PC, una tablet u otro dispositivo. Ésta técnica de diseño y desarrollo se conoce como diseño adaptivo.

Esta herramienta me pareció muy sencilla de utilizar ya que solamente hay que descargar los archivos y elegir una plantilla para la página web. A partir de esto, se empieza a modificar el archivo HTML. 

Lo que modifique de la plantilla fue el fondo del encabezado, las imágenes de los elementos circulares y algunas palabras.

Plantilla


Página modificada


martes, 14 de marzo de 2017

JavaScript 2.0

El objetivo de esta práctica fue comprender las distintas funciones y poder aplicarlas en nuestra página web. Esta práctica consistió en agregarle más funciones a nuestra página web. 

Se creó un archivo JavaScript y creamos funciones como crear alertas, mostrar mensajes, etc. Agregué otro botón más para cambio de estilo en la página web, otros dos botones de cambio del header y uno más para pulsar la alerta. También se agregó un texto que dice "Click me!" y al momento de presionar te manda a mi blog.





lunes, 13 de marzo de 2017

JavaScript 1.0

En la práctica de la semana aprendimos acerca del lenguaje JavaScript, el cual se define como un lenguaje que interpreta el cliente por el navegador y se utiliza para programar el comportamiento de un sitio web, cuyo código se puede incluir directamente en el mismo documento HTML.
Este lenguaje me parece muy interesante, es un lenguaje dinámico, ya que cuenta con algunas aplicaciones como pulsar un botón, mostrar mensajes, animaciones, etc.

Lo que realicé en la práctica fue cambiar el estilo de la página web, al dar clic en el botón "Cambio de estilo" cambia el color del fondo y el tipo de letra. Al darle clic en el botón "Estilo inicial" la página vuelve a cómo estaba antes. Adjunto imágenes para que puedan visualizar mejor mi trabajo.

Cambio de estilo



Estilo inicial



domingo, 26 de febrero de 2017

Hojas de estilos CSS

Hola, la práctica para esta semana ha sido modificar una página web utilizando las hojas de estilos CSS. Éstas son un conjunto de propiedades de formato, y permiten definir distintos estilos para la misma página web o para diferentes páginas.

Los cambios que realicé al ejemplo del sitio web de la profesora fueron cambio de tipografía, colores de fondo, tamaños. Lo pueden visualizar en las siguientes imágenes.



También agregué en mi página web un enlace hacia mi blog y en mi lista de blogs se puede encontrar un enlace a mi página web. Aquí les dejo el link para mi página web: http://brendagcia.esy.es/pagina%20html.html

miércoles, 22 de febrero de 2017

Mis proyectos

Hola!
Les dejo una pequeña animación de algunos proyectos realizados a lo largo de mi carrera.

lunes, 20 de febrero de 2017

HTML

El lenguaje HTML puede parecer más complicado de lo que realmente es.
Este es el lenguaje con el que se estructura internamente las páginas web. Es un conjunto de instrucciones expresadas en etiquetas encerradas entre símbolos que dan formato al texto y definen dónde y cómo se presentarán los elementos en la página, tales como:
  • Texto
  • Imágenes
  • Listas
  • Tablas
Las etiquetas constan de dos marcas, una de apertura y otra de cierre. Esta última se presenta tal como la de inicio pero con el símbolo /. Por ejemplo, <body> y </body>.

El cambio que realicé en el párrafo anterior fue modificar el formato de texto colocando algunas palabras en negritas y subrayado. Así como también, crear una lista no ordenada con algunos ejemplos mencionados.

El formato de texto lo modifiqué agregando al inicio del párrafo las etiquetas <b> para negritas y <u> para subrayado, y al final </b> y </u> respectivamente.
Para crear una lista no ordenada se agrega la etiqueta <ul> al inicio de la lista y </ul> al final de ésta. Antes de cada palabra se agrega la etiqueta <li> sin etiqueta de cierre, para permitir que los elementos sean sangrados.

HTML anterior


HTML actual



¿Qué es multimedia?

El término multimedia se refiere al conjunto de distintos medios para transmitir información.
Existen dos tipos de multimedia, la multimedia interactiva que es la que permite al usuario controlar como se presentan los elementos; y la hipermedia, que es la que proporciona la estructura de elementos sobre los que se navega.

Algunos términos relacionados son los desarrolladores multimedia, proyecto multimedia y aplicación multimedia. El primero se refiere a los encargados de hacer que todo esto funcione, el segundo es el vehículo del software, mensajes y contenido que contiene el ordenador y el último término se refiere a cuando se distribuye a los consumidores o usuarios finales.

Existen distintos ámbitos de aplicación como empresarial, enseñanza, doméstico y en los servicios públicos. En todos estos ámbitos la multimedia es muy extendida y se puede observar en casi todo lo que nos rodea.


martes, 14 de febrero de 2017

Mi blog

Hola! Este blog lo he creado para la asignatura de Sistemas de Comunicación Multimedia, y me ha parecido una muy buena idea ya que nos permite expresarnos de los temas vistos en clase.
Mi nombre es Brenda García y soy mexicana, nacida en Monterrey, Nuevo León. Soy estudiante de diseño industrial y actualmente me encuentro de intercambio en Mérida por 6 meses. La asignatura me ha parecido muy interesante hasta el momento, y espero poder aprender muchas cosas nuevas.

Aquí les dejo el enlace del blog del grupo http://scm-cum.blogspot.com.es/