CICLO DE VIDA DE LAS

APLICACIONES WEB
El proceso del desarrollo web puede ser dividido entre diferentes pasos de un
ciclo de vida. Esto puede ayudar a repartir efectivamente al equipo, los
estándares y procedimientos que pueden ser adoptados para lograr la máxima
calidad.

Las palabras “sitio web“, “aplicación web“, “aplicaciones basadas en la web” e

“internet” pueden ser intercambiables.

Como el software, las páginas web pueden ser desarrolladas con ciertos métodos
existentes en el proceso de desarrollo de software pero con algunos cambios.
1. ANÁLISIS

Análisis web una vez que el cliente empieza a hablar de sus requerimientos, el
equipo inicia la tarea del análisis.
Como el sitio web será parte de un sistema, necesita un análisis completo sobre
cómo la web o la aplicación web va a ayudar al sistema y por ende al negocio.
El primer asunto importante es el público objetivo.
Todo el hardware, software, gente y datos presentes deben ser considerados
desde el inicio del análisis.
2.- ELABORACIÓN DE LAS
ESPECIFICACIONES
Las especificaciones preliminares se determinan cubriendo todos y cada uno de
los requerimientos. Por ejemplo si el producto es un sitio web, los módulos del
sitio que incluyen el diseño en general, la navegación y las partes dinámicas del
sitio deben ser incluidas en las especificaciones. Proyectos más grandes
requieren niveles mayores de consulta para evaluar los requerimientos técnicos y
de negocios adicionales.
Luego de revisar y aprobar el documento preliminar, una propuesta escrita es
preparada, delineando el alcance del proyecto incluyendo responsabilidades,
plazos y costos.
3. DISEÑO Y DESARROLLO:
Luego de elaborar las especificaciones, el trabajo en el sitio web se programa al
recibir la propuesta firmada, un depósito y cualquier contenido escrito o gráfico
que deba ser incluido. En esta etapa la diagramación y navegación son diseñadas
como prototipo.
Algunos clientes pueden interesarse solo en un prototipo funcional, en ese caso
debemos mostrarle la interactividad de la aplicación web o sitio.
Pero en la mayoría de los casos el cliente suele interesarse al ver dos o tres
diseños con imágenes y navegación.
Puede haber muchas sugerencias y cambios del lado del cliente, y cualquier
cambio debe ser probado antes de pasar a la siguiente etapa. Las revisiones
pueden ser mostradas por la web al cliente para que las evalúe. Los comentarios
del cliente, sus alcances y aprobaciones deben ser comunicados vía e-mail, fax y
teléfono.
Durante la etapa del diseño, el equipo debe desarrollar planes de prueba y
procedimientos para asegurarse de la calidad, es necesario obtener la aprobación
del cliente en diseño y planes de proyecto.
En paralelo, el equipo de datos debe sentarse a pensar en los requerimientos y
desarrollar la base de datos con toda su estructura y la data de muestra también
debe ser preparada.
4. CREACIÓN DE CONTENIDO

Esta etapa es más necesaria para los sitios web que para las aplicaciones web.
Hay creadores profesionales de contenido online que pueden escribir contenidos
relevantes al rubro de la empresa, los escritores de contenido agregan su texto a
las plantillas de diseño, la gramática y ortografía debe ser revisada en esa parte.
5. CÓDIGO:

Es el trabajo programadores para agregar su código sin alterar el diseño. A

diferencia del diseño tradicional, el desarrollador debe saber que la interfaz y el
código no deben modificar el diseño ni la navegación.
6. PRUEBAS

A diferencia del software, las aplicaciones web necesitan muchas pruebas, pues
siempre funcionan como sistemas multiusuario con las limitaciones del ancho de
banda, algunas de las pruebas que deben ser hechas son la prueba de
integración, la prueba de escalabilidad, de carga, resolución, de navegador
cruzado, pruebas manuales y automáticas deben hacerse sin falla.
Luego de hacer las pruebas, una prueba en vivo es necesaria para las
aplicaciones web, Inmediatamente de subir el sitio debe haber una prueba
completa (por ejemplo. prueba de enlaces)
7. PROMOCIÓN:

