Programación Web

Lenguajes de Programación > Programación Web

La programación Web, parte de las siglas WWW, que significan World Wide Web o telaraña mundial.

Para realizar una pagina con la programación Web, se deben tener claros, tres conceptos fundamentales los cuales son, el URL(Uniform Resource Locators), es un sistema con el cual se localiza un recurso dentro de la red, este recurso puede ser una pagina web, un servicio o cualquier otra cosa. En resumen el URL no es más que un nombre, que identifica una computadora, dentro de esa comutadora un archivo que indica el camino al recusrso que se solicita.

El siguiente concepto dentro de la programación Web, es el protocolo encargado de llevar la información que contiene una pagina Web por toda la red de internet, como es el HTTP(Hypertext Transfer Protocol).

Y por ultimo el lenguaje necesario cuya funcionalidad es la de representar cualquier clase de información que se encuentre almacenada en una pagina Web, este lenguaje es el HTML(Hypertext Markup Language).

En la programación Web, el HTML es el lenguaje que permite codificar o preparar documentos de hipertexto, que viene a ser el lenguaje comun para la construccion de una pagina Web.

Con el comienzo de Internet y la programación web , se desfasaron los diseños gráficos tradicionales, con lo que se empezaron a diseñar interfaces concretas para este medio, buscando ficheros pequeños para facilitar la carga de los mismos. La programación web se orientaba a un diseño muy cargado y interactuando con el usuario, mientras que al empezar a competir con millones de webs se ha optado más por el diseño sencillo y de fácil comprensión.

En programación web se creó la necesidad de conocer a fondo diferentes lenguajes de programación como HTML, JavaScript y DHTML. 

Con esto se creó un nuevo profesional de la informática, el diseñador web, experto en estos menesteres, que viene siendo algo así como un experto en programación web, a caballo entre el diseñador gráfico tradicional y el programador de aplicaciones llevadas a Internet.

Programación Web desde 1997

Nuestra empresa ha desarrollado infinidad de aplicaciones para Internet, empezamos haciendo catálogos de productos, presentando la información desde bases de datos, cuando todas las webs nuevas que aparecían en 1997 eran estáticas; continuamos incorporando al catálogo una cesta de la compra y un tpv virtual para los pagos, años después a esto lo llamaron 
e-commerce. 

En 1998 creamos www.tiendanet.com, un portal de comercio electrónico. Originalmente desde esa web podías crear una tienda virtual completa mediante el navegador web. Para más información vea iword 4/1/1998.

Internet y en particular la web es un entorno donde la programación marca la diferencia, al integrar los sistemas de la empresa con el entorno web. Muchas empresas venden un diseño espectacular y punto pero para que una Web sea operativa no se puede supeditar todo al diseño sino que hay que integrarlo con la usabilidad web y la presencia en buscadores para obtener unos resultados óptimos. 

Desde entonces hemos desarrollado cientos de aplicativos web (programación web) de todo tipo:

• Consultas de catálogo de productos web 
• Sistemas de reserva web.
• Tiendas virtuales
• Sistemas de pago online con todos los tpv
• Aplicaciones comerciales web 
• Sistemas de control y ayuda a comerciales web 
• Planificadores de rutas web 
• etc

Cualquier tipo de aplicación que Usted pueda imaginar en su ordenador nosotros podemos desarrollarla en entorno Web.

En INTERDIGITAL, basándonos en herramientas de desarrollo estándar, no en programas para hacer “aplicaciones estándar”, construimos, de una forma organizada y modular, todo el entramado necesario para llevar a buen término el proyecto programando a medida, allí donde no llegan los módulos existentes.

En la programación a medida de INTERDIGITAL participan muchas veces módulos opensource. Con la experiencia de haber solucionado muchos proyectos tecnológicos, hemos adaptado y desarrollado sobre módulos de programación que nos permiten entregar productos de forma más rápida y fiables, tenemos ya muchos módulos instalados y funcionando correctamente, reduciendo el precio de la programación a medida. La combinación de dicha programación a medida con las tecnologías opensource es uno de los pilares que diferencian la calidad que puede ofrecer nuestra compañía.

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).

Sintaxis:

<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>
<body>
( Cuerpo )
</body>
</html>

<b>  </b> Negrita
<p>  </p> Definir parrafo
<etiqueta> Apertura de la etiqueta
</etiqueta> Cierre de la etiqueta

Ventajas:

• Sencillo que permite describir hipertexto.
• Texto presentado de forma estructurada y agradable.
• No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
• Archivos pequeños.
• Despliegue rápido.
• Lenguaje de fácil aprendizaje.
• Lo admiten todos los exploradores.

