introducción a las tecnologías web

17
- David Cárdenas Patiño 0 Introducción a las Tecnologías Web Universidad Tecnológica del Norte de Guanajuato Área: Tecnologías de la Información y Comunicación Profesor: M.T.I María Teresa Díaz Robledo Grupo: GITI4101 Autor: David Cárdenas Patiño No. Control: 1210100298 06/Septiembre/2013

Upload: david-cardenas

Post on 27-Oct-2015

15 views

Category:

Documents


2 download

TRANSCRIPT

- David Cárdenas Patiño

0

Introducción a las Tecnologías Web

Universidad Tecnológica del Norte de Guanajuato

Área: Tecnologías de la

Información y Comunicación

Profesor: M.T.I María Teresa

Díaz Robledo

Grupo: GITI4101

Autor: David Cárdenas Patiño

No. Control: 1210100298

06/Septiembre/2013

- David Cárdenas Patiño

1

Introducción a las tecnologías Web

ÍNDICE

INTRODUCCIÓN .............................................................................................................................. 2

MARCO TEÓRICO ........................................................................................................................... 3

INTERNET .................................................................................................................................... 3

ISP Y NSP .................................................................................................................................... 3

PROTOCOLOS DE INTERNET .................................................................................................... 4

TCP/IP .......................................................................................................................................... 5

NOMBRES DE DOMINIO .............................................................................................................. 5

FIREWALL .................................................................................................................................... 6

SERVIDOR WEB .......................................................................................................................... 6

APLICACIÓN WEB ....................................................................................................................... 7

PHP .............................................................................................................................................. 7

ASP (ACTIVE SERVER PAGES) .................................................................................................. 8

JSP (JAVA SERVER PAGES) ...................................................................................................... 8

PERL............................................................................................................................................. 9

VBSCRIPT (VISUAL BASIC SCRIPTING) .................................................................................... 9

JAVASCRIPT .............................................................................................................................. 10

DESARROLLO ............................................................................................................................... 10

MAPA CONCEPTUAL ................................................................................................................. 11

CUADRO COMPARATIVO ......................................................................................................... 12

Servidor HTTP Apache, (XAMPP). ................................................................................... 13

•Imperativo y estructurado ....................................................................................................... 15

•Dinámico ................................................................................................................................ 15

- David Cárdenas Patiño

2

•Funcional. ............................................................................................................................... 15

• Prototípico. ............................................................................................................................ 15

CONCLUSIÓN ................................................................................................................................ 16

BIBLIOGRAFÍA ............................................................................................................................... 16

INTRODUCCIÓN

Las tecnologías actuales son cada vez más sofisticadas, la globalización ha orillado a las industrias

a innovar cada día los servicios y productos que desarrollan. Las comunicaciones vía Internet nos

permiten estar comunicados todo el tiempo si así lo deseamos; es imprescindible el desarrollo que

se tiene en cuanto a avances tecnológicos y más aún, es sorprendente el futuro que se piensa

alcanzar.

La web es la manera más sofisticada de ofrecer información, la forma más potente para tener acceso

a la inmensa cantidad de información de Internet. En el presente documento se presentarán los

principales conceptos relacionados con las Tecnologías Web y sus relaciones entre sí. Además se

analizarán y compararan diferentes tipos de tecnologías de desarrollo, sus características, los

entornos en los que se desempeñan, la compatibilidad que tienen con servidores Web y aplicaciones

de desarrollo de software (ID’s), así como el nivel de facilidad que poseen para ser aprendidas, entre

otras cosas.

Mediante las Tecnologías Web podemos encontrar soluciones y servicios que nos permiten crear,

asesorar y consolidar proyectos de manera inteligente elaborando sitios, blogs, comercio electrónico

y un sinfín de herramientas más.

- David Cárdenas Patiño

3

MARCO TEÓRICO

INTERNET

Es una red global y pública que provee conectividad a través de una red LAN y un ISP.

ISP Y NSP

Un Network Service Providers (NSP) controla los backbones mientras que un Internet Service

Providers (ISP) provee de internet a las subredes.

Figura 1 Ejemplificación de la red de Internet

- David Cárdenas Patiño

4

PROTOCOLOS DE INTERNET

Son las reglas que rigen la forma en que se comunican dos equipos en una red. Sus características

son:

Interpolaridad: Soportan software y hardware de diferentes tipos

Trabajo en niveles: Son jerárquicos

Simplicidad: Cada nivel provee ciertas funciones y operaciones

End to End: Se interpretan datos en el nivel aplicación y no en el nivel de red

