conceptos básicos y definiciones fundamentales

Arquitectura Web

La arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos.

En relación con la World Wide Web, el Information Architecture Institute define la Arquitectura de la Información como:

  1. El diseño estructural en entornos de información compartida.

 2. El arte y la ciencia de organizar y rotular sitios web, intranets, comunidades en línea y software para promover la usabilidad y la ubicabilidad (la característica de ser encontrado a través de las búsquedas en Internet).

 3. Una comunidad emergente orientada a aplicar al entorno digital los principios del diseño y la arquitectura.

La Arquitectura de la Información trata indistintamente del diseño de: sitios web, interfaces de dispositivos móviles o gadgets (como los lectores de mp3), CD interactivos, videoclips digitales, relojes, tableros de instrumentos de aviones de combate o civiles, interfaces de máquinas dispensadoras, interfaces de juegos electrónicos, etc. (Laverde, A. 2005)

Su principal objetivo es facilitar al máximo los procesos de comprensión y asimilación de la información, así como las tareas que ejecutan los usuarios en un espacio de información definido.

Lenguaje

Debemos empezar aprendiendo qué es la web y las características de este medio de comunicación. Aprenderemos también qué es HTML, el lenguaje hipertexto con el que están construidas todas las páginas web. Asimismo, introduciremos un concepto básico para poder clasificar los distintos lenguajes disponibles, el de páginas dinámicas. 

2.- Introducción a la web

Vemos una introducción al medio donde se encajan los lenguajes que vamos a tratar: la web.

3.- Lenguaje HTML

Explicamos el lenguaje sobre el que se basa la creación web y vemos algún ejemplo para ilustrarlo.

4.- Páginas estáticas Vs. dinámicas

Vemos rápidamente los conceptos de páginas estáticas y dinámicas. Además contrastamos los dos conceptos para que quede clara esta división. Páginas dinámicas Qué son las páginas dinámicas, esenciales para la creación de lo que se denominan las aplicaciones web, y los distintos tipos de programación para producirlas, de cliente y de servidor.   

5.- Páginas dinámicas

Explicamos detenidamente el concepto de página dinámica y planteamos ejemplos donde se utilizan habitualmente.

6.- Páginas dinámicas de cliente

Conocemos el primer tipo de páginas dinámicas: Las del lado del cliente, es decir, las que se ejecutan en el navegador del usuario.

7.- Páginas dinámicas de servidor

El segundo tipo de páginas dinámicas, las que se ejecutan en el servidor: Las páginas dinámicas del lado del servidor.

8.- Qué es Visual Basic Script

Explicamos el lenguaje de scripts de Microsoft para la creación de páginas web. Lo enfocamos a su parte en el cliente y diferenciamos con su faceta de servidor en páginas ASP.

9.- DHTML (HTML Dinámico)

Una aproximación al DHTML, HTML Dinámico en español, que englobamos dentro de las tecnologías del cliente, aunque podría incluirse en algún caso también al servidor.

10.- Qué es CSS

Comentamos brevemente que son las hojas de estilo en cascada y explicamos una serie de efectos rápidos e interesantes que se pueden hacer con ellas.

11.- Qué son los Applets de Java

Una manera de incluir programas complejos en el ámbito de una página web. Estos applets se programan en Java y por tanto se benefician de la potencia de este lenguaje para la Red. Lenguajes web de servidor Son los lenguajes que se procesan en el lado del servidor y que generan la página antes de enviarla al cliente. Veremos una lista de los lenguajes de servidor más populares.  

12.- Qué es CGI

Una breve introducción a CGI, con apuntes sobre la metodología de trabajo y desventajas frente a otras tecnologías del servidor.

13.- Qué es Perl

Documento introductorio al lenguaje Perl.

14.- Qué es ASP

Es el lenguaje de scripting del lado del servidor creado por Microsoft.

15.- Qué es PHP

Es un lenguaje para programar scripts del lado del servidor, que se incrustan dentro del código HTML. Este lenguaje es gratuito y multiplataforma.

16.- Qué es JSP

La tecnología Java para la creación de páginas web con programación en el servidor.

17.- ¿Aprender PHP como primer lenguaje de programación? + Instalación PHP

Resumen y vídeo de un evento dedicado a los no-programadores para aprender PHP como primer lenguaje de programación e indicaciones para instalar PHP fácilmente.

18.- Comparando JSP con ASP

Un artículo que apunta las principales diferencias entre las tecnologías JSP y ASP. Hace especial énfasis en las ventajas que se encuentran en el sistema Java frente al Microsoft. Lenguajes de intercambio de información Existen lenguajes que no sirven específicamente para programación como Javascript o PHP, ni marcación como HTML o estilos como CSS y sin embargo forman parte del corazón de muchas webs avanzadas. Son los lenguajes de intercambio de información que nos sirven para compartir datos entre distintos sistemas, usando ficheros de texto plano y una sintaxis común y compatible con una gama de lenguajes de programación, sistemas operativos, etc.

19.- Qué es XML

Vemos muy rápidamente lo que es el mundo XML y algunos destellos de sus posibilidades.

20.- Vídeo: Qué es JSON

Un vídeo que explica qué es JSON, el formato ligero para intercambio de datos, con notación de objeto Javascript.

21.- Ventajas e inconvenientes de API REST para el desarrollo

Estudio sobre las ventajas y desventajas del desarrollo de sitios web y aplicaciones de todo tipo usando una API REST como modelo de comunicación entre el frontend y el backend.