SlideShare una empresa de Scribd logo
1 de 18
Descargar para leer sin conexión
CREIX AMB
 INTERNET




            Introducción a las
            herramientas para el
            desarrollo de proyectos Web
2




1. Herramientas de desarrollo Web.

1.1. Adobe Dreamweaver como editor de código Web.

Durante la década de 1990, Macromedia buscó la manera de expandir sus ofertas
de software más allá de su foco inicial en multimedia herramientas de autor.
Macromedia incursó en nuevos mercados, con modestos niveles de éxito, incluido
en el desarrollo de herramientas para edición de audio digital y el diseño de
tipografías.
En el año 1996, Macromedia se aventuró en el WYSIWYG (lo que ves es lo que
obtienes) dentro del mercado de la edición web, con la introducción de
Dreamweaver.
Dreamweaver supero sus expectativas con 60.000 descargas del software en las
primeras semanas de su lanzamiento y se convirtió rápidamente en el líder del
mercado en diseño de páginas web WYSIWYG.


La empresa Macromedia se formó con la fusión de tres pequeñas empresas de
software: Macromind, Paracomp, y Authorware ( Macromedia ). Macromind era
conocida por el programa de autoría multimedia Director, una aplicación
innovadora, en uso hoy en día. Muchos usuarios de Director creábamos renders 3D
y animaciones con Swivel3D, producto de la empresa Paracomp. Esas dos
empresas vieron una sinergia en sus productos y formaron Macromind-Paracomp
a finales de 1990. Poco después, Macromind- Paracomp se fusionó con
Authorware para formar Macromedia en el año 1991. Authorware lanzó una
herramienta de software muy similar a Director, pero dirigida hacia el desarrollo
de formación mediante ordenador. Lo que hoy conocemos como tecnología en las
aulas formativas.


En 1998, Macromedia presentó una suite de desarrollo web completo, que incluye
Flash, con el fin de crear animaciones de bajo ancho de banda, puesto que
Director no lo permite, y Fireworks para crear y optimizar gráficos.
3




El objetivo con su suite de herramientas de desarrollo web, fue la de integrar sus
productos con el flujo de trabajo actuales de sus clientes, nosotros los
desarrolladores multiplataforma. Esta suite la conocemos como Adobe Suite CS
( numerada ).


En el año 2005 Macromedia es absorbida por la empresa de software Adobe Inc.


1.2. Adobe Flash: crear proyectos multimedia o juegos on-line


Originalmente Flash no fue un desarrollo propio de Adobe, sino de una pequeña
empresa de desarrollo, FutureWave Software, y su nombre original fue
FutureSplash Animator. En diciembre de 1996, Macromedia adquiere FutureWave
Software y su programa de animación vectorial, que pasa a ser conocido como
Flash 1.0.
Hasta el año 2005 es desarrollado y mantenido por la empresa Macromedia
( Macromedia Flash ) y fue adquirido por Adobe Systems por las posibilidades y
ventajas que el lenguaje ActionScript presenta respecto a JavaScript en la
construcción y ejecución de macros y comandos en sus programas Adobe Reader,
Illustrator, o Photoshop.


Macromedia llevó la herramienta Flash más allá de ser una generadora de
animaciones simples, convirtiéndola en una herramienta de desarrollo completa,
centrada principalmente en elementos multimedia e interactivos para Internet.
Hoy Flash es una completa herramienta de desarrollo integrado que incluye:


   • Un editor de texto.
   • Un compilador.
   • Un intérprete ( Flash Player ).
   • Herramientas de automatización.
   • Un depurador.
   • La posibilidad de ofrecer un sistema de control de versiones.
4




   • La factibilidad para ayudar en la construcción de interfaces gráficas de
       usuario.


Macromedia HomeSite fue un programa o herramienta IDE que permitía
desarrollar páginas y proyectos web avanzadas, incluyendo lenguajes de alto nivel,
programación de servidor, y compilación; de manaera similar al SDK Eclipse u
Oracle NetBeans. Fue discontinuada su producción por Adobe en el año 2009.

1.3. Adobe Flash Builder: Crear aplicaciones web complejas (Rich Internet
Applications)

RIA
El término RIA lo “inventa” la empresa Macromedia en el año 2003, para referirse
a aplicaciones ricas en contenidos para web, las cuales se ejecutaban y distribuían
a través de la plataforma Flash. La experiencia en el mundo web de finales de
siglo, hacía imposible para un desarrollador el poder trabajar o presentar una
aplicación que se mostrara idénticamente en cualquier navegador, requiriendo
recursos y tiempo adicionales, inversiones enormes de tiempo y recursos, o que
pertenecían a otras plataformas de desarrollo orientadas a la gran empresa,
( SAS, Oracle ) requiriendo licencias específicas para cada plataforma,
encareciendo el precio de desarrollo e implementación del producto final,


Entre gigantes empresariales, Macromedia fue en aquel momento la empresa
“indie”, dirigida a un sector joven e innovador, ofreciendo soluciones para
desarrolladores, diseñadores, PYMES y particulares que veían el mundo web como
un sector exclusivo y de difícil acceso. Desarrollar con distintas plataformas como
Wintel o Macintosh era agradecido, por ejemplo, para el sector de la
comunicación y el diseño.
Gracias a la herramienta Macromedia Generator ( hoy integrada como Flex- Flash
Builder ), y su conjunto de componentes de servidor, pudieron crearse
plataformas empresariales , surgieron alternativas en open-source ( como Laszlo )
o se consolidó ampliamente a través de Macromedia ColdFusion.
5




Macromedia trataba de implementar en la red las posibilidades que ofrecía un
programa de autoría multimedia como Adobe Director, posibilidades poco livianas
debido al uso extensivo que el plugin Director ShockWave ( similar a Flash Player )
hacía de los recursos del ordenador.
El lenguaje ActionScript, un desarrollo avanzado del lenguaje JavaScript y , hasta
la fecha, el mejor intérprete - parseador de datos en formato XML, permitía
presentar en la web un conjunto de aplicaciones y soluciones empresariales.

Hay muchas herramientas para la creación de entornos RIA. Entre estas se puede
mencionar las plataformas Adobe Flash, Adobe Flash Builder y Adobe AIR,
OpenLaszlo, MS Silverlight u Oracle JavaFX, entre otras.
Toda las posibilidades que las herramientas Homesite, Generator y Director
ofrecían hasta el año 2001 fueron integradas en Macromedia Flash en el año
2003, y posteriormente han formado parte de la plataforma de desarrollo RIA
Flash Builder, anteriormente denominado Flex.
Ejemplos de aplicaciones basadas en RIA incluyen sistemas de reservas, compras
en línea o sitios de subastas, juegos, aplicaciones multimedia, calendarios,
mapas, aplicaciones de chat, documentos de oficina y aplicaciones de hoja de
cálculo,y la entrada de datos / sistemas de visualización.




2. La Web
2.1. Diferencias entre Web tradicional y Web para dispositivo movil

En ambos casos accedemos a los contenidos mediante una computadora de
sobremesa ( en el caso de la web tradiconal ), o una computadora de bolsillo.
Destaquemos la diferencia de ésta última. Hay dos formas de acceder a
contenidos mediante un dispositivo móvil: descargando una aplicación o
ingresando a la Web a través de un navegador. En este segundo caso, los
contenidos son regidos por el Wireless Application Protocol (WAP), estándar que
6




permite acceder a la Web mediante dispositivos móviles o inhalambricos. Este
protocolo presenta dos versiones:


• WAP 1.0, que rige desde 1998, y permitía la construcción de sitios WAP básicos
(con imágenes monocromáticas, escasas opciones de formato e hipervínculos), a
través del lenguaje WML ( Wireless Markup Language ).
• WAP 2.0, existente desde 2002, que conlleva el uso de XHTML Mobile Profile
(XHTML MP), una versión más reducida de XHTML. Este lenguaje, a su vez, permite
la aplicación de WAP CSS (versión para móviles de Hojas de Estilo en Cascada).


En ambos casos, interactúan otros lenguajes, como Javascript, PHP, ASP y
tecnologías como Flash.

2.2. Web estática vs Web dinámica

La Web estática es aquella que presenta el acceso a un conjunto de documentos
de hipertexto, cuyo contenido debe ser actualizado o modificado mediante un
editor de código HTML. La web estática es la web de autor; la web que define la
apuesta de una empresa de comunicación y diseño para la marca de un cliente.
No utiliza motor de bases de datos, ni permite una interfaz administrativa de
ejecución, ni permite a los usuarios introducir o modificar datos.
Podrás entenderlo mejor, si te comparo la web estática con una página web
desarrollada con la herramienta Adobe Flash. Aunque tu página presente
contenido multimedia o movimiento, también puede ser considerado como web
estática, debido a las especificaciones del reproductor Flash Player, la película
embebida en un documento (x)HTML no puede ser modificada excepto por el autor
o autora del programa o aplicación.


