Beruflich Dokumente
Kultur Dokumente
1. Problema
Se requiere una webapp para un evento de software, un sistema de inscripciones donde gestione
los registros de los inscritos a dicho evento, la webapp tiene que realizar el CRUD (guardar,
actualizar, insertar, eliminar), en la ficha de registro se requieren ingresar mínimo los siguientes
datos:
Nombres
Apellidos
Correo
Cédula (validación de la cedula)
Dirección
Teléfono
Cargo
Curso
Taller (Taller1, taller2, taller3) un inscrito puede inscribirse a uno o varios talleres
Con base a los requerimientos anteriores desarrolle y documente todas las fases que tiene la
metodología para la creación de las webapp, para esta documentación ser presentada como
entregable final.
2. Fase de Creación
La propuesta de aplicación web guarda características de simplicidad, por tanto para el análisis y
la planificación se desarrollara bajo la técnica de entrevistas como método idóneo para la captura
de requisitos. Así se ha iniciado estas entrevistas con los patrocinadores y demás interesados del
proyecto a fin de obtener los requerimientos; por ahora estos procesos se los llevaba en forma
manual.
2
2.1. Requisitos:
“alrededor” de esta.
Navegación.- La navegación del sistema debe ser 100% responsive y debe contar con
soporte para tablets de 7’’ en adelante (la navegación por teléfonos móviles no se requiere).
A nivel de usuario, la navegación de ser lo más simple posible, teniendo formatos de una
Al ser una webapp, deberá ser accesible ya sea por red local con un servidor en la propia red o
directamente por internet, contando con métodos de seguridad básicos como protocolo hhtps.
Su desarrollo contará con buena documentación y que sean libres y de código abierto.
La base de datos principal a usarse también será libre y de código abierto y su administración se lo
3
3. Fase de Planificación
Rol Nombre
Arquitecto software Carlos Egüez
Analista Carlos Egüez
Desarrollador Carlos Egüez
Tester Carlos Egüez
Arquitecto software: Diseña la base de datos, define las capas, protocolos y sistemas de
4
Tester: Verifica la completa ejecución de los casos de uso a nivel de usuario. Ejecuta la
La aplicación web se compone de una página de inicio que contiene el formulario para el registro
(ingresar), con cuatro páginas de contenido o secundarias con indicaciones o ayuda. Dado que es
una aplicación sencilla, se utilizará una estructura jerárquica. Las relaciones de las páginas entre sí
configuran la estructura del sitio A partir de la página de inicio se vinculan mediante enlaces al
resto de las páginas mediante código HTML.
3.6.1 Conceptual
Esta aplicación está enfocada a la captura de datos personales, es por ello que se
creará una matriz de datos en forma de formulario para que el usuario sepa lo que tiene que
escribir en cada campo; Existirá un botón llamado Ingreso, al presionar el botón, se
almacenará la información en la base de datos.
5
3.6.2 Diseño Navegacional
formulario, la ubicación de los campos será secuencialmente en un orden vertical (en forma de
de registro de datos y finalmente, un botón Ingreso, el mismo que ejecutará el script que graba la
la página sea sencilla pero llamativa; sin contenido pesado que haga lenta la navegación en la
La usabilidad del sistema está hecho de la forma más sencilla posible solamente se
necesita llenar los campos requeridos y guardar, eliminar o modificar. Para consultar únicamente
damos “click” en inscritos dentro del menú principal y nos despliega la tabla de los estudiantes,
participantes inscritos.
6
Para accesar a la aplicación web, basta con ingresar al internet y abrir la página
institucional y registrarse, para salir únicamente damos “click” en la “x” de la ventana del
navegador.
4. Fase de Programación
manteniendo su actualización a lo largo del proceso de desarrollo. Como gestor de base de datos
se utilizó MongoDB; y como servidor web se usa el nativo del framework MeteorJS.
colecciones (tablas en bases relacionales) permitiendo así que se parta de la necesidad inicial de
Capa Uno
Capa Dos
Capa Tres
Código de la aplicación.
7
5. Fase de Testeo
Resultado:
Cuando es ingresado los datos necesarios al formulario estos se ingresan a la base de datos.
Título: Insertar los datos del formulario con cedula en blanco y existente, nombres en blanco.
Resultado:
La aplicación realiza una validación AJAX, a fin de hacerlo de forma asincrónica sin
necesidad de recargar la página del navegador; esto en caso de que los campos cedula y
nombres sean enviados en blanco; o, en caso que los datos hayan sido llenados correctamente
la aplicación hace una consulta a la base de datos para verificación de si existe este registro;
de ser así el caso, mostrará un mensaje de: “Cedula ya existe” y vuelve a formulario.
Resultado:
Resultado:
Resultado:
8
Muestra todos los datos de la base de datos en una tabla actualizada, sin el registro que fue
borrado
9. Referencias bibliográficas
1.- http://www.hablandoencorto.com/2014/03/herramientas-seo-analisis.html
2.- https://www.meteor.com/
3.- http://es.slideshare.net/rpedraza/pedraza-blancocodinacavaller2013-
especificacionrequisitosweb
4.- https://velocity.readme.io/
5.- https://www.mongodb.org/
6.- http://www.websa100.com/blog/2013/05/26/el-testeo-la-mejor-forma-de-rentabilizar-el-e-
mail-marketing