Esta etapa solo se aplica para sitios web, la promoción necesita preparación de
etiquetas meta, análisis constante y subir la URL a los motores de búsqueda y
directorios, la promoción de sitios web normalmente es un proceso constante
debido a que los motores de búsqueda cambian constantemente.
Subir una URL cada dos meses es lo ideal, si el cliente lo desea, pueden hacerse
subidas pagadas o de pago por click a un costo adicional.
8. MANTENIMIENTO Y ACTUALIZACIÓN

Los sitios web necesitan actualizaciones frecuentes para mantenerlos frescos. En

ese caso necesitamos hacer análisis de nuevo y los otros pasos del ciclo de vida
se repiten. Durante el mantenimiento pueden solucionarse los errores. Una vez
que tu sitio web está operativo, promoción constante, mantenimiento técnico,
manejo de contenidos y actualización, reportes de actividad y entrenamiento de
equipo son necesarios de manera regular dependiendo de la complejidad de tu
sitio web y las necesidades de tu organización.
CONCLUSIONES:

Considerar que todos los pasos mencionados anteriormente no son estrictos en el

desarrollo de aplicaciones web. Algunos pasos pueden ser no aplicables para ciertas
tareas. Depende del costo, tiempo involucrado y la necesidad. A veces, si es un sitio
de intranet, no es necesaria la promoción. Pero incluso si eres un desarrollador
pequeño, si adoptas cierto planeamiento junto a estos pasos, se reflejará
definitivamente en la calidad del resultado
ANÁLISIS
 Entrada:
Entrevistas con clientes, correos y documentos de apoyo; notas de discusión, chat,
conversaciones telefónicas, modelos de sitios/aplicaciones, etc.
 Salida:
a) Plan de trabajo, b) Costos involucrados, c) Requerimientos del equipo,
d)Requerimientos de software y hardware, e)Documentos de soporte, f)Aprobación.
 ELABORACIÓN DE LAS ESPECIFICACIONES
 Entrada:
Reportes del equipo de análisis.
 Salida:
Especificaciones y requerimientos completos a los individuos y al cliente o su
representante.
DISEÑO Y DESARROLLO
 Entrada:
Especificaciones y requerimientos.
 Salida:
Diseño web con plantillas, imágenes y prototipo.
 CREACIÓN DE CONTENIDO
 Entrada:
Plantillas de diseño.
 Salida:
Sitio con contenido formateado.
CÓDIGO
 Entrada:
El sitio con formularios y las especificaciones.
 Salida:
Funciones de base de datos controladas por el sitio, documentos codificados.
 PRUEBAS
 Entrada:
El sitio, requerimientos y especificaciones, documentos de apoyo, especificaciones técnicas y
documentos técnicos.
 Salida:
Aplicación/sitio completado, reportes de prueba, registros de errores, interacción frecuente
con desarrolladores y diseñadores.
PROMOCIÓN
 Entrada:
Sitio con contenidos, mails del cliente mencionando a la competencia.
 Salida:
Subida del sitio con las etiquetas meta necesarias
MANTENIMIENTO Y ACTUALIZACIÓN
 Entrada:
Sitio web, contenido, funciones actualizadas, reportes re-análisis.
 Salida:
Sitio actualizado, documentos de apoyo para reiniciar los pasos del ciclo de vida.
REQUISITOS PARA UNA APLICACIÓN WEB

 Buena jerarquía
 Conocimiento público objetivo
 Navegación Directa
 Formato adecuado para cada contenido
 Interesante
 Valor añadido
REQUISITOS LEGALES QUE DEBE TENER
UNA PAGINA WEB
 Escoger un Dominio y Marca
 Hospedaje del Dominio
 Diseño del sitio web
 El contenido, acorde al público que me dirijo
 Protección de Datos
 Mantenimiento del sitio web
 Difusión del sitio web