La Web dinámica es la que utilizamos hoy en día, y la cual fue llamada Web 2.0.
Por el filósofo y editor tecnológico Tim O’Reilly.
Weblogs, CMS , AJAX….son términos que representan a las herramientas de uso
actual del usuario y los programas que ofrecen contenidos automatizados,
7




posibles de modificar por personal de departamentos de empresa y particulares
ignotos en terminologías y lenguajes de programación.


En el mundo Web 1.0, los portales eran el anatema de web dinámica: Gestores de
contenidos enlazados a una base de datos y con tecnología de servidor que definía
la aplicación, y que requería de puestos especializados en administración de
bases de datos y sistemas para su correcto funcionamiento. En el mundo de la
web 2.0 son las herramientas gestoras de contenidos de código abierto como
Drupal, WordPress, Plone, nuestros anatemas.


La web dinámica no surge con fuerza hasta la presentación de Personal Home
Page ( PHP ) un lenguaje que permitía la gestión de contenidos de una página
personal ( o blog ) de manera automatizada, extendiendo la interacción del
usuario más allá de las posibilidades que ofrecía el DHTML, término que refería a
esa web estática.


Personal Home Page fue la herramienta-lenguaje, basada en el lenguaje Perl y C,
que permitía, mediante scripts de lenguaje similares a los que utilizamos en la
programación cliente, generar código de servidor , posibilitando el primer gestor
de contenidos personal para la web.
El gestor de contenidos ( CMS ) es una herramienta informática usada para crear,
editar, gestionar y publicar contenido digital en diversos formatos. Un gestor de
contenidos genera páginas dinámicas interactuando con el servidor para generar
la página web bajo petición del usuario, con el formato predefinido y el contenido
extraído de la base de datos del servidor.


Nota: Data de esa época, la de la web 1.0, la figuraprofesional del Administrador
de Sistema y Bases de Datos, como parte importante del proceso de desarrollo de
una web dinámica, un papel profesional actual pero que en la web 3.0 tenderá a
desaparecer.
8




2.3. Protocolos de Internet: HTTP, FTP, HTTPS, SMTP…

La familia de protocolos de Internet es un conjunto de protocolos de red en los que
se basa Internet y que permiten la transmisión de datos entre redes de
computadoras. En ocasiones se le denomina conjunto de protocolos TCP/IP, en
referencia a los dos protocolos más importantes que la componen: Protocolo de
Control de Transmisión (TCP) y Protocolo de Internet (IP). El TCP/IP es la base de
Internet, y sirve para enlazar computadoras que utilizan diferentes sistemas
operativos, incluyendo PC, minicomputadoras y computadoras centrales sobre
redes de área local (LAN) y área extensa (WAN).

FTP (File Transfer Protocol, en castellano: Protocolo de Transferencia de Archivos),
en informática, es un protocolo de red para la transferencia de archivos entre
sistemas conectados a una red TCP ( Transmission Control Protocol ), basado en la
arquitectura cliente-servidor. Desde un equipo cliente se puede conectar a un
servidor para descargar archivos desde él o para enviarle archivos,
independientemente del sistema operativo utilizado en cada equipo.

SSH ( Secure SHell, en castellano: Intérprete de órdenes segura ) es el nombre de
un protocolo y del programa que lo implementa, y sirve para acceder a máquinas
remotas a través de una red. Permite manejar por completo la computadora
mediante un intérprete de comandos, y también puede redirigir el tráfico de X
para poder ejecutar programas gráficos si tenemos un Servidor X (en sistemas
Unix y Windows) corriendo. SSH trabaja de forma similar a como se hace con
Telnet.


Telnet ( TELecommunication NETwork ) es el nombre de un protocolo de red que
sirve para acceder mediante una red a otra máquina para manejarla
remotamente como si estuviéramos sentados delante de ella.

HTTP Hypertext Transfer Protocol (en castellano: Protocolo de transferencia de
hipertexto ), es el protocolo usado en cada transacción de la World Wide Web.
HTTP es un protocolo sin estado, es decir, que no guarda ninguna información
sobre conexiones anteriores. El desarrollo de aplicaciones web necesita
9




frecuentemente mantener estado. Para esto se usan las cookies, que es
información que un servidor puede almacenar en el sistema cliente.

HTTPS Hypertext Transfer Protocol Secure (en español: Protocolo seguro de
transferencia de hipertexto), es un protocolo de red basado en el protocolo HTTP,
destinado a la transferencia segura de datos de hipertexto, es decir, es la versión
segura de HTTP. Es utilizado principalmente por entidades bancarias, tiendas en
línea, y cualquier tipo de servicio que requiera el envío de datos personales o
contraseñas.

Simple Mail Transfer Protocol ( SMTP, en castellano: Protocolo Simple de
Transferencia de Correo ) , es un protocolo de la capa de aplicación. Es un
Protocolo de red basado en texto utilizado para el intercambio de mensajes de
corrseo electrónico entre computadoras u otros dispositivos ( PDA's, teléfonos
móviles, ...).

2.4. La Web como red de datos y eventos.

La Web ha cambiado profundamente la forma en la que nos comunicamos,
hacemos negocios y realizamos nuestro trabajo. La comunicación prácticamente
con todo el mundo en cualquier momento y a bajo coste es posible hoy en día.
Podemos realizar transacciones económicas a través de Internet. Tenemos acceso
a millones de recursos, independientemente de nuestra situación geográfica e
idioma. Todos estos factores han contribuido al éxito de la Web. Sin embargo, al
mismo tiempo, estos factores que han propiciado el éxito de la Web, también han
originado sus principales problemas: sobrecarga de información y heterogeneidad
de fuentes de información con el consiguiente problema de interoperabilidad.


La Web Semántica ayuda a resolver estos dos importantes problemas permitiendo
a los usuarios delegar tareas en software. Gracias a la semántica en la Web, el
software es capaz de procesar su contenido, razonar con este, combinarlo y
realizar deducciones lógicas para resolver problemas cotidianos
automáticamente.
10




La Web Semántica utiliza esencialmente RDF, SPARQL, y OWL, mecanismos que
ayudan a convertir la Web en una infraestructura global en la que es posible
compartir, y reutilizar datos y documentos entre diferentes tipos de usuarios.


RDF proporciona información descriptiva simple sobre los recursos que se
encuentran en la Web y que se utiliza, por ejemplo, en catálogos de libros,
directorios, colecciones personales de música, fotos, eventos, etc.
SPARQL es lenguaje de consulta sobre RDF, que permite hacer búsquedas sobre
los recursos de la Web Semántica utilizando distintas fuentes datos.
OWL es un mecanismo para desarrollar temas o vocabularios específicos en los
que asociar esos recursos. Lo que hace OWL es proporcionar un lenguaje para
definir ontologías estructuradas que pueden ser utilizadas a través de diferentes
sistemas. Las ontologías, que se encargan de definir los términos utilizados para
describir y representar un área de conocimiento, son utilizadas por los usuarios,
las bases de datos y las aplicaciones que necesitan compartir información
específica, es decir, en un campo determinado como puede ser el de las finanzas,
medicina, deporte, etc. Las ontologías incluyen definiciones de conceptos básicos
en un campo determinado y la relación entre ellos.




2.5. Lenguajes de la Web: HTML, CSS, JavaScript, XML

DOM
El Modelo de Objetos del Documento es una interfaz de programación de
aplicaciones ( API ) para documentos validos HTML y XML bien construidos. Define
la estructura lógica de los documentos y el modo en que se accede y manipula
aun documento.
El DOM permite un acceso a la estructura de una página HTML mediante el
“mapeo” de los elementos de esta página en un árbol de nodos. Cada elemento se
convierte en un nodo y cada porción de texto en un nodo de texto


HTML
11




HTML ( HyperText Markup Language, en castellano: Lenguaje de Marcado-
Estructura de HiperTexto). . Es un lenguaje de etiquetas estático que permiste la
publicación, presentación y el desarrollo de sitios web.


CSS
CSS ( Cascading Style Sheets, en castellano: Hojas de Estilo en Cascada ) es la
tecnología desarrollada por Microsoft y el World Wide Web Consortium (W3C) con
el fin de separar la estructura de la presentación. Define teconología visual, aural
o de dispositivos externos ( impresión ).


JavaScript
Es un lenguaje interpretado por el navegador del cliente, a través del DOM , que
no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape
Communications como mejora del lenguaje Java y de Perl en aplicaciones de
cliente, és un estándar de la industria ECMA, y pertenece a la empresa Oracle.


