Herramientas y Tecnologías para la Web

14
INSTITUTO TECNOLÓGICO DEL VALLE DE OAXACA TÓPICOS AVANZADOS DE BASE DE DATOS TEMA: HERRAMIENTAS Y TECNOLOGÍAS PARA LA WEB EQUIPO: CUEVAS CRUZ KARINA FELIX CALVO JESSICA GARCÍA JUÁREZ ERICK DAVID CATEDRÁTICO: ING. ERIC OMAR MARTÍNEZ HERNÁNDEZ SÉPTIMO SEMESTRE GRUPO “A” LICENCIATURA EN INFORMATICA OCTUBRE /2012

Transcript of Herramientas y Tecnologías para la Web

INSTITUTO TECNOLÓGICO DEL VALLE DE OAXACA

TÓPICOS AVANZADOS DE BASE DE DATOS

TEMA: HERRAMIENTAS Y TECNOLOGÍAS PARA LA WEB

EQUIPO: • CUEVAS CRUZ KARINA• FELIX CALVO JESSICA

• GARCÍA JUÁREZ ERICK DAVID

CATEDRÁTICO: ING. ERIC OMAR MARTÍNEZ HERNÁNDEZ

SÉPTIMO SEMESTRE GRUPO “A”

LICENCIATURA EN INFORMATICA

OCTUBRE /2012

HERRAMIENTAS Y TECNOLOGÍAS PARA LA

WEB

ARQUITECTURA WEB

Herramienta para desarrollo Web:

Tecnología para desarrollo Web

Objeto elaborado a fin de facilitar la realización de una tarea mecánica que requiere de una aplicación correcta de energía.

Utilizan las tecnologías de inter conectividad de ordenadores que permiten a los usuarios hacer intercambios, en formato de hipertexto o de todos tipo de

información y aplicaciones de web.

CONCEPTOS BÁSICOS…

Desarrollo Web

Un título arbitrario para el conjunto de tecnologías de software del lado del servidor y del cliente que involucran una combinación de procesos de base de datos con el uso de un navegador en Internet

a fin de realizar determinadas tareas o mostrar información

FASES DEL DESARROLLO WEB

1. DISEÑO

2. MAQUETACIÓN HTML/CSS

3. PROGRAMACIÓN CLIENTE

Consiste en crear esbozos de la web final mediante una herramienta gráfica, como

Photoshop

Consiste en convertir los esbozos creados en la fase anterior en plantillas HTML, su respectiva hoja de estilos, y las imágenes

usadas

Consiste básicamente en JavaScript. Existen muchas librerías de distribución

libre como JQUERY que nos aportan verdaderas joyas para el desarrollo.

4. PROGRAMACIÓN SERVIDOR

5. DEPURACIÓN

6. PRUEBAS EN LOCAL

En esta fase, que se desarrolla junto con la anterior, crearemos la aplicación web en un lenguaje de servidor, como puede

ser PHP, ASP .NET, Python, Perl, Java, etc.

Esta fase enlaza la anterior con la siguiente, y es donde haremos las

pruebas unitarias, aserciones, trazas, etc.

En nuestro servidor local haremos todas las pruebas posibles. Por ejemplo usando wampServer

7. SUBIR ARCHIVOS AL HOSTING

8. PRUEBAS EN HOSTING

Dependiendo del hosting, podremos usar FTP, SSH, aconsejo usar cuteFTP es una herramienta

confiable y versatil.

Realizaremos las últimas pruebas en el servidor del hosting para comprobar que el cambio de servidor no ha afectado a nada.

Para evitar problemas, nuestro servidor local debe tener exactamente la misma

configuración que el servidor del hosting. Recuerde probar que sus códigos sean

compatibles al menos con Firefox, Safari e Internet explorer

• Repositorios sociales o sitios web donde se alojan, comparten, etiquetan y

valoran materiales de diverso tipo, como Flickr, YouTube, Slideshare, ...

• Nuevos buscadores y aplicaciones en línea (Google y sus servicios).

• Aplicaciones de edición web en línea (blogs, wikis y podcasts).

• Suscripción de contenidos (agregadores RSS).

• Clasificación de recursos y contenidos favoritos: marcadores sociales.

• Plataformas de redes sociales, como Facebook, MySpace, Ning, …

• Nuevas aplicaciones para la Comunicación Mediada por Ordenador, como

Meebo, Skype , Twitter o entornos virtuales multiusuario (Second Life).

Clasificación de Herramientas…

EJEMPLO DE HERRAMIENTA: DESARROLLO PHP

Diseño y Maquetación: • Adobe Photoshop• GIMP

Maquetación: • Inkscape• Adobe Fireworks

Maquetación y Programación Cliente:

• Dreamweaver• Aptana• Amaya

Programación Servidor: • Zend Studio• Zend Platform

Prueba Local: • Apache

Prueba Local y Depuración • Firefox• Firebug • Web Developer Extension

Subir Ficheros al Servidor Hosting • FTP

Tecnologías Web

Herramientas Web

BIBLIOGRAFÍA

[1] http://www.educa2.madrid.org/web/educamadrid/principal/files/5a6a5e42-8ca4-457d-9a0b-7734bacbe516/clasificacin_de_herramientas.html

[2] http://www.slideshare.net/MeliVidal/tecnologia-web-5778008

[3] http://www.prograweb.com.mx/pweb/0302herramientas.html

[4] http://www.artedinamico.com/portal/boletines/boletin8/?boletin=43