Cómo desarrollar aplicaciones web

Proceso de desarrollo de una aplicación web

Ahora que ya tenemos aclaradas las características, podemos empezar a definir todo el proceso de desarrollo de una aplicación web. Por supuesto, dependiendo del tamaño del proyecto, algunos pasos del proceso pueden ser lo suficientemente pequeños como para hacerlos en tu cabeza, pero siempre es bueno verlo todo. También es importante comprender que este artículo no proporciona una descripción detallada de cada paso.

Paso 1: Análisis

El primer paso en el desarrollo de una aplicación web es analizar tus necesidades. Ahora debe definir una lista lo más completa posible de características que su aplicación debería proporcionar. Si está haciendo esto para un cliente, debe comprender lo que quiere (y asegurarse de que ambos sepan de qué está hablando el otro). A partir de su discusión, puede resumir los requisitos y las especificaciones del software. Incluso si la estás desarrollando tú mismo, te recomiendo que anotes las funciones que quieres que haga la aplicación web.

Paso 2: Diseño

Una vez que sepas qué debe hacer la aplicación web, puedes empezar a diseñar. Este paso suele repetirse muchas veces, cada vez que se refina el diseño. Lo primero que debes hacer es dibujar un diagrama de flujo de página (en papel o usar una herramienta de software, lo que prefieras. A mí me gusta usar papel para poder hacer cambios más rápidamente). Los diagramas de flujo de páginas suelen ser dibujos muy abstractos en blanco y negro de cómo se verá la aplicación web que implementará (puede agregar algo de color, pero trate de mantenerlo simple).

Este paso le dará una idea de cómo se verá finalmente su aplicación. Al contrario de lo que defiende 37signals, sugiero utilizar algunas descripciones de palabras y ser moderadamente detalladas. Cuando tengo una buena idea, o cómo se debe hacer algo, lo marco en un papel (por ejemplo, cuando se hace clic en este botón, debería hacer que otro elemento cambie u oculte, lo escribiré en el proceso en la imagen).

Cuando estés satisfecho con tu boceto, podrás empezar a realizar el modelo físico.

El modelo físico sigue siendo un patrón, pero con color y detalle. La maqueta final debería verse como una captura de pantalla de la aplicación web que implementará. Si desarrolla para un cliente, él examinará estas cosas y le dará su aprobación. Sin embargo, a mucha gente le gusta saltarse este paso (en su mayoría, no diseñadores) y les gusta ir directamente al prototipo web.

Los prototipos se desarrollan en HTML y se renderizan usando CSS (y a veces Javascript). Es necesario crear el diseño de la página, se puede hacer clic en los enlaces, se deben configurar los colores, las fuentes y los tamaños de fuente (esto será fácil si crea un modelo físico). Este paso es muy importante porque todo lo que aparece aquí se puede utilizar en su aplicación final. Si es posible, realice algunas pruebas de usabilidad en su prototipo. Esto le evitará muchos errores a largo plazo.

Al final de este paso, básicamente sabrás cómo está organizada tu aplicación web. ¿Qué es la página de inicio de sesión y cómo pasa el usuario desde la página de inicio a cada página?

Paso 3: Implementación Elija un marco

Ahora que sabemos lo que queremos desarrollar, necesitamos hacerlo. Esta parte requiere mucho trabajo y dedicarás la mayor parte de tu tiempo a ella. La primera decisión que debes tomar es cómo empezar, qué tecnología y qué marco utilizar. Tienes muchas opciones para elegir y debes elegir la que más te convenga. A continuación se muestra una lista de los frameworks más utilizados:

ASP.NET

Framework para cualquier proceso en PHP

Python con Django

Ruby on Rails

No existe un estándar claro que diga qué marco es mejor. Todos son diferentes y cada uno tiene sus propios puntos fuertes. Lo más importante que debes saber es que cualquiera de ellos te permitirá desarrollar aplicaciones web útiles.

Desarrollo

Una vez que sabes cómo desarrollarte, es hora de empezar.

Se puede considerar que este trabajo de desarrollo tiene muchas piezas, pero al final del día, estas son actividades de programación estándar. Detrás de escena, usted crea clases, objetos, servicios, procedimientos y capas de persistencia para guardar estos objetos en la base de datos. El fondo es el núcleo de toda la aplicación. Para cualquier aplicación, no es diferente de la programación normal. Luego viene el desarrollo de la recepción. El código que escribe ahora es la interfaz operativa real para los usuarios. Integra el programa en segundo plano y la interfaz prototipo, e integra todas las partes del sistema juntas. También puedes usar JavaScript para implementar algunas pequeñas funciones interesantes que se te ocurran durante el proceso de desarrollo.

Nuevamente, hay muchas maneras de implementar un programa en segundo plano. Se recomienda que lea la información relacionada con el marco de su elección para descubrir cómo implementar esta parte del trabajo. Normalmente, este conocimiento estará relacionado con la programación orientada a objetos, pero algunos marcos están avanzando lentamente hacia el diseño basado en dominios.

Paso 4: Pulido

Ahora que se ha desarrollado la aplicación, se han integrado los módulos individuales. Debe realizar pruebas para asegurarse de que se implementen los requisitos y especificaciones de software que definió en el paso 1 (esta pregunta debe tenerse en cuenta durante todo el proceso de desarrollo). Desea asegurarse de que los usuarios estúpidos no puedan dañar su aplicación al intentar hacer algo que aún no ha implementado (consulte las pruebas de cuadro blanco y cuadro negro). También debe asegurarse de que su programa pueda ejecutarse correctamente en varios navegadores (con suerte, no en IE6).

Ahora también es el momento de hacer algunos pequeños ajustes para mejorar la sensación de tu aplicación y hacerla perfecta.

Paso 5: Lanzamiento y trabajo de seguimiento

Este paso final (pero no el final) es lanzar su aplicación para que los usuarios realmente puedan usarla (si la aplicación está desarrollada). por la aplicación pública, no olvides hacer promoción en prensa). Si lo desea, primero lance una versión Beta, para que solo un pequeño número de usuarios puedan encontrar grandes problemas en su aplicación (porque definitivamente habrá errores en su programa), y ellos lo ayudarán a mejorar la calidad de su programa. No se apresure a agregar funciones, concéntrese en hacer que su programa actual sea sólido.

Cuando haya pasado la etapa beta y su programa se haya vuelto muy estable, escuche los comentarios de los usuarios y pruebe su aplicación usted mismo, podrá comenzar a pensar en cómo mejorarla. Encuentra las áreas discordantes y elimínalas. Cada iteración posterior pasará por los cinco pasos mencionados anteriormente, pero como dije inicialmente, ahora tiene una aplicación que funciona y es fácil completar estos pasos directamente en su mente e ir directamente a la siguiente iteración. Pruebe su funcionalidad en código. .

Felicitaciones, ahora está orgulloso de ser el autor de una aplicación web.