La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Curso de Java y Aplicaciones Web Facultad Politécnica – U.N.A. Ing. Esteban Ramírez Programación Web.

Presentaciones similares


Presentación del tema: "Curso de Java y Aplicaciones Web Facultad Politécnica – U.N.A. Ing. Esteban Ramírez Programación Web."— Transcripción de la presentación:

1 Curso de Java y Aplicaciones Web Facultad Politécnica – U.N.A. Ing. Esteban Ramírez Programación Web

2 Objetivos Ejemplo básico Programacion Web con Java Html, JavaScript, Ajax y CSS. Arquitectura de las aplicaciones Web Introducción a las aplicaciones Web Curso de Java y Aplicaciones Web

3 Aplicaciones web Curso de Java y Aplicaciones Web Aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador.

4 Ejemplos de Aplicaciones web Curso de Java y Aplicaciones Web

5 Arquitectura de una aplicación Web Usuario Browser Servidor DNS ¿IP de Servidor Web Conexión TCP al puerto 80 del host Solicitar recurso cursoWeb.pdf Solicitud en formato HTTP Servidor envía respuesta sobre Conexión TCP Cerrar Conexión TCP

6 Arquitectura de una aplicación Web Browser (Firefox, IE, Chrome) Red (Intranet - Internet) Protocolo HTTP (HyperText Transfer Protocol) Servidor Web (Apache, IIS, Tomcat) Servidores de bases de datos (Oracle, MySql) Servicios Web externos (Cotizaciones, Clima)

7 Evolución de las tecnologías para aplicaciones web

8 Tipos de contenido Páginas estáticas: Archivos físicos almacenados en disco Páginas dinámicas: Contenido generado por programas ejecutados en el servidor

9 Lenguajes Web en servidor PHP Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor. ASP.NET Desarrollado para resolver las limitantes de su antecesor ASP. Para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Completamente orientado a objetos. Ambiente Microsoft. PERL Es la alternativa más popular a PHP, es el acronimo de "Practical Extraction and Report Language" uno de los lenguajes más antiguos para este segmento. Gran cantidad de módulos ya escritos. Deriva ampliamente del lenguaje C. PYTHON Creado en el año 1990, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Programación estructurada y orientada a bojetos. Multiplataforma. Opensource. RUBY Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Software Libre. Multiplataforma. Su sintaxis está inspirada en Phyton, Perl.

10 Lenguajes Web en servidor PHP Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor. ASP.NET Desarrollado para resolver las limitantes de su antecesor ASP. Para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Completamente orientado a objetos. Ambiente Microsoft. PERL Es la alternativa más popular a PHP, es el acronimo de "Practical Extraction and Report Language" uno de los lenguajes más antiguos para este segmento. Gran cantidad de módulos ya escritos. Deriva ampliamente del lenguaje C. PYTHON Creado en el año 1990, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Programación estructurada y orientada a bojetos. Multiplataforma. Opensource. RUBY Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Software Libre. Multiplataforma. Su sintaxis está inspirada en Phyton, Perl.

11 Lenguaje en el cliente HTML - HyperText Markup Language JavaScript CSS (Cascading Style Sheets) Flash Others resources

12 Composición de las interfaces Web Ejemplo.html Hola Mundo 2011

13 JavaScript function mostrarMensaje() { alert(Usted ha hecho click); } Las funciones JavaScript pueden estar en archivos separados Composición de las interfaces Web

14 CSS (Cascading Style Sheets) body { font-family: Georgia, Times, "Times New Roman", serif; color: #030; } h1, h2, h3 { font-family: Georgia, Times, "Times New Roman", serif; color: #030; } Puede estar dentro de la misma página o en archivos externos Composición de las interfaces Web

15 HTML – Hypertext Markup Language Estructura de un documento HTML My first HTML document My first HTML document Hello, World Wide Web! Un link

16 Hipertexto ó Enlaces … Link a otro sitio … Link relativo al mismo sitio … HTML – Hypertext Markup Language

17 Formularios Cedula: Nombre: Contraseña: Sexo: Masculino Femenino Nacionalidad: Paraguaya Brasilera Argentina HTML – Hypertext Markup Language

18 Formularios visualización HTML – Hypertext Markup Language

19 Tablas Cédula Nombre Juan Pérez María González Datos en forma tabular. Disposición de elementos en una página. HTML – Hypertext Markup Language

20 CSS – Cascading Style Sheets Inline styles … Título en azul y cursiva … Párrafo en negrita y arial …

21 CSS – Cascading Style Sheets Document level styles Página de párrafos en azul p {color: blue; font-style: italic} Un párrafo en azul... Otro párrafo en azul …

22 CSS – Cascading Style Sheets External Style Sheets En el archivo estilos.css: p {color: blue; font-style: italic} En el archivo pagina.html: Página de párrafos en azul Un párrafo en azul... Otro párrafo en azul …

23 CSS – Cascading Style Sheets Anidamiento #top { background-color: #ccc; padding: 1em ; color: #cccccc; } #top h1 { color: #ff0; } #top p { color: red; font-weight: bold; } Texto 1 Texto 2 Texto 3

24 DHTML, JavaScript y CSS Definición de estilos con JavaScript tags.H1.color = "red" tags.H1.textTransform = "capitalize" tags.P.color = "blue" Some heading Some paragraph text.

25 J2EE Java Platform, Enterprise Edition o Java EE

26 Servlets - Funcionamiento 1 Usuario Servidor de aplicaciones

27 Servlet 1 Usuario Servidor de aplicaciones 2 javax.servlet.http.HttpServlet Servlets - Funcionamiento

28 Servlet pagina.html 1 Usuario Servidor de aplicaciones 2 3 Servlets - Funcionamiento javax.servlet.http.HttpServlet

29 Servlet pagina.html 1 Usuario Servidor de aplicaciones Servlets - Funcionamiento javax.servlet.http.HttpServlet

30 Servlet pagina.html 1 Usuario Servidor de aplicaciones Servlets - Funcionamiento javax.servlet.http.HttpServlet

31 Servlets Conteiner (Servidores de aplicaciones J2EE) Apache Tomcat GlassFish

32 Apache Tomcat GlassFish Servlets Conteiner (Servidores de aplicaciones J2EE)

33 Registrar Tomcat en NetBeans Tools -> Servers Servlets Conteiner (Servidores de aplicaciones J2EE)

34 Servlets - Ejemplo

35 Servlets – proyecto Test

36

37

38

39 Servlets - Ejemplo Archivo de configuración de la App. Web. Archivos xHtml Archivos.java Librerías.jar Archivo de configuración dependiente del server

40 Servlets – Test.java

41

42 Servlets – Web.xml

43 Servlets – Run

44 Servlets - Ejemplo

45 Servlets - Ejemplo

46 Servlets - Ejemplo

47 Iteración con pagina Html Curso de Java y Aplicaciones Web

48 Estructura de una App Web.war (Web Application Archive)

49 Frameworks

50 En el desarrollo de software, un framework es una estructura conceptual y tecnológica de soporte definida, normalmente con artefactos o módulos de software concretos, con base en la cual otro proyecto de software puede ser organizado y desarrollado.

51 Frameworks web java

52

53 Curso de Java y Aplicaciones Web. Ing. Esteban Ramírez


Descargar ppt "Curso de Java y Aplicaciones Web Facultad Politécnica – U.N.A. Ing. Esteban Ramírez Programación Web."

Presentaciones similares


Anuncios Google