jueves, 20 de diciembre de 2012

Taller AJAX y Frameworks

Ajax Framework jQuery
Al fin, y después de semanas de preparación llega el día de realizar nuestra presentación.
Personalmente con los trabajos me sucede algo curioso, y es que nunca veo el momento de darlo por concluido, siempre encuentro algo que puedo mejorar, algo que añadir, imagino que es debido al hecho de que a medida que vas realizando el trabajo, también vas aprendiendo sobre el tema, y ese nuevo conocimiento hace que puedas ampliar el trabajo, cambiar el enfoque, mejorar, ... Pero al final hay que cumplir unos plazos, y el trabajo se tiene que dar por terminado.
 Personalmente estoy muy contento del taller, era un tema amplio, y lo difícil era centrarse sobre las cosas más importantes, no se trata de un taller para enseñar AJAX, sino de explicar que es, en que consiste, y marcar unas pautas iniciales, que permita a la audiencia interesada, profundizar sobre el tema.

Sobre el taller en si no voy a contar mucho, porque serán mis compañeros quienes en sus entradas del blog comenten y evalúen nuestro trabajo. Para mi ha sido muy positivo, posiblemente de los talleres que se podían hacer, este era el que más desconocía  y la necesidad de realizar el taller me ha obligado a aprender AJAX y sobre todo de jQuery, de lo cual estoy bastante contento. Otra cosa que también he aprendido a manejar y que no había usado hasta la fecha es prezi (otro gran descubrimiento).

En la presentación tuve un contratiempo con el ejemplo de autocompletado de provincias, lo había probado mil veces, pero ya se sabe, la mil una fallo. Que decir, si a Bill Gates le salen pantallas azules presentado windows, que no puede pasarme a mi.
En el momento de la presentación achaque a un problema con el servidor, ya en ese momento sabía que no se trataba de ningún problema con el servidor, pero tampoco sabia cual era el posible problema, había que decir algo y seguir adelante, improvise.
Por supuesto después de la presentación revise el ejemplo hasta dar con cual era el problema, y di con él. No se controlaban todos los eventos de teclado y ratón, durante las pruebas en el ordenador desktop de casa siempre utilizaba el teclado para realizar la selección, pero en la presentación y con el portátil use el ratón, y el evento de selección no se disparo.



viernes, 14 de diciembre de 2012

Taller XML

XML, siglas en inglés de eXtensible Markup Language
En esta ocasión el taller trata de XML (eXtensible Markup Language) y tegnologías asociadas.  XML como su nombre indica, es un lenguaje extensible de etiquetas. Es el formato más utilizado para intercambiar infomración el mundo web, aunque también  es ampliamente usado en otros sectores. 
Este taller se ha adelantado de fecha, y debia ser poseterior al nuestro de AJAX, pero por cambios de programación se realiza justao antes que el nuestro. Este cambio nos viene muy bien, ya que en AJAX se hace uso de XML, y ya no será necesario explicar mucho sobre él, puesto que ya se habra visto en este taller, si acaso podremos explicar JSON, que es otro mecanismo de intercambio de información, que esta tomando fuerza frente a XML.

Personalmente el tema XML, no es un desconocido para mi, y la mayoria de las cosas comentadas ya las había visto, y estudiado el año pasado en la asignatura Tecnologia Multimedia. 

Se ha hecho un repaso a su sintaxis, ficheros de definición de estructura, se ha comentado DTD y XML Schema. DTD esta prácticamente en desuso y para mi no merece mas que eso una breve mención a su existencia, en mi opinión actualmente debiera usarse XML Schema.

Una vez vista la estructura básica de XML, se ha pasado a una segunda parte del taller, donde se han explicado las diferentes tecnologías aplicables sobre XML, que nos permiten realizar transformaciones, selecciones, aplicar formatos,...  (XPath, XSL-T, XSL-FO)