Herramientas adecuadas para el diseño y
desarrollo de un sitio web

Las fases de un desarrollo web, así como los lenguajes de programación usados,
son muy extensas y variadas, y por ello necesitamos herramientas específicas
para cada una de ellas.
Citaremos las principales herramientas existentes para poder desarrollar
fácilmente un proyecto web.
En el desarrollo web tenemos unas herramientas para el diseño, otras para la
maquetación, otras para la programación, y para la depuración. Todas las
herramientas que usemos son muy importantes, desde el Sistema Operativo hasta
el comando más insignificante, y por ello debemos elegir la más adecuada a
nuestras necesidades y capacidades.
SISTEMA OPERATIVO
Para desarrollar una web, lo primero que necesitamos es un Sistema Operativo,
como es lógico, y su elección no es tan trivial. Hay que tener en cuenta las
aplicaciones de las que dispone el Sistema Operativo y sus costes.
Por ejemplo, tenemos Microsoft Windows, cuyas aplicaciones son muy caras,
como Photoshop, Dreamweaver, Fireworks, ASP .NET, Y por otro lado tenemos
GNU/Linux, con GIMP, Inkscape, Amaya, Aptana, PHP (aunque todos ellos también
están disponibles en Windows).
Otra característica a tener en cuenta es las facilidades que el Sistema Operativo
aporta al desarrollador, y en este sentido GNU/Linux se lleva de calle a Windows.
Y esto es porque Windows no fue diseñado para los desarrolladores, sino para
personas que no tienen muchos conocimientos sobre informática.
Y por el contrario GNU/Linux fue creado por desarrolladores, y para
desarrolladores; y por lo tanto en GNU/Linux podemos encontrar infinidad de
herramientas que nos harán la vida mucho más fácil, que además son libres.
FASES DE DESARROLLO DE UNA WEB
Para elegir las herramientas a utilizar, antes debemos identificar las fases del proceso que forman el ciclo de vida de un
desarrollo web.
 DISEÑO:
El diseño consiste en crear esbozos (diseños) de la web final mediante una herramienta gráfica, como Photoshop, GIMP o
Inkscape.
 Maquetación HTML/CSS:
La maquetación consiste en convertir los esbozos creados en la fase anterior en plantillas HTML, su respectiva hoja de estilos, y
las imágenes usadas. Es posible saltarse la fase anterior para comenzar directamente con esta fase, dependiendo de si
dominamos herramientas como Photoshop o no.
 Programación:
Encontramos 2 clases
 PROGRAMACIÓN CLIENTE:
La programación cliente consiste básicamente en Javascript. Una web puede no tener necesidad de hacer programación cliente,
como puede ser una pequeña web corporativa con poca información estática, o puede que requiera enormes esfuerzos en esta
fase, como ocurre con los proyectos Web 2.0.
 PROGRAMACIÓN SERVIDOR:
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, etc.
 DEPURACIÓN:
Esta fase enlaza la anterior con la siguiente, y es donde haremos las pruebas unitarias, aserciones (afirmaciones), trazas
(diseños), etc.
 PRUEBAS EN LOCAL:
En nuestro servidor local haremos todas las pruebas posibles.

 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 (producción). Dependiendo del
hosting, podremos usar FTP, SFTP (SSH), WebDAV, o incluso Subversion. Considerar
Subversion si así lo permite el servidor, por su comodidad y rapidez, además de por su
principal utilidad, que es la de control de versiones.

 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 configuración que el servidor del hosting.
 HERRAMIENTAS: DESARROLLO EN PHP

Las herramientas básicas para el desarrollo de una web en PHP, en sus

diferentes fases de diseño e implementación.

 Fases: diseño y maquetación

Adobe Photoshop: Esta aplicación sólo está disponible en Windows, y es el más
caro, aunque es el más usado y gracias a ello dispone de una gran comunidad de
usuarios con los que poder contar ante cualquier problema. Con él crearemos el
diseño, así como las imágenes que usemos en la maquetación.