XML
XML (eXtensible Markup Language, en castellano: Lenguaje extensible de nodos) ,
es un conjunto de reglas que sirven para definir etiquetas semánticas para
organizar un documento. XML es un metalenguaje que te permite diseñar tu
propio lenguaje de etiquetas. A diferencia del un lenguaje de etiquetas basado en
SGML (HTML), XML nos permite definir nuestro propia estructura de nodos y
lenguaje.


2.6. Lenguajes de Eventos de la Web: ActionScript, JavaScript, RubyonRails,
Python…

ActionScript
ActionScript es un lenguaje de script, pequeñas porciones de código empaquetado
en clases, orientado a eventos y objetoss. El lenguaje está basado en las
especificaciones de estándar de industria ECMA-262, como JavaScript.
ActionScript es un lenguaje que se compila mediante el reproductor Flash Player y
ofrece una versión para arquitectura de servidor llamada ActionScript Server
12




( basada en ActionScript 1.0 ) y otra versión para arquitectura de servidor
ActionScript Cliente ( ActionScript 3.0 )
Flash es adoptado en el mundo de desarrolladores web gracias a la inclusión del
lenguaje de programación ActionScripts (Macros), en la version 4 de esta
herramienta lenguaje, en el año 1997, añadiendo la posibilidad de ejecución de
scripts, secuencias de comando ( macros ) y compilación a tiempo real, que
ofrecíala herramienta de edición de código Macromedia Homesite. No fue hasta
la version 2.0 cuando el lenguaje de programación ActionScript fue considerado
un verdadero lenguaje por el sector informático y el mundo prosfesional de la
programación, debido , principalmente a su penetración en el mundo web,
cercana al 98%.
Contrariamente a la opinión general, la versión más extendida en el mundo
empresarial es la 1.0 y 2.0, debido a su fácil implementación en arquitecturas de
servidor. ActionScript en su versión 3.0, no permite al desarrollador el acceso
directo al kernel, aunque esta versión mejora su modelo orientado a objetos, y
presenta la más completa y avanzada interpretación de la declaración ECMA-262
version 4 para lenguajes estándares, eliminando cláusulas del lenguaje
ActionScript basado en prototipos y heredera de otros lenguajes como Perl, C o C+
+.
JavaScript
Javascript es un lenguaje de programación interpretado, dialecto del estándar
ECMAScript. Se define como orientado a objetos , basado en prototipos,
imperativo, débilmente tipado y dinámico.
Se utiliza principalmente en su forma de arquitectura de cliente (client-side),
implementado como parte de un navegador web, a través del DOM, permitiendo
mejoras en la interfaz de usuario y páginas web dinámicas. Desde el año 1999
existe una forma de lenguaje Javascript del lado del servidor ( Server-side
Javascript o SSJS ).


El nombre inicial del lenguaje fue LiveScript, siendo la denominación final
producto confusión de una estrategia de mercadotecnia de Netscape , ,dando la
impresión de que el lenguaje era una prolongación de Java.
13




Microsoft dio como nombre a su dialecto de JavaScript, JScript, para evitar
problemas relacionadas con la marca. JScript fue adoptado en la versión 3.0 de
Internet Explorer y liberado en Agosto del año 1996.
JavaScript es administrado por Oracle.
Python
Nombre inspirado en la banda inglesa Monty Python, Python es un lenguaje de
programación de alto nivel cuya filosofía hace hincapié en una sintaxis muy limpia
que favorezca un código legible, pues el lenguaje de código debe ser escrito para
que pueda ser leído por un humano, con un nivel de 'alfabetización' básico en
lenguajes de programación, similar a la alfabetización básica en inglés .
Se trata de un lenguaje de programación multiparadigma, que soporta
orientación a objetos, programación imperativa y, en menor medida,
programación funcional. Es un interpretado, es fuertemente tipado y es
multiplataforma.
Es administrado por la Python Software Foundation. Posee una licencia de código
abierto, denominada Python Software Foundation License,1 que es compatible
con la Licencia pública general de GNU a partir de la versión 2.1.1, e incompatible
en ciertas versiones anteriores.
Ruby
Ruby es un lenguaje de programación interpretado, reflexivo y orientado a objetos.
Combina una sintaxis inspirada en Python y Perl con características de
programación orientada a objetos similares al lenguaje Smalltalk.. Ruby es un
lenguaje de programación interpretado y su implementación oficial es distribuida
bajo una licencia de software libre.


Ruby on Rails, también conocido como RoR o Rails es unas plataforma de
desarrollo ( Framework ) de aplicaciones web de código abierto escrito en el
lenguaje de programación Ruby, siguiendo el paradigma de la arquitectura Modelo
Vista Controlador (MVC).


PHP
14




PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor
(inicialmente PHP Tools, o, Personal Home Page Tools). Fue creado originalmente
por Rasmus Lerdorf en el año1994 para crear su página web personal.
Está basado en lenguajes de programación estructurada, como C y Perl.
Perl
Perl es un lenguaje de programación cuya estructura completa deriva
ampliamente del lenguaje C.
Perl es un lenguaje imperativo, con variables, expresiones, asignaciones, bloques
de código delimitados por llaves, estructuras de control y subrutinas, diseñado por
el lingüista y programador Larry Wall en el año 1987. Larry Wall comenzó a
trabajar en Perl en 1987 mientras trabajaba como programador en la empresa
Unisys.
Hasta el año 1991 la única documentación de Perl era man : una simple página
de manual de UNIX.
La página de manual Unix ‘perlintro’ nos dice:
Perl es un lenguaje de propósito general originalmente desarrollado para la
manipulación de texto y que ahora es utilizado para un amplio rango de tareas
incluyendo administración de sistemas, desarrollo web, programación en red,
desarrollo de GUI y más. (sic)
Sus principales características son que es fácil de usar, soporta tanto la
programación estructurada como la programación orientada a objetos y la
programación funcional, tiene incorporado un poderoso sistema de procesamiento
de texto y una enorme colección de módulos disponibles. El diseño de Perl puede
ser entendido como una respuesta a tres amplias tendencias de la industria
informática: rebaja de los costes en el hardware, aumento de los costes laborales
y las mejoras en la tecnología de compiladores.
Se ha usado desde los primeros días del Web para escribir guiones (scripts) CGI.



3. Los contenidos
15




3.1. Soporte para multimedia: Audio, Imagen, Video.

3.2. Soporte para datos.

3.3. Diferentes reproductores de contenido.


4. Trabajar con gestores de contenidos:
CMS
Un sistema de gestión de contenidos (en inglés Content Management System, o
CMS) es una herramienta que permite crear una estructura de desarrollo ( en
inglés, Framework ) para la creación y administración de contenidos,
principalmente en páginas web, por parte de los participantes y usuarios de un
sitio web.
Consiste en una interfaz que controla una o varias bases de datos donde se aloja
el contenido del sitio. El sistema permite manejar de manera independiente el
contenido y el diseño, siendo, por ejemplo, posible manejar el contenido y darle
en cualquier momento un diseño distinto sin tener que recrear el formato del
contenido. Hoy en día un CMS es un completo editor y gestor web, capaz de
sustituir a herramientas de producción y diseño Adobe Dreamweaver o Adobe
ColdFusion.

4.1 CMS con código libre: Adobe Open Project, Lamp, Zope-Plone…

LAMP
LAMP es un acrónimo de una solución de software libre, en código abierto,
acuñado por las primeras letras de Linux (sistema operativo), Apache HTTP Server,
MySQL (base de datos de software) y Perl - PHP / Python, como componentes
principales para construir una alternativa viable general de servidor web.
LAMP ofrece un gran número de ventajas para los desarrolladores web novicios:
   • Fácil de codificar: Los desarrolladores novatos pueden construir y poner en
       marcha una web muy rápidamente mediante PHP y MySQL.
   • Fácil de implementar: Al ser PHP es un módulo estándar de Apache, resulta
       fácil de implementar aplicaciones web mediante la subida de archivos PHP
       a un servidor Apache y la conexión a una base de datos MySQL.
16




   • Desarrollo a nivel local: Puede ser configurado para que tu aplicación se
       pueda construir a nivel IP local ( localhost ) y luego subirla a la Web.
   • Alojamiento barato y ubicuo: Muchos hostings ( anfitriones ) de web
       proporcionan un servicio Apache PHP y MySQL a un cómodo precio.
