miércoles, 11 de mayo de 2016

Hola mundo.

Perdonad esta ausencia tan prolongada pero ya estoy aquí de nuevo para informaros de lo "ultimo" en tecnología robot-humanoide, os he traído el ATLAS.

Y os preguntareis..... el atlas??? pero eso no es un mapa del mundo.... jaja pues si, lo es, pero también es el sobrenombre que le han puesto a este avance de la tecnología robótica.

Bueno os comento, ATLAS es un robot humanoide bípedo creado por la empresa norteamericana Boston Dynamics, mide casi 2 metros de altura su objetivo principal por el cual se creo fue para tareas de búsqueda y rescate.

click en la imagen para verlo en acción.

Aquí lo tenéis, Atlas posee una gran movilidad, gracias a ella puede caminar de manera bípeda dejando las extremidades superiores libres para poder levantar, transportar y manipular objetos. 
Este sofisticado robot puede caminar por terrenos desafiantes pues coordina perfectamente los movimientos.

Las manos, brazos, piernas, pies y el dorso poseen accionamientos hidráulicos que permiten a nuestro amigo ATLAS tener cierto grado de libertad para realizar los movimientos. En su cabeza hay contenido un sensor articulado con cámaras y un telémetro láser y su suministro eléctrico es mediante una correa flexible.

La empresa Boston Dynamics no solo investiga sobre este robot, sino que también otros tipos de robots con diferentes tipos de funcionalidades como por ejemplo el LS3 en el que colaboraron los marines de Estados Unidos y el RHex diseñado para situaciones extremas del tiempo. Esta empresa cuenta con un extraordinario equipo de ingenieros y científicos que combinan a la perfección el pensamiento analítico con la practicidad. 

Os dejo un vídeo AQUÍ para que veáis la cantidad de robots en los que la empresa esta trabajando.

Y esto es todo sumachos XD, espero que os haya gustado, pero no os encariñéis pues su precio os hará retroceder. 


HASTA LA PROXIMA BLOGUEROS


Que pasa blogueros, como van las cosas, bien?. eso espero.

Pues a mi me pilláis en mitad de la Semana Santa de mi ciudad pero aun así, aquí tenéis una entrada de la ultima practica realizada en clase, a continuacion os lo muestro.

Bueno, la practica en si consiste en crear dos botones en la pagina web de prueba que estoy realizando (a la que podéis acceder para echarle un vistazo en la parte lateral izquierda del blog), uno de los botones se encargara de cambiar de estilo la interfaz de la pagina de pruebas y la misión del otro botón sera la de restablecerla.

Para empezar antes de crear el boton tenemos que crear como en la entrada anterior un bloc de notas nuevo en la que insertaremos el nuevo estilo cambiándole la extension a .CSS, os lo muesto como me queda.


Como podéis ver le he llamado final.CSS al estilo que tengo actualmente en la pagina web de pruebas y final2.CSS a el nuevo estilo creado, vosotros como sabéis podéis darle los nombres que prefiráis. 

Ya creado el archivo (CSS), vamos a disponernos a insertar los botones, para ello tenemos que irnos al archivo .index  creado de la misma pagina web (ver imagen anterior) e insertar donde consideremos los botones de "cambios de estilo". 


Estos son los que salen en mi pagina.












jueves, 10 de marzo de 2016

Buenas clase :) que tal os va?

Como habeis podido apreciar, en anteriores entradas os he ido comentando por encima lo que son los codigos hmtl y CSS. En esta entrada profundizo un poco mas en ellos, al mismo tiempo tambien os voy a contar como modificar un archivo Index.html de una pagina web. Prestad atencion que voy:


  1. Explicación de Html


    HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a Hyper Text Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido cómo Lenguaje de Formato de Documentos para Hipertexto.

    Se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).

    Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él que se crean a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.

    Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos).




  2. Codigos CSS

    CSS es un lenguaje utilizado en la presentacion de documentos HTML. Un documento HTML viene siendo coloquialmente " una pagina web ". Entonces podemos decir que el lenguaje CSS sirve para organizar la presentacon y aspecto de una pagina web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informaticos para elegir multitud de opciones de presentacion como colores, tipos y tamaños de letra, etc...

  3. Index.Html


    Tener un archivo index subido a nuestro dominio es fundamental si se quiere tener una página web que funcione
    . Se puede decir más alto pero no más claro: sin index no hay página web. Así pues es sumamente importante tener un archivo index.

    El tema esta en que cuando creamos una página web en Internet el primer paso que hay que tener en cuenta es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede desde Internet, lo que vemos en primer lugar a la hora de acceder a ese nombre de dominio.


    Al acceder a un dominio, escribiendo por ejemplo http://scm-carlos.blogspot.com.es/  en la barra de direcciones, el navegador de Internet que estemos utilizando lo primero de todo buscará ese archivo index y tratará de reproducir lo que en él aparezca (imágenes, textos, vínculos a otros archivos, enlaces…).


    El archivo index puede tener diferentes terminaciones
    , según el tipo de lenguaje bajo el cual esté creada la página, pero siempre deberá estar nombrado en minúsculas. Siendo .html .htm y .php las terminaciones más usadas por los webmasters.

    index.html, index.htm, index.php …



    Para poder crear un archivo index.html a modo de inicio de nuestra página web podemos utilizar cualquier editor de texto enriquecido como podrían ser Microsoft WordOpen Office o cualquier otra aplicación para el diseño de páginas webs (Microsoft FrontPageAdobe Dreamweaver). Yo use bloc de notas para el cogigo HTML y tambien para las hojas de estilo.


    Asi ha quedado la mi PAGINA DE PRUEBA.


    Un saludo Bloqueros, hasta la proxima :)


