Tecnologías Web Rogelio Ferreira Escutia.

Presentación del tema: "Tecnologías Web Rogelio Ferreira Escutia."— Transcripción de la presentación:

1 Tecnologías Web Rogelio Ferreira Escutia

2 Temario Definición. Ejemplo de Desarrollo
Proyectos Sobre Tecnologías Web Tipos de Licencias. Recomendaciones Finales - . - . 2

3 ¿Qué es la Tecnología Web?

4 Definición Según Wikipedia
“Las tecnologías web implican un conjunto de herramientas que nos facilitarán lograr mejores resultados a la hora del desarrollo de un sitio web”. Licencia Creative Commons Atribución Compartir Igual 3.0 Word Wide Web, abril 2013 - . - . 4

5 Mi Definición Es toda la tecnología que tiene que ver con el manejo de información via internet (ó una intranet) a través de la web. - . - . 5

6 ¿Cómo está construida la Web?
- . - . 6

7 Creador de la Web En octubre de 1990, Tim Berners inicia su trabajo sobre un programa que maneja y edita hipertexto usando una computadora NeXTStep y nombrando a este programa "WorldWideWeb". ”A Little History of the World Wide Web”, “The original proposal of the WWW” , CERN where the web was born - . - . 7

8 ¿Cómo está construida la Web?
Todas las páginas de la Web están construidas bajo el lenguaje HTML. - . - . 8

9 ¿Cómo es la Supercarretera
de la Información? - . - . 9

10

11 - . - . 11

12 - . - . 12

13 ¿Qué tipo de personas Trabajan en la Web?
- . - . 13

14 Areas de la Web - . - . 14

15 Ejemplo de Desarrollo

16 Manejo de información La empresa ubica problemas en los procesos de información (necesitamos “Algo” que nos resuelva el problema). - . 16

17 Solución? Un sistema de información “Web” (desarrollo de un sitio web)
- . - . 17

18 ¿Qué necesitamos? Un programador web!!! - . - . 18

19 ¿Qué debe conocer? Redes Seguridad Bases de Datos Diseño Usabilidad
Accesibilidad Programación Marketing Psicología Leyes Comercio Electrónico Derechos de autor - . - . 19

20 Requerimientos 20

21 Requerimientos Lo primero es analizar los requerimientos del cliente (qué es lo que el cliente quiere). Esto se realiza en una entrevista entre el Programador y el Cliente. - . 21

22 Requerimientos Kanbanize Licencia Software en línea - Free - . 22

23 Análisis de la Información
23

24 Análisis de Información
La información se fracciona en pequeñas partes (a veces conocidas como historias), está dispersa y sin conexión. - . - . 24

25 Análisis de Información
A continuación se ordena y clasifica la información proporcionada por el cliente. - . - . 25

26 Diagrama del Sitio y Maquetado
26

27 Diagrama del Sitio Se propone un diagrama del sitio propuesto (generalmente un diagrama de arbol) - . - . 27

28 Diagrama del Sitio Este diagrama representa la estructura jerárquica del sitio web. - . - . 28

29 Bocetos del Sitio A partir del diagrama de árbol, se hacen pequeños dibujos de la apariencia del sitio (bocetos) - . - . 29

30 Bocetos del Sitio Un ejemplo de un sitio (antes y después) - . - . 30

31 Maquetado Utilizando herramientas de software se crea el maquetado del sitio (mockup). - . - . - . 31

32 Maquetado Pencil 32 Licencia GNU General Public License, version 2 - .

33 Metodologías de Desarrollo
33

34 Metodología de Desarrollo
Existen 2 técnicas básicas: Metodología Clásica. Metodología Agil. 34

35 Metodología Clásica Todo el proyecto pasa por varias etapas hasta que finaliza, lo cual lo hace tardado y poco dinámico si se proponen cambios durante el desarrollo del mismo. 35

36 Desarrollo Agil En el área Web se prefiere la metodología Agil, donde el trabajo se divide en pequeñas tareas y se avanza por objetivos de manera constante y dinámica. 36

37 37

38 Desarrollo Agil Para llevar un control de las tareas, se utiliza un tablero donde se colocan objetivos realizados y por realizar 38

39 Desarrollar Aplicaciones
Software para Desarrollar Aplicaciones 39

40 Servidor Web Apache 40 Licencia Apache License, Version 2.0
40

41 Servidor Web Apache Tomcat 41 Licencia Apache License, Version 2.0
41

42 Lenguaje de Programacion (servidor)
PHP Licencia PHP License v3.01 (Open Source) 42

43 Lenguaje de Programacion (servidor)
JSP Licencia Oracle Technology Network Developer License 43

44 DBMS MySQL 44 Licencia GNU General Public License version 2
44

45 LAMPP (Apache-PHP-MySQL)
XAMPP Licencia GNU General Public License 45

46 Lenguajes para la Web HTML CSS JavaScript 46 Licencia W3C License
46

47 Lenguajes Multiplataforma
Java Licencia Oracle Technology Network Developer License 47

48 Sistema Operativo Ubuntu 48 Licencia Una parte es Open Source
y otra es software restringido 48

49 IDE NetBeans Licencia Open Source 49

50 IDE Eclipse Licencia Open Source 50

51 Navegadores Utilizados
51

52 Pruebas 52

53 Pruebas de Software Las pruebas de software (en inglés software testing) son las investigaciones empíricas y técnicas cuyo objetivo es proporcionar información objetiva e independiente sobre la calidad del producto a la parte interesada o stakeholder. Son una actividad más en el proceso de control de calidad. Las pruebas son básicamente un conjunto de actividades dentro del desarrollo de software. Dependiendo del tipo de pruebas, estas actividades podrán ser implementadas en cualquier momento de dicho proceso de desarrollo. “Pruebas de Software”, marzo 2013 53

54 Implementación 54

55 Implementación de Software
Se refiere al proceso post-venta de guía de un cliente sobre el uso del software o hardware que el cliente ha comprado. Esto incluye el análisis de requisitos, análisis del impacto, optimizaciones, sistemas de integración, política de uso, aprendizaje del usuario, marcha blanca y costes asociados. “Implementación”, marzo 2013 55

56 Proyectos Sobre Tecnologías Web

57 “El mundo actual se mueve por medio de las Tecnologías de la Información”
57

58 “Las TI's han rebazado en rapidez de cambio a las estructuras actuales”
Empresas Gobierno Sociedad Escuelas 58

59 “El uso de la red ha modificado las relaciones”
59

60 ¿ Qué une todos los ámbitos ?
60

61 Oportunidad “Espacio / Tiempo” en Tecnologías de la Información
de que México sea “Líder” en Tecnologías de la Información

62 Grupo de Trabajo (materia: Tecnologías Web)
62

63 Proyecto (estación de radio automatizada)
63

64 Proyecto (programación con Android)
64

65 Proyecto (recorrido virtual)
65

66 Proyectos en proceso (1)
P2P y Grid Computing en Web. Manejo y edición de imágenes en línea. Creación de una nube personal. Monitoreo con cámaras web controladas desde un celular. Aplicaciones móviles con geololización. Desarrollo de una plataforma de educación a distancia. 66

67 Proyectos en proceso (2)
Motores de búsqueda de información. Desarrollo de juegos en móviles. Laboratorio de prácticas con virtualización. Realidad aumentada. Museo de la computación Aplicaciones para códigos QR. 67

68 Proyectos en proceso (3)
Recorridos virtuales. Simuladores de carga para servidores Web. Buscador de noticias en tiempo real. Activación de dispositivos desde aplicaciones móviles. Estación de radio automatizada. 68

69 Módulo de Especialidad en Tecnologías Web
Próxima Apertura: Agosto 2013 en el ITM 69

70 Tipos de Licencias

71 71 Licencia Creative Commons Atribución Compartir Igual 3.0
Licencia Software en línea - Free Licencia GNU General Public License, version 2 - . - . 71

72 72 Licencia Apache License, Version 2.0 http://www.apache.org/
Licencia PHP License v3.01 (Open Source) - . - . 72

73 73 Licencia Oracle Technology Network Developer License
Licencia GNU General Public License, version 2 Licencia GNU General Public License 73

74 74 Licencia W3C License http://www.w3.org Licencia
Oracle Technology Network Developer License Licencia Una parte es Open Source y otra es software restringido 74

75 Este Documento fué realizado con: Editor de Textos: Libre Office
Licencia Open Source Este Documento fué realizado con: Editor de Textos: Libre Office Manejo de Imágenes: GIMP Licencia Open Source 75

76 Recomendaciones Finales

77 ¿ Cuando me sacaré la lotería?
Nunca dejar de Soñar... ¿ Cuando me sacaré la lotería?

78 GRACIAS!!!! Rogelio Ferreira Escutia Instituto Tecnológico de Morelia
Departamento de Sistemas y Computación Correo: Página Web: Twitter: Facebook: 78