A partir del 1 de mayo, los precios de matrícula que se muestran en las fichas de información de los cursos ya lleván ese descuento aplicado y son válidos para cualquier persona (incluyendo trabajadores que se inscriban a título particular). Ya no es necesario solicitar un código descuento, ni enviarnos documentación justificativa. Al cumplimentar el formulario de inscripción para matricularse en un curso, les aparecerá directamente el precio reducido.

En línea con esta iniciativa y contando con la implicación de los autores/tutores con los que colaboramos, podéis ver que hemos aplicado descuentos adicionales en varios de nuestros cursos.

También hemos reducido algunos precios en la formación bonificada para empresas, para mantener una oferta que creemos muy competitva y ajustada a las necesidades actuales de las compañías españolas.

Con estos cambios, esperamos haber respondido a las cuestiones que nos han hecho llegar muchos  interesados en la formación que impartimos.

En nuestro recién lanzado Curso de Desarrollo de Aplicaciones para Android explicamos estos primeros pasos de forma sencilla, de manera que nuestros alumnos pueden instalarse sin problemas y en pocos minutos el entorno de desarrollo y el SDK de Android, elementos imprescindibles para comenzar su trabajo. En este post vamos a explicar cómo realizar esta instalación fácilmente. Si tenéis algún problema, por favor usad los comentarios y os echaremos una mano. Igualmente, si algo falla, por favor comunicádnoslo:

Descarga e instalación de Eclipse

Para empezar a desarrollar con el SDK de Android, es necesario descargar un entorno de desarrollo. Se pueden usar varios, como puede ser Netbeans, Java-Eclipse SDK (en adelante Eclipse ), IntelliJ IDEA, etc… En este curso aprenderemos a configurar Eclipse, ya que es el más utilizado para desarrollar en Android.

Deberemos dirigirnos a http://www.eclipse.org/downloads/ y descargar una versión de Eclipse. Aconsejamos la versión Eclipse Classic, aunque la RCP o la Java también pueden servir.

Ilustración 1: Página principal de descargas de Eclipse, desde aquí podemos descargar Eclipse Classic en su versión 3.7.1 o posterior para Windows, Mac o Linux.