Zope
Zope es sinónimo de " Z Object Publishing Environment". Zope es un servidor de
aplicaciones Web, de código abierto, orientado a objetos escrito en lenguaje de
programación Python.
Plone
Plone es un sistema de gestión de contenido, libre y de código abierto, construido
sobre el servidor de aplicaciones Zope. En principio, Plone puede ser utilizado para
cualquier tipo de sitio web, incluyendo blogs, sitios de Internet, tiendas virtuales y
sitios web internos. También puede ser utilizado como un sistema de publicación
de documentos y herramienta de colaboración de trabajo en grupo. Los puntos
fuertes de Plone son su flujo de trabajo flexible y adaptable, muy buena seguridad,
extensibilidad, facilidad de uso y flexibilidad.

4.2 CMS con código propietario: Adobe ColdFusion, MS, Apple IOS
ColdFusion
ColdFusion es una plataforma comercial de desarrollo rápido de aplicaciones
creao por el filósofo y programador Jeremy Allaire, , en el año 1995. Es un
lenguaje declarativo, basado en las secuencias de comandos de Java.
Originalmente estaba diseñado para que fuese más fácil conectar simples páginas
HTML con una base de datos, pero en su versión 2 ( año 1996 ) ya se había
convertido en una plataforma completa que incluye un potente IDE ( Integrated
Development Environment, en castellano: entorno de desarrollo integrado),
similara Eclipse, Oracle NetBeans
Una de las características distintivas de ColdFusion es este lenguaje de secuencias
de comandos asociadas, llamado ColdFusion Markup Language (CFML), que se
compara con ASP, JSP y PHP en sus características y propósito final como
lenguaje de arquitectura cliente-servidor, pero que se asemeja más a HTML o
SGML en su sintaxis.
17




ColdFusion se utiliza a menudo como sinónimo de "CFML" o "PCM", pero presenta
otros servidores de aplicaciones, además de ColdFusion CFML, y ColdFusion
soporta otros lenguajes de programación además de CFML, como Actionscript
Server, o el lenguaje, basado en ECMA-262, conocido como CFScript.


Apple iOS
iOS es un sistema operativo desarrollado por Apple Inc. para los dispostivos
móviles iPod touch, iPhone e iPad. Está basado en una variante del Mach kernel
de Mac OS X. Presenta una herramienta SDK que permite desarrollar aplicaciones
o sitios web mediante la IDE llamada XCODE, la cual nos permite trabajar con los
lenguajes Objective -C, C , C++...Y.
No es una plataforma abierta, sino propietaria. La herramienta de desarrollo SDK
se puede descargar gratis en el sitio de Apple, pero para publicar el software es
necesario registrarse en el Programa de Desarrollo del iPhone, un paso que
requiere el pago y la aprobación por parte de Apple. Durante el proceso, se
entregan al desarrollador unas claves firmadas que permiten subir una aplicación
a la tienda de aplicaciones de Apple.

Microsoft Visual Web developer
Visual Web Developer forma parte de la familia de Visual Studio 2005, que es un
entorno de desarrollo de Microsoft para crear aplicaciones Web; así como
aplicaciones cliente (Windows), servicios de Windows, componentes, controles y
otros tipos de aplicaciones. No es una plataforma abierta, sino propietaria.


5. Planteamiento de Proyectos: casos
reales
5.1. Redes sociales

5.1. Bitácoras (Web-logs) privados

5.1. Proyectos corporativos
18




5.2. Referencias

5.2. Conclusiones.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (13)

Historia de Flash
Historia de Flash Historia de Flash
Historia de Flash
 
Flash.
Flash.Flash.
Flash.
 
Historia de flash daniela delgado
Historia de flash daniela delgadoHistoria de flash daniela delgado
Historia de flash daniela delgado
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Xavier patricio
Xavier patricioXavier patricio
Xavier patricio
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Trabajo investigativo
Trabajo investigativoTrabajo investigativo
Trabajo investigativo
 
Adobe flash player yupanqui b2
Adobe flash player   yupanqui b2Adobe flash player   yupanqui b2
Adobe flash player yupanqui b2
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Adobe flex
Adobe flexAdobe flex
Adobe flex
 
HISTORY Flash 2A1
HISTORY Flash 2A1HISTORY Flash 2A1
HISTORY Flash 2A1
 

Destacado

Destacado (11)

Tarea 2 administración base de datos
Tarea 2 administración base de datosTarea 2 administración base de datos
Tarea 2 administración base de datos
 
Curso de motores de cd.
Curso de motores de cd.Curso de motores de cd.
Curso de motores de cd.
 
Bobinado Motores
Bobinado MotoresBobinado Motores
Bobinado Motores
 
Proyecto de Creacion de Una Aplicacion Web
Proyecto de Creacion de Una Aplicacion WebProyecto de Creacion de Una Aplicacion Web
Proyecto de Creacion de Una Aplicacion Web
 
Aplicacion web
Aplicacion webAplicacion web
Aplicacion web
 
Rotor devanado
Rotor devanadoRotor devanado
Rotor devanado
 
Bobinados
BobinadosBobinados
Bobinados
 
Bobinado del motor trifasico
Bobinado del motor trifasicoBobinado del motor trifasico
Bobinado del motor trifasico
 
manual-de-motores-electricos
 manual-de-motores-electricos manual-de-motores-electricos
manual-de-motores-electricos
 
Como hacer introduccion
Como hacer introduccionComo hacer introduccion
Como hacer introduccion
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Similar a Herramientas desarrollo web

Similar a Herramientas desarrollo web (20)

PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Alberto romario creo lópez
Alberto romario creo lópezAlberto romario creo lópez
Alberto romario creo lópez
 
Nicholl giraldo programacion de wb
Nicholl giraldo  programacion de wbNicholl giraldo  programacion de wb
Nicholl giraldo programacion de wb
 
Estefania aguirre programacion de web
Estefania aguirre programacion de webEstefania aguirre programacion de web
Estefania aguirre programacion de web
 
Mariana angel estefania aguirre programacion de wb
Mariana angel estefania aguirre programacion de wbMariana angel estefania aguirre programacion de wb
Mariana angel estefania aguirre programacion de wb
 
Programación juliana montoya
Programación juliana montoyaProgramación juliana montoya
Programación juliana montoya
 
Mariana palacio katerine marin
Mariana palacio katerine marinMariana palacio katerine marin
Mariana palacio katerine marin
 
Historia de macromedia flash
Historia de macromedia flashHistoria de macromedia flash
Historia de macromedia flash
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Biancha 10587
Biancha 10587Biancha 10587
Biancha 10587
 
utilidades
utilidadesutilidades
utilidades
 
Flash
FlashFlash
Flash
 
Programacion de paginas web
Programacion de paginas webProgramacion de paginas web
Programacion de paginas web
 
Carlos
CarlosCarlos
Carlos
 
El Internet
El InternetEl Internet
El Internet
 
El Internetkkk
El InternetkkkEl Internetkkk
El Internetkkk
 
Adriana romero macromedia
Adriana romero macromediaAdriana romero macromedia
Adriana romero macromedia
 
uTILIDADES
uTILIDADESuTILIDADES
uTILIDADES
 

Último

Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...
Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...
Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...VicenteAguirre15
 
Politicas publicas para el sector agropecuario en México.pptx
Politicas publicas para el sector agropecuario en México.pptxPoliticas publicas para el sector agropecuario en México.pptx
Politicas publicas para el sector agropecuario en México.pptxvladisse
 
Sistema de Control Interno aplicaciones en nuestra legislacion
Sistema de Control Interno aplicaciones en nuestra legislacionSistema de Control Interno aplicaciones en nuestra legislacion
Sistema de Control Interno aplicaciones en nuestra legislacionPedroSalasSantiago
 
Tema 1 de la asignatura Sistema Fiscal Español I
Tema 1 de la asignatura Sistema Fiscal Español ITema 1 de la asignatura Sistema Fiscal Español I
Tema 1 de la asignatura Sistema Fiscal Español IBorjaFernndez28
 
mercado de capitales universidad simon rodriguez - guanare (unidad I).pdf
mercado de capitales universidad simon rodriguez - guanare (unidad I).pdfmercado de capitales universidad simon rodriguez - guanare (unidad I).pdf
mercado de capitales universidad simon rodriguez - guanare (unidad I).pdfGegdielJose1
 
METODOS ESCALA SALARIAL EN ESTRUCTURAS.PPT
METODOS ESCALA SALARIAL EN ESTRUCTURAS.PPTMETODOS ESCALA SALARIAL EN ESTRUCTURAS.PPT
METODOS ESCALA SALARIAL EN ESTRUCTURAS.PPTrodrigolozanoortiz
 
El cheque 1 y sus tipos de cheque.pptx
El cheque  1 y sus tipos de  cheque.pptxEl cheque  1 y sus tipos de  cheque.pptx
El cheque 1 y sus tipos de cheque.pptxNathaliTAndradeS
 
Venezuela Entorno Social y Económico.pptx
Venezuela Entorno Social y Económico.pptxVenezuela Entorno Social y Económico.pptx
Venezuela Entorno Social y Económico.pptxJulioFernandez261824
 