También se ha estado comentado la utilidad e idoneidad del uso de XML, como base de datos, solo para transferencia de pequeños bloques de información, etc 
Ciertamente XML, se usa en infinidad de ámbitos  incluyendo Base de datos, existiendo algunos motores basados sobre XML, como formatos de de intercambio de documentos (e-factura), envio de parametros para web-services, ficheros de configuración, hojas de cálculo, y un largo etcetera.


domingo, 2 de diciembre de 2012

Preparando nuestro taller de Ajax y frameworks

El taller que nuestro grupo debe presentar es el de AJAX y frameworks, aunque según las encuestas que se realizaron en clase, AJAX es la tecnología más desconocida para la mayoría  en el fondo no es así porque AJAX es un compendio de otras tecnologías (JavaScript, XML,...) que si son conocidas por la mayoría  aunque lo que realmente no conocen es el que se esconde detrás de las siglas AJAX, ni cual es su forma de funcionar.

Nos hemos distribuido el trabajo entre los miembros del grupo, y la parte que me ha correspondido a mi ha sido la de frameworks, la idea es preparar el taller, documentarlo extensamente sobre la wiki, y a partir de la wiki preparar la presentación. De esta forma la documentación más extensa estará en la wiki, y la presentación sera un resumen de la wiki, ampliada por el ponente.
Para consolidar la teoría, preparare varios ejemplos paso a paso de uso de Ajax con un framework (jQuery).

jQuery
He estado revisando talleres de años anteriores, la mayoría han explicado el framework jQuery, pero enfocando mucho el taller a explicar su API. Mi idea es cambiar un poco el enfoque, lo primero a explicar será que es un framework, para después pasar a detallar unos cuantos de los existentes(jQuery, dojo, ...), que creo son los más importantes. Solo daremos una breve explicación de cada uno, y nos centraremos en el que creemos que a día de hoy es el más importante, explicando cuales deberían ser los criterios a la hora de elegir un framework, que son los que hemos seguido nosotros.
Una vez seleccionado el framework a usar, una breve pincelada de su funcionamiento básico, para después centranos en las funciones que nos dan soporte para AJAX, y para terminar unos ejemplos explicados paso a paso de como hacer uso de las mismas. La idea de los ejemplos es que sean progresivos de mas fácil a mas complicado, se usar el html mínimo ya que queremos focalizar la codificación con jQuery.

viernes, 30 de noviembre de 2012

Taller PHP

php Hypertext Preprocessor
Si en el taller anterior estuvimos viendo programación del lado del cliente, en esta ocasión nos toca ver el lenguaje de programación por excelencia del lado del servidor.

Como en la mayoría de talleres comenzamos con un repaso histórico de la evolución del lenguaje, para después pasar a un introducción a su sintaxis básica, así como al sistema de pase de parametros y funciones más importantes. Se ha visto como poder ejecutar php, haciendo uso del servidor local xampp que ya vimos en un taller pasado.

Code IgniterLa segunda parte se ha centrado en el uso de un framework para php, el codeIgniter, y hemos visto de una forma rápida (muy rápida) como hacer uso del mismo. Por el poco tiempo disponible, la verdad es que se han visto bastantes aspectos funcionales de code Igniter. Me hubiera gustado una explicación de porque usar code igniter y no otro, pero en general esta parte ha sido muy interesante, ya que no conocia ningún framework para php.

Ha sido un taller muy accidentado con diferentes problemas técnicos en el aula.

jueves, 15 de noviembre de 2012

Taller JavaScript y DOM

JavaScriptDocument Model Object

El taller de esta semana trata sobre el lenguaje JavaScript y el Document Object Model, dos imprescindibles para la programación del lado del cliente. Aunque conocía JavaScript y DOM, el taller ha resultado muy interesante y nos ha permitido descubrir aspectos nuevos de los mismos, así como también nos ha aportado  documentación y enlaces para poder profundizar en ellos.

