Академический Документы
Профессиональный Документы
Культура Документы
pez
pez
Computers: Information Technology in Perspective
By Long and Long
Copyright 2002 Prentice Hall, Inc.
Generalidades de Desarrollo Web
Generalidades de Desarrollo Web
Cap
Cap
tulo 1
tulo 1
Quit Quit 8.3 8.3
Objetivos
Objetivos
Qu
Qu
es una p
es una p
gina web?
gina web?
Y un sitio web?
Y un sitio web?
Y una aplicaci
Y una aplicaci
n web?
n web?
Quit Quit 8.7 8.7
1. Conceptos: Browser
1. Conceptos: Browser
Quit Quit 8.8 8.8
1. Conceptos
1. Conceptos
Aplicacin web es aquella que los
usuarios usan accediendo a un
servidor, existiendo en l lgica del
negocio
Sitio Web donde la navegacin a
travs de l y la entrada de datos por
parte de un usuario, afectan el estado
de la lgica del negocio
Amazon, Viabcp, Claro
Quit Quit 8.9 8.9
2. Ventajas
2. Ventajas
Practicidad del navegador web
(browser) como cliente ligero
Habilidad para actualizar y mantener
aplicaciones web sin distribuir e
instalar software en los clientes
Enfocado al usuario
Quit Quit 8.10 8.10
3. Historia
3. Historia
En los primeros tiempos de la
En los primeros tiempos de la
computaci
computaci
n ten
n ten
a
a
su propio programa cliente y su interfaz
su propio programa cliente y su interfaz
de usuario
de usuario
Se instalaban separadamente en cada
Se instalaban separadamente en cada
estaci
estaci
a
a
t
t
ginas en
ginas en
un formato est
un formato est
gina
gina
web
web
individual es enviada al
individual es enviada al
cliente como un documento est
cliente como un documento est
tico
tico
producto de lo que el cliente solicita
producto de lo que el cliente solicita
Quit Quit 8.12 8.12
4. Arquitectura
4. Arquitectura
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
Quit Quit 8.13 8.13
4. Arquitectura
4. Arquitectura
Qu
Qu
pasa en el servidor?
pasa en el servidor?
La informacin mostrada en las
pginas muchas veces est
almacenada en una base de datos, y
las pginas son creadas
dinmicamente
Quit Quit 8.14 8.14
4. Arquitectura
4. Arquitectura
Importar
Importar
Ser
Ser
C
C
mo funciona?
mo funciona?
Mquina Servidor
PHP
SERVLETS
ASP
BD
HTTP
SERVIDOR
WEB
Mquina Cliente
Quit Quit 8.20 8.20
SERVIDOR WEB
SERVIDOR WEB
Programa que implementa el protocolo
Programa que implementa el protocolo
HTTP (permite transferir p
HTTP (permite transferir p
ginas web)
ginas web)
Se ejecuta constantemente en el equipo
Se ejecuta constantemente en el equipo
servidor
servidor
Espera peticiones del cliente y responde a
Espera peticiones del cliente y responde a
ellas enviando p
ellas enviando p
el
el
browser
browser
Apache, IIS
Apache, IIS
6.
6.
C
C
mo funciona?
mo funciona?
Quit Quit 8.21 8.21
7. Abstracciones de la Arq.
7. Abstracciones de la Arq.
Computers: Information Technology in Perspective
By Long and Long
Copyright 2002 Prentice Hall, Inc.
FIN
FIN
Generalidades de Desarrollo Web
Generalidades de Desarrollo Web
Quit Quit 8.23 8.23
CONTENIDOS
CONTENIDOS
CAP
CAP
TULO I.
TULO I.
Generalidades del desarrollo
Generalidades del desarrollo
web
web
Lenguaje HTML
Lenguaje HTML
CAP
CAP
TULO II.
TULO II.
Ingenier
Ingenier
a Web
a Web
CAP
CAP
TULO III.
TULO III.
Usabilidad
Usabilidad
Web, CSS, Mapa de Navegaci
Web, CSS, Mapa de Navegaci
n,
n,
Programaci
Programaci
n Web
n Web
Proyecto Guiado
Proyecto Guiado
Quit Quit 8.24 8.24
HERRAMIENTAS
HERRAMIENTAS
ADOBE DREAMWEAVER
ADOBE DREAMWEAVER
EASYPHP (APACHE, MYSQL, PHP)
EASYPHP (APACHE, MYSQL, PHP)
BROWSERS
BROWSERS
Quit Quit 8.25 8.25
BIBLIOGRAF
BIBLIOGRAF
A
A
Freeman, Elisabeth. Head First HTML
with CSS & XHTML , OReally, 2006
Pressman, Roger. Ingeniera de
Software. Un Enfoque Prctico ,
McGraw - Hill, Sexta Ed, 2005
Quit Quit 8.26 8.26
RECURSOS INTERNET
RECURSOS INTERNET
http://es.wikibooks.org/wiki/Lenguaje_HTML
http://www.w3.org/wiki/HTML/Training
http://www.webestilo.com/html/
http://es.html.net/tutorials/
Quit Quit 8.27 8.27
NOTA FINAL
NOTA FINAL
El promedio final ser calculado de la siguiente
manera:
EX: Examen 25%
TF: Trabajo final y exposicin 25%
PPW: Proyecto de Sitio web personal 15%
LAB: Nota de Laboratorio 25%
PC: Prcticas en clase Y Control lectura 10%
Los trabajos finales slo podrn ser entregados el
da indicado, sin prrroga.
Quit Quit 8.28 8.28
TEMAS DE TRABAJO FINAL
TEMAS DE TRABAJO FINAL
1. J OOMLA
2. MOODLE
3. USABILIDAD EN APLICACIONES WEB
4. MEDIOS EN INTERNET: RADIO, TV,
PERIDICOS
5. GOOGLE: HERRAMIENTAS
6. SEGURIDAD EN INTERNET
7. HERRAMIENTAS PARA CREACIN DE
APLICACIONES WEB
8. LENGUAJ ES DE PROGRAMACIN WEB
9. BASES DE DATOS PARA APLICACIONES WEB
10. WEB 2.0 Y WEB 3.0
Quit Quit 8.29 8.29
Qu Qu vamos a desarrollar? Sitios Est vamos a desarrollar? Sitios Est ticos ticos
Pgina
HTML
Pgina
HTML
Servidor web
Cliente
(navegador)
<ht ml >
<head>
<t i t l e>Asi Funci ona
</ t i t l e>
</ head>
<body>
Hol a, Ana
</ body>
</ ht ml >
INTERNET
EN EL LABORATORIO
Quit Quit 8.30 8.30
Qu Qu vamos a desarrollar? vamos a desarrollar?
Pgina
PHP
Intrprete
PHP
Pgina
HTML
Pgina
HTML
Servidor web
Cliente
(navegador)
<?php
$nombr e = " Ana" ;
pr i nt ( " Hol a, $nombr e" ) ;
?>
Hol a, Ana
INTERNET
EN EL LABORATORIO
Quit Quit 8.31 8.31
Cuestionario N
Cuestionario N
1
1
1. 1.
Indicar la diferencia entre p
Indicar la diferencia entre p
gina
gina
web
web
,
,
sitio
sitio
web
web
y aplicaci
y aplicaci
n
n
web
web
2. 2.
Por qu
Por qu
se utilizan las Aplicaciones
se utilizan las Aplicaciones
Web?
Web?
3. 3.
De 3 ejemplos de sitios
De 3 ejemplos de sitios
web
web
est
est
ticos
ticos
4. 4.
De 3 ejemplos de sitios
De 3 ejemplos de sitios
web
web
din
din
micos
micos
5. 5.
Indicar las ventajas de usar
Indicar las ventajas de usar
aplicaciones
aplicaciones
web
web
6. 6.
Qu
Qu
opina de los problemas de
opina de los problemas de
seguridad en
seguridad en
internet
internet
?
?
7. 7.
Hacer un diagrama de c
Hacer un diagrama de c
mo funciona
mo funciona
una aplicaci
una aplicaci
n
n
web
web