GIMP: Es el equivalente de software libre más próximo a Photoshop. Al ser libre

es posible conseguirlo gratuitamente, y de hecho cualquier distribución
GNU/Linux lo incluye. Al igual que en Photoshop, con él podremos crear el diseño
y las imágenes de la maquetación HTML. También disponible en Windows
Fase: maquetación

 Inkscape: El equivalente en Windows es Adobe Fireworks. Es un excelente

editor gráfico vectorial con el que poder crear iconos, banners, y demás
dibujos de forma muy fácil y sencilla, incluso para aquellos que no tengan
demasiados conocimientos en edición gráfica digital.

 Adobe Fireworks: El editor de gráficos vectoriales más fácil de usar que he

tenido la oportunidad de usar, aunque no lo eché de menos cuando descubrí
Inkscape. Al igual que su compañero Photoshop es muy caro, y más aún si
tenemos una gran alternativa gratuita como es Inkscape.
 Fases: maquetación, programación cliente
Dreamweaver, Aptana, Amaya: crea el código HTML/CSS (maquetación), siendo Aptana la opción
más profesional para la programación cliente (Javascript).

 Fase: programación servidor

Zend Studio: Sin duda el mejor IDE existente en el mercado para desarrollo web con PHP. Es
comercial, aunque no demasiado caro teniendo en cuenta la excelente herramienta que es. Además
es posible descargarlo desde la web de Zend para probarlo durante 30 días.
Con él crearemos fácilmente la aplicación web en PHP. Aunque podremos usar igualmente cualquier
editor. Una muy buena alternativa es Eclipse con el plugin PHP.
Otra aplicación muy útil que está muy ligada a Zend Studio es Zend Platform, un módulo para
Apache que permite depurar una web directamente en el navegador (Internet Explorer o Firefox),
además de otras funciones más complejas, como alertas configurables para que nos envíe un email
por cada error ocurrido en la web, o cuando un script sobrepase un tiempo determinado de
ejecución, por ejemplo.
 Fase: prueba local
Instalar un servidor web Apache en la máquina donde desarrollamos es fundamental,
de esta manera haremos pruebas rápidamente: editamos un fichero PHP, vamos al
navegador, actualizamos, y vemos los cambios.

 Fases: pruebas en local, depuración

Firefox / Firebug / Web Developer Extension: Firefox es sin duda la mejor
herramienta creada en los últimos tiempos para los desarrolladores web, y con Firefox
sus dos extensiones más útiles para nuestra profesión: Firebug y Web Developer.
Con Firebug podremos depurar Javascript, editar HTML y CSS en la misma página para
ver los cambios en tiempo real, consultar los tiempos de carga de la página en
conjunto, de las imágenes, javascripts, hojas de estilo, etc, así como sus tamaños,
etc. Y Web Developer nos ofrece herramientas muy útiles como ver las cookies de la
web, ocultar imágenes, cambiar el tamaño del navegador a resoluciones estándar,
etc.
 Subir ficheros al servidor del hosting

Una vez hayamos concluido todas las fases anteriores, y nuestro proyecto esté
listo, deberemos subirlo al servidor del hosting.

La herramienta a utilizar dependerá de las opciones que nos ofrezca el hosting,

que desgraciadamente en la mayoría de los casos es solamente el antiguo FTP. En
Dreamweaver y Zend Studio tenemos un cliente FTP y SFTP (SSH), y la tarea
consistirá simplemente en configurar el FTP y copiar y pegar los directorios que
queramos subir.

Confío en que esta guía sirva de ayuda a la hora de afrontar un desarrollo web.
Hay que tener muy en cuenta las fases de desarrollo y usar las herramientas
adecuadas: la que nos resulte más fácil de usar, la más económica, la que mejor
conozcamos, etc.
 VENTAJAS
Ahorra tiempo: se pueden realizar tareas sencillas sin necesidad de descargar ni instalar ningún
programa.
Compatibilidad: basta tener un navegador actualizado para poder utilizarlas.
Espacio: no ocupan espacio en nuestro disco duro.
Actualizaciones inmediatas: como el software lo gestiona el propio desarrollador, cuando nos
conectamos estamos usando siempre la última versión que haya lanzado.
Consumo de recursos bajo: dado que toda (o gran parte) de la aplicación no se encuentra en nuestra
computadora, muchas de las tareas que realiza el software no consumen recursos nuestros porque se
realizan desde otra computadora.
Multiplataforma: se pueden usar desde cualquier sistema operativo porque solamente es necesario
tener un navegador.
Portables: es independiente de la computadora donde se utilice (PC de sobremesa, portátil) porque se
accede a través de una página web (solamente es necesario disponer de acceso a Internet). La reciente
tendencia al acceso a las aplicaciones web a través de teléfonos móviles requiere sin embargo un
diseño específico de los ficheros CSS para no dificultar el acceso de estos usuarios.
Virus/malware: son menos proclives a ser afectados por los virus o programas maliciosos de cualquier
índole instalado en el equipo, aunque no sean inmunes a ellos.
Disponibilidad: suele ser alta porque el servicio se ofrece desde múltiples localizaciones para asegurar
la continuidad del mismo.
Colaboración: gracias a que el acceso al servicio se realiza desde una única ubicación es sencillo el
acceso y compartición de datos por parte de varios usuarios. Tiene mucho sentido, por ejemplo, en
aplicaciones en línea de calendarios u oficina.
Aumento de funcionalidades: los navegadores ofrecen cada vez más y mejores funcionalidades para
crear aplicaciones web enriquecidas
Desarrollo web: 6 Fases para el desarrollo de un
proyecto.
En el desarrollo de un sitio web hay seis etapas
clave.
1- Investigación
 Lo primero que hay que hacer es un análisis y una revisión del contexto en el
que nos movemos. Por ejemplo: mirar sitios similares (competencia), buscar
un estilo que nos identifique y que por supuesto nos guste y con el que nos
sintamos cómodos.
2- Planificación
 Cuando se planifica un sitio Web, se deben considerar varios factores:
la audiencia y sus necesidades, el objetivo para el que se crea, los temas y
contenidos que le gustaría cubrir, el nombre del sitio, la disponibilidad del
nombre de dominio y registrarlo, lo que otros sitios han hecho, etc.
3- Arquitectura del sitio y contenido
 Pensemos qué vamos a contar y cómo vamos a contarlo. Debemos crear un
mapa de la arquitectura del sitio para demostrar visualmente cómo se
organiza el contenido y la estructura del sitio.
4- Diseñar, construir y hacer pruebas

 Es la etapa del diseño web: tipos de letras, colores, plantillas, imágenes, títulos, etc. En esta etapa se
empieza a probar el sitio web.

5- Operar, mantener y evaluar

 En esta etapa el sitio Web se encuentra constante mantenimiento para posibles mejoras. Se procura
obtener informes sobre el rendimiento, para asegurar que el sitio Web sea un éxito.

6- Marketing

 Una vez que la web se publica hay que ponerse manos a la obra y hacer marketing. Trabajar fuerte en
el SEO del portal para que éste se posicione correctamente en buscadores, difundir en redes sociales
(Facebook, Twitter, Linkedin), mimar los contenidos, actualizar a diario el portal, etc.

 Estar presente en Internet es muy importante hoy en día para las empresas. Tener una página web
corporativa de calidad y actualizada es básico para posicionarse en el mercado, darse a conocer,
conseguir clientes, mejorar su reputación y, en definitiva, vender sus productos o servicios y ganar
dinero. Y es que Internet se ha convertido en parte importante de nuestras vidas y, por ello, el
crecimiento de una empresa depende enormemente de la presencia de ésta en Internet