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

2016-1

Sesión 1. Introducción al desarrollo web

2

¿Qué haremos hoy? 1.Presentación general

2. Presentación del curso

3. Conceptos introductorios

4. Aplicaciones WEB

3

¿Quiénes son ustedes?

4

2. Presentación del curso

5

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. 6

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.

7

¿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

¿Cuál es la metodología?

Clases teóricas, clases teórico prácticas, talleres, tareas y exposiciones, tutoriales, parcial

Metodología Parcial Talleres

Lecturas y consultas

Exposiciones

Desarrollo curso

Tareas

10

Evaluación Talleres

Exposición

Proyecto

30%

10%

15%

Parcial final

Tareas, quices

40%

5% 11

Reglas de convivencia. Durante la clase • 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. 12

Reglas generales • 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.

13

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. 14

CONTENIDO

• WIKI

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.2008. • Sitios web MongoDB, Ruby on Rails y .NET 16

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)

3. Introducción a la Web

18

Internet Trends 2015

Tomada de : http://bigmobile.com/wp-content/uploads/2015/06/Mobile-Hub-June-Image2_ericsson-cd-3.png

Por qué la WWW

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) 21

La web en cifras

Fuente: http://www.internetlivestats.com/internet-users/#trend

22

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

23

Historia Web 1.0 – Web 2.0

Fuente: http://es.slideshare.net/sierratorresleidymarisol/2web-20-35391408 24

Ejemplos sitio web 1.0

25

Ejemplo web 2.0

26

Ejemplo Sitio Web a 2016

Web 2.0 • Arquitectura de participación. • Información generada por los usuarios. • Comentarios y participación en tiempo real.

Minería de datos en entornos Web 2.0

Riesgo de la web 2.0 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:http://de10.com.mx/tecnologia/2012/10-metidas-de-pata-de-wikipedia-15452.html

29

Riesgo de la web 2.0

Fuente:http://de10.com.mx/tecnologia/2012/10-metidas-de-pata-de-wikipedia15452.html

30

4. Aplicaciones web

31

Aplicación web

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

32

¿Cuáles son los beneficios de las aplicaciones web?

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 33

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

34

Arquitectura básica de la web Conceptos fundamentales

35

Componentes básicos de la web

HTTP HTTP INTERNET BROWSER (HTLM) & URL Javascript, ajax, jquery UI, HTML, CSS

SERVIDORES

Php, Jsp, ASP. Net, Razor.net, rails, etc

36

Componentes básicos de la web

HTTP HTTP INTERNET BROWSER (HTLM) & URL Javascript, ajax, jquery UI, HTML, CSS

SERVIDORES

Php, Jsp, ASP. Net, Razor.net, rails, etc

37

Servidor

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

38

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?

39

Algunos servidores web

40

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

41

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

42

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

43

Vista Cpanel

Especificaciones del hosting gratuito

¿Qué es HTML?

¿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

Aprender HTML

SEGUIR LOS CONCEPTOS DEL CURSO

http://learn.shayhowe. com/html-css/buildingyour-first-web-page/