Ingeniería Web. Dr. Ismael Figueroa. Oficina 3-8, IBC

Transcripción

1 Ingeniería Web Dr. Ismael Figueroa Oficina 3-8, IBC

2 Problema Cómo podemos desarrollar aplicaciones que puedan ser usadas simultáneamente por miles de usuarios, donde los usuarios siempre tengan la versión más actualizada, y que pueda evolucionar de forma continua?

3 Ingeniería Web?

4 Web Engineering is the application of systematic, disciplined and quantifiable approaches to development, operation, and maintenance of Web-based applications. Deshpande et. al. Web Engineering - Journal of Web Engineering, 2002.

5 Qué sabemos sobre la Ingeniería Web? WEBENGPUCV

6 Al finalizar la asignatura. Describir los lenguajes de desarrollo de páginas y aplicaciones Web. Analizar el paradigma de la orientación a servicios y sus tecnologías asociadas. Utilizar metodologías para el análisis y diseño de aplicaciones web. Implementar programas de mediana complejidad utilizando diferentes tecnologías Web

7 Tu propio emprendimiento

8 Qué voy a saber hacer después del curso?

9 Desarrollar soluciones a problemas de ingeniería, en el ámbito de su especialidad, utilizando pensamiento crítico y capacidad analítica. Nivel 4/4

10 Desarrollar aplicaciones informáticas eficientes y de calidad. Nivel 4/4

11 Operar y mantener sistemas informáticos utilizando criterios de eficiencia y claridad Nivel 4/4

12 Aplicar conocimientos matemáticos, científicos y tecnológicos para implementar soluciones a problemas del área Demostrar creatividad, iniciativa y proactividad en el desempeño de sus actividades Comunicarse efectivamente en forma oral, escrita y gráfica en su lengua materna

13 Gestionar su aprendizaje de manera independiente para actualizar y profundizar sus conocimientos

14 Cómo seré evaluado?

15 Evaluaciones El curso está orientado al desarrollo práctico de aplicaciones Web. Los proyectos se desarrollarán en grupos de no más de 3 integrantes e incluyen informes escritos y presentaciones orales. También se realizarán auto-evaluaciones y co-evaluaciones. Proyecto inicial (PI): exploración de tecnologías web tradicionales. Proyecto final (PF): aplicación de las habilidades y conocimientos en un proyecto de mediana complejidad. Lecturas complementarias (L) :serán al menos 4 lecturas que se evaluarán mediante quiz interactivos en el Aula Virtual. Otras evaluaciones o proyectos complementarios (O). Nota Final: 20% L + 10%O + 20% PI + 50% PF. La nota del proyecto final debe ser necesariamente mayor o igual a 4.0.

16 La primera página web fue desarrollada por Tim Bernerslee y Robert Cailliau en el CERN (Centro Europeo para Investigación Nuclear) Consiste en una colección de documentos con contenido estático, codificados en el HyperText Markup Language (HTML) WWW/TheProject.html

17 Historia de la Web La World Wide Web comienza en el CERN como el proyecto ENQUIRE liderado por Tim Berners-Lee AOL comienza su servicio Instant Messenger 1990 Se pone en ejecución el primer servidor web alojando el primer sitio web. Todo esto en el computador personal de Tim Berners-Lee. Tim Berners-Lee ( quien más?) desarrolla el primer navegador web: WorldWideWeb disponible sólo para NeXT (predecesor de OS X)

18 Historia de la Web CERN dona la tecnología de la World Wide Web al dominio público. Un regalo para el mundo. El National Center for Supercomputing Applications (NCSA) desarrolla el primer navegador web ampliamente usado: Mosaic 1.0. El New York Times escribe sobre la web por primera vez Se propone la etiqueta IMG para incluir imágenes en la web.

19 Historia de la Web Yahoo! es creado por los estudiantes de postgrado Jerry Yang y David Filo El primer banner comercial y el primer caso de spam Comienza amazon.com, se lanza Windows 95, comienza el servicio de hosting Geocities. Se lanza Netscape y la primera versión de Internet Explorer

20 Historia de la Web Se lanza el servicio HoTMaiL - uno de los primeros servicios de correo via web. Uno de los primeros videos virales: The Dancing Baby Netflix comienza comienza arrendado DVDs por correo Se registra el dominio google.com

21 Historia de la Web : ICANN toma responsabilidad por la coordinación de las direcciones de internet. 1999: Napster! 2000: 40 millones de gringos - 48% de usuarios de internet - han comprado un producto online. 2001: Se lanza la Wikipedia

22 Historia de la Web Friendster.com, Microsoft Xbox Live 2003 Itunes Music Store, Skype, LinkedIn, MySpace, WordPress 2004 thefacebook.com, Google se abre a la bolsa, Firefox 1.0, WOW 2005 Reddit, Youtube

23 2006: Google compra Youtube por US$1.65 billones, Twitter. 2007: Primer iphone. 2008: HTML5, Chrome Web Browser, Groupon, WOW tiene 11.5 millones de suscriptores. 2009: Bing 2010: Pinterest, Instagram, Wikileaks, Quora 2011: Microsoft compra Skype por US$8.5 billones, Google+ 2012: 66% usuarios internet usa Facebook, ventas Ecommerce US $1 trillón. 2013: 56% gringos tiene un smartphone 2014: Facebook compra Whatsapp por US$19 billones.

24 Historia de la Web : Bing 2010: Pinterest, Instagram, Wikileaks, Quora 2011: Microsoft compra Skype por US$8.5 billones, Google+ 2012: 66% usuarios internet usa Facebook, ventas Ecommerce US $1 trillón. 2013: 56% gringos tiene un smartphone 2014: Facebook compra Whatsapp por US$19 billones.

25 There was a time when people felt the internet was another world, but now people realize it s a tool that we use in this world Tim Berners-Lee

26 Aplicaciones Web Alta accesibilidad de información y servicios Interfaz de hipertexto centrada en los documentos Múltiples tecnologías para manipular y administrar los datos Es lo mismo una aplicación web que un sitio web? Múltiples tecnologías de presentación Compleja arquitectura distribuida.

27 Cuál es nuestro rol?

28 Desafío Usuario ve una simple página web Usuario HTML renderizado en el navegador Web. Podemos ver todo el código desde nuestro navegador Para ayer, y a bajo costo Ingeniero Web Generación de páginas web, acceso a datos locales y/o remotos, acceso y mantenimiento de datos, ejecución de procesos de negocios, autenticación de usuarios, usabilidad, seguridad, y miles de otros problemas

29 Usuario ve una simple página web Usuario HTML renderizado en el navegador Web. Podemos ver todo el código desde nuestro navegador Modelos, abstracciones, tecnologías y un proceso continuo de desarrollo y pruebas Capa de Presentación Capa de Aplicación o de Negocios Capa de Datos Ingeniero Web

30 Contenidos Mi Primera App Arquitectura de las Aplicaciones Web Tecnologías Cliente/Servidor Web Frameworks: no hay que reinventar la rueda Metodología OOHDM para modelamiento de sistemas web Testing para aplicaciones Web Servicios Web y tecnologías asociadas Javascript Avanzado

31 Normas de Convivencia?

32 Antes de partir qué esperan de este curso? WEBENGPUCV