Desarrollo y servicios web

Transcripción

1 Desarrollo y servicios web Luisa Fernanda Rincón Pérez

2 2 Sesión 1. Introducción al desarrollo web

3 Qué haremos hoy? 3 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios 4. Aplicaciones WEB

4 Quiénes son ustedes? 4

5 2. Presentación del curso 5

6 6 Objetivos Objetivos Identificar la estructura y componentes tecnológicos de una aplicación Web Describir las técnicas y estándares involucrados básicos en su desarrollo y administración. Reconocer los principios en el diseño de aplicaciones y sitios Web.

7 7 Objetivos Objetivos Manipular herramientas de diseño para la creación y administración de sitios. Identificar los métodos de desarrollo de software acordes a la magnitud y complejidad de los proyectos. Identificar aspectos de seguridad, éticos y legales de la Web.

8 Qué temas veremos en el curso? Introducción a la web ( Web 1.0, web 2.0, web 3.0), origen del internet, arquitectura web. Cookies, sesiones y técnicas de programación segura. Conceptos de usabilidad en la web. Lenguajes de programación para la web. Bases de datos NOSQL. Servicios web SOAP y REST. Frameworks de desarrollo web

9 Cuál es la metodología? Clases teóricas, clases teórico prácticas, talleres, tareas y exposiciones, tutoriales, parcial

10 Metodología 10 Parcial Talleres Exposiciones Lecturas y consultas Desarrollo curso Tareas

11 Evaluación 11 Talleres Exposición Proyecto Parcial final Tareas, quices 30% 40% 10% 15% 5%

12 Reglas de convivencia. Durante la clase 12 La puntualidad es importante. Iniciamos clase a la hora en punto. Siempre tomo asistencia. No se permite contestar el teléfono en clase. Evitar el uso de dispositivos electrónicos para actividades que no se relacionen con el curso El sitio de comunicación y consulta del curso es moodle. Deben inscribirse.

13 Reglas generales 13 Faltas ortográficas disminuyen la nota de las actividades. Pueden encontrarme en la oficina 2-57 en el departamento de Electrónica y Ciencias de la Computación. Mi correo [email protected] Con un 20% de faltas se pierde el curso por inasistencia. Eventualmente haré quiz y actividades calificables en clase. No se recupera la nota de esta actividad si hubo falta injustificada. Cuando falte la mitad del grupo haré quiz.

14 14 Trabajos Los trabajos que desarrollemos deberán ser subidos en servidores web para que puedan ser consultados vía web. El código fuente se debe subir a gitlab.

15 CONTENIDO WIKI

16 16 Bibliografía Software engineering for modern web applications. Daniel M Brandon. Ingeniería de Software. Ed 9. Somerville. Ingeniería de software un enfoque práctico. Roger Pressman. Software Architecture in practice. Len Bass, Paul Clements, Rick Kazman Fundamentals of software integration. Kay Hammer and Tina Timmerman Sitios web MongoDB, Ruby on Rails y.net

17 Tareas Miércoles: Crear una cuenta en el hosting gratuito CuCCFREE. Leer el artículo sobre web design trends (ver Moodle) Lunes: Tarea de GIT ( enunciado esta subido en Moodle)

18 3. Introducción a la Web 18

19 Internet Trends 2015 Tomada de : 2_ericsson-cd-3.png

20 Por qué la WWW

21 21 WWW ( WORLD WIDE WEB) O WEB Creado por Tim Berners-Lee del CERN (Laboratorio Europeo de Física de Partículas en Ginebra) Miles de páginas web enlazadas conectadas entre sí por medio de hiperenlaces La idea: recuperar la información de manera sencilla sin saber exactamente dónde se encuentra Se basa en documentos de hipertexto ( HTLM)

22 La web en cifras 22 Fuente:

23 23 Cómo acceder a una página web? Uso navegadores (según revista Forbes)

24 Historia Web 1.0 Web 2.0 Fuente: web

25 Ejemplos sitio web

26 Ejemplo web

27 Ejemplo Sitio Web a 2016

28 Web 2.0 Arquitectura participación. de Información generada por los usuarios. Comentarios y participación en tiempo real. Minería de datos en entornos Web 2.0

29 Riesgo de la web Se confía en la calidad de las contribuciones del usuario, por esta razón puede haber información Que no es de calidad. Por ejemplo Fuente:

30 Riesgo de la web 2.0 Fuente: html 30

31 4. Aplicaciones web 31

32 Aplicación web 32 Es una aplicación software que se codifica en un lenguaje soportado por los navegadores web.

33 Cuáles son los beneficios de las aplicaciones web? 33 El navegador web es un cliente ligero Independencia del sistema operativo Facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales

34 Cambio de un mismo sitio según el país: Coca-cola 34

35 35 Arquitectura básica de la web Conceptos fundamentales

36 Componentes básicos de la web 36 HTTP HTTP INTERNET BROWSER (HTLM) & URL Javascript, ajax, jquery UI, HTML, CSS SERVIDORES Php, Jsp, ASP. Net, Razor.net, rails, etc

37 Componentes básicos de la web 37 HTTP HTTP INTERNET BROWSER (HTLM) & URL Javascript, ajax, jquery UI, HTML, CSS SERVIDORES Php, Jsp, ASP. Net, Razor.net, rails, etc

38 Servidor 38 Un servidor es un nodo que, formando parte de una red, provee servicios a otros nodos denominados clientes. Debe estar en capacidad de estar en funcionamiento 24/7

39 39 Servidores web Es un programa que está esperando permanentemente peticiones de conexión mediante el protocolo HTTP por parte de los clientes web. Pregunta Cuáles podrían ser clientes web?

40 Algunos servidores web 40

41 41 Wamp server Ambiente de desarrollo web en windows. Instala Apache + php+mysql + phpmyadmin

42 42 XAMMP Server Ambiente de desarrollo web en Windows o LInux Instala Apache + php+mysql + phpmyadmin

43 43 Practicar Iniciar el Wamp server de cada equipo y ver la página de inicio Computadores puerto 8080 (habitualmente puerto 80) URL:

44 Vista Cpanel

45 Especificaciones del hosting gratuito

46 Qué es HTML?

47 Qué es HTML 5? Último estándar para HTML Diseñado para reemplazar HTML4 y XHTML Diseñado para mostrar más contenido evitando uso de plugins Diseñado para varias plataformas

48 Aprender HTML SEGUIR LOS CONCEPTOS DEL CURSO com/html-css/buildingyour-first-web-page/