Tecnologías Web Rogelio Ferreira Escutia

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

¿Qué es la Tecnología Web?

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, http://es.wikipedia.org/wiki/World_Wide_Web#Tecnolog.C3.ADas_web, abril 2013 - . - . 4

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

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

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”, http://www.w3.org/History.html, “The original proposal of the WWW” http://www.w3.org/History/1989/proposal.html , CERN where the web was born http://public.web.cern.ch/Public/en/About/Web-en.html. - . - . 7

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

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

- . - . 11

- . - . 12

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

Areas de la Web - . - . 14

Ejemplo de Desarrollo

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

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

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

¿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

Requerimientos 20

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

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

Análisis de la Información 23

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

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

Diagrama del Sitio y Maquetado 26

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

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

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

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

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

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

Metodologías de Desarrollo 33

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

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

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

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

Desarrollar Aplicaciones Software para Desarrollar Aplicaciones 39

Servidor Web Apache 40 Licencia Apache License, Version 2.0 http://www.apache.org/ 40

Servidor Web Apache Tomcat 41 Licencia Apache License, Version 2.0 http://tomcat.apache.org/ 41

Lenguaje de Programacion (servidor) PHP Licencia PHP License v3.01 (Open Source) http://php.net/ 42

Lenguaje de Programacion (servidor) JSP Licencia Oracle Technology Network Developer License http://www.oracle.com/technetwork/java/javaee/jsp/index.html 43

DBMS MySQL 44 Licencia GNU General Public License version 2 http://www.mysql.com/ 44

LAMPP (Apache-PHP-MySQL) XAMPP Licencia GNU General Public License http://www.apachefriends.org/en/xampp.html 45

Lenguajes para la Web HTML CSS JavaScript 46 Licencia W3C License http://www.w3.org 46

Lenguajes Multiplataforma Java Licencia Oracle Technology Network Developer License http://www.oracle.com/technetwork/java/javase/downloads/index.html 47

Sistema Operativo Ubuntu 48 Licencia Una parte es Open Source y otra es software restringido http://www.ubuntu.com/download/desktop 48

IDE NetBeans Licencia Open Source http://www.netbeans.org/ 49

IDE Eclipse Licencia Open Source http://www.eclipse.org/ 50

Navegadores Utilizados 51

Pruebas 52

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”, http://es.wikipedia.org/wiki/Pruebas_de_software, marzo 2013 53

Implementación 54

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”, http://es.wikipedia.org/wiki/Implementaci%C3%B3n, marzo 2013 55

Proyectos Sobre Tecnologías Web

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

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

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

¿ Qué une todos los ámbitos ? 60

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

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

Proyecto (estación de radio automatizada) 63

Proyecto (programación con Android) 64

Proyecto (recorrido virtual) 65

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

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

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

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

Tipos de Licencias

71 Licencia Creative Commons Atribución Compartir Igual 3.0 http://es.wikipedia.org/wiki/Wikipedia:Portada Licencia Software en línea - Free http://kanbanize.com/ Licencia GNU General Public License, version 2 http://pencil.evolus.vn/ - . - . 71

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

73 Licencia Oracle Technology Network Developer License http://www.oracle.com/technetwork/java/javaee/jsp/index.html Licencia GNU General Public License, version 2 http://dev.mysql.com/ Licencia GNU General Public License http://www.apachefriends.org/en/xampp.html 73

74 Licencia W3C License http://www.w3.org Licencia Oracle Technology Network Developer License http://www.oracle.com/technetwork/java/javase/downloads/index.html Licencia Una parte es Open Source y otra es software restringido http://www.ubuntu.com/ 74

Este Documento fué realizado con: Editor de Textos: Libre Office Licencia Open Source http://www.netbeans.org/ Este Documento fué realizado con: Editor de Textos: Libre Office Manejo de Imágenes: GIMP Licencia Open Source http://www.eclipse.org/ 75

Recomendaciones Finales

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

GRACIAS!!!! Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: rogeplus@gmail.com rferreir@itmorelia.edu.mx Página Web: http://antares.itmorelia.edu.mx/~kaos/ http://www.xumarhu.net/ Twitter: http://twitter.com/rogeplus Facebook: http://www.facebook.com/groups/xumarhu.net/ 78