C1 PW

Desarrollo de Aplicaciones para
Internet
Presentación de la materia. Evaluaciones

Ing. Yainier Labrada Nueva
yainier@gmail.com
777 1333 112

Universidad del Valle de Cuernavaca

Distribución de las actividades
Tema 1: Programación en el cliente.
XHTML-HTML5
CSS-CSS3, Boostrap
Javascript, DOM, jQuery

Tipos de actividades: conferencias, laboratorios y talleres.

Distribución de lasactividades
Tema 2: Programación del lado del servidor.
PHP, POO, Patrones, Acceso a BD, Framework
PHP, Seguridad

Tipos de actividades: conferencias, laboratorios y talleres.

Distribución de las actividades
Tema 3: Temas avanzados.
CMS, Ajax, Servicios Web...

Tipos de actividades: conferencias, laboratorios y talleres.

Sistema evaluativo
 Participación en clases y laboratorios.
 Realización delas tareas y los estudios independientes.
 Proyecto final.

Desarrollo de Aplicaciones para
Internet
Conferencia 1 Introducción a la Programación
Cliente – Servidor.

Universidad del Valle de Cuernavaca

Objetivo General

Caracterizar las
del lado del
cliente, específicamente
tecnologías
que
crear aplicaciones
HTML
permita de
enriquecidas
aplicando
los nuevos estándares de lainternet,
W3C.Sumario
 Introducción a la Programación Cliente - Servidor.
 Principales etiquetas del lenguaje
 HTML
 Reglas XHTML
 Evolución de HTML a HTML 5.
 Principales elementos de HTML 5

Evolución de Internet

Arquitectura Cliente – Servidor
Modelo cliente – servidor.

Cliente

 El cliente y el servidor pueden actuar
como una sola entidad y también
como entidades separadas.
 El cliente nonecesita conocer la
lógica del servidor.

Respuesta

Pedido

Servidor

 El cliente no depende de la ubicación
física del servidor, ni el tipo de S.O.
 Los cambios en el servidor implican
pocos o ningún cambio en el cliente.
 Las funciones de cliente y servidor
pueden estar en plataformas
separadas.

Arquitectura Web

Cliente

Respuesta

HTTP

Pedido

 HTML como lenguaje para elaborar y
relacionarlos documentos Web .
 HTTP como protocolo de
comunicación.
 URL como identificador de
los documentos y recursos.

Servidor

Proceso funcional
 Cliente solicita un recurso a
través de una URL y HTTP.
 Servidor localiza el recurso.
 Interprete procesa la página
solicitada e intercambia
con
los servidores de
fondo.

 HTML como lenguaje para elaborar y
relacionar los documentos Web .

Interprete pasa el código
HTML al Servidor Web.

 URI como los identificadores de los
documentos.

 Cliente recibe el recurso a
través del protocolo
HTTP.

 HTTP como protocolo de
comunicación.

Navegador Web (cliente)

 Permitir que el usuario pueda solicitar un recurso en la red.
 Decodificar la URL.
 Conectarse a una computadora servidora.
 Recibir la página de resultado que envía el host oservidor.
 Interpretar el hipertexto encontrado.
 Mostrarlo adecuadamente teniendo en cuenta las características y
limitaciones del entorno del cliente.
 Responder a las acciones que ejecuta el usuario como activación de un
hipervínculo y otros.

Principales navegadores

Browser Statistics
2015
Agosto

Internet
Explorer

6.6
%

Firefox

Chrome

21.2 % 64.0%http://www.w3schools.com/browsers/browsers_stats.asp

Safari

Opera

4.5 %

2.2 %

Google Chrome

Mozilla Firefox

Microsoft Internet Explorer

Tecnologías disponibles
Tecnologías del cliente

 Scripts del lado del cliente (Javascript, JScript, Vbscript).
 DOM Document Object Model.
 CSS Cascade Style Sheets.
 El uso de JAVA (Applets).
 El uso de ActiveX/Plugins.
Tecnologías del servidor

 CGI (Common Gateway Interface).
API de los servidores Web (ISAPIS).
 Scripts del lado del servidor (ASP, PERL, PHP, JSP).
 Lenguajes Orientados a Objeto(Java, PHP, C#, Python)

Internet hoy...

Hoy...

Hoy...

Dispositivos

La evolución de la Web

USABILIDAD

Usabilidad
 ISO/IEC 9126: La usabilidad se refiere a la capacidad de un
software de ser comprendido, aprendido, usado y ser
atractivo para el usuario, en...