Desventajas:

• Lenguaje estático.
• La interpretación de cada navegador puede ser diferente.
• Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
• El diseño es más lento.
• Las etiquetas son muy limitadas.

Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.

El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominadoDOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

Sintaxis:

<script type="text/javascript"> ... </script>

Ventajas:

• Lenguaje de scripting seguro y fiable.
• Los script tienen capacidades limitadas, por razones de seguridad.
• El código Javascript se ejecuta en el cliente.

Desventajas:

• Código visible por cualquier usuario.
• El código debe descargarse completamente.
• Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS).

Lenguaje PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión(php).

Sintaxis:

La sintaxis utilizada para incorporar código PHP es la siguiente:
<?
$mensaje = “Hola”;
echo $mensaje;
?>

También puede usarse:

<?php
$mensaje = “Hola”;
echo $mensaje;
?>

Ventajas:

• Muy fácil de aprender.
• Se caracteriza por ser un lenguaje muy rápido.
• Soporta en cierta medida la orientación a objeto. Clases y herencia.
• Es un lenguaje multiplataforma: Linux, Windows, entre otros.
• Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
• Capacidad de expandir su potencial utilizando módulos.
• Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones.
• Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
• Incluye gran cantidad de funciones.
• No requiere definición de tipos de variables ni manejo detallado del bajo nivel.

Desventajas:

• Se necesita instalar un servidor web.
• Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más ineficiente a medida que las solicitudes aumenten de número.
• La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP.
• La programación orientada a objetos es aún muy deficiente para aplicaciones grandes.
• Dificulta la modularización.
• Dificulta la organización por capas de la aplicación.

Seguridad:

PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza.

PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación.

Lenguaje ASP

Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).

Sintaxis:

<%  %>

Ventajas:

• Usa Visual Basic Script, siendo fácil para los usuarios.
• Comunicación óptima con SQL Server.
• Soporta el lenguaje JScript (Javascript de Microsoft).

Desventajas:

• Código desorganizado.
• Se necesita escribir mucho código para realizar funciones sencillas.
• Tecnología propietaria.
• Hospedaje de sitios web costosos.

Lenguaje ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.

El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.

Sintaxis:

Ventajas:

• Completamente orientado a objetos.
• Controles de usuario y personalizados.
• División entre la capa de aplicación o diseño y el código.
• Facilita el mantenimiento de grandes aplicaciones.
• Incremento de velocidad de respuesta del servidor.
• Mayor velocidad.
• Mayor seguridad.

Desventajas:

• Mayor consumo de recursos.

Lenguaje JSP

Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor.

JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.

Sintaxis:

<%= new java.util.Date() %>

Características:

• Código separado de la lógica del programa.
• Las páginas son compiladas en la primera petición.
• Permite separar la parte dinámica de la estática en las páginas web.
• Los archivos se encuentran con la extensión (jsp).
• El código JSP puede ser incrustado en código HTML.

Elementos de JSP

Los elementos que pueden ser insertados en las páginas JSP son los siguientes:

• Código: se puede incrustar código “Java”.
• Directivas: permite controlar parámetros del servlet.
• Acciones: permite alterar el flujo normal de ejecución de una página.

Ventajas:

• Ejecución rápida del servlets.
• Crear páginas del lado del servidor.
• Multiplataforma.
• Código bien estructurado.
• Integridad con los módulos de Java.
• La parte dinámica está escrita en Java.
• Permite la utilización se servlets.

Desventajas:

• Complejidad de aprendizaje.

Lenguaje Python

Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.

Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:

• Programación orientada a objetos.
• Programación estructurada.
• Programación funcional.
• Programación orientada a aspectos.

Sintaxis:

Ejemplo de una clase en Phyton:

def dibujar_muneco(opcion):
    if opcion == 1:
        C.create_line(580, 150, 580, 320, width=4, fill="blue")
        C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff')

Ventajas:

• Libre y fuente abierta.
• Lenguaje de propósito general.
• Gran cantidad de funciones y librerías.
• Sencillo y rápido de programar.
• Multiplataforma.
• Licencia de código abierto (Opensource).
• Orientado a Objetos.
• Portable.

Desventajas:

• Lentitud por ser un lenguaje interpretado.

Lenguaje Ruby

Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource).

Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.

Sintaxis:

puts "hola"

Características:

• Existe diferencia entre mayúsculas y minúsculas.
• Múltiples expresiones por líneas, separadas por punto y coma “;”.
• Dispone de manejo de excepciones.
• Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo permite.
• Portátil.

Ventajas:

• Permite desarrollar soluciones a bajo Costo.
• Software libre.
• Multiplataforma.