miércoles, 24 de febrero de 2016

Personalizar Mi Blog

Buenos dias clase :)  (modificaciones en html)

Hoy os vamos a mostrar como he modificado algunos aspectos de la interfaz de mi blog, entre ellos destacan:

  1. Centrar la cabecera de mi blog: para ello he introducido un código CSS (cascading style sheets), describe como se va a mostrar un documento en la pantalla, por impresora, por voz...es una especificacion desarrollada por el W3C (World Wide Web Consortium) para emitir la separacion de los contenidos de los documentos escritos en  HTML, XML , XHTML, SVG o XUL de la presentacion del documento con las hojas de estilo. 
    Os muestro el código CSS que he utilizado:
    .header .widget {text-align:center;}.header img {margin:0 auto;}
    text-indent: 30px;
    }


  2. Crear una linea horizontal en el blog: si os fijasteis en el apartado anterior tambien cambie el color, tipo y tamaño de mi cabecera. En este caso hemos copiado un codigo HTML en la seccion determinada de nuestra plantilla del blog. Este es el codigo que he usado en HTML:

    hr style="background-color: black; color: black; width: 90%;" /



  3. Añadir un hiperenlace a una imagen: En la primera entrada que hice de mi blog, pudisteis apreciar que en la imagen de mi favicon que esta al final de la misma, si la clickeais os enviara directamente una pagina web vinculada. Os comento como lo hice: es tan sencillo como insertar tu mismo la imagen que quieres que sea viculada a dicha pagina web, una vez insertada la imagen procedemos a pulsar sobre ella y seguidamente le damos a "enlace" en la parte superior de nuestra interfaz. Introducimos la URL de la web a la que queremos que vaya a ir una vez clickemos la imagen. Aqui os la dejo de nuevo.


También le he añadido un contador de personas que entrar a ver la entrada, es una aproximación. jeje y puede que sea poco fiable.









lunes, 22 de febrero de 2016

e-Portfolio



El concepto de portfolio hace alusión al conjunto de trabajos, bocetos, muestras, técnicas, menciones, etc., que una persona recopila para dar a conocer su obra, bien estemos hablando del ámbito artístico, del educativo, del arquitectónico etc.


Se podría decir que el portfolio viene a ser una especie de memoria documentada de un proceso de creación, un proceso educativo o de otra índole, que muestra la evolución de dicho proceso, de tal manera que se puede recomponer una trayectoria.


Hay diferentes tipos o modalidades de uso de e Portfolio:
  • e Portfolio de evaluación: Permite valorar la consecución de criterios específicos para obtener una titulación o trabajo

  • e Portfolio de aprendizaje: Permite ofrecer información sobre los objetivos de aprendizaje incorporando tanto reflexiones y autoevaluación del estudiante como del docente.

  • e Portfolio de "demostracion de las mejoras practicas": Permite presentar información o logros a audiencias concretas.

  • e Portflio de transicion: Permite aportar evidencias y registris de utulidad en momentos de transicion o paso de un nivel academico a otro.
Si quiere por un casual realizar esta experiencia y tener su propio e-Portfolio le adjunto el editor:



    domingo, 21 de febrero de 2016

    TRABAJOS DEL GRADO


    Buenas clase, a continuacion os muestro en un vídeo realizado en Html5marker en el cual salen reflejados todos los trabajos que he ido realizando a lo largo del grado de ingeniería de diseño.

    Sistemas de Comunicación Multimedia. BLOG


    Buenos días clase,

    En la primera sesión de clase hemos tratado de hacer un blog para esta asignatura, en el cual debemos ir haciendo entradas de manera periódica, de todos los elementos que se vayan exponiendo semanalmente en clase.

    Bueno, puesto que para el año pasado también se creo un blog yo ya dispongo del mio. En el he realizado unas modificaciones en las entradas ( invisibles ya al no pertenecer a este año) y en la interfaz del mismo blog (fondo, favicon, tipografía...).

    Para poneros al día en lo que es un blog, aquí os informo un poco de lo que es y para que sirve; Un blog es un sitio web que incluye (a modo de diario personal) contenidos de su interés, actualizados con frecuencia y a menudo comentado por los lectores.

    La creación de un blog me parece alg interesante, porque puedes darte a conocer y al mismo tiempo informar a tus lectores de diversas temáticas. Tus lectores podrán comentar cada entrada que realices y como consecuencia el autor deberá responder.


    • ¿Que es un favicon?
    También conocido como icono de pagina, es una pequeña imagen asociada a la misma pagina web o un sitio web en particular. En la barra de marcadores y en el encabezado de la pagina correspondiente debería mostrarse el favicon de la web si esta lo posee. Es un método para identificar mas fácilmente las paginas.


    Para concluir esta primera entrada os adjunto una pagina para el favicon nuevo de este año y de como puedes decorarlo a tu gusto:
    Os adjunto el mio de este año: 



    Si clickeais e la imagen os llevara directos a una web en la que podáis crear todos los favicons que queráis.

    Hasta la próxima :)