LOS MIMBRES HACEN EL CESTO: AGEING REPORT.
LOS MIMBRES HACEN EL CESTO: AGEING  REPORT.LOS MIMBRES HACEN EL CESTO: AGEING  REPORT.
LOS MIMBRES HACEN EL CESTO: AGEING REPORT.ManfredNolte
 
44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf
44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf
44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdflupismdo
 
Situación Mercado Laboral y Desempleo.ppt
Situación Mercado Laboral y Desempleo.pptSituación Mercado Laboral y Desempleo.ppt
Situación Mercado Laboral y Desempleo.pptrubengpa
 
UNIDAD 01 del area de comunicación 2do grado secundariax
UNIDAD 01 del area de comunicación 2do grado secundariaxUNIDAD 01 del area de comunicación 2do grado secundariax
UNIDAD 01 del area de comunicación 2do grado secundariaxLuzMaGuillenSalas
 
ejemplos de sistemas economicos en economia
ejemplos de sistemas economicos en economiaejemplos de sistemas economicos en economia
ejemplos de sistemas economicos en economiaKeiryMichelleMartine
 
PRUEBA PRE ICFES ECONOMIA. (4) - copia.doc
PRUEBA PRE ICFES ECONOMIA. (4) - copia.docPRUEBA PRE ICFES ECONOMIA. (4) - copia.doc
PRUEBA PRE ICFES ECONOMIA. (4) - copia.docmilumenko
 
ejemplo de tesis para contabilidad- capitulos
ejemplo de tesis para contabilidad- capitulosejemplo de tesis para contabilidad- capitulos
ejemplo de tesis para contabilidad- capitulosguillencuevaadrianal
 
Compañías aseguradoras presentacion power point
Compañías aseguradoras presentacion power pointCompañías aseguradoras presentacion power point
Compañías aseguradoras presentacion power pointAbiReyes18
 
puntos-clave-de-la-reforma-pensional-2023.pdf
puntos-clave-de-la-reforma-pensional-2023.pdfpuntos-clave-de-la-reforma-pensional-2023.pdf
puntos-clave-de-la-reforma-pensional-2023.pdfosoriojuanpablo114
 
Análisis de la Temporada Turística 2024 en Uruguay
Análisis de la Temporada Turística 2024 en UruguayAnálisis de la Temporada Turística 2024 en Uruguay
Análisis de la Temporada Turística 2024 en UruguayEXANTE
 
41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO
41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO
41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICOlupismdo
 

Último (20)

Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...
Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...
Revista Estudiantil de la Carrera de Contaduría Pública de la Universidad May...
 
Politicas publicas para el sector agropecuario en México.pptx
Politicas publicas para el sector agropecuario en México.pptxPoliticas publicas para el sector agropecuario en México.pptx
Politicas publicas para el sector agropecuario en México.pptx
 
Sistema de Control Interno aplicaciones en nuestra legislacion
Sistema de Control Interno aplicaciones en nuestra legislacionSistema de Control Interno aplicaciones en nuestra legislacion
Sistema de Control Interno aplicaciones en nuestra legislacion
 
Tema 1 de la asignatura Sistema Fiscal Español I
Tema 1 de la asignatura Sistema Fiscal Español ITema 1 de la asignatura Sistema Fiscal Español I
Tema 1 de la asignatura Sistema Fiscal Español I
 
mercado de capitales universidad simon rodriguez - guanare (unidad I).pdf
mercado de capitales universidad simon rodriguez - guanare (unidad I).pdfmercado de capitales universidad simon rodriguez - guanare (unidad I).pdf
mercado de capitales universidad simon rodriguez - guanare (unidad I).pdf
 
METODOS ESCALA SALARIAL EN ESTRUCTURAS.PPT
METODOS ESCALA SALARIAL EN ESTRUCTURAS.PPTMETODOS ESCALA SALARIAL EN ESTRUCTURAS.PPT
METODOS ESCALA SALARIAL EN ESTRUCTURAS.PPT
 
El cheque 1 y sus tipos de cheque.pptx
El cheque  1 y sus tipos de  cheque.pptxEl cheque  1 y sus tipos de  cheque.pptx
El cheque 1 y sus tipos de cheque.pptx
 
Venezuela Entorno Social y Económico.pptx
Venezuela Entorno Social y Económico.pptxVenezuela Entorno Social y Económico.pptx
Venezuela Entorno Social y Económico.pptx
 
LOS MIMBRES HACEN EL CESTO: AGEING REPORT.
LOS MIMBRES HACEN EL CESTO: AGEING  REPORT.LOS MIMBRES HACEN EL CESTO: AGEING  REPORT.
LOS MIMBRES HACEN EL CESTO: AGEING REPORT.
 
44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf
44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf
44 RAZONES DE PORQUE SI ESTAMOS MAL (1).pdf
 
Situación Mercado Laboral y Desempleo.ppt
Situación Mercado Laboral y Desempleo.pptSituación Mercado Laboral y Desempleo.ppt
Situación Mercado Laboral y Desempleo.ppt
 
Mercado Eléctrico de Ecuador y España.pdf
Mercado Eléctrico de Ecuador y España.pdfMercado Eléctrico de Ecuador y España.pdf
Mercado Eléctrico de Ecuador y España.pdf
 
UNIDAD 01 del area de comunicación 2do grado secundariax
UNIDAD 01 del area de comunicación 2do grado secundariaxUNIDAD 01 del area de comunicación 2do grado secundariax
UNIDAD 01 del area de comunicación 2do grado secundariax
 
ejemplos de sistemas economicos en economia
ejemplos de sistemas economicos en economiaejemplos de sistemas economicos en economia
ejemplos de sistemas economicos en economia
 
PRUEBA PRE ICFES ECONOMIA. (4) - copia.doc
PRUEBA PRE ICFES ECONOMIA. (4) - copia.docPRUEBA PRE ICFES ECONOMIA. (4) - copia.doc
PRUEBA PRE ICFES ECONOMIA. (4) - copia.doc
 
ejemplo de tesis para contabilidad- capitulos
ejemplo de tesis para contabilidad- capitulosejemplo de tesis para contabilidad- capitulos
ejemplo de tesis para contabilidad- capitulos
 
Compañías aseguradoras presentacion power point
Compañías aseguradoras presentacion power pointCompañías aseguradoras presentacion power point
Compañías aseguradoras presentacion power point
 
puntos-clave-de-la-reforma-pensional-2023.pdf
puntos-clave-de-la-reforma-pensional-2023.pdfpuntos-clave-de-la-reforma-pensional-2023.pdf
puntos-clave-de-la-reforma-pensional-2023.pdf
 
Análisis de la Temporada Turística 2024 en Uruguay
Análisis de la Temporada Turística 2024 en UruguayAnálisis de la Temporada Turística 2024 en Uruguay
Análisis de la Temporada Turística 2024 en Uruguay
 
41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO
41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO
41 RAZONES DE PORQUE SI ESTAMOS MAL EN MÉXICO
 