W3C World Wide Web Consortium
DOM es una interfaz de programación de aplicaciones para documentos HTML y XML. Define la estructura lógica de los documentos (estructura jerárquica) y el modelo en que se accede y manipula un documento. Con DOM, los programadores pueden construir documentos, navegar por su estructura,  añadir, modificar o eliminar elementos y contenido. Es una especificación del W3C, uno de los objetivos más importantes de DOM es proporcionar una interfaz estándar de programación que pueda utilizarse en una amplia variedad de entornos y aplicaciones.

NetScapeUna vez visto DOM, se ha repaso la historia y orígenes de JavaScript, que se remontan al año 1995 y la creación del navegador NetScape. En 1997 fue adoptado como estandar con el nombre de ECMAScript.
JavaScript es un lenguaje de programación orientado a objetos y basado en prototipos. Es un lenguaje interpretado, y que se utiliza normalmente del lado del cliente, lo que implica que los navegadores incluyen un interprete de JavaScritpt que es el encargado de ejeuctar el código fuente enbebido en los ficheros html o js.
En el taller se ha hecho un repaso a su sintaxis básica, así como la gestión que realiza de objetos. El siguiente apartado hemos visto como podemos acceder a DOM con JavaScritp, la gestión de eventos, y para acabar se nos ha propuesto una serie de ejercicios.

jueves, 8 de noviembre de 2012

Taller CSS

Cascading Style Sheets

Como la mayoría de nombres de las tecnologías usadas en web 2.0, CSS es el acrónimo ingles de Cascading Style Sheets ( hojas de estilo en cascada).
CSS es utilizado para dar estilo a documentos HTML, y nos permite separar el contenido de su aspecto. Los estilos definen la forma de presentar  los elementos contenidos en el HTML.

Se ha hecho un repaso histórico a la evolución de CSS, así como a su sintaxis básica  Ha resultado interesante el ver algunas de las novedades que incluye CSS 3 (transformaciones geométricas, ...). Especialmente interesante el apartado de ejemplos, paginas generadores de CSS, así como el apartado de compatibilidad con diferentes versiones de navegadores.

Me ha sorprendido la gran cantidad de cosas que se pueden hacer con CSS, algunas pensaba que solo eran realizables con JavaScript, debo ponerme al dia con CSS3.

Me ha gustado mucho el ejemplo de sistema solar, que incorpora animaciones, trasnformaciones y los bordes redondeados de las cajas. Un cuadro con bordes redondeados puede llegar a convertirse en un circulo.


martes, 6 de noviembre de 2012

Taller de HTML5 y XAMPP

Esta semana dan comienzo los talleres, y el primero de ellos ha tratado sobre HTML5 y XAMPP.
html5
En la primera parte se ha hecho una revisión a la historia de html, y nos hemos centrado en los nuevos tag, y los cambios mas importantes para la maquetación de la páginas web. Se han comentado las novedades con respecto a versiones anteriores, en especial lo que hace referencia a canvas, video y a geolocalización.

Los puntos más importantes de htnl5, por una parte es la mejor estructuración de las áreas y contenidos de una página web, hasta ahora se venia utilizando div para casi todo, y ahora aunque puede seguir usándose  su uso se vera disminuido, y la claridad y estructura de la web será mucho más sencilla, tanto para las maquinas (robos), como para los desarrolladores.

estructura html5

Otro de los cambios importantes es la introducción del tag vídeo, esta etiqueta se presenta como alternativa al uso de flash para incrustar contenidos multimedia en la página web. La etiqueta video nos permite incrustar de forma nativa un reproductor multimedia.
Esta etiqueta llega con algo de polémica, primero por intentar desplazar un producto comercial como flash, y segundo porque no se ponen deacuerdo los fabricantes de navagadores sobre el codec a estandarizar, en ambos casos priman los intereses comerciales, y de copywright.

CódecTipoIE >=9FirefoxChromeSafariOpera
Ogg TheoraLibrenosisinosi
H.264Propietariosinonosino
VP8Librenosisinosi
<video src="video.mp4" controls width="360" height="240">
</video>



