El Desarrollo Web
El desarrollo Web es un término muy general que consiste en combinar tecnologías Web cliente-servidor, con accesos a recursos y servicios como base de datos, correo electrónico, aplicaciones y otros. Así lo afirma Wikipedia (2008) donde se puede encontrar que el “Desarrollo Web es un título algo arbitrario para el conjunto de tecnologías de software del lado del servidor y del cliente que involucran una combinación de procesos de base de datos con el uso de un navegador en Internet a fin de realizar determinadas tareas o mostrar información.” [1]
Cuando se desarrolla software convencionalmente (para escritorio), generalmente se usa lenguajes compilados como: C, C++, Delphi; lenguajes pre-compilados, como por ejemplo: .NET ó Java; o lenguajes interpretados como Python. La mayoría de éstos lenguajes, son dependientes de la plataforma donde se compilaron (Unix, Linux, Win32, Mac), y por lo tanto, hay que realizar un esfuerzo adicional o múltiples compilaciones del software para que puedan existir varias versiones para cada plataforma.
Esos problemas de “encasillamiento” en una plataforma determinada se pueden corregir con la utilización del “Desarrollo Web”. Ya que a través de la versatilidad de un navegador Web se pueden acceder a las diferentes tecnologías y servicios de forma transparente, ofreciendo accesibilidad y a la vez (dependiendo de la plataforma Web seleccionada) robustez y rapidez.
Como se puede evidenciar con lo anteriormente expuesto, el Desarrollo Web, no sólo sirve para crear Sitios Web personales o corporativos, sino también va más allá, porque se puede apoyar en ella para crear aplicaciones y sistemas informáticos complejos y funcionales para una organización, reemplazando los tradicionales sistemas de escritorio.
El trabajo de “Desarrollo Web”, lógicamente lo realiza un Desarrollador, quien es el que se encarga de la funcionalidad del software a crear. La tarea del Diseñador Web, es crear una interfaces gráficas para el usuario final, y finalmente el Webmaster, integra las dos partes.
Scripts del lado del Servidor
Cuando se describen los procesos del “Desarrollo Web”, surgen varios mecanismos que son los que dan vida a tal uso de la tecnología. Para dar funcionalidad de software o aplicación a un desarrollo Web, tiene que existir una especie de interprete para un lenguaje en particular; de esta forma se logra el dinamismo e interacción que requiere todo software.
Así se afirma en Wikipedia (2008), donde se puede encontrar que:
(...)
Los primeros servidores Web permitían visualizar exclusivamente información estática (páginas vidriera). Esto representó bien pronto una limitación; sobre todo desde el momento en el que la actividad publicitaria y comercial comenzó a concentrarse también en la red Internet.
La primera solución técnica realizada fue la posibilidad que el servidor Web lanzar programas residentes en la máquina de servicio. Esta tecnología, conocida como Common Gateway Interface (CGI) permite al servidor Web lanzar programas escritos principalmente en C o en Perl. Si bien la tecnología CGI resolvía el problema de la presentación exclusivamente estática de la información, al mismo tiempo presentaba dos limitaciones importantes: una era el problema de seguridad que podía representar el hecho que mediante la llamada a una página se pueda ejecutar programas indeseados en el servidor, la segunda era de carga del servidor (si una misma página que lanzaba un programa era llamada desde 100 clientes concurrentemente, en el servidor se ejecutaban 100 procesos, uno por cada cliente que solicitaba esa página).
Para resolver estos problemas, se buscó desarrollar una tecnología que permitiera ejecutar, en un único proceso del servidor, todos los pedidos de ejecución de código del servidor Web sin importar la cantidad de clientes que se conectaban concurrentemente. Esta solución, denominada servlet en tecnología Java o filtro ISAPI en tecnología Microsoft, permite el poder ejecutar código en un único proceso externo que gestiona todas las llamadas realizadas por el servidor Web, impidiendo al mismo tiempo que el servidor Web pueda llamar a ejecutar programas del sistema operativo.
No obstante de este modo se limitan los problemas de prestación y seguridad de la tecnología CGI, no se resuelve el problema representado por un desarrollo demasiado costoso en términos de tiempo. Asimismo, hace necesario que dos figuras profesionales bien distintas trabajen en un único proyecto: el programador (que conoce bien el lenguaje de programación del lado del servidor utilizado) y el graficador Web (que conoce bien gráfica y lenguaje HTML pero no el lenguaje de programación del lado del servidor). Para resolver estas limitaciones, fueron desarrollados lenguajes que pueden ser incluidos al interno de archivos HTML. Estos comandos pueden ser interpretados (como por ejemplo las páginas ASP o PHP) o pre-compilados (como en las páginas JSP o ASP.NET). Asimismo, con la utilización de esta tecnología se buscaba desarrollar aptitudes de gráfico Web en los programadores y de programador en los gráficos Web (se esperaba con ello el hacer más fácil y veloz el desarrollo de script del lado del servidor).
La unificación de tareas, que inicialmente parecía una ventaja para el desarrollo de páginas Web, se convirtió en realidad en una fuerte limitación para el desarrollo de aplicaciones Web. Las últimas tendencias ven el desarrollo de framework en el servidor, solución que obliga a separar nuevamente el trabajo realizado por el gráfico Web y el programador. (...)[2]
A continuación en la figura 1, se muestra un esquema general, que trata de explicar de forma visual la interacción: Cliente – Servidor, como parte fundamental del Desarrollo Web:
Figura 1. Esquema general Interacción Cliente-servidor en Peticiones Web.
Fuente: Elaboración propia (2008).
El buen desarrollo web
Según Muller (2002), “El desarrollo de sitios Web se basa en el lenguaje Html (HyperText Markup Languaje), todos los sitios Web contienen este lenguaje. Hasta los sitios Web programados con otras tecnologías (como ASP, PHP, etc.) que devuelven al navegador código html puro, para que este lo interprete y lo muestre al usuario.”[3]
Existe dos formas de realizar un sitio Web (Muller, 2002):Utilizar un editor visual
Los editores visuales, como Frontpage o Dreamweaver, harán mucho más fácil el diseño del sitio, ya que, si bien podemos ver y editar el código html, también se puede ver y editar en forma visual. En otras palabras: un editor visual nos permite realizar la página tal como la veremos en el navegador.
Escribir el código Html
Se puede realizar sitios con el Bloc de Notas incluido en Windows, escribiendo todo en lenguaje html. Esta forma la utilizan los más avanzados, ya que es mucho más factible que funcione de manera correcta. Los editores visuales a veces pueden "modificar" parte del código, o agregar elementos que funcionan solo en algunos navegadores. Igualmente, existes editores html que permite escribir el código de una manera más fácil y cómoda. [3]
Nieto (2006), en su blog personal nos describe 5 consejos prácticos que pueden ser usados para un buen desarrollo Web: Uso de estándares, Diseña para tus visitantes, No abuses de los recursos externos, Usa javascript efectivamente pero prudentemente, Pide ayuda. [4]
A continuación, se va a tratar de explicar algunos de los consejos y reglas anteriores:Uso de estándares
El usar estándares asegura la accesibilidad y la compatibilidad con los diferentes navegadores en el mercado, logrando un mayor alcance entre los diferentes tipos de público y usuarios para tu sitio. A su vez, proporciona solidez y mejor aprovechamiento de los recursos tecnológicos Web.
En un sentido más amplio, Bellido (2004), define los estándares Web como: “... son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web. Son un conjunto de tecnologías orientadas a brindar beneficios a la mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado en el Web. El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.”[5]Diseña para los visitantes
Cuando se desarrolla una aplicación, se debe tener un objetivo establecido, y en particular, debe ofrecer una solución que satisfaga una necesidad.
Muchos de los principales objetivos de los sitios Web, es alcanzar al máximo público y usuarios posibles. Pero también hay sitios Web que van dirigidos a un sector específico, y para este caso hay que tomar en cuenta dicho tipo de usuario.No abusar de los recursos externos
Esto básicamente consiste en optimizar el uso de recursos como imágenes, audio, contenido multimedia, scripts, que afecta seriamente el tamaño en Bytes del sitio Web.
Así lo afirma Dehaes (2001): “El peso de una página no solamente engloba el archivo html visible, sino también, todos los objetos que forman parte de él, como ser imágenes, aplets, hojas de estilo, etc. Si tenemos en cuenta que en Internet este factor esta asociado al tiempo de respuesta según la conexión del usuario, significa que el tiempo de descarga de la página aumenta aún más.” [6]
Más adelante el mismo autor indica como se puede reducir el peso en los sitios Web, para ello se debe:- Minimizar el uso de imágenes cuando no sea necesario.
- Optimizar al máximo las imágenes a utilizar.
- Utilizar hojas de estilo para disminuir el código html destinado al formato y controlar este último de forma eficiente.
- Utilizar celdas coloreadas, cambios de tipografías y otras variantes para diseñar creativamente. (Dehaes, 2001) [6]