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.