Figura 2 Relación entre ISP’s, NSP’s y LAN’s

- David Cárdenas Patiño

5

TCP/IP

Es un protocolo de internet estructurado de la siguiente manera:

NOMBRES DE DOMINIO

Identifican a computadoras específicas sobre internet mediante un URL (Uniform Resource

Locators).

Figura 4 Estructura de TCP/IP

Figura 3 Ejemplos de protocolos

- David Cárdenas Patiño

6

FIREWALL

Software y hardware que permite el acceso a una red protegiendo solo a usuarios con características

específicas. Controla el tráfico entre redes internas y externas.

SERVIDOR WEB

Es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de

peticiones de ejecución que le hará un cliente o un usuario de Internet.

Figura 5 Asignación de nombres de

dominio

Figura 6 Firewall en una red

- David Cárdenas Patiño

7

APLICACIÓN WEB

Programa informático que es ejecutado en el entorno de un navegador. Es codificado para que ciertos

navegadores puedan ejecutarlo.

PHP

Es un lenguaje de programación del lado del servidor gratuito e independiente de plataforma, rápido,

con una gran librería de funciones y mucha documentación. Es muy eficiente, permite el acceso a

bases de datos usando productos como MySQL, y puede ser usado para crear páginas dinámicas

complejas.

Figura 7 Conjunto de servidores Web

Figura 8 Conjunto de aplicaciones Web

- David Cárdenas Patiño

8

ASP (ACTIVE SERVER PAGES)

Se utiliza para ejecutar acciones del lado del servidor. Forma en el servidor los resultados que luego

se mostrarán en las pantallas de cada cliente. Un ejemplo de esto son los buscadores, donde uno

realiza una petición de información y el servidor del buscador nos entrega un resultado dependiendo

de nuestra solicitud. Todo este procedimiento se realiza en el servidor y no en nuestra máquina. Las

páginas activas, o dinámicas, son especialmente útiles para mantener bases de datos, crear

buscadores dinámicos, hacer carritos de compras, y todo aquello que necesite una interacción del

navegante y el servidor para elaborar un resultado.

JSP (JAVA SERVER PAGES)

Es una tecnología para generar páginas web en el servidor, basado en scripts el cual es un programa

que puede acompañar a un documento de HTML o estar contenido en su interior, este programa se

ejecuta al cargarse el documento o cuando se activa algún enlace por parte de un usuario. JSP

hereda la portabilidad de Java, y es posible ejecutar las aplicaciones en múltiples plataformas sin

cambios.

Figura 9 Logo de PHP

Figura 10 Logo de ASP

- David Cárdenas Patiño

9

PERL

Es un acrónimo de Practical Extracting and Reporting Languaje, que viene a indicar que se trata de

un lenguaje de programación muy práctico para extraer información de archivos de texto y generar

informes a partir del contendido de los ficheros. Es principalmente usado para libros de visita,

formularios de consulta y otras tareas sencillas. La principal contra que posee es que, cada vez que

un proceso se desarrolla y el lenguaje es interpretado, el código es recompilado nuevamente cada

vez que se corre.

VBSCRIPT (VISUAL BASIC SCRIPTING)

Es una herramienta para los sitios que se destinan para ser mostrados en el navegador Microsoft

Internet Explorer. Fue desarrollado por Microsoft.

Figura 11 Logo de JSP

Figura 12 Logo de PERL

Figura 13 Logo de VBScript

- David Cárdenas Patiño

10

JAVASCRIPT

Este es un lenguaje que se interpreta y se ejecuta en el cliente. Es muy útil para realizar tareas en el

lado del cliente, como mover imágenes por la pantalla, crear menús de navegación interactivos,

utilizar algunos juegos, etc. En las páginas web suele preferirse JavaScript porque es aceptado por

muchos navegadores.

DESARROLLO

Las Tecnologías Web nos permiten adentrarnos en la gran red de internet, comunicarnos y conocer

todo tipo de información. A continuación se visualizan los conceptos básicos de la estructura de

internet y la relación que tiene el entorno web con la más grande red existente.

Figura 14 Logo de JavaScript

- David Cárdenas Patiño

11

MAPA CONCEPTUAL

Internet

Arquitectura

NSPs

ISPs

Firewalls

LANs

Servidores Web

Aplicaciones Web

Desarrolladas en ID's

Nombres de dominio (DNSs)

Protocolos

TCP/IP

Aplicación

Transporte

Internet

Acceso a la red

Figura 15 Principales elementos de

Internet y de las Tecnologías Web.

- David Cárdenas Patiño

12

CUADRO COMPARATIVO

