·

Php y JavaScript #01. Introducción a las páginas web

Internet proporciona un medio para el desarrollo empresarial, basado en lo que se conoce como comercio electrónico o e-commerce (electronic commerce en ingles) que consiste en la compra y venta de productos y/o servicios a través de medios electrónicos, pasando de ver la WWW (World Wide Web) como una especie de escaparate donde empresas y partículas anuncian lo que ofrecen accediendo así a millones de clientes.

Incluso existen empresas dedicadas exclusivamente a la compra/venta, las cuales no tienen ni situación física.

Desde que se puso de moda la utilización de Internet en casa de manera frecuente y debido a la comodidad que esto ofrece el cliente, cada vez es más fácil realizar trámites de esta manera, dando gran importancia a Internet.

Por tanto, y como respuesta a ello, la tecnología informática asociada a las páginas web se ha visto aumentada, aumentando no solo su contenido sino también sus formas de añadir interactividad y de crear aplicaciones.

Pero estas aplicaciones van más allá, ya que no solo las encontraremos en Internet sino que cada día son más utilizadas en las denominadas intranets empresariales que utilizan una red de ordenadores privados para compartir dentro de una organización parte de sus sistemas de información y sistemas operaciones.

En este curso utilizaremos tecnologías que nos permitirán desarrollar este tipo de aplicaciones.

Entorno Cliente/Servidor

Las páginas webs existen en un entorno cliente/servidor donde:

  1. El cliente se encarga de solicitar y mostrar al usuario las páginas webs
  2. El servidor, que las ofrece a los usuarios.

Programación del lado del cliente

La programación del lado del cliente es aquella ejecutada por la aplicación cliente, es decir principalmente por el navegador.

Una aplicación puede tener esta estructura, con objetivo de conseguir páginas interactivas, superando así las limitaciones de HTML.

Para ellos se utiliza lo que denominamos “Lenguajes de Guiones o de Script” como por ejemplo JavaScript cuyo principal objetivo es realizar diversas tareas como combinar componentes, interactuar con el sistema operativo o con el usuario.

Se dice que JavaScript es un lenguaje de guiones ya que escribiremos el código directamente en el fichero HTML, soliendo ser pequeños fragmentos de código junto al resto del código de la página web.

Algunos ejemplos de cosas que podemos hacer como JavaScript será:

  • Presentar un texto móvil en la barra de estado del navegador.
  • Obtener fecha y hora del ordenador del usuario.
  • Obtener información del navegador.
  • Modificar dinámicamente el tamaño de una imagen en una página web.
  • Validar entradas compradas por internet.
  • Etc.

Programación del lado del Servidor

Como ya hemos comentado, existe también lo que se llama programación del lado del servidor, en el cual nos encontraremos distintas tecnologías que nos permiten ejecutar aplicaciones en la parte servidora, es decir, en aquellos computadores donde están publicadas las páginas web.

A estos servidores se les denomina servidores web o servidores HTTP.

Y a las aplicaciones desarrolladas en la parte servidora se les conocen como aplicaciones web.

Este tipo de aplicaciones pueden ser de diversa naturaleza, como por ejemplo:

  • Aplicaciones para acceder a bases de datos.
  • Aplicaciones para acceder al sistema de ficheros.
  • Aplicaciones que proporcionan diversas páginas web dependiendo del usuario que las solicite.
  • Etc.

Para programar en estas aplicaciones necesitaremos conocer algunas tecnologías como por ejemplo:

  • Microsoft ASP (Active Server Pages).
  • ASP .NET.
  • PHP.
  • ColdFusion.
  • JSP.

Por tanto, llegará el momento en el que debamos decidirnos por una de estas tecnologías, pero hay que tener cuidado ya que de esto dependerá la base de datos utilizada, el servidor web y muchos otros factores. No todas las combinaciones son posibles.

¿Qué utilizaremos?

Para realizar este curso podremos utilizar varias herramientas, pero sobre todo recomendaremos dos.

Una más fácil de usar como Notepad++ en el cual podremos probar código simple y hacer los primeros ejercicios y algún IDE (Entorno de Desarrollo) como por ejemplo NetBeans o Eclipse para realizar proyectos más grandes y de mayor complejidad.

Hay que destacar que la programación web por parte del cliente puede resultar un poco más simple, por lo que podemos utilizar el Notepad++, pero en el lado del servidor (PHP, ASP .NET, Etc.) es recomendable usar el IDE o el entorno de programación.

¿Qué necesitas saber?

Hay que decir que este curso no es un curso de programación ni de diseño de páginas web por lo que vamos a dar algunas recomendaciones para poder seguir el curso con fluidez.

  1. Deberá conocer HTML para entender el código básico de las páginas web.

http://www-app.etsit.upm.es/~alvaro/manual/manual.html

  1. Deberá tener conocimientos de programación, aunque el curso recuerde los conceptos fundamentales.
  2. Deberá tener conocimientos de bases de datos. Conceptos como tabla, relación, consulta, SQL, deberán ser conocidos.

http://programacion.net/articulo/tutorial_basico_de_mysql_189

Nuestro primer ejemplo

En este primer ejemplo, vamos a hacer una simple aplicación la cual mostrará un mensaje de alerta en la pantalla y en la que el usuario al hacer clic se le descubrirá un mensaje.

<HTML>
	<HEAD>
		<TITLE>Ejemplo con eventos</TITLE>
	</HEAD>
	<BODY BGCOLOR=#FFFFFF><FORM NAME="Form1">
		<INPUT TYPE="button" NAME ="Button1" VALUE="Haz click aquí" onClick="alert ('¡Bienvenido a este curso!')">
		</FORM>
	</BODY>
</HTML>
  • Abra NotePad++
  • Inserte este código en NotePad++
  • Guarda el archivo con extensión .html ( Ej.: prueba1.html)
  • Clic en el menú Ejecutar, y seleccionar el navegador que utilices.

Como podremos ver, se ejecutará el código directamente en el navegador seleccionado, y veremos un botón que al hacer clic nos mostrará un mensaje de bienvenida.

Resumen

  • Internet proporciona un medio para el desarrollo empresarial, basado en lo que se conoce como comercio electrónico o e-comerce (electronic commerce en ingles) que consiste en la compra y venta de productos y/o servicios a través de medios electrónicos, pasando de ver la WWW (World Wide Web) como una especie de escaparate donde empresas y partículas anuncian lo que ofrecen accediendo así a millones de clientes.
  • Las páginas webs existen en un entorno cliente/servidor donde:
    • El cliente se encarga de solicitar y mostrar al usuario las páginas webs
    • El servidor, que las ofrece a los usuarios.
  • La programación del lado del cliente es aquella ejecutada por la aplicación cliente, es decir principalmente por el navegador.
  • Existe también lo que se llama programación del lado del servidor, en el cual nos encontraremos distintas tecnologías que nos permiten ejecutar aplicaciones en la parte servidora, es decir, en aquellos computadores donde están publicadas las páginas web. A estos servidores se les denomina servidores web o servidores HTTP.
  • Para realizar este curso podremos utilizar varias herramientas, pero sobre todo recomendaremos dos: Notepad++ y NetBeans.