Herramientas desarrollo web

  • 1. CREIX AMB INTERNET Introducción a las herramientas para el desarrollo de proyectos Web
  • 2. 2 1. Herramientas de desarrollo Web. 1.1. Adobe Dreamweaver como editor de código Web. Durante la década de 1990, Macromedia buscó la manera de expandir sus ofertas de software más allá de su foco inicial en multimedia herramientas de autor. Macromedia incursó en nuevos mercados, con modestos niveles de éxito, incluido en el desarrollo de herramientas para edición de audio digital y el diseño de tipografías. En el año 1996, Macromedia se aventuró en el WYSIWYG (lo que ves es lo que obtienes) dentro del mercado de la edición web, con la introducción de Dreamweaver. Dreamweaver supero sus expectativas con 60.000 descargas del software en las primeras semanas de su lanzamiento y se convirtió rápidamente en el líder del mercado en diseño de páginas web WYSIWYG. La empresa Macromedia se formó con la fusión de tres pequeñas empresas de software: Macromind, Paracomp, y Authorware ( Macromedia ). Macromind era conocida por el programa de autoría multimedia Director, una aplicación innovadora, en uso hoy en día. Muchos usuarios de Director creábamos renders 3D y animaciones con Swivel3D, producto de la empresa Paracomp. Esas dos empresas vieron una sinergia en sus productos y formaron Macromind-Paracomp a finales de 1990. Poco después, Macromind- Paracomp se fusionó con Authorware para formar Macromedia en el año 1991. Authorware lanzó una herramienta de software muy similar a Director, pero dirigida hacia el desarrollo de formación mediante ordenador. Lo que hoy conocemos como tecnología en las aulas formativas. En 1998, Macromedia presentó una suite de desarrollo web completo, que incluye Flash, con el fin de crear animaciones de bajo ancho de banda, puesto que Director no lo permite, y Fireworks para crear y optimizar gráficos.
  • 3. 3 El objetivo con su suite de herramientas de desarrollo web, fue la de integrar sus productos con el flujo de trabajo actuales de sus clientes, nosotros los desarrolladores multiplataforma. Esta suite la conocemos como Adobe Suite CS ( numerada ). En el año 2005 Macromedia es absorbida por la empresa de software Adobe Inc. 1.2. Adobe Flash: crear proyectos multimedia o juegos on-line Originalmente Flash no fue un desarrollo propio de Adobe, sino de una pequeña empresa de desarrollo, FutureWave Software, y su nombre original fue FutureSplash Animator. En diciembre de 1996, Macromedia adquiere FutureWave Software y su programa de animación vectorial, que pasa a ser conocido como Flash 1.0. Hasta el año 2005 es desarrollado y mantenido por la empresa Macromedia ( Macromedia Flash ) y fue adquirido por Adobe Systems por las posibilidades y ventajas que el lenguaje ActionScript presenta respecto a JavaScript en la construcción y ejecución de macros y comandos en sus programas Adobe Reader, Illustrator, o Photoshop. Macromedia llevó la herramienta Flash más allá de ser una generadora de animaciones simples, convirtiéndola en una herramienta de desarrollo completa, centrada principalmente en elementos multimedia e interactivos para Internet. Hoy Flash es una completa herramienta de desarrollo integrado que incluye: • Un editor de texto. • Un compilador. • Un intérprete ( Flash Player ). • Herramientas de automatización. • Un depurador. • La posibilidad de ofrecer un sistema de control de versiones.
  • 4. 4 • La factibilidad para ayudar en la construcción de interfaces gráficas de usuario. Macromedia HomeSite fue un programa o herramienta IDE que permitía desarrollar páginas y proyectos web avanzadas, incluyendo lenguajes de alto nivel, programación de servidor, y compilación; de manaera similar al SDK Eclipse u Oracle NetBeans. Fue discontinuada su producción por Adobe en el año 2009. 1.3. Adobe Flash Builder: Crear aplicaciones web complejas (Rich Internet Applications) RIA El término RIA lo “inventa” la empresa Macromedia en el año 2003, para referirse a aplicaciones ricas en contenidos para web, las cuales se ejecutaban y distribuían a través de la plataforma Flash. La experiencia en el mundo web de finales de siglo, hacía imposible para un desarrollador el poder trabajar o presentar una aplicación que se mostrara idénticamente en cualquier navegador, requiriendo recursos y tiempo adicionales, inversiones enormes de tiempo y recursos, o que pertenecían a otras plataformas de desarrollo orientadas a la gran empresa, ( SAS, Oracle ) requiriendo licencias específicas para cada plataforma, encareciendo el precio de desarrollo e implementación del producto final, Entre gigantes empresariales, Macromedia fue en aquel momento la empresa “indie”, dirigida a un sector joven e innovador, ofreciendo soluciones para desarrolladores, diseñadores, PYMES y particulares que veían el mundo web como un sector exclusivo y de difícil acceso. Desarrollar con distintas plataformas como Wintel o Macintosh era agradecido, por ejemplo, para el sector de la comunicación y el diseño. Gracias a la herramienta Macromedia Generator ( hoy integrada como Flex- Flash Builder ), y su conjunto de componentes de servidor, pudieron crearse plataformas empresariales , surgieron alternativas en open-source ( como Laszlo ) o se consolidó ampliamente a través de Macromedia ColdFusion.
  • 5. 5 Macromedia trataba de implementar en la red las posibilidades que ofrecía un programa de autoría multimedia como Adobe Director, posibilidades poco livianas debido al uso extensivo que el plugin Director ShockWave ( similar a Flash Player ) hacía de los recursos del ordenador. El lenguaje ActionScript, un desarrollo avanzado del lenguaje JavaScript y , hasta la fecha, el mejor intérprete - parseador de datos en formato XML, permitía presentar en la web un conjunto de aplicaciones y soluciones empresariales. Hay muchas herramientas para la creación de entornos RIA. Entre estas se puede mencionar las plataformas Adobe Flash, Adobe Flash Builder y Adobe AIR, OpenLaszlo, MS Silverlight u Oracle JavaFX, entre otras. Toda las posibilidades que las herramientas Homesite, Generator y Director ofrecían hasta el año 2001 fueron integradas en Macromedia Flash en el año 2003, y posteriormente han formado parte de la plataforma de desarrollo RIA Flash Builder, anteriormente denominado Flex. Ejemplos de aplicaciones basadas en RIA incluyen sistemas de reservas, compras en línea o sitios de subastas, juegos, aplicaciones multimedia, calendarios, mapas, aplicaciones de chat, documentos de oficina y aplicaciones de hoja de cálculo,y la entrada de datos / sistemas de visualización. 2. La Web 2.1. Diferencias entre Web tradicional y Web para dispositivo movil En ambos casos accedemos a los contenidos mediante una computadora de sobremesa ( en el caso de la web tradiconal ), o una computadora de bolsillo. Destaquemos la diferencia de ésta última. Hay dos formas de acceder a contenidos mediante un dispositivo móvil: descargando una aplicación o ingresando a la Web a través de un navegador. En este segundo caso, los contenidos son regidos por el Wireless Application Protocol (WAP), estándar que
  • 6. 6 permite acceder a la Web mediante dispositivos móviles o inhalambricos. Este protocolo presenta dos versiones: • WAP 1.0, que rige desde 1998, y permitía la construcción de sitios WAP básicos (con imágenes monocromáticas, escasas opciones de formato e hipervínculos), a través del lenguaje WML ( Wireless Markup Language ). • WAP 2.0, existente desde 2002, que conlleva el uso de XHTML Mobile Profile (XHTML MP), una versión más reducida de XHTML. Este lenguaje, a su vez, permite la aplicación de WAP CSS (versión para móviles de Hojas de Estilo en Cascada). En ambos casos, interactúan otros lenguajes, como Javascript, PHP, ASP y tecnologías como Flash. 2.2. Web estática vs Web dinámica La Web estática es aquella que presenta el acceso a un conjunto de documentos de hipertexto, cuyo contenido debe ser actualizado o modificado mediante un editor de código HTML. La web estática es la web de autor; la web que define la apuesta de una empresa de comunicación y diseño para la marca de un cliente. No utiliza motor de bases de datos, ni permite una interfaz administrativa de ejecución, ni permite a los usuarios introducir o modificar datos. Podrás entenderlo mejor, si te comparo la web estática con una página web desarrollada con la herramienta Adobe Flash. Aunque tu página presente contenido multimedia o movimiento, también puede ser considerado como web estática, debido a las especificaciones del reproductor Flash Player, la película embebida en un documento (x)HTML no puede ser modificada excepto por el autor o autora del programa o aplicación. La Web dinámica es la que utilizamos hoy en día, y la cual fue llamada Web 2.0. Por el filósofo y editor tecnológico Tim O’Reilly. Weblogs, CMS , AJAX….son términos que representan a las herramientas de uso actual del usuario y los programas que ofrecen contenidos automatizados,
  • 7. 7 posibles de modificar por personal de departamentos de empresa y particulares ignotos en terminologías y lenguajes de programación. En el mundo Web 1.0, los portales eran el anatema de web dinámica: Gestores de contenidos enlazados a una base de datos y con tecnología de servidor que definía la aplicación, y que requería de puestos especializados en administración de bases de datos y sistemas para su correcto funcionamiento. En el mundo de la web 2.0 son las herramientas gestoras de contenidos de código abierto como Drupal, WordPress, Plone, nuestros anatemas. La web dinámica no surge con fuerza hasta la presentación de Personal Home Page ( PHP ) un lenguaje que permitía la gestión de contenidos de una página personal ( o blog ) de manera automatizada, extendiendo la interacción del usuario más allá de las posibilidades que ofrecía el DHTML, término que refería a esa web estática. Personal Home Page fue la herramienta-lenguaje, basada en el lenguaje Perl y C, que permitía, mediante scripts de lenguaje similares a los que utilizamos en la programación cliente, generar código de servidor , posibilitando el primer gestor de contenidos personal para la web. El gestor de contenidos ( CMS ) es una herramienta informática usada para crear, editar, gestionar y publicar contenido digital en diversos formatos. Un gestor de contenidos genera páginas dinámicas interactuando con el servidor para generar la página web bajo petición del usuario, con el formato predefinido y el contenido extraído de la base de datos del servidor. Nota: Data de esa época, la de la web 1.0, la figuraprofesional del Administrador de Sistema y Bases de Datos, como parte importante del proceso de desarrollo de una web dinámica, un papel profesional actual pero que en la web 3.0 tenderá a desaparecer.
  • 8. 8 2.3. Protocolos de Internet: HTTP, FTP, HTTPS, SMTP… La familia de protocolos de Internet es un conjunto de protocolos de red en los que se basa Internet y que permiten la transmisión de datos entre redes de computadoras. En ocasiones se le denomina conjunto de protocolos TCP/IP, en referencia a los dos protocolos más importantes que la componen: Protocolo de Control de Transmisión (TCP) y Protocolo de Internet (IP). El TCP/IP es la base de Internet, y sirve para enlazar computadoras que utilizan diferentes sistemas operativos, incluyendo PC, minicomputadoras y computadoras centrales sobre redes de área local (LAN) y área extensa (WAN). FTP (File Transfer Protocol, en castellano: Protocolo de Transferencia de Archivos), en informática, es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red TCP ( Transmission Control Protocol ), basado en la arquitectura cliente-servidor. Desde un equipo cliente se puede conectar a un servidor para descargar archivos desde él o para enviarle archivos, independientemente del sistema operativo utilizado en cada equipo. SSH ( Secure SHell, en castellano: Intérprete de órdenes segura ) es el nombre de un protocolo y del programa que lo implementa, y sirve para acceder a máquinas remotas a través de una red. Permite manejar por completo la computadora mediante un intérprete de comandos, y también puede redirigir el tráfico de X para poder ejecutar programas gráficos si tenemos un Servidor X (en sistemas Unix y Windows) corriendo. SSH trabaja de forma similar a como se hace con Telnet. Telnet ( TELecommunication NETwork ) es el nombre de un protocolo de red que sirve para acceder mediante una red a otra máquina para manejarla remotamente como si estuviéramos sentados delante de ella. HTTP Hypertext Transfer Protocol (en castellano: Protocolo de transferencia de hipertexto ), es el protocolo usado en cada transacción de la World Wide Web. HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones anteriores. El desarrollo de aplicaciones web necesita
  • 9. 9 frecuentemente mantener estado. Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. HTTPS Hypertext Transfer Protocol Secure (en español: Protocolo seguro de transferencia de hipertexto), es un protocolo de red basado en el protocolo HTTP, destinado a la transferencia segura de datos de hipertexto, es decir, es la versión segura de HTTP. Es utilizado principalmente por entidades bancarias, tiendas en línea, y cualquier tipo de servicio que requiera el envío de datos personales o contraseñas. Simple Mail Transfer Protocol ( SMTP, en castellano: Protocolo Simple de Transferencia de Correo ) , es un protocolo de la capa de aplicación. Es un Protocolo de red basado en texto utilizado para el intercambio de mensajes de corrseo electrónico entre computadoras u otros dispositivos ( PDA's, teléfonos móviles, ...). 2.4. La Web como red de datos y eventos. La Web ha cambiado profundamente la forma en la que nos comunicamos, hacemos negocios y realizamos nuestro trabajo. La comunicación prácticamente con todo el mundo en cualquier momento y a bajo coste es posible hoy en día. Podemos realizar transacciones económicas a través de Internet. Tenemos acceso a millones de recursos, independientemente de nuestra situación geográfica e idioma. Todos estos factores han contribuido al éxito de la Web. Sin embargo, al mismo tiempo, estos factores que han propiciado el éxito de la Web, también han originado sus principales problemas: sobrecarga de información y heterogeneidad de fuentes de información con el consiguiente problema de interoperabilidad. La Web Semántica ayuda a resolver estos dos importantes problemas permitiendo a los usuarios delegar tareas en software. Gracias a la semántica en la Web, el software es capaz de procesar su contenido, razonar con este, combinarlo y realizar deducciones lógicas para resolver problemas cotidianos automáticamente.
  • 10. 10 La Web Semántica utiliza esencialmente RDF, SPARQL, y OWL, mecanismos que ayudan a convertir la Web en una infraestructura global en la que es posible compartir, y reutilizar datos y documentos entre diferentes tipos de usuarios. RDF proporciona información descriptiva simple sobre los recursos que se encuentran en la Web y que se utiliza, por ejemplo, en catálogos de libros, directorios, colecciones personales de música, fotos, eventos, etc. SPARQL es lenguaje de consulta sobre RDF, que permite hacer búsquedas sobre los recursos de la Web Semántica utilizando distintas fuentes datos. OWL es un mecanismo para desarrollar temas o vocabularios específicos en los que asociar esos recursos. Lo que hace OWL es proporcionar un lenguaje para definir ontologías estructuradas que pueden ser utilizadas a través de diferentes sistemas. Las ontologías, que se encargan de definir los términos utilizados para describir y representar un área de conocimiento, son utilizadas por los usuarios, las bases de datos y las aplicaciones que necesitan compartir información específica, es decir, en un campo determinado como puede ser el de las finanzas, medicina, deporte, etc. Las ontologías incluyen definiciones de conceptos básicos en un campo determinado y la relación entre ellos. 2.5. Lenguajes de la Web: HTML, CSS, JavaScript, XML DOM El Modelo de Objetos del Documento es una interfaz de programación de aplicaciones ( API ) para documentos validos HTML y XML bien construidos. Define la estructura lógica de los documentos y el modo en que se accede y manipula aun documento. El DOM permite un acceso a la estructura de una página HTML mediante el “mapeo” de los elementos de esta página en un árbol de nodos. Cada elemento se convierte en un nodo y cada porción de texto en un nodo de texto HTML
  • 11. 11 HTML ( HyperText Markup Language, en castellano: Lenguaje de Marcado- Estructura de HiperTexto). . Es un lenguaje de etiquetas estático que permiste la publicación, presentación y el desarrollo de sitios web. CSS CSS ( Cascading Style Sheets, en castellano: Hojas de Estilo en Cascada ) es la tecnología desarrollada por Microsoft y el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación. Define teconología visual, aural o de dispositivos externos ( impresión ). JavaScript Es un lenguaje interpretado por el navegador del cliente, a través del DOM , que no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications como mejora del lenguaje Java y de Perl en aplicaciones de cliente, és un estándar de la industria ECMA, y pertenece a la empresa Oracle. XML XML (eXtensible Markup Language, en castellano: Lenguaje extensible de nodos) , es un conjunto de reglas que sirven para definir etiquetas semánticas para organizar un documento. XML es un metalenguaje que te permite diseñar tu propio lenguaje de etiquetas. A diferencia del un lenguaje de etiquetas basado en SGML (HTML), XML nos permite definir nuestro propia estructura de nodos y lenguaje. 2.6. Lenguajes de Eventos de la Web: ActionScript, JavaScript, RubyonRails, Python… ActionScript ActionScript es un lenguaje de script, pequeñas porciones de código empaquetado en clases, orientado a eventos y objetoss. El lenguaje está basado en las especificaciones de estándar de industria ECMA-262, como JavaScript. ActionScript es un lenguaje que se compila mediante el reproductor Flash Player y ofrece una versión para arquitectura de servidor llamada ActionScript Server
  • 12. 12 ( basada en ActionScript 1.0 ) y otra versión para arquitectura de servidor ActionScript Cliente ( ActionScript 3.0 ) Flash es adoptado en el mundo de desarrolladores web gracias a la inclusión del lenguaje de programación ActionScripts (Macros), en la version 4 de esta herramienta lenguaje, en el año 1997, añadiendo la posibilidad de ejecución de scripts, secuencias de comando ( macros ) y compilación a tiempo real, que ofrecíala herramienta de edición de código Macromedia Homesite. No fue hasta la version 2.0 cuando el lenguaje de programación ActionScript fue considerado un verdadero lenguaje por el sector informático y el mundo prosfesional de la programación, debido , principalmente a su penetración en el mundo web, cercana al 98%. Contrariamente a la opinión general, la versión más extendida en el mundo empresarial es la 1.0 y 2.0, debido a su fácil implementación en arquitecturas de servidor. ActionScript en su versión 3.0, no permite al desarrollador el acceso directo al kernel, aunque esta versión mejora su modelo orientado a objetos, y presenta la más completa y avanzada interpretación de la declaración ECMA-262 version 4 para lenguajes estándares, eliminando cláusulas del lenguaje ActionScript basado en prototipos y heredera de otros lenguajes como Perl, C o C+ +. JavaScript Javascript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos , basado en prototipos, imperativo, débilmente tipado y dinámico. Se utiliza principalmente en su forma de arquitectura de cliente (client-side), implementado como parte de un navegador web, a través del DOM, permitiendo mejoras en la interfaz de usuario y páginas web dinámicas. Desde el año 1999 existe una forma de lenguaje Javascript del lado del servidor ( Server-side Javascript o SSJS ). El nombre inicial del lenguaje fue LiveScript, siendo la denominación final producto confusión de una estrategia de mercadotecnia de Netscape , ,dando la impresión de que el lenguaje era una prolongación de Java.
  • 13. 13 Microsoft dio como nombre a su dialecto de JavaScript, JScript, para evitar problemas relacionadas con la marca. JScript fue adoptado en la versión 3.0 de Internet Explorer y liberado en Agosto del año 1996. JavaScript es administrado por Oracle. Python Nombre inspirado en la banda inglesa Monty Python, Python es un lenguaje de programación de alto nivel cuya filosofía hace hincapié en una sintaxis muy limpia que favorezca un código legible, pues el lenguaje de código debe ser escrito para que pueda ser leído por un humano, con un nivel de 'alfabetización' básico en lenguajes de programación, similar a la alfabetización básica en inglés . Se trata de un lenguaje de programación multiparadigma, que soporta orientación a objetos, programación imperativa y, en menor medida, programación funcional. Es un interpretado, es fuertemente tipado y es multiplataforma. Es administrado por la Python Software Foundation. Posee una licencia de código abierto, denominada Python Software Foundation License,1 que es compatible con la Licencia pública general de GNU a partir de la versión 2.1.1, e incompatible en ciertas versiones anteriores. Ruby Ruby es un lenguaje de programación interpretado, reflexivo y orientado a objetos. Combina una sintaxis inspirada en Python y Perl con características de programación orientada a objetos similares al lenguaje Smalltalk.. Ruby es un lenguaje de programación interpretado y su implementación oficial es distribuida bajo una licencia de software libre. Ruby on Rails, también conocido como RoR o Rails es unas plataforma de desarrollo ( Framework ) de aplicaciones web de código abierto escrito en el lenguaje de programación Ruby, siguiendo el paradigma de la arquitectura Modelo Vista Controlador (MVC). PHP
  • 14. 14 PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente PHP Tools, o, Personal Home Page Tools). Fue creado originalmente por Rasmus Lerdorf en el año1994 para crear su página web personal. Está basado en lenguajes de programación estructurada, como C y Perl. Perl Perl es un lenguaje de programación cuya estructura completa deriva ampliamente del lenguaje C. Perl es un lenguaje imperativo, con variables, expresiones, asignaciones, bloques de código delimitados por llaves, estructuras de control y subrutinas, diseñado por el lingüista y programador Larry Wall en el año 1987. Larry Wall comenzó a trabajar en Perl en 1987 mientras trabajaba como programador en la empresa Unisys. Hasta el año 1991 la única documentación de Perl era man : una simple página de manual de UNIX. La página de manual Unix ‘perlintro’ nos dice: Perl es un lenguaje de propósito general originalmente desarrollado para la manipulación de texto y que ahora es utilizado para un amplio rango de tareas incluyendo administración de sistemas, desarrollo web, programación en red, desarrollo de GUI y más. (sic) Sus principales características son que es fácil de usar, soporta tanto la programación estructurada como la programación orientada a objetos y la programación funcional, tiene incorporado un poderoso sistema de procesamiento de texto y una enorme colección de módulos disponibles. El diseño de Perl puede ser entendido como una respuesta a tres amplias tendencias de la industria informática: rebaja de los costes en el hardware, aumento de los costes laborales y las mejoras en la tecnología de compiladores. Se ha usado desde los primeros días del Web para escribir guiones (scripts) CGI. 3. Los contenidos
  • 15. 15 3.1. Soporte para multimedia: Audio, Imagen, Video. 3.2. Soporte para datos. 3.3. Diferentes reproductores de contenido. 4. Trabajar con gestores de contenidos: CMS Un sistema de gestión de contenidos (en inglés Content Management System, o CMS) es una herramienta que permite crear una estructura de desarrollo ( en inglés, Framework ) para la creación y administración de contenidos, principalmente en páginas web, por parte de los participantes y usuarios de un sitio web. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio. El sistema permite manejar de manera independiente el contenido y el diseño, siendo, por ejemplo, posible manejar el contenido y darle en cualquier momento un diseño distinto sin tener que recrear el formato del contenido. Hoy en día un CMS es un completo editor y gestor web, capaz de sustituir a herramientas de producción y diseño Adobe Dreamweaver o Adobe ColdFusion. 4.1 CMS con código libre: Adobe Open Project, Lamp, Zope-Plone… LAMP LAMP es un acrónimo de una solución de software libre, en código abierto, acuñado por las primeras letras de Linux (sistema operativo), Apache HTTP Server, MySQL (base de datos de software) y Perl - PHP / Python, como componentes principales para construir una alternativa viable general de servidor web. LAMP ofrece un gran número de ventajas para los desarrolladores web novicios: • Fácil de codificar: Los desarrolladores novatos pueden construir y poner en marcha una web muy rápidamente mediante PHP y MySQL. • Fácil de implementar: Al ser PHP es un módulo estándar de Apache, resulta fácil de implementar aplicaciones web mediante la subida de archivos PHP a un servidor Apache y la conexión a una base de datos MySQL.
  • 16. 16 • Desarrollo a nivel local: Puede ser configurado para que tu aplicación se pueda construir a nivel IP local ( localhost ) y luego subirla a la Web. • Alojamiento barato y ubicuo: Muchos hostings ( anfitriones ) de web proporcionan un servicio Apache PHP y MySQL a un cómodo precio. Zope Zope es sinónimo de " Z Object Publishing Environment". Zope es un servidor de aplicaciones Web, de código abierto, orientado a objetos escrito en lenguaje de programación Python. Plone Plone es un sistema de gestión de contenido, libre y de código abierto, construido sobre el servidor de aplicaciones Zope. En principio, Plone puede ser utilizado para cualquier tipo de sitio web, incluyendo blogs, sitios de Internet, tiendas virtuales y sitios web internos. También puede ser utilizado como un sistema de publicación de documentos y herramienta de colaboración de trabajo en grupo. Los puntos fuertes de Plone son su flujo de trabajo flexible y adaptable, muy buena seguridad, extensibilidad, facilidad de uso y flexibilidad. 4.2 CMS con código propietario: Adobe ColdFusion, MS, Apple IOS ColdFusion ColdFusion es una plataforma comercial de desarrollo rápido de aplicaciones creao por el filósofo y programador Jeremy Allaire, , en el año 1995. Es un lenguaje declarativo, basado en las secuencias de comandos de Java. Originalmente estaba diseñado para que fuese más fácil conectar simples páginas HTML con una base de datos, pero en su versión 2 ( año 1996 ) ya se había convertido en una plataforma completa que incluye un potente IDE ( Integrated Development Environment, en castellano: entorno de desarrollo integrado), similara Eclipse, Oracle NetBeans Una de las características distintivas de ColdFusion es este lenguaje de secuencias de comandos asociadas, llamado ColdFusion Markup Language (CFML), que se compara con ASP, JSP y PHP en sus características y propósito final como lenguaje de arquitectura cliente-servidor, pero que se asemeja más a HTML o SGML en su sintaxis.
  • 17. 17 ColdFusion se utiliza a menudo como sinónimo de "CFML" o "PCM", pero presenta otros servidores de aplicaciones, además de ColdFusion CFML, y ColdFusion soporta otros lenguajes de programación además de CFML, como Actionscript Server, o el lenguaje, basado en ECMA-262, conocido como CFScript. Apple iOS iOS es un sistema operativo desarrollado por Apple Inc. para los dispostivos móviles iPod touch, iPhone e iPad. Está basado en una variante del Mach kernel de Mac OS X. Presenta una herramienta SDK que permite desarrollar aplicaciones o sitios web mediante la IDE llamada XCODE, la cual nos permite trabajar con los lenguajes Objective -C, C , C++...Y. No es una plataforma abierta, sino propietaria. La herramienta de desarrollo SDK se puede descargar gratis en el sitio de Apple, pero para publicar el software es necesario registrarse en el Programa de Desarrollo del iPhone, un paso que requiere el pago y la aprobación por parte de Apple. Durante el proceso, se entregan al desarrollador unas claves firmadas que permiten subir una aplicación a la tienda de aplicaciones de Apple. Microsoft Visual Web developer Visual Web Developer forma parte de la familia de Visual Studio 2005, que es un entorno de desarrollo de Microsoft para crear aplicaciones Web; así como aplicaciones cliente (Windows), servicios de Windows, componentes, controles y otros tipos de aplicaciones. No es una plataforma abierta, sino propietaria. 5. Planteamiento de Proyectos: casos reales 5.1. Redes sociales 5.1. Bitácoras (Web-logs) privados 5.1. Proyectos corporativos