En el presente cuadro comparativo se describen las principales tecnologías para desarrollo de aplicaciones Web. En él se pueden observar sus características, las plataformas en las que se pueden desempeñar cada una

de ellas, los entornos de desarrollo o ID’s en los que se pueden trabajar, los servidores en los cuales se pueden alojar las aplicaciones desarrolladas por dichos lenguajes y la complejidad que tienen para ser aprendidos.

LENGUAJE CARACTERÍSTICAS PLATAFORMAS EN QUE TRABAJA TIPO DE LICENCIA ID’s QUE LO SOPORTAN SERVIDOR COMPATIBLE CURVA DE APRENCIZAJE

PHP Embebido en Html.

•Multiplataforma.

•Fácil de usar.

•Licencia de Open source.

•Multitud de extensiones

•Velocidad e incorporación de objetos.

•Popularidad

•Gran comunidad de apoyo

Sistema Operativo: AIX, A/UX, BSDI, Digital

UNIX/Tru64, FreeBSD, HP-UX, ÍRIX, MacOS

X, gnuLinux, gnuLinEx, NetBSD, OpenBSD,

SCO UnixWare, Solaris, SunOS, Ultrix,

Xenix y muchos

más Windows 98/Me, Windows NT/ 2000/X

P/2003

Licencia Open Source Eclipse, Netbeans, Zend studio, Open

comodo Project

Servidores: Apache, fhttpd, Netsc

ape US, PWS, Netscape, Omni

PHP es un lenguaje muy fácil de aprender con respecto a

otros lenguajes utilizados para el mismo propósito, como

JAVA o ASP. La mayoría de sus funciones están disponibles

por defecto.

ASP.NET •Modelo de compilación y separación de

código e interfaz.

•Precompilación y despliegue de sitios

Web para obtener un máximo

rendimiento desde el primer momento.

•Soporte de sistemas de 64 bits.

•Acceso a datos, incluso en varias capas

SOA, sin necesidad de escribir código.

•Controles enlazados a datos de gran

potencia.

•Ejecución multiplataforma

•Integración de lenguajes

Windows Software Libre Visual Studio, Visual Basic .NET, C#,

Managed C++, Oberon, Component

Pascal, Eiffel, Smalltalk, Cobol, Fortran,

Scheme, Mercury, Mondrian/Haskell, Perl,

Python, SML.NET.

EJB (Entrerprise Java Beans), IIS Express,

Servidor de desarrollo de Visual Studio, IIS.

Es necesario tener conocimientos de HTTP, HTML y

JavaScript, lo que lo hace algo difícil de aprender.

- David Cárdenas Patiño

13

•Modelo de programación consistente

•Eliminación del "infierno de las DLLs"

•Gestión de memoria

•Seguridad de tipos

JSP • Son independientes del servidor

utilizado y de su sistema operativo.

• Los servlets pueden llamar a otros

servlets, e incluso a métodos concretos

de otros servlets (en la misma máquina o

en una máquina remota).

• Los servlets pueden obtener fácilmente

información acerca del.

• Permiten además la utilización de

cookies y sesiones, de forma que se

puede guardar información específica

acerca de un usuario determinado,

personalizando de esta forma la

interacción cliente/servidor

• Los servlets pueden actuar como

enlace entre el cliente y una o varias

bases de datos en arquitecturas cliente-

servidor.

• Pueden realizar tareas de proxy para un

applet.

• Permiten la generación dinámica de

código HTML, lo que se puede utilizar

para la creación de contadores, banners,

etc.

Basado en plataforma semidedicada Virtual Private

Server (VPS), UNIX, Windows

Software Libre Java beans JSP, Eclipse. Apache, Netscape, Microsoft IIS, Personal

Web Service, JSWDK, Macromedia JRun. Es lenguaje orientado a objetos lo que hace que sea más

compleja su utilización, además es más rígido el ambiente de

desarrollo.

PERL •Es fácil de usar, aunque es difícil de

aprender.

• Existen muy pocas cosas que no se

pueden hacer con este lenguaje, por lo

que se le puede considerar como un

lenguaje que no tiene fronteras.

•Es rápido de crear, ya que no posee

funciones que, aunque sean bastante

interesantes, hagan disminuir la

Windows, OS/2, Linux Software Libre Servidor HTTP Apache, (XAMPP). Presenta facilidades para el desarrollo de aplicaciones Web.

Es un lenguaje difícil de aprender pero fácil de utilizar.

- David Cárdenas Patiño

14

velocidad de desarrollo de una aplicación

del lenguaje.

• El lenguaje es feo, siendo esta una de