Será necesario descargarnos previamente el JDK (http://java.sun.com/javase/downloads/index.jsp) si no lo tuviéramos ya instalado.

Una vez descargado e instalado el Eclipse, lo ejecutamos y mostrará una ventana parecida a la siguiente:

Ilustración 2: Ventana principal de Eclipse

Instalación de las ADT y del SDK

En versiones anteriores, era necesario descargarnos antes el SDK e instalarlo por nuestra cuenta y luego configurar el ADT para que apunte al lugar donde lo habíamos instalado. Ahora este proceso es mucho más sencillo con las últimas actualizaciones de las ADT. Veamos cómo se hace ahora:

• Con el Eclipse abierto, nos vamos al menú Help → Install New Software…

Ilustración 3: Instalación de ADT (I)

• Pulsamos Add… y agregamos las fuentes de Android: en Name lo que queramos (Android, por ejemplo) y en Location ponemos https://dl-ssl.google.com/android/eclipse/ y pulsamos OK.

Ilustración 4: Instalación ADT (II)

Si tienes problemas para obtener el plugin, prueba usando http en lugar de https.

• En el diálogo de Available Software, marcamos la casilla al lado de Developer Tools y pulsamos Next.

Ilustración 5: Instalación ADT (III)

• Pulsamos de nuevo Next para aceptar las herramientas que se van a instalar y por último Finish para aceptar los acuerdos de licencia.
• Una vez instalado todo, reiniciaremos Eclipse.

Al abrir Eclipse de nuevo después de haber instalado las herramientas de desarrollo, nos aparecerá una ventana como la siguiente:

Ilustración 6: Instalación SDK (I)

En ella podemos marcar dos opciones,

1. Instalar la última versión del SDK de Android,
2. Instalar la versión 2.1, la cual es soportada por el 97% de los terminales Android a fecha de noviembre de 2011.

Ilustración 7: Instalación SDK (II)

1. Es indiferente la opción que marquemos ya que luego podremos instalar más versiones. En este caso se ha optado por marcar la opción de instalar la última versión del SDK. En este momento se empezará a descargar e instalar el último SDK de Android. Una vez haya terminado el proceso, pasamos a configurarlo.

Configuración del SDK

Una vez realizado el proceso descrito en el apartado anterior, Eclipse permite acceder a Android SDK Manager ( entorno de instalación y descarga de paquetes (Packages) de herramientas, APIs, fuentes, ejemplos, etc.. ) mediante este entorno podremos configurar el SDK. El acceso a este interface se realiza pulsando en el siguiente icono de la siguiente Ilustración situado en la barra superior de herramientas de Eclipse:

Ilustración 8: Botón de configuración del SDK

Ilustración 9: Configuración del SDK

En esta ventana seleccionamos aquellos componentes que queramos instalar. Recomendamos instalar al menos las APIs 8 y 10, ya que son las que mayor número de usuarios poseen, tal y como vimos en el gráfico de la primera unidad.

La API 8 será la que utilizaremos a lo largo de este curso, por lo que como mínimo habrá que instalar ésta.

Actualización del SDK y las Android Development Tools (ADT)

Para actualizar el SDK lo haremos desde la misma ventana que la captura del apartado anterior. En ella aparecerán si tenemos componentes para actualizar o no.

Para actualizar las ADT:

1. Nos dirigiremos a Help → Check for Updates. Si no hay actualizaciones, mostrará un mensaje diciéndolo y entonces habremos acabado.
2. Si hay, se mostrará una ventana en la que deberemos marcar las casillas que aparecen y pulsar Next.
3. En los detalles de la actualización pulsamos Next.
4. A continuación deberemos aceptar los acuerdos de licencia y pulsar Finish.
5. Finalmente reiniciaremos Eclipse.

Como en la primera edición, el tutor del curso es Javier Navas Millán, Ingeniero Técnico Informático y Licenciado en Comunicación Audiovisual, que realiza labores de Webmaster y tutor de cursos online en Digital Learning.

La buena acogida y valoración por parte de los alumnos de la primera edición del curso que tuvo lugar el pasado mes de noviembre, y de la que ya hicimos balance en este blog, ha hecho que se haya programado esta segunda para este mismo año académico 2011-12.

Aunque el curso está abierto para todo el mundo, hemos de decir además que varias facultades y escuelas de la UGR conceden créditos de libre configuración, por lo que realizar el curso puede ser para muchos el complemento final para acabar sus estudios.

Para los que queráis matricularos aquí tenéis el formulario de inscripción, en la web del CEVUG.

Además de esta labor docente en Digital Learning, Joaclint nos presta su colaboración desinteresada diseñando imágenes de presentación de algunos de nuestros cursos, trabajo que le queremos agradecer desde aquí, ya que mejoran sin duda la estética y la capacidad de comunicación de las páginas donde los publicamos. Además, sirven de muestra de la calidad de sus diseños que tanto nos gustaron desde el primer momento que los encontramos a través de Internet.

En este post queremos mostrar algunos de estos trabajos, desarrollados con las mismas herramientas de diseño que el enseña a utilizar: diversas imágenes de cursos, un ejemplo de un tríptico publicitario o el video de presentación del curso de Inkscape:

 

 

Ah, y para los que os entren ganas de aprender Diseño Gráfico con Joaclint y estas magníficas herramientas, libres y gratuitas, teneís una promoción muy especial este mes con el PACK de “Diseño Gráfico”, que os permite hacer los dos cursos por tan solo 125 € (*).

Nota (*): pídenos un código de descuento para acceder a este precio especial.

Acerca de la autora: Bloguera con experiencia y experta en temas de comunicación, programación y tecnología móvil, A.Lara trabaja para twago, la plataforma líder en el mercado alemán entre profesionales freelance y empresas que requieren servicios TIC (programación, diseño web, traducción, redacción y otros servicios empresariales).

La situación del software libre

Todos aquellos metidos en el sector, estamos viendo como el software libre se va incorporando a la realidad de las empresas a un ritmo cada vez más rápido. No es de extrañar si tenemos en cuenta sus innumerables ventajas, pues su uso ofrece libertad, flexibilidad, adaptabilidad a nuestras necesidades, seguridad, privacidad y un precio ajustado a su valor. Sin duda un “bueno bonito y barato” en toda regla.

Ante todas estas ventajas, no es de extrañar entonces que el crecimiento de este tipo de tecnología sea tan grande. Según los datos publicados por el INE el 75% de las Pymes o grandes empresas y el 51% de las microempresas de nuestro país ya están utilizando algún tipo software libre. En un reciente estudio de CENATIC ya sólo en el sector IT un 39% de las empresas no sólo conocen las soluciones libres, sino que las han incorporado como parte fundamental de su oferta comercial.

Claramente el software libre ya no es sólo cosa de “raritos” o “frikis”. Muchas aplicaciones basadas en este entorno están ganando popularidad. Software libre ya no es sólo sinónimo de Linux sino que ha madurado a otro nivel y se ha traspasado a muchas otras aplicaciones. A los desarrolladores que contribuyen con este tipo de software, ahora también hay que sumarle la participación de grandes empresas, incubadoras de proyectos o fundaciones como Google, SourceForge, Apache o Mozilla  que disponen de proyectos Open Source que ellos mismos patrocinan o dan soporte.

¿Existen posibilidades laborales?

Hablar de las posibilidades laborales con esta tecnología ha dejado de ser algo utópico. Con la actual coyuntura económica, las empresas se han visto obligadas a optimizar sus presupuestos para cada departamento y el de TI no iba a ser menos. Aquí es donde entran en juego las soluciones Open Source ya que permiten un ahorro de costes considerables en conceptos como el pago de licencias.

Ante esta creciente popularidad, es perfectamente normal que la gente empiece a preguntarse cómo hacer carrera en este terreno. Son muchos los programadores que sienten verdadera pasión por el software libre y el código abierto y como es natural buscan ir por esa vía, pues ¿qué mejor que convertir tu hobby en tu carrera profesional?. No obstante, ¿existe la posibilidad de que nos paguen por hacer aquello que de verdad nos gusta?

Es de lógica, si las empresas siguen adoptando soluciones Open Source, van a buscar empleados que estén familiarizados con este tipo de tecnología y esto significa un incremento considerable en las oportunidades laborales basadas en estos sistemas.

¿Qué pasos seguir para labrarse una profesión con Software libre?

Llegar a dominar este tipo de tecnología y por tanto poder optar a oportunidades laborales puede conseguirse, igual que en el resto de profesiones, combinando estudios o conocimientos teóricos con práctica. A nivel estudios es sencillo, tan sólo tenemos que escoger bien el curso (on-line, presencial, en la universidad, en una escuela privada,…) y la tecnología en la que queramos especializarnos.

A nivel experiencia la cosa se complica. Seguro que todos nos hemos preguntado en algún momento de nuestra carrera como conseguir experiencia laboral si no nos contratan en ningún sitio por falta de experiencia (y más en una materia tan práctica como la informática). Por fortuna, este problema desaparece con el software libre, pues el sistema se basa en la colaboración pública con la comunidad y todo el mundo es libre de participar.

Como desarrollador puedes aprender rápidamente diferentes metodologías de código, que de otra manera hubieras aprendido en estadios más avanzados de tu carrera en una empresa. Existe también la opción de ser un colaborador. Puedes apuntarte a proyectos en múltiples forjas (plataformas de desarrollo colaborativo) como SourceForge, IrisLibre, GitHub, LaunchPad o Google Code o incluso empezar tu propio proyecto. Una vez te unas a alguno de los proyectos ya puedes empezar a ponerlos a prueba e ir ganando más conocimiento sobre la tecnología que hay detrás. Esto te permitirá empezar a rellenar informes de reportes de fallos (bugs-reports) y a aportar soluciones. También puedes contribuir en los proyectos elaborando su documentación. Además si eres novato, siempre va a haber alguien dispuesto a ayudarte y darte consejos y ¿qué mejor manera de ganar experiencia que esta?

Y no sólo experiencia, es también reconocimiento. ¿Cómo? Sencillamente colaborando en los miles de proyectos que necesitan tu ayuda. Involúcrate en la comunidad, ayuda y conforme ganes experiencia desarrolla nuevas características y no dudes en comentarlo luego en tu CV. Incluso puedes obtener una compensación económica por donaciones de usuarios (y a veces venta) de extensiones que amplíen las funcionalidades de soluciones abiertas muy populares como Firefox, WordPress, Joomla, Moodle o Prestashop, por poner unos ejemplos. Estas contribuciones van a ser tu portfolio a la hora de buscar trabajo, y recuerda que son proyectos públicos y tienen mucha visibilidad, por tanto aumenta las posibilidades de que una empresa vea tu trabajo y te ofrezca una posición, al fin y al cabo tienen una prueba irrefutable de tus cualidades como programador.

Desarrollo laboral y perspectivas de futuro

El camino laboral en este sector empezará normalmente por programar o desarrollar. A partir de aquí y con la experiencia, el nivel subirá a la distribución, implementación y puesta en marcha de sistemas completos en empresas. Con experiencia adquirida, el profesional puede aventurarse en el mundo de la consultoría y la estrategia evaluando por ejemplo los productos que mejor se adaptan a las necesidades de la empresa.

De todas maneras, sea cual sea la progresión individual de cada uno lo que sí que está claro es que el software libre continuará creciendo en nuestro país. Según el estudio realizado por CENATIC una de cada cinco empresas que actualmente no trabajan con programas de código abierto lo hará antes de cinco años. ¿Podéis empezar a imaginar la envergadura del mercado y las oportunidades laborales que esto representa?

(Fuente datos: www.cenatic.es y www.ine.es)

Credits: foto programador (www.flickr.com/photos/ebarrera/)

En esta continuación, veremos que la creación de un objeto XMLHttpRequest no es del todo trivial, dado que hay incompatibilidades entre los navegadores de Microsoft (esto es, las distintas versiones de Internet Explorer) y todos los demás.

Existen distintas técnicas para determinar qué navegador se está usando y en qué modo se debe crear el objeto que posteriormente permitirá hacer las peticiones de información. El código que indicamos a continuación es de los más utilizados en la web hoy en día:

function crearConexion () {

 var httpRequest;

 if (window.XMLHttpRequest)

    {

    //El explorador implementa la interfaz de forma nativa

   httpRequest = new XMLHttpRequest();

    }

 else if (window.ActiveXObject)

    {

     //El explorador permite crear objetos ActiveX

       try {

           httpRequest = new ActiveXObject("MSXML2.XMLHTTP");

           } catch (e) {

                        try {

                             httpRequest = new ActiveXObject("Microsoft.XMLHTTP");

                            } catch (e) {}

                       }

   }

 if (!httpRequest)

      {

      alert( "No ha sido posible crear una instancia de XMLHttpRequest" );

      return 0;

      }

 else {

       return httpRequest;

      }

 }

Como puede observarse, hemos creado una función que devuelve un objeto con el que es posible crear la conexión. Por tanto, debemos , podemos cambiar el código de nuestro primer ejemplo de la siguiente forma:

// 1. Instanciamos el objeto para establecer la conexión

conexion= crearConexion();

En esencia, la función creada intenta detectar la existencia del objeto XMLHttpRequest, en cuyo caso estaríamos tratando con un navegador del tipo Firefox, Opera, Safari, Chrome, etc. En caso de que no exista, estaríamos navegando con un cliente Internet Explorer, en el cual es necesario distinguir entre versiones. Las versiones más modernas deben ser instanciadas mediante un objeto ActiveXObject, indicándole que se usa la versión 2 de MSXML: MSXML2.XMLHTTP; por su parte, las versiones más antiguas utilizan la versión anterior, Microsoft.XMLHTTP.

Una versión alternativa intenta crear el objeto con la versión más reciente del MSXML, en caso de estar navegando con Internet Explorer:

function crearConexion() {

 if (typeof XMLHttpRequest != “undefined” )
    {

     return new XMLHttpRequest();

     }
 else if( window.ActiveXObject )
    {

     var versions=[“MSXML2.XMLHttp.5.0”,

      “MSXML2.XMLHttp.4.0”,

      “MSXML2.XMLHttp.4.0”,

      “MSXML2.XMLHttp”,

      “Microsoft.XMLHttp”];

      for ( var i=0; i<versions.length; ++i )
         {

           try {

                var tmpObject=new ActiveXObject( versions[i] );

                return tmpObject;

                } catch( error ) {

                                  // No hacer nada

                                 }

        }

    }

 alert( “No se pudo crear la conexión”;

 return 0;

}

Los problemas debidos a incompatibilidades entre navegadores son una de las principales razones por las que es conveniente recurrir al uso de bibliotecas estandarizadas disponibles en la web (muchas de ellas libre y sin coste alguno: jQuery, Dojo, etc.).

Definición de AJAX

AJAX es el acrónimo de Asynchronous Javascript and XML, es decir: Javascript y XML Asincrono. Este acrónimo fue utilizado por primera vez por Jesse James Garret en 2005, en su publicación Ajax: a New Approach to Web Applications si bien los componentes en que se basan y los recursos técnicos de que hace uso ya existían desde muchos años antes.

Normalmente, AJAX se define como una técnica para el desarrollo de páginas (sitios) web que implementan aplicaciones interactivas. No obstante, analicemos un poco cada una de las palabras que la forman:

• Javascript es un lenguaje de programación conocido por ser interpretado por los navegadores de páginas web.
• XML es un lenguaje de descripción de datos pensado fundamentalmente para el intercambio de datos entre aplicaciones, más que entre personas.
• Asíncrono: en el contexto de las comunicaciones (y la visualización de una página web no deja de ser una acto de comunicación entre un servidor y un cliente) significa que el emisor emite un mensaje y continúa son su trabajo, dado que no sabe (ni necesita saberlo) cuándo le llegará el mensaje al receptor.

Es decir, que podemos refinar un poco nuestra definición indicando que AJAX es una técnica que permite, mediante programas escritos en Javascript, que un servidor y un navegador intercambien información, posiblemente en XML, de forma asíncrona.

Como veremos en el tema 4, la información intercambiada entre cliente y servidor puede hacerse en múltiples formatos: texto, HTML, JSON y, por supuesto, XML. Además (como veremos en el tema 3, la comunicación puede ser también síncrona, de modo que el cliente espere a que le llegue la información del servidor. En todo caso, los programas que realizamos para lograr este tipo de conexiones se hacen con el lenguaje Javascript.

¿Para qué sirve AJAX?

En esencia, AJAX permite que una página web que ya ha sido cargada solicite nueva información al servidor. Dicho así, no supondría en realidad ningún invento novedoso. Una página web que contiene un enlace permite que se solicite al servidor nueva información cada vez que se pincha dicho enlace. Una página web que contiene un formulario envía información al servidor y recibe de él nueva información, normalmente la respuesta ante los datos que se han enviado. En ambos casos hay una conexión entre el cliente y el servidor.

¿Cuál es la diferencia cuando usamos AJAX? La diferencia es que con AJAX no es necesario recargar toda la página web, como ocurre cuando pinchamos en un enlace o cuando pulsamos el botón submit de un formulario. Con AJAX es posible realizar una conexión a un servidor desde dentro de una página web usando un programa Javascript. Dicho servidor enviará una respuesta; esta respuesta se almacenará en una variable del programa Javascript y, una vez almacenada en la variable, podremos hacer con ella lo que deseemos.

Figura 1: Compración de Modelos de Aplicación Web clásico y basado en Ajax (imagen original de Adaptive Path)

Por ejemplo, podemos pedirle al servidor que nos indique qué hora tiene y mostrar dicha hora en el cliente, en una capa dedicada sólo para visualizar este dato. De esta forma, el usuario podría ver la hora correcta que hay en el servidor (posiblemente sincronizada por NTP) y esta sería la misma para todos los usuarios conectados a dicho servidor, sin tener en cuenta la hora que tengan en su ordenador (posiblemente errónea o susceptible de ser modificada por el usuario). Si actualizamos la hora cada minuto, sin usar AJAX, tendremos que recargar toda la página cada 60 segundos. Sin embargo, con AJAX, simplemente actualizaremos la capa que hemos dedicado a imprimir la hora sin necesidad de alterar el resto de la página.

Primer ejemplo en AJAX

Antes de explicar en detalle cómo funciona AJAX, veamos un ejemplo al cual realizaremos posteriormente sucesivas mejoras.

El código que mostramos a continuación podemos almacenarlo en un fichero llamado ajax.2.1.1.html. Una vez guardado, podemos abrirlo en nuestro navegador sin necesidad de tener ningún servidor de páginas web instalado, sino utilizando la opción “Abrir fichero” que poseen los navegadores.

Realicemos no obstante un par de aclaraciones necesarias antes de verlo:

a) para que el ejemplo funcione, es necesario tener un fichero llamado hola_mundo.txt en el mismo directorio en el que pongamos el fichero ajax.2.1.1.html

b) el siguiente puede no funcionar en navegadores antiguos y en navegadores de la familia de Internet Explorer (en el post siguiente veremos cómo solucionar estos problemas de compatibilidad).

<!--

- FICHERO ajax.2.1.1.html

- ======================

-->

<html>

<head>

<title>Primer ejemplo con AJAX</title>

</head>

<body>

<h2>Primer ejemplo con AJAX</h2>

<script>

 // 1. Instanciamos el objeto XMLHttpRequest

 conexion= new XMLHttpRequest(); 

 // 2. Indicamos un manejador de eventos para cuando llegue la información

 conexion.onreadystatechange=function() {

   if (this.readyState == 4 ) {

   // Va mostrar la información obtenida en la llamada

   alert( this.responseText );

   }

 } 

 // 3. Hacemos la llamada

 conexion.open("GET", "hola_mundo.txt" );

 conexion.send(null);

</script>

</body>

</html>

FICHERO hola_mundo.txt

======================

Hola mundo!

El funcionamiento es bastante simple: si abrimos nuestro fichero ajax1.html en el navegador, obtendremos un mensaje de alerta con el texto “Hola mundo!”, es decir, justo el texto que hemos puesto dentro del fichero hola_mundo.txt.

Pasemos a diseccionar poco a poco el código del ejemplo anterior. En primer lugar hemos de crear un objeto XMLHttpRequest:

// 1. Instanciamos el objeto XMLHttpRequest

conexion= new XMLHttpRequest();

El nombre ya es bastante aclaratorio con respecto a la misión del objeto: sirve para hacer peticiones de información que llegará en formato XML a través del protocolo HTTP.

El objeto, al que hemos llamado conexion actúa como un “mini-navegador” dentro del cliente en el que se ha cargado nuestra página web.

Seguidamente, y para poder obtener información del servidor, abrimos una conexión y le enviamos los datos necesarios para completarla. En este caso, la conexión es de tipo GET, intenta recuperar un fichero llamado hola_mundo.txt y no necesita muchos más datos, por lo que enviamos la petición sin datos adicionales.

// 3. Hacemos la llamada

conexion.open("GET", "hola_mundo.txt" );

conexion.send(null);

Por motivos de seguridad, la URL que indiquemos en la llamada al método open() debe pertenecer obligatoriamente al mismo servidor desde el cual se ha descargado la página web que está realizando la llamada. Es decir, aunque supiéramos que el fichero “hola mundo.txt” está disponible en la URL http://www.otrodominio.es/hola_mundo.txt, no podremos hacer llamadas a él con AJAX si nuestra página web no está alojada también en dicho dominio. En el siguiente tema, al hablar del formato XML, veremos cómo podemos usar información de terceros sitios en el nuestro usando AJAX.

Finalmente, dentro del proceso de realizar la conexión mediante AJAX describimos brevemente el paso 2; lo hemos colocado en esta explicación después del paso 3 intencionadamente, aunque por supuesto es imprescindible que se encuentre en segunda posición. En este paso 2, indicamos al objeto creado qué debe hacer cada vez que cambie el estado en que se encuentra, es decir, indicamos un manejador de eventos.

// 2. Indicamos un manejador de eventos para cuando llegue la información

conexion.onreadystatechange=function() {

 if (this.readyState == 4 ) {

 // Va mostrar la información obtenida en la llamada

 alert( this.responseText );

 }

}

A lo largo de la creación y realización de la nueva llamada, el objeto conexion sufrirá varias veces el evento onreadystatechange por lo que es necesario dotarlo de una función manejadora para este evento. Es imprescindible que el manejador esté declarado antes de que suceda el evento, y es por ello que antes de iniciar la conexión AJAX realizamos la declaración de esta función.

Cada vez que se activa el evento onreadystatechange, la función manejadora toma el control; dentro de ella podemos saber en qué estado concretamente está la llamada gracias a la propiedad readyState. Cuando dicha propiedad toma el valor 4, podemos determinar que se ha realizado correctamente la transacción y acceder a la información que ha llegado gracias a la propiedad responseText.

El ejemplo anterior es, posiblemente, el ejemplo más conciso que podemos escribir para comprobar el funcionamiento de AJAX. No obstante, la programación de sitios web utilizando AJAX requiere de un mayor conocimiento del objeto XMLHttpRequest, así como de los atributos y métodos que posee. En el siguiente post “¿qué es AJAX (II)?”, veremos un poco más sobre él y cómo solucionar los problemas de incompatibilidad con el navegador Internet Explorer.

En el primer artículo queríamos responder a una pregunta muy directa: ¿por qué aprender JavaScript?

Nos ha salido un decálogo, ahora que están tan de moda, para responder a esta cuestión:

1. Es el lenguaje de programación de los navegadores web (todos los más importantes lo soportan y lo tienen activado por defecto: Firefox, Chrome, IE, Opera, Safari…), lo que lo convierten en el lenguaje más popular en Internet. Hay otras opciones, pero requieren instalación y activación mediante plugins o solo funcionan en navegadores específicos.
2. Hay una auténtica competición entre los navegadores para optimizar sus motores y dar mejor soporte a JavaScript y que su código se ejecute más rápidamente. JavaScript por tanto es cada vez más estable y tiene mejor rendimiento.
3. Está totalmente integrado con HTML y CSS. Cada uno juega un papel definido en una página web: HTML es el lenguaje de marcado para crear la estructura, CSS el lenguaje de estilos para configurar la presentación y JavaScript le proporciona interactividad y comportamiento dinámico.
4. Va a jugar un papel importante, potenciando sus prestaciones, con la llegada de HTML5 / CSS3
5. Es muy potente y expresivo, con sintaxis que guarda similitudes con otros lenguajes muy populares, pero con características particulares.
6. Es fácil de aprender. Tienen una curva de aprendizaje rápida y exige poca inversión de tiempo para empezar a utilizarlo.
7. Es muy fácil trabajar con él. No necesita un servidor web ni un entorno especial de desarrollo. Es interpretado por lo que no tenemos que compilar código. No necitamos adquirir licencias. Nos basta con un editor de texto (o mejor un editor de código que nos facilite la tarea) y un navegador. A eso, podemos añadir un complemento como Firebug para depurar y estamos totalmente equipados con herramientas libres y gratuitas
8. Es la base para utilizar AJAX  en nuestras páginas, una técnica de programación que bien utilizada nos permite construir sitios web de ‘nueva generación’  mejorando muchísimo la experiencia del usuario (lo veremos en un siguiente post).
9. Una vez conocemos los fundamentos de JavaScript, tenemos disponibles frameworks abiertos y gratuitos (entornos de trabajo / librerías) como JQuery, Prototype, Dojo,…. que nos facilitan aún más el trabajo y nos permiten desarrollar elementos muy avanzados con extraordinaria sencillez.
10. Nos permite trabajar en un entorno abierto y estandarizado sin atarnos al criterio de ningún fabricante de software. Además, puede interaccionar con otras tecnologías populares como Flash o Java.

Es cierto que algunas de estas razones también se han esgrimido para criticar a JavaScript, como que es tan sencillo que se utiliza sin conocerse. La etiqueta de ‘lenguaje para aficionados’ por su utilización para sobrecargar de efectos visuales las páginas web, ha cambiado radicalmente.  Opiniones como las de Douglas Crockford (artículo original en inglés) ayudaron a entenderlo mejor y a generar un gran interés por conocer y aplicar sus posibilidades también entre programadores avanzados.

Para los que se inician y tienen interés en la programación (web) es un lenguaje que les facilita dar los primeros pasos. De hecho, la escasa complejidad para trabajar con él ha fomentado su utilización como lenguaje de referencia para enseñar conceptos de programación. Como toda herramienta, tiene sus defectos y puede ser mal utilizada, pero sabiendo donde están sus limitaciones es una de las primeras opciones de aprendizaje que debe considerar cualquier persona que quiere iniciarse en la programación web.

¿Qué piensas? ¿Quitarías o añadirías motivos para conocer este lenguaje?

Credits: t-shirt generada con zazzle.es

Los contenidos que se van a tratar son:

1. Introducción

2. Breve revisión de HTML

3. CSS (I): Tipografía

4. CSS (II): Capas

5. CSS (III): Novedades de CSS3

6. Microformatos

Tenéis toda la información del mismo en el enlace a la página web del curso que os poníamos arriba. Creemos que es una opción interesante para los estudiantes de la UJA, o aquellos que puedan desplazarse a sus instalaciones y quieran aprender de forma práctica sobre este tema.

Ahora bien,se puede estar preguntando alguien, ¿qué es un Servidor Web y qué hace exactamente?

Bueno, lo primero que debemos aclarar es que estamos hablando de software, aunque el equipo donde se ejecuta recibe la misma denominación. Su misión es crítica, ya que es el encargado de aceptar las peticiones de páginas (o recursos en general) que provienen de los visitantes que acceden a nuestro sitio web y gestionar su entrega o denegación, de acuerdo a las políticas de seguridad establecidas. Esto, que puede parecer simple, implica muchas facetas y funcionalidades que debe cubrir, como pueden ser:

• Atender de manera eficiente, ya que puede recibir un gran número de peticiones HTTP, incluyendo una ejecución multitarea ya que pueden darse peticiones simultáneas. Cualquier petición compleja (por ejemplo con acceso a base de datos) dejaría colapsado el servicio.
• Restricciones de acceso a los ficheros que no se quieran ‘exponer’, gestión de autentificaciones de usuarios o filtrado de peticiones según el origen de éstas.
• Manejar los errores por páginas no encontradas, informando al visitante y/o redirigiendo a páginas predeterminadas.
• Gestión de la información a transmitir en función de su formato e informar adecuadamente al navegador que está solicitando dicho recurso.
• Gestión de logs, es decir almacenar las peticiones recibidas, errores que se han producido y en general toda aquella información que puede ser registrada y analizada posteriormente para obtener las estadísticas de acceso al sitio web.

Además, Apache nos permite configurar un Hosting Virtual basado en IPs o en nombres, es decir, tener varios sitios web en un mismo equipo (por ejemplo: nombreweb1.com, nombreweb2.com,….) o como indicábamos, establecer distintos niveles de control de acceso a la información incluyendo el soporte a cifrado SSL utilizando protocolo seguro HTTPS.

A continuación, para los que quieran tener una visión más en detalle de cómo se trabaja con Apache, reproducimos la explicación del fichero de configuración de Apache 2 de nuestro curso Servidor Web Apache, elaborado por Franciso Illeras. Este apartado, junto a otros dos, los podéis  descargar en el extracto del curso que hemos publicado en nuestra sección de Tutoriales, para que podáis tener una mejor idea del mismo.

Archivo “apache2.conf”

(apartado del Tema “Configuración y ajuste del servidor Apache”)

Sin lugar a dudas, “apache2.conf” es el fichero más importante de Apache, puesto que en él se definirá el comportamiento general del servidor de páginas web y además, es el encargado de acceder a los distintos módulos que amplían la funcionalidad del servidor.

Como ya hemos comentado, el archivo “apache2.conf” se encuentra en el directorio “/etc/apache2”, y al tratarse de un fichero de texto podrá editarlo fácilmente (por ejemplo, con nuestro editor preferido “joe”).

Dentro del archivo de configuración encontraremos dos partes bien diferenciadas:

1) Variables globales del servidor: variables que definen el funcionamiento general del servidor. Las más importantes son (siempre podrá completar la información que le suministro con la que posee en la propia web de Apache, el lugar donde encontrará la documentación es “http://httpd.apache.org/docs/2.0/es/”):

A la vista de la tabla anterior parecería que Apache es un servidor que no es muy complejo de configurar, porque no posee muchas opciones. Es cierto en parte, aunque éstas son solo una pequeña parte de las opciones que posee Apache, ya que mayoría de las variables de configuración se encuentra repartida entre otros pequeños ficheros de configuración (módulos) guardados en “mods-available” (pero esto lo veremos más adelante).

En este momento solo tiene que preocuparte que el nombre de nuestro servidor esté bien indicado mediante la variable “ServerName” para que cualquier redirección o referencia existente en nuestros documentos HTML funcionen bien. Y el resto de las variables no tendrán que tocarse puesto que por defecto vienen con los valores adecuados, salvo la parte correspondiente a “AccessFileName”. Lo explicaremos de una manera más detallada.

.htaccess es un archivo de texto oculto (por esa razón comienza por “.”) que permite personalizar el funcionamiento del servidor Apache un directorio concreto sin necesidad de modificar el fichero de configuración principal “apache2.conf”.

Cuando un cliente web solicita un archivo al servidor, este busca desde el directorio raíz hasta el subdirectorio que contiene el archivo solicitado el archivo .htaccess y tiene en cuenta las directivas contenidas en el mismo antes de proceder con la petición.

Los usos principales del .htaccess son:

• Impedir el listado de los archivos de un directorio.
• Redireccionar el tráfico Web.
• Personalizar las páginas de error.
• Restringir el acceso a determinados archivos.
• Impedir el acceso a determinadas IPs o rangos de IP.

En el apartado de comunicaciones seguras de este mismo tema lo veremos con más detenimiento.

2) Ampliación de funcionalidades: relacionado con las llamadas a otros módulos y archivos de configuración. Todas las directivas relacionadas con este punto vendrán precedidas por la palabra “Include”.

Si aún no te has hecho una idea mental de cómo esta conformado el servidor Apache, la siguiente imagen te ayudará.

Hasta ahora has aprendido que el archivo de configuración principal de Apache 2 se llama “apache2.conf” y se encuentra en el directorio “/etc/apache2”. Ya sabes como indicar el nombre del servidor, que el usuario y grupo con el que se ejecuta el servidor Apache se llama www-data, y que se cargarán todos los módulos que se encuentren almacenados en los directorios de configuración “mods-enabled” y “sites-enabled”.