Instituto Tecnolgico

de Apizaco
Materia:
Tpicos de Programacin
Catedrtico:
Lic. Elizabeth Cuatecontzi Cuautle
Proyecto 5: Generar, ordenar y guardar
datos.
Integrantes:
Cornejo Cortez Eliana
Fernndez Cruz Luis Fernando
Flores Nava Manuel

Introduccin
El presente documento muestra las etapas de realizacin de una aplicacin
de nmeros aleatorios, en la cual el usuario determina el nmero total de
datos. La aplicacin permite al usuario la manipulacin de los datos a travs
de diferentes botones, los cuales realizan funciones diversas, tales como el
ordenamiento de los mismos, la bsqueda de un dato en especfico, o bien,
el guardado o impresin de los datos.
La aplicacin se detalla a travs de la metodologa de las 6D.

Etapa 1: Descripcin del Problema

Realizar una aplicacin en la que el usuario proporcione un nmero para la
generacin de datos aleatorios, los cuales pueden representar cualquier
valor (calificaciones, edades, etc.). El nmero solicitado al usuario no debe
ser mayor a 20.
La interfaz grfica de la aplicacin debe incluir los siguientes botones:

Generar datos
Visualizar datos
Almacenar datos en un archivo
Ordenar en forma ascendente
Ordenar en forma descendente
Buscar (proporcionando la posicin del objeto encontrado)

Etapa 2: Definicin de la Solucin

Aplicacin para generacin y manipulacin de datos
Resultado
deseado

aleatorios. Manipulacin a travs de: ordenamiento

ascendente

ascendente,

bsqueda

de

datos,

guardado e impresin de la informacin procesada.

Datos
necesarios

Valor proporcionado por el usuario para generar n

nmeros aleatorios.
El usuario abre la aplicacin
El usuario ingresa un nmero, el cual indicar el total de
elementos aleatorios que se generarn. El nmero debe
estar comprendido entre 2 y 20, de lo contrario, muestra
un mensaje para volver a ingresar otro dato.
Dado un nmero vlido, generar los n datos aleatorios,
y los muestra en pantalla.
Una vez mostrados en pantalla, el usuario tiene la
opcin de elegir entre:

Procesamiento

Ordenar ascendentemente
Ordenar descendentemente
Buscar calificacin
Guardar datos
Imprimir datos
Salir de la aplicacin
Cabe mencionar que a partir de la generacin de
valores aleatorios, el usuario tiene la facultad de elegir
entre

cualquiera

de

las

opciones

descritas

anteriormente, sin importar el orden de ejecucin.

Etapa 3: Diseo de la Solucin

Planteamos el siguiente
diagrama de actividades, para mostrar una visin
simplificada de la aplicacin.
Se especifican subactividades, las cuales sern detalladas en diagramas
posteriores

Figura 1
. Diagrama de actividades de la aplicacin.

La Figura 1 muestra el funcionamiento general de la aplicacin, en la que el

usuario ingresa un nmero; si es vlido genera la cantidad de datos
aleatorios solicitados o de lo contrario muestra un mensaje. El usuario puede
utilizar cualquiera de las opciones disponibles cuntas veces desee, y
nicamente a travs del botn de salir, termina la aplicacin. Las figuras 2, 3,
4 y 5 detallan el funcionamiento de cada subactividad.

Figura 2.
Subactividad
generarDatos
. Genera la cantidad de datos solicitados por el usuario una
vez que presiona el botn.

Figura 3.
Subactividad

ordenarAscendente.

Figura 4.
Subactividad

ordenarDescendente.

Figura 5.
Subactividad
buscarCalificacin
. Busca la calificacin solicitada por el
usuario.


Figura 6.
Diagrama de componentes de la aplicacin.

Etapa 4: Desarrollo de la Solucin

Lenguaje: JavaScript

Arreglos y datos aleatorios

Llamadas a funciones

Ordenamientos

Buscar calificacin en su posicin y generacin de un archivo

Etapa 5: Depuracin y Pruebas

Pruebas de sintaxis: Correcta

Pruebas de lgica: Correcta

Etapa 6: Documentacin
Manual del Programa:
El programa est codificado en lenguaje JavaScript de forma
estructurada, se ejecuta desde un HTML
Se utilizan mtodos predefinidos de JS
Se utiliza los frameworks jQuery para ahorro de cdigo y Materialize
para interfaz

Manual del usuario:

Para ejecutar el programa solo se necesita de un navegador y tener
un servidor apache (XAMP). Se accede a la aplicacin escribiendo el
url:
http://127.0.0.1/proyecto5/
La interfaz pide un numero de datos a generar, si el nmero es vlido
entonces las dems acciones se podrn realizar. Los botones son
lgicos de usar.