Documentos de Académico
Documentos de Profesional
Documentos de Cultura
INSTITUTO TECNOLGICO
DE ORIZABA
ALUMNO
ROMERO MENDEZ IVAN DANIEL
MATERIA
PROGRAMACION WEB
TEMA
ACTIVIDADES PROGRAMACION WEB
GRUPO
7g5D
HORA
16:00 A 17:00
Unidad 1
La web 1.0
La Web 1.0 (1991-2003) es la forma ms bsica que existe, con navegadores de slo
texto bastante rpidos ya que es de slo lectura. El usuario no puede interactuar con el
contenido de la pgina (nada de comentarios, respuestas, citas, etc), estando totalmente
limitado
a
lo
que
el
Webmaster
sube
a
sta.
botones GIF, casi siempre a una resolucin tpica de 88x31 pixels en tamao
promocionando navegadores web u otros productos.
Pgina 2
problema que en el cdigo se poda observar los detalles del envo del correo
electrnico.
Todas sus pginas se creaban de forma fija y muy pocas veces se actualizaban.
No se trata de una nueva versin, sino de una nueva forma de ver las cosas.
La web 2.0
El trmino Web 2.0 comprende aquellos sitios web que facilitan el compartir informacin,
la interoperabilidad, el diseo centrado en el usuario y la colaboracin en la World Wide
Web. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre s como
creadores de contenido generado por usuarios en una comunidad virtual, a diferencia de
sitios web estticos donde los usuarios se limitan a la observacin pasiva de los
contenidos que se han creado para ellos. Ejemplos de la Web 2.0 son las comunidades
web, los servicios web, las aplicaciones Web, los servicios de red social, los servicios de
alojamiento
de
videos,
las
wikis,
blogs,
mashups
y
folcsonomas.
Servicios asociados:
Redes sociales: Sitios web donde cada usuario tiene una pgina donde publica
contenidos y se comunica con otros usuarios. Ejemplos: Facebook, Twitter, Tuenti,
Hi5, Myspace, etc.
Entornos para compartir recursos: Entornos que nos permiten almacenar recursos
o contenidos en Internet, compartirlos y visualizarlos cuando nos convenga.
Existen de diversos tipos, segn el contenido que albergan o el uso que se les da:
1. Documentos: Google Drive y Office Web Apps (SkyDrive), en los cuales podemos
subir nuestros documentos, compartirlos y modificarlos.
2. Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles de vdeos
subidos y compartidos por los usuarios.
Pgina 3
3. Fotos: Picassa, Flickr... Permiten disfrutar y compartir las fotos tambin tenemos la
oportunidad de organizar las fotos con etiquetas, separndolas por grupos como si
fueran lbumes, podemos seleccionar y guardar aparte las fotos que no queremos
publicar.
4. Agregadores de noticias: Digg, Meneame... Noticias de cualquier medio son
agregadas y votadas por los usuarios.
5. Almacenamiento online: Dropbox, Google Drive, SkyDrive
6. Presentaciones: Prezzi, Slideshare.
7. Plataformas educativas
8. Aulas virtuales (sncronas)
9. Encuestas en lnea
La web 3.0
Web 3.0 es una expresin que se utiliza para describir la evolucin del uso y la interaccin
de las personas en internet a travs de diferentes formas entre los que se incluyen la
transformacin de la red en una base de datos, un movimiento social hacia crear
contenidos accesibles por mltiples aplicaciones non-browser, el empuje de las
tecnologas de inteligencia artificial, la web semntica, la Web Geoespacial o la Web 3D.
Se basa en la idea de aadir metadatos semnticos y ontolgicos a la World Wide Web.
Esas informaciones adicionales que describen el contenido, el significado y la relacin
de los datos se deben proporcionar de manera formal, para que as sea posible
evaluarlas automticamente por mquinas de procesamiento. El objetivo es mejorar
Internet ampliando la interoperabilidad entre los sistemas informticos usando "agentes
inteligentes". Agentes inteligentes son programas en las computadoras que buscan
informacin sin operadores humanos. Con la web 3.0 se busca que los usuarios puedan
conectarse desde cualquier lugar, cualquier dispositivo y a cualquier momento.
Bases de datos
Inteligencia artificial
Evolucin al 3D
Pgina 4
La web 4.0
Una aplicacin Web es proporcionada por un servidor Web y utilizada por usuarios que se
Conectan desde cualquier punto va clientes Web (browsers o navegadores). La
arquitectura
de
un
Sitio
Web
tiene
tres
componentes
principales:
Un
servidor
Web
Una
conexin
de
red
Uno
o
ms
clientes
El servidor Web distribuye pginas de informacin formateada a los clientes que las
solicitan. Los requerimientos son hechos a travs de una conexin de red, y para ello se
usa el protocolo HTTP. Una vez que se solicita esta peticin mediante el protocolo HTTP
y la recibe el servidor Web, ste localiza la pgina Web en su sistema de archivos y la
enva
de
vuelta
al
navegador
que
la
solicit.
Pgina 5
servidores
web,
y
que
utilizan
como
interfaz
pginas
web.
Las pginas Web son el componente principal de una aplicacin o sitio Web. Los
browsers piden pginas (almacenadas o creadas dinmicamente) con informacin a los
servidores Web. En algunos ambientes de desarrollo de aplicaciones Web, las pginas
contienen cdigo HTML y scripts dinmicos, que son ejecutados por el servidor antes de
entregar
la
pgina.
Una vez que se entrega una pgina, la conexin entre el browser y el servidor Web se
rompe, es decir que la lgica del negocio en el servidor solamente se activa por la
ejecucin de los scripts de las pginas solicitadas por el browser (en el servidor, no en el
cliente). Cuando el browser ejecuta un script en el cliente, ste no tiene acceso directo a
los recursos del servidor. Hay otros componentes que no son scripts, como los applets
(una aplicacin especial que se ejecuta dentro de un navegador) o los componentes
ActiveX. Los scripts del cliente son por lo general cdigo JavaScript o VBSscript,
mezclados
con
cdigo
HTML.
La coleccin de pginas son en una buena parte dinmicas (ASP, PHP, etc.), y estn
agrupadas lgicamente para dar un servicio al usuario. El acceso a las pginas est
agrupado tambin en el tiempo (sesin). Los componentes de una aplicacin Web son:
1. Lgica de negocio.
Parte
Define
Conjunto
ms
los
de
importante
de
procesos
que
involucran
operaciones
requeridas
para
la
a
la
proveer
el
aplicacin.
aplicacin.
servicio.
de
BD
archivos.
3. Interfaz
Los usuarios
Funcionalidad
Limitada
acceden a travs de
accesible
a
y
dirigida
navegadores,
travs
por
mviles,
del
la
PDAs, etc.
navegador.
aplicacin.
Las aplicaciones web se modelan mediante lo que se conoce como modelo de capas,
Una capa representa un elemento que procesa o trata informacin. Los tipos son:
Modelo de dos capas: La informacin atraviesa dos capas entre la interfaz y la
administracin de los datos.Modelo de n-capas: La informacin atraviesa varias capas, el
ms habitual es el modelo de tres capas.
Modelo de dos Capas.
Gran
parte
de
la
aplicacin
corre
en
el
lado
del
cliente
(fat
client).
Pgina 6
Cliente (fat client): La lgica de negocio est inmersa dentro de la aplicacin que realiza el
interfaz
de
usuario,
en
el
lado
del
cliente.
Servidor:
Administra
los
datos.
Las
limitaciones
de
este
Es
difcilmente
Nmero
de
conexiones
Alta
carga
de
La
flexibilidad
es
La funcionalidad es limitada.
modelo
son.
escalable
reducida
red.
restringida
la
capas
Capa
de
de
presentacin
(parte
este
en
el
Capa
de
cliente
modelo
y
parte
en
son:
el
Servidor
proceso
(servidor
web)
Pgina 7
Recibe
la
entrada
de
datos
de
Interacta
con
la
capa
de
datos
Manda
los
resultados
procesados
a
3.
Capa
de
Almacena
Recupera
Mantiene
segura la integridad de los datos
datos
la
capa
de
para
realizar
la
capa
de
(servidor
los
los
de
presentacin
operaciones
presentacin
datos)
datos
datos
datos
Pgina 8
originalmente diseado para el desarrollo web de contenido dinmico. Fue uno de los
primeros lenguajes de programacin del lado del servidor que se podan incorporar
directamente en el documento HTML en lugar de llamar a un archivo externo que procese
los datos. El cdigo es interpretado por un servidor web con un mdulo de procesador de
PHP
que
genera
la
pgina
Web
resultante.
Tecnologias
en
la
capa
de
negocios
Se
clasifican
en:
*Servidor
de
aplicaciones:
de
aplicaciones
JBoss
JBoss es un servidor de aplicaciones para Java. Es muy reconocido por ser de los
primeros servidores de aplicacin empresarial gratuito y open source. Al estar basado en
Java, puede ser utilizado en cualquier sistema operativo que lo soporte, ofreciendo una
plataforma de alto rendimiento para aplicaciones java, aplicaciones Web y Portales.
Enterprise
Java
Beans
(EJB)
Adobre
Dreamweaver
Ganymede
Pgina 9
Es un entorno integrado (IDE) para desarrollo de aplicaciones con java. Est soportado
por IBM, es un proyecto open source, multiplataforma para desarrollar lo que el proyecto
llama "Aplicaciones de Cliente Enriquecido". Se est convirtiendo en el estndar de facto
de
los
entornos
de
desarrollo
para
Java.
PostgreSQL
Server
8.3
Es un potente gestor de cdigo abierto, ofrece servicios de control de concurrencia multiversin, soportando casi toda la sintaxis SQL (incluyendo subconsultas, transacciones,
tipos y funciones definidas por el usuario), contando tambin con un amplio conjunto de
enlaces con lenguajes de programacin (incluyendo C, C++, Java, Perl y Python). Es
extensible, brinda gran estabilidad y confiabilidad y es multiplataforma.
Pgina 10
A menudo antes de empezar un proyecto no tenemos claro cal es el objetivo del mismo
o qu pretendemos alcanzar por eso esta pequea lista te puede ayudar a la hora de
planificar
un
proyecto.
Planificar una aplicacin web implica pensar y definir muchas cuestiones de importancia:
1.
Planificar
el
futuro
Puede sonar un poco duro que nos tengamos planear el futuro de algo que an no existe
pero es as, que pasa si en un futuro tuvieramos problemas de escalabilidad, y s
tuvieramos que migrar las bases de datos de MySql a Oracle, de una buena planificacin
depende la dificultad en un futuro de realizar cambios en la plataforma que sostiene
nuestra
aplicacin.
2.
Documentacin
Documenta todo lo que puedas tu aplicacin en especial aquellas partes de la misma que
hayan requerido un mayor tiempo de desarrollo, en un futuro cercano te librar de ms de
un
quebradero
de
cabeza.
3.
No
empiezes
por
los
pequeos
detalles
Diseo
de
la
interfaz
Esta entrada puede que te ayude en esta parte, es importante conseguir un buen diseo
para nuestra interfaz, es importante conseguir un interfaz que se atractivo y til para la
gran mayoria de los usuarios, lo ms importante es llegar a conectar con el usuario y la
Romero Mndez Ivn Daniel
Pgina 11
mejor manera es ofrecerle la mayor cantidad de informacin posible para que se llegue a
sentir parte del proyecto pero todo esto muchas veces no lo llegamos a conseguir por una
mala eleccin en la combinacin de los colores que se integran en nuestra interfaz.
5.
Evita
construirte
libreras
frameworks
innecesarios
Muchas personas siempre sostienen que es mejor que cada desarrollador utilize sus
propias libreras, pero la realidad es que en muchas ocasiones esto supone una gran
prdida de tiempo, es mejor buscar una librera o framework que se parezca lo ms
posible
a
lo
deseado
que
desarrollarlo
por
ti
mismo.
6.
Ten
un
plan
de
proyecto
Asegrate de que cada desarrollador que trabaje en el proyecto sepa qu es lo que debe
de hacer y cundo tiene que hacerlo, teniendo todo esto redactado en un documento te
ayudar
a
identificar
problemas.
7.
Elige
el
lenguaje
adecuado
Evita
las
distracciones
Sigue
un
buen
control
de
calidad
Muchas veces nos equivocamos al planificar los tiempos de proyecto y esto lleva a
menudo a los desarrolladores a tener que escribir cdigo sucio, esta es una buena
opcin si lo que quieres es una demo de la aplicacin funcionando pero ea actitud te
traer
problemas
en
el
futuro.
10.
Plantate
los
pasos
seguir
despues
del
desarrollo
Ten en cuenta que est fase de desarrollo algn da deber acabar, estudia con qu
frecuencia se deber actualizar y que se necesita para que este funcione.
Pgina 12
Pgina 13
Actividad de la unidad 1
Menciona 5 aspectos por los cuales el desarrollo de las aplicaciones web ha
evolucionado.
o
o
o
o
o
o
o
Ahorra Tiempo
No hay problemas de compatibilidad
No ocupan espacio en nuestro disco duro.
Actualizaciones inmediatas
Consumo de recursos bajo
Multiplataforma
Portables
Pgina 14
La capa intermedia es el cdigo que el usuario invoca para recuperar los datos
deseados. La capa de presentacin recibe los datos y los formatea para
mostrarlos adecuadamente. Esta divisin entre la capa de presentacin y la de la
lgica permite una gran flexibilidad a la hora de construir aplicaciones, ya que se
pueden tener mltiples interfaces sin cambiar la lgica de la aplicacin.
La tercera capa consiste en los datos que gestiona la aplicacin. Estos datos
pueden ser cualquier fuente de informacin como una base de datos.
Una aplicacin Web tpica recoger datos del usuario (primer nivel), los enviar al
servidor, que ejecutar un programa (segundo y tercer nivel) y cuyo resultado ser
formateado y presentado al usuario en el navegador (primer nivel otra vez).
Que es java server pages.
javaServer Pages (JSP) es una tecnologa que ayuda a los desarrolladores de software a
crear pginas web dinmicas basadas en HTML, XML, entre otros tipos de documentos.
JSP es similar a PHP, pero usa el lenguaje de programacin Java.
Pgina 15
Para desplegar y correr JavaServer Pages, se requiere un servidor web compatible con
contenedores servlet como Apache Tomcat o Jetty.
o
TagLibs -> JSP -> Servidor Aplicaciones (Servlets) -> Cliente (Navegador)
El rendimiento de una pgina JSP es el mismo que tendra el servlet equivalente, ya que
el cdigo es compilado como cualquier otra clase Java. A su vez, la mquina virtual
compilar dinmicamente a cdigo de mquina las partes de la aplicacin que lo
requieran. Esto hace que JSP tenga un buen desempeo y sea ms eficiente que otras
tecnologas web que ejecutan el cdigo de una manera puramente interpretada.
La principal ventaja de JSP frente a otros lenguajes es que el lenguaje Java es un
lenguaje de propsito general que excede el mundo web y que es apto para crear clases
que manejen lgica de negocio y acceso a datos de una manera prolija. Esto permite
separar en niveles las aplicaciones web, dejando la parte encargada de generar el
documento HTML en el archivo JSP.
Escribe al menos 3 tipos para la planificacin de las aplicaciones web.
o
Pgina 16
corporativa
debemos
tener
claro
primero
el
rango
de
potenciales usuarios que queremos atraer a nuestro portal. Por ejemplo, un portal
turstico buscar atraer personas interesadas en sus vacaciones, un portal sobre
maquinara, noticias de deportes de invierno, etc. En estos casos se ofrece
informacin y se obtiene beneficio, bien a travs de la publicidad, suscripciones a
servicios extras o acuerdos entre empresas para destacar su informacin sobre el
resto. Con la web 2.0, muchos de esos portales se han convertido en
comunidades, donde son los propios usuarios los que aportan una parte de la
informacin.
o
Pgina 17