Como funcionan las paginas de internet

las aplicaciones web son parte fundamental en el desarrollo de sistemas. Muchas personas utilizan Internet para acceder a todo tipo de recursos y las compañías publicas y privadas ofrecen todo tipo de servicios y productos, no tener una sitio web en la actualidad equivale a no existir. Es indispensable que todo programador tenga solidas bases en el desarrollo de este tipo de aplicaciones. La figura 1 muestra un  esquema básico de el modelo de comunicación que existe en una Intranet y la salida a Internet a través de un router. La nube como es llamada comúnmente esta formada por un conjunto de servidores al rededor del mundo conectados entre si y que proveen un servicio, sea una pagina web, acceso a una base de datos, acceso a archivos, etc. Es por medio de esta red que cualquier persona puede ingresar a su navegador y ingresar a una pagina web.

Figura 1. Intranet - Internet

Para montar una pagina en Internet necesitamos un servidor, una maquina que tenga asignada una IP publica desde la cual podamos instalar el servicio web (software comúnmente llamado servidor web) que aloje nuestra pagina y permita despegarla, este seria nuestro hosting. Ademas es necesario tener un dominio, que es el nombre con el cual se ingresara a la pagina, por ejemplo www.google.com. En la actualidad hay muchas empresas que ofrecen este servicio, tanto de hosting como de dominio, puedes adquirir lo uno o lo otro con diferentes empresas, incluso puedes tener tu propio hosting y redireccionar tu dominio para que apunte a la IP de tu servidor.

Como desarrolladores es de nuestro interés aprender a crear sitios web y desplegarlos en un servidor. Dependiendo del tipo de sitio que se desea construir y de las necesidades del cliente se emplean diferentes tecnologías. Para empezar a desarrollar y aprender un poco debes empezar por estudiar HTML5, que es la base de con lo que están construidas las paginas, se trata de un lenguaje marcado donde esta el contenido de tu pagina, este lenguaje es interpretado por el navegador y desplegado de forma sencilla y amigable para el usuario, como complemento a esto se usa JAVASCRIPT un lenguaje de programación con el cual se pueden programar comportamientos de la vista del cliente, el diseño de la vista (como se ve la pagina) se realiza mediante el uso de estilos los cuales manejan un formato llamado CSS. En el lado del servidor también podemos programar para esto se utilizan varios lenguajes como ASP, JSP, PHP, entre otros. El mas usado es PHP, con este lenguaje podemos programar comportamientos y ejecutar funciones antes de que se muestre la pagina al cliente, también se usa para hacer peticiones al servidor. También es necesario en la gran mayoría de casos utilizar bases de datos, en esta rama encontramos varios motores de bases de datos como SQLServer, MySQL, PosgrestSQL, ORACLE, etc. Siendo uno de los mas usados MySQL. En la Figura 2 podemos ver un esquema que muestra el tipo de tecnologías usadas en cada nodo de la red.

Figura 2. Tecnologías en el lado cliente y en el lado servidor.

A continuación  les listare una serie de herramientas necesarias para empezar a programar nuestra pagina web, usando las tecnologias de PHP, MySQL y HTML:

Software necesario para desplegar paginas web

• Instalar el servidor Apache, este servidor nos permitirá desplegar las paginas que desarrollemos.
• Instalar una base de datos, la mas usada para desarrollos web es MySQL
• Instalar phpMyAdmin para la administración de base de datos
• Instalar un IDE para programar nuestras paginas, les recomiendo NetBeands, pero podéis usar cualquier editor de texto

También pueden instalar un AllInOne (Xampp) con todos los programas necesarios (excepto el IDE).

Ahora que tienes las herramientas es necesario que aprendas a utilizarlas, te recomiendo empieces a aprender HTML, PHP, SQL, JAVASCRIPT y CSS. Les recomiendo esta pagina: http://www.w3schools.com/ donde se trabajan estos temas en gran profundidad.

En este post les enseñare a hacer un CRUD (Create, Read, Update and Delete) usando HTML, PHP y MYSQL.