las principales razones para su difícil

aprendizaje, aunque esto se compensa

con el poder de alcance del lenguaje.

• Tiene características que soportan una

variedad de paradigmas de

programación, como la estructural,

funcional y la orientada a objetos.

• Tiene incorporado un poderoso sistema

de procesamiento de texto y una enorme

colección de módulos disponibles.

• Ofrece una ayuda en línea desde la

consola de comandos.

•Se ejecuta desde la línea de comandos

de una ventana del sistema operativo.

•Es un lenguaje case-sensitive, lo cual

hace referencia a la propiedad de un

texto para presentarse en mayúsculas o

en minúsculas.

VBSCRIPT •El código compilado se ejecuta muy

rápido, al no ser necesaria una

traducción cada vez.

•El código compilado no puede ser

"abierto" por otras personas. No es

necesario transmitir el código fuente.

•El código compilado puede estar,

íntegramente, incluido en un solo fichero.

•El código es cómodo para depurar, ya

que no es necesario volver a compilar

tras un cambio.

•No es necesario disponer de un

compilador, ya que el intérprete (que

forma parte del navegador) ejecuta el

script.

•El mantenimiento es fácil y rápido, por

parte del autor o de otro programador.

Windows Software Libre VB Script Editor, VB Script IDE VB Script 9, Stunnix, VB 6 Es muy fácil de usar y de aprender ya que no es muy

complejo, se facilita la programación de páginas.

- David Cárdenas Patiño

15

JAVASCRIPT •Imperativo y estructurado

•Dinámico

•Funcional.

• Prototípico.

• Entorno de ejecución.

Unix, Windows Software Libre NetBeans, IXEdit, Cloud91, Aptana Studio,

JetBrains.

Node.js, Apache, Es muy fácil de aprender para quien ya conoce lenguajes

similares como el C++ o Java, pero, dada su simplicidad

sintáctica y su manejabilidad, no es tampoco difícil para quien

se acerca por primera vez a este lenguaje.

Las tecnologías mencionadas son hoy en día herramientas esenciales en el ambiente web, gracias a ellas los contenidos, complementos y aplicaciones que encontramos en internet se nos dan a conocer y los podemos

utilizar de una manera mucho más eficiente e interactiva. La infinidad de aplicaciones que se pueden desarrollar son infinitas y sobretodo innovadoras, sin duda alguna son las grandes bases del futuro que se espera alcanzar

para los próximos años.

Tabla 1 Principales tecnologías para desarrollo de aplicaciones Web

- David Cárdenas Patiño

16

CONCLUSIÓN

A lo largo del tiempo, las tecnologías web han evolucionado hasta permitir que los desarrolladores

puedan crear nuevas e increíbles experiencias web. La Web de hoy es un universo de aplicaciones y

páginas web interconectadas, llenas de vídeos, fotos y contenido interactivo.

En la actualidad, es cada vez más común la aplicación de tecnologías Web en el desarrollo de

aplicaciones. Por su gran cantidad y diferente naturaleza, dichas tecnologías se pueden aplicar tanto

para compartir archivos en una intranet, como para desarrollar la interfaz de usuario de un sistema de

software. Las tecnologías emergentes brindan un sinfín de posibilidades aún por explorar y

explotar.

Las tecnologías como PHP, JavaScript o JSP han permitido desarrollar entornos Web que

nos ayudan a conocer y/o transmitir gran cantidad de información. Su uso se ha vuelto

indispensable para el desempeño de los ambientes Web, además de que sus funciones son

congruentes con diferentes tipos de plataformas y sobretodo tienen un nivel de aprendizaje

que nos permite conocerlas muy a detalle.

El desarrollo de este tipo de aplicaciones ha llevado al entorno Web a un nivel jamás visto,

en el que se pueden encontrar un sinfín de puntos, detalles y ejemplos relacionados con

temas de interés. Sin duda alguna, las Tecnologías Web han marcado la pauta para

adentrarse en el futuro tecnológico, que cada vez es más sorprendente y llamativo, y cabe

mencionar que lo seguirá haciendo. La innovación en este medio es un recurso que es más

indispensable día tras día.

BIBLIOGRAFÍA

Aguín, J. M. (2009). Tecnologías ASP.NET 4.0. España: Krasis.

Eguiluz, J. (2009). Introducción a JavaScript. Autoedición. Obtenido de http://librosweb.es/javascript/

Granado, L. M. (2011). Manual Imprescindible de PHP. España: Anaya. Obtenido de Scribd.

Yanirys Montes, Y. B. (2012). Tecnologías Web. Enciclopedia Virtual.