Herramientas de apoyo en el desarrollo

Ingeniera de Software II Haga clic para modificar el estilo de subttulo del patrn

Las fases de un desarrollo web, as como los lenguajes de programacin usados, son muy extensas y variadas, y por ello se necesita herramientas especficas para cada una de ellas.

Fases del desarrollo Web

Diseo: El diseo consiste en crear esbozos de la web final mediante una herramienta grfica, como Photoshop, o GIMP. v Maquetacin HTML/CSS: La maquetacin consiste en convertir los esbozos creados en la fase anterior en plantillas HTML, su respectiva hoja de estilos, y las imgenes usadas.
v

v v

Programacin cliente: la programacin cliente consiste bsicamente en Javascript. Una web puede no tener necesidad de hacer programacin cliente, como puede ser una pequea web corporativa con poca informacin esttica.

Programacin servidor: en esta fase, que se desarrolla junto con la anterior, crearemos la aplicacin web en un lenguaje de servidor, como puede ser PHP, ASP .NET, Python, Perl, etc.

Depuracin: Esta fase enlaza la anterior con la siguiente, y es donde haremos las pruebas unitarias, y correccin de errores. v Pruebas en local: En nuestro servidor local haremos todas las pruebas posibles.
v

v v

Subir ficheros al hosting: una vez nuestra web est completada y bien testeada en nuestro servidor local (desarrollo), la subiremos al servidor del hosting elegido (produccin). Dependiendo del hosting, podremos usar FTP, SFTP (SSH), WebDAV.

v v

Pruebas en hosting: 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 configuracin que el servidor del hosting.

Empleo de las fases para desarrollar un sitio en PHP

Fases: diseo
v

Adobe Photoshop:Esta aplicacin slo est disponible en Windows, y es el ms caro, aunque es el ms usado y gracias a ello dispone de una gran comunidad de usuarios con los que poder contar ante cualquier problema. GIMP: Es el equivalente de software libre ms prximo a Photoshop. Al ser libre es posible conseguirlo gratuitamente, y de hecho cualquier distribucin GNU/Linux lo incluye. Al igual que en Photoshop, con l podremos crear el diseo y las imgenes de la maquetacin HTML. Tambin disponible en Windows.

Fases: maquetacin, programacin cliente

v

Dreamweaver, Con ello se crea el cdigo HTML/CSS (maquetacin), asimismo la codificacin cliente a travs de cdigo jascript.

Fase: programacin servidor

v

Para la programacin de lado de servidor, es decir la codificacin de paginas PHP se puede utilizar un editor, ya sea Dreamweaver, HapEdit, ZendStudio entre otros.

Fase: prueba local

v

Apache es el servidor HTTP ms usado y es utilizado para realizar pruebas en loca permitiendo asi: editamos un fichero PHP, actualizar en el navegador y verificamos los cambios. Otras opciones son: EasyPhp y Xampp que incorporan el servidor y otras aplicaciones.

Fases: pruebas en local, depuracin

v

Para verificar las pruebas es necesario un navegador web (Explorer, firefox..)y un editor de paginas web (Dreamweaver, Frontpage, bloc de notas, hapEdit). Una alternativa es Firebug, Firebug es una extensin de Firefox creada y diseada especialmente para desarrolladores y programadores web. Es un paquete de utilidades con el que se puede analizar (revisar velocidad de carga, estructura DOM), editar, monitorizar y depurar el cdigo fuente, CSS, HTML y JavaScript de una pgina web de manera instantnea e inline.

Subir ficheros al servidor del hosting

Una vez hayamos concluido todas las fases anteriores, y nuestro proyecto est listo, es necesario subir todos los archivos al servidor del hosting. Para ello se utiliza un servidor FTP, Filezilla es un estupendo servidor ftp para administrar tu sitio.