En la segunda parte del taller se ha hablado de XAMPP, es una manera sencilla de instalar la distribución  Apache que contiene MySql, PHP y Perl. Es un paquete multiplataforma disponible para Linux, Windows Mac OS X y Solaris. Con este paquete podemos montar de una forma muy sencilla un servidor web en nuestra maquina local.

Personalmente no lo conocía,  aunque había usado una distribución muy parecida denominada WAMP, en el fondo hacen lo mismo aunque varia un poco la forma de configurar los diferentes servidores.
El taller se centro en explicar lo que era, y algunas características de funcionamiento y lenguajes soportados como perl.
Para mi hubiera sido más interesante el haber instalado y configurado un servidor local, viendo el panel de control de xamp, y las configuraciones de Apache y  PHP.

Para profundizar en su conocimiento, he desisntalado WAMP, y usaremos XAMPP para hacer las pruebas en local de la web para la práctica de la asignatura.

martes, 30 de octubre de 2012

Dominio para la web de la práctica.

Esta semana no hubo clase, y hemos aprovechado para ir perfilando algunos temas de la práctica. La temática de nuestra práctica son recetas de cocina.
Lo primero que hemos hecho ha sido ver un poco las webs que teóricamente compiten en el segmento de recetas, y hemos visto que realmente hay muchísimas, y ademas algunas de una gran calidad.
Probablemente nos especialicemos en algún segmento concreto de algún tipo de receta, y aunque no está decido por completo, la idea es focalizar nuestra web de recetas para el robot de cocina thermomix.

Nuestra web la hospedaremos en el servidor gratuito Nixiweb, y registraremos un dominio gratuito .tk (http://www.dot.tk/es/index.html?lang=es). Aunque según lo leído sobre SEO, el hecho de contar con keywords en el dominio, ha dejado de tener la importancia que tuvo antaño, intentaremos escoger un dominio que contenga algún keyword.
Una de las bazas que queriamos utilizar era el hecho de que thermomiox se escribe con th, pero la mayoria de gente de habla hispana lo pronuncia y lo escribe sin la h, termomix.
No tenemos mucho margen, puesto que solo buscamos dominios gratuitos, y por ahora todas las combinaciones buscadas ya existen.
De los libres, vamos a registrar tm31, que es el modelo actual de thermomix, recetas-termomix y recetas-thermomix.



jueves, 25 de octubre de 2012

Google Drive y Prezi

Esta semana ha tocado hablar de almacenamiento en la nube y discos virtuales así como del programa para generar presentaciones Prezi.

A diferencia de otras ocasiones (marcadores sociales, ...), el tema de almacenamiento en la nube la mayoría si lo había usado, o lo usa habitualmente. 
En mi caso, y para no ser diferente al resto de mis compañeros, es algo que vengo usando desde hace tiempo, también como la mayoría, estoy usando dropobox, supongo que debido a que apareció antes que google drive.
Además de los dos mencionados, existen mucho otros sistemas que hacen lo mismo o parecido(sugarsync, skydrive).
Por lo que puedo ver google drive representa una ventaja sobre dropbox, sobre todo, en el caso de que hagamos uso de la suite de oficina de google (google docs). Como que este no es mi caso, por ahora, de momento seguire usando dropbox, aunque le he dado una pequeña oportunidad a google drive, es más siendo sincero quisiera emplear los dos, pero mi triste ordenador de escritorio, no esta por la labor de mantener cargado en memoria dos gestores de almacenamiento virtual, quizá cuando modernice mi ordenador, y le sobre memoria, podrán coexistir las dos alternativas, y ver las bondades de google drive.

DropBox vs Google Drive

Hoy la cosa va de batallas, de herramientas alternativas, de cambiar la forma tradicional, tanto DropBox como Pwer Point, son sin duda dos clásicos hasta ahora creo que sin competencia, uno en el mundo de los discos duros virtuales, y otro en las presentaciones.
Prezi vs Power PointPrezi  está entrando con fuerza en la escena de presentaciones, yo la verdad es que lo desconocía, pero sin duda parece una buena alternativa a Power Point. 
En su dia las presentaciones de power point, nos sorprendieron a todos, con sus transiciones  efectos, etc. Hoy ya estamos mas que acostumbrados a cualquier efecto de power point, y Prezi nos ofrece la oportunidad de sorprender a la audiencia, primero por el hecho de hacer algo distinto a lo habitual, el usar una herramienta todavía poco conocida, dará una primera impresión positiva hacia la presentación y el presentador puesto que se consigue una imagen de modernidad y de estar en la vanguardia tecnológica.
Lo dicho anteriormente, realmente no forma parte de las bondades de prezi, y ademas será pasajero en cuanto prezi no sea una herramienta ampliamente difundida.  Pasando a las diferencias reales entre una presentación Prezi y una de Power point, para mi destacan dos puntos importantes:
  1. Permite presentaciones más dinámicas, es más fácil saltar de un sitio a otro. Aunque se mantiene un orden, no es algo tan estricto como power point donde es una secuencia ordenada de diapositivas, con prezi tenemos mayor libertad a la hora de ir realizando la presentación.
  2. Permite trabajo colaborativo entre varios miembros del equipo.
  3. Permite una visión global de lo que queremos presentar, posibilidad de separar módulos, podemos focalizar en apartados, pero siempre podemos regresar a tener una vista global. Podemos explicar las partes de un todo.
  4. Posibilidd de presentación en linea, ademas de proyectar nuestras presentaciones, podemos provver de un enlace, para que la presentación pueda ser seguida en linea.
Presentación Prezi




martes, 23 de octubre de 2012

Wiki

Un wiki (del hawaiano wiki wiki, "rápido") es un sitio web colaborativo donde sus miembros pueden editar y crear contenidos.

Los usuarios de una wiki pueden crear, editar, borrar o modificar el contenido de una página web, de una forma interactiva, fácil y rápida; dichas facilidades hacen de una wiki una herramienta efectiva para la escritura colaborativa.

A diferencia de un blog donde la información esta ordenada de forma cronológica, la wiki está estructurada jerárquica en forma de árbol, inter relacionando los contenidos de sus nodos.

wikipedia
Otro aspecto reseñable es el control de versiones, que permite saber en todo momento quien creo un contenido, en que fecha, así como todo el historial de modificaciones de cada versión.


El ejemplo más conocido por todos es sin duda wikipedia.


Nosotros vamos a centrarnos en google sites, valorando su sencillez de uso y la fácil integración con el resto de herramientas y aplicaciones de google.

miércoles, 10 de octubre de 2012

SlideSahare

En esta ocasión se trata de subir una presentación al servidor de SlideShare, e incrustarla en nuestro blog. También debemos definir una licencia Creative Commons.

La presentación enlazada, se trata de un trabjo que realice para la asignatura Diseño de interfaces de usuario, y consiste en la utilización de los mandos de wii (wiimote), para ser utilizado como mecanismos de comunicación para gente con algún tipo de minusvalia.

Este es un pequeño video demostrativo del funcianimiento.

WiiCW from bmaimo
Licencia Creative Commons
wiiCW por Biel Maimó se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 3.0 Unported.
Basada en una obra en http://www.slideshare.net/slideshow/embed_code/8540612.

Prueba de google map


Mostra Tren Palma Santany en un mapa més gran

En esta entrada se debía practicar con la creación y personalización de mapas de google,  insertar marcadores, incluir textos e imágenes en los marcadores, etc.

No tenia muy claro que marcadores poner, pero recordé una excursión que realizamos por el antiguo trazado de la linea férrea Palma Santany, y me pareció interesante personalizar un mapa con el trazado de la linea, y sus estaciones, también he incluido algún puente del tramo que mas conozco.
Aunque no he realizado a pie todo el recorrido, por lo que algunas partes de la linea no sabía exactamente por donde pasaban, pero resulta curioso el ver como todavía hoy esta bien definido el trazado del tren y si nos acercamos con el zoom no resulta difícil el ir siguiendo el recorrido. La parte donde mas borrada esta la huella del antiguo trazado es entre campos y Ses Salines, supongo que debido a que era una zona de alta productividad agrícola y ganadera, y fueron incorporando los terrenos de la vía de tren a los terrenos de cultivo.


El tramo S'arenal a Llucmajor es una de los más impresionantes, y en el podemos disfrutar de varias obras férreas importantes, entre todas destaca el "pont de ses set boques", que constituye la obra férrea de mayor embergadura construida en Mallorca.


martes, 9 de octubre de 2012

En casa de herrero cuchara de palo

En casa de herrero cuchara de palo,  como dice el refranero popular, esta es la impresión que me dio el otro día en clase, en la que estuvimos hablando de web 2.0, y de herramientas que tenemos a nuestra disposición para organizar nuestro escritorio(gestores de marcadores sociales, agendas y organizadores de tiempo, ...).
Parece que la gran mayoría de nosotros "ingenieros informáticos" no hacemos uso de herramientas para la gestión de nuestra información, favoritos, agenda, etc. Y a la pregunta hecha en clase, y como os organizáis?, pues pensé en como me organizo yo y ciertamente no es una forma muy óptima.

Dígase de antemano que soy algo reacio al uso de cloud computing, y eso de tener toda mi información en la nube, y hospedada en un  servidor de un tercero, no es una idea que a priori me guste demasiado, como tampoco me gusta el tener que estar logeado para ir navegando, y de paso registrando mi actividad en la red.

Pero haciendo también honor a la verdad,  de cada día utilizo más gmail, dropBox y otros servicios en linea que se basan en esta tecnología, con lo cual no usar un gestor de marcadores sociales o una agenda no tiene mucha justificación, total a día de hoy google sabe tanto de mi, que resulta difícil ocultarme ante el  "Gran Hermano".

Si hay algo que tengo claro, es que en esta vida nada es gratis, y todos estos servicios "fabulosos" tienen que ser rentables de alguna manera, ya sea registrando tus hábitos de navegación, temas de interés, para poder focalizar un tipo de publicidad adecuada para mi perfil, ya sea aprovechando los contenidos que yo introduzca para hacer mas interesante su servicio (you tube, crece del material que introducen los usuario, ...), sea como sea pero hay que sacarle algún rendimiento.

Uno de los mayores problemas que tenia hasta la fecha con la gestión de mis marcadores, más que el hecho de disponer de ellos en cualquier escritorio donde estuviera trabajando (que también), era la desaparición o cambio de url de contenidos que me interesan.
Para evitarlo lo que hacia era imprimir una copia de la web en formato PDF e ir catalogando y guardando los contenidos en el disco duro (demasiado laborioso).

De todas las herramientas vistas, he probado con profundidad diigo, que permite gestionar marcadores, notas, resaltar partes de interés de una página, etc y ademas también puedo tomar una instantánea de su contenido, por si algún día desaparece o cambia su enlace, con lo cual tengo cubierta y centralizada toda mi gestión de marcadores y copias de webs de mi interés.
La gran ventaja de usar diigo, es la organización de los marcadores mediante el uso de tags, la disponibilidad de mi librería en cualquier ordenador con conexión a internet,  incluido en el smartphone.


lunes, 8 de octubre de 2012

Enlace a video youtube


Otras de las posibilidades que nos brinda blogger es insertar vídeos de youtube, realmente es muy sencillo y no creo que sea necesario explicar la forma de hacerlo, esta claro que la simbiosis entre herramientas de google es muy buena, y nos facilita bastante su integración en nuestro blog.
PicasaYou Tube


 

viernes, 5 de octubre de 2012

Hello World


Como parte del trabajo de la asignatura Tecnologías de la información, debemos crear un blog personal.
Y en eso estoy, esta es la primera entrada del recién creado blog.
escola politècnica superior

Universitat de les Illes Balears