mozilla
Los resultados de tu búsqueda

    Planificación de aplicaciones

    Introducción

    Si tienes una idea sobre una aplicación web, antes de desarrollarla debes planificar cuidadosamente los pasos a seguir. Esto es increíblemente obvio, pero es un punto que no puede ser omitido,  si vas a crear una nueva aplicación, o la reconstrucción de una aplicación existente. Este artículo cubre los conceptos principales a tener en cuenta al planificar una aplicación y la preparación para la implementación.
     
    Nota: Tenga en cuenta que se trata de algo simple, diseñado para ayudar a la gente a empezar; si usted es un desarrollador con experiencia empresarial, entonces probablemente trabaje correcta y rápidamente y las prácticas que emplee ayudaran a la diversidad de aplicaciones Web, lo cual es excelente.
     

    Una Declaracion de Intenciones

    Para empezar, usted debe anotar: ¿A quien esta dirigida la aplicación?, ¿Cual es su función? y ¿Cual es el público objetivo de la aplicación? de la forma más precisa posible, y debe pensar en el contexto/situación en la que el público utilizara la aplicación. Para mi sencilla aplicación: Location Finder anoté dos listas, de la siguiente manera:

    Funcionalidad:

    • Obtener la ubicación de un dispositivo con la mayor precisión posible.
    • Ingresar la ubicación en un mapa de google.

    Grupo de usuarios:

    • Desarrolladores que quieran aprender acerca de aplicaciones Web abiertas y su desarrollo, para ser usada probablemente, en una oficina o en un tren.
    • Cualquier persona que quiera saber como funciona, o para usarla al aire libre/fuera de casa.

    Usted debe hacer la aplicación lo más sencilla posible; centrarse en conseguir que haga una cosa o un par de cosas, estrechamente relacionadas. Si usted tiene muchas ideas que decea alcanzar, es posible que decee dividirlas en diferentes aplicaciones. Si su aplicación requiere de experiencias diferentes para cada plataforma, es probable que necesite tener listas separadas de aplicaciones para escritorio y móviles (o incluso Tablet o TV).

    A continuación, intenta escribir un resumen del uso de la aplicación, que atraera a las personas a descargarlo y probarlo. Si usted puede resumirlo en una frase, entonces ¡su idea es probablemente una buena opción para una aplicación! Para "Location Finder", escribí:

    Location Finder utiliza la geolocalización para saber dónde te encuentras, y muestra un mapa de los alrededores, haciendo uso de los mapas de Google.

    Claro que para una aplicacion solamente destinada a los usuarios finales seria así:

    Location finder Localiza tu ubicacion y muestra lo que hay alrededor.

    Ya que esta aplicación está dirigida principalmente a personas en proceso a ser desarrolladores, decidí que esta información sería de utilidad.

    Primer dibujo de la aplicación

    Una vez que haya decidido sobre la intención y el objetivo del publico al usar su aplicación, siempre es una buena idea empezar con papel o bocetos, intente dibujar lo que la aplicación va a mostrar, y vea como el usuario usara su aplicación. Usted probablemente querrá hacer un conjunto separado de dibujos para escritorio, móvil, Tablet, TV, etc, si su lista de funcionalidades así lo requieren.

    Siempre, incluya notas sobre lo que se necesita sean: gráficos, funciones, etc, en cada etapa, ya que al llegar a las etapas de diseño y desarrollo, sera necesario incluirlas y así sera menos propenso al olvido de interesantes funcionalidades. Para "Location Finder", hice solo un dibujo por lo sencillo de la aplicación:

    Drawing of an app window, which includes a title bar containing the title Location Finder, and an install button, plus a map covering the res tof the windowPara una aplicación compleja dibuje las diferentes areas de la aplicación, intente representar las diferentes areas de trabajo, tambien intente pensar en lo que busca el usuario con su aplicacación.

    ¿Puede cualquier programa convertir una pagina en una aplicación Web abierta?

    Toda pagina o documento se puede convertir en una aplicacion Web abierta, pero en algunos casos tales como procesadores de texto, o complicados sistemas de ventas en línea, no se puede convertir facilmente, para estos casos es necesario hacer una versión diferente para moviles, lo mejor es hacer algo parecido a lo que hizo el servicio de ventas en línea eBay, como podemos ver en su pagina web de escritorio contiene complicados sistemas que serian un verdadero caos en un movil, lo que hizo eBay es dividir toda la información y hacer que sea lo mas facil de ver, logro hacer que deslizando hacia abajo la pantalla se vea el resto de la información, ademas eBay puso lo mas relevante arriba y las funcionalidades menos utilizadas abajo, o más escondidas, intento hacer las minimas interacciones con el teclado.

    screenshot of the ebay desktop site containing lots of adverts and controls                     screenshot of the ebay mobile site, with a much simpler interface than the desktop version

    Google Docs es otro interesante ejemplo, en su versión de escritorio goza de funcionalidades que en un movil serian un verdadero caos, lo que hizo fue dejar solo el vizualizador de texto, en una interfaz simple, bonita y amigable.

    The google docs desktop site, which looks like a standard word processor                     The google docs mobile site, which is more of a document reader than a word processor

    En esta etapa ya debes pensar en las diferentes versiones de tu aplicación, para moviles, tablets, y escritorio, que incluiras y que no, En la mayoria de las situaciones solo necesitaras facilmente convertir tu web, o una web en una aplicación, en otras situaciones tendras que diseñar un entorno totalmente nuevo para moviles, o tablets y a veces sera necesario crear una aplicación especialmente para su uso en una determinada plataforma.

    Nota: Si vas a hacer un entorno totalmente diferente al clasico, preocupate de dar la opción a los usuarios de cambiar entre el clasico y tu entorno, no creas que a todos los usuarios les gustara lo que tu hagas.

    Piensa sobre las tecnologias que usaras

    Muchas personas creen que llenar su aplicación de funcionalidades la hace cada vez mejor, y probablemente sea así, pero no olvides que el diseño y separar los contenidos, es muy importante, para que tu aplicación llegue a ser popular, si integraras tecnologias de última generación, preocupate de que para el usuario sea facil usar la aplicación.

    Hablamos con mucho mas detalle acerca de esto en la sección Desarrollando aplicaciones Web, pero en general lo mas importante es la funcionalidad, el diseño, y los requisitos de la aplicación, ademas de integrar nuevas y alucinantes tecnologias. Ejemplos de preguntas que te ayudaran:

    • ¿Es necesario el almacenamiento offline? si tu aplicación necesita conectarse a internet frecuentemente, para guardar datos, lo mas probable es que necesites una conexión cliente-servidor-base de datos. Si tu aplicación necesita guardar los datos en el dispositivo, lo mejor seria que se instale en el sistema. Si necesitaras que la información este en el movil y en la red, tu necesitaras un mecanismo especial cliente-servicio de almacenamiento en línea, tales como IndexedDB o localStorage. (La información proporcionada en estas lineas es basica, se necesitara un grado mayor de conocimiento, para la implementación de su aplicación)
    • ¿Necesitas reproducir o manipular videos, fotos etc? Tu probablemente necesites funciones de HTML5 tales como <canvas>, <video>, o <audio>.
    •  Para obtener información acerca de lo que sucede alrededor del dispositivo necesitaras API's. tales como: API del estado de la bateríaAPI del sensor de proximidad, o API de la orientación del dispositivo.

    Plan de pruebas

    Quisaz esto lo consideraras obvio pero es una de las partes mas importantes de un proyecto, pues el plan de pruebas permite la corrección de errores antes de la liberación de la aplicación al público, recuerda probar cada caracteristica de tu aplicación en periodos cortos de tiempo, para así no quedar con muchos errores, tiempo y dinero desperdiciado. Un resumen de el plan de pruebas:

    • Crea una versión basica de tu aplicación y entregasela a tus familiares, amigos, colegas, que ellos te den la primera impreción y te digan si les gusta o no, y si tienen alguna idea para agregar a la aplicación o si hay un error, también preguntales sobre el diseño, si esta bien si le falta algo, si es muy aburrido, o si tiene mucho color, todo esto te servira para solucionar los primero problemas.
    • Comparte tus dibujos, y haz preguntas tales como, ¿le falta algo?, ¿que les gustaria que incluya en mi aplicación?, ¿que diseño les gusta mas?.
    • Despues de esto es una buena idea compartir tu aplicación con personas fuera del equipo de diseño, desconocidos, y que te digan realmente lo que es tu aplicación para ellos, y si la descargarian o no, por que si y por que no.
    • Haz diversas pruebas con tu aplicación, hazla funcionar bajo estres (varias aplicaciones al mismo tiempo) y hazla funcionar en diversos dispositivos, puede que solo en tu dispositivo funcione correctamente, también pruebala en momentos de escaza memoria, y en navegadores antiguos, si quieres hacer una aplicación geneal, preocupate de que funcione en todos los dispositivos.
    • Antes de enviar la aplicación al público en general, prueba todas las funciones nuevamente, corrige todos los errores restantes, y termina de solucionar los problemas, aunque después actualizes la aplicación a una nueva versión, no puedes asegurarte de que todos la actualizaran.

    Conclusión

    Esperamos que este articulo allá superado sus expectativas, ya estas listo para empezar a desarrollar una aplicación web, o para empezar cualquier proyecto. Creer en ti, siempre es lo más importante. Ahora un resumen del articulo.

    ¿Cual es el proposito de su aplicación?
    Crear un listado de tareas y de ideas, es una gran forma de comenzar una aplicación, otra buena idea es decir lo que la aplicación hará en una sola frase. Ejemplo: "Mi aplicación sera la mejor aplicación en mensajeria", "Mi aplicación esta destinada a todos los que olvidamos las cosas al ir al supermercado"
    Centrate en una sola cosa
    Es posible que quieras llenar de funcionalidades tu aplicación, recuerda que las buenas aplicaciones estan hechas para una sola cosa.
    ¿Que personas utilizaran tu aplicación, en que entorno?
    Es muy importante dar a las personas lo que decean, por ejemplo si crearas una aplicación para escuchar música de rock, toques negros le daran un excelente sabor a tu aplicación, pero si lo que buscas es hacer una aplicación para la venta en línea lo mejor sera el blanco.
     
    Concentrate en algunas caracteristicas
    Al terminar revisa nuevamente el listado de tareas que hiciste en el inicio, se sincero contigo mismo, ¿hiciste lo que querias o no?, si no es así pero lo que has hecho cumple una función o un servicio, entonces te felicito, con el tiempo intenta integrar nuevas funcionalidades a tu aplicación siempre que tengan que ver con el tema principal, y siempre sin perder el toque de diseño.
    Vistas de la aplicación
    Piense acerca de como se ve su aplicación en un movil y en un tablet, las aplicaciones mas populares con el tiempo sacan una versión de la aplicación para tablet, si tu aplicación alcanza un numero elevado de usuarios y de popularidad, es bueno siempre pensar en hacer la app para otra plataforma.
    Tecnologia requerida
    Haz un listado con lo necesario para que tu aplicación funcione correctamente, así lograras hacer facilmente el listado de requerimientos.
    Plan de trabajo
    Recuerde que construir un plan de trabajo es muy importante, hagalo y cumplalo, le aseguramos que al final, ahorrara tiempo y dinero.

    Vea también

    Etiquetas y colaboradores del documento

    Contributors to this page: Stojan, maedca, JFabio, Daril, teoli
    Última actualización por: Daril,