Tecnologas Web Rogelio Ferreira Escutia Temario Definicin Ejemplo
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. C 3. 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 Ne. XTStep y nombrando a este programa "World. Wide. Web". ”A Little History of the World Wide Web”, http: //www. w 3. org/History. html, “The original proposal of the WWW” http: //www. w 3. 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 (generalmente un diagrama de arbol) propuesto 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 maquetado del sitio (mockup). se crea el 31
Maquetado -. Pencil Licencia GNU General Public License, version 2 32
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
Software para Desarrollar Aplicaciones 39
Servidor Web Apache Licencia Apache License, Version 2. 0 http: //www. apache. org/ 40
Servidor Web Apache Tomcat Licencia Apache License, Version 2. 0 http: //tomcat. apache. org/ 41
Lenguaje de Programacion (servidor) PHP Licencia PHP License v 3. 01 (Open Source) http: //php. net/ 42
Lenguaje de Programacion (servidor) JSP Licencia Oracle Technology Network Developer License http: //www. oracle. com/technetwork/javaee/jsp/index. html 43
DBMS My. SQL Licencia GNU General Public License version 2 http: //www. mysql. com/ 44
LAMPP (Apache-PHP-My. SQL) XAMPP Licencia GNU General Public License http: //www. apachefriends. org/en/xampp. html 45
Lenguajes para la Web HTML CSS Java. Script Licencia W 3 C License http: //www. w 3. org 46
Lenguajes Multiplataforma Java Licencia Oracle Technology Network Developer License http: //www. oracle. com/technetwork/javase/downloads/index. html 47
Sistema Operativo Ubuntu Licencia Una parte es Open Source y otra es software restringido http: //www. ubuntu. com/download/desktop 48
IDE Net. Beans 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%C 3%B 3 n, 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
Relaciones “El uso de la red ha modificado las relaciones” 59
¿ Qué une todos los ámbitos ? 60
Oportunidad “Espacio / Tiempo” 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) P 2 P 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
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
Licencia Apache License, Version 2. 0 http: //www. apache. org/ Licencia Apache License, Version 2. 0 http: //tomcat. apache. org/ Licencia PHP License v 3. 01 (Open Source) http: //www. php. net/ -. 72
Licencia Oracle Technology Network Developer License http: //www. oracle. com/technetwork/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
Licencia W 3 C License http: //www. w 3. org Licencia Oracle Technology Network Developer License http: //www. oracle. com/technetwork/javase/downloads/index. html Licencia Una parte es Open Source y otra es software restringido http: //www. ubuntu. com/ 74
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
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
- Slides: 78