INSTITUTO TECNOLOGICO SUPERIOR
QUITO METROPOLITANO
INTEGRANTE:
Bryan Gallo
MATERIA: ARQUITECTURA DE SOFTWARE
CARRERA: TERCERO DE DESARROLLO DE
SOFTWARE
PROFESOR: MGS. DAVID GALARZA
TEMA:
Aplicación Web que Cotiza de
Criptomonedas
• PROBLEMÁTICA
Muchas personas que se dedican de una u otra manera a la compra, venta y cotización
bitcoins tienen la necesidad de estar al día en el valor de cambio, la última variación
del costo de los diferentes tipos de bitcoin a una moneda en específico lo que les
obliga a consultar varias páginas web, foros y aplicaciones para estar al tanto y
actualizados en esta información.
• JUSTIFICACIÓN
Como observamos las personas dedicadas al mundo de la minería del bitcoin deben
estar pendientes en las variantes de costos de cada tipo bitcoin lo que les obliga a
ingresar a diferentes páginas web, foros, etc. donde puedan investigar y validar lo
anterior mencionado, esto toma mucho tiempo y reduce su efectividad al momento
de realizar cualquier tipo de negocio.
Por lo tanto, el desarrollar una aplicación web que permita centralizar la consulta del
valor de cambio, revisar la última variación del costo y todas las demás necesidades
antes mencionadas, permitirá que las personas dedicadas a esta rama optimicen su
tiempo por ende puedan realizar negocios con más rapidez y esto a su ves le conlleve
a obtener más ganancias a mediano y largo plazo.
• OBJETIVOS
o OBJETIVO GENERAL
Desarrollar una Aplicación Web que nos permita consultar el valor de
cambio, la última variación del costo de los diferentes tipos de bitcoin a una
moneda en específico.
o OBJETIVOS ESPECÍFICOS
Maquetar en HTML5 el cuerpo, la apariencia y orden interno que llevará la
aplicación Web que nos permitirá Cotizar Bitcoins.
Implementar el framework Bootstrap que nos permitirá acelerar el proceso
de creación de la aplicación web y nos facilitará la implementación del
modelo responsive en conjunto con una hoja de estilos CSS propia para
realizar mejoras puntuales en la misma.
Crear 2 script externos que nos permitan dinamizar la aplicación web y
obtener la información ingresada en la misma.
Crear un script externo que servirá para realizar una conexión con la API
CryptoCompare y haciendo uso de Fetch API y async await nos permitirá
obtener información que necesitemos sobre una infinidad de tipos de
bitcoins que la API antes mencionada maneja.
• DESARROLLO
➢ Análisis (requisitos)
Usuario
o Cualquier persona puede ingresar a la página web mediante la dirección
web o nombre del dominio, en este caso [Link].
o Las personas pueden escoger que tipo de moneda de una gran variedad
de países, ya sea Dólares, Francos etc para en una siguiente acción
cotizar con un bitcoin en especifico
o Las personas pueden escoger el tipo de moneda de bitcoin que desean
cotizar.
o Las personas pueden realizar un número ilimitado de cotizaciones de
bitcoin siempre y cuando la API se encuentre disponible.
Desarrollador
o El desarrollador puede cambiar el dominio o dirección de la página web
notificando a sus usuarios.
o El desarrollador puede cambiar la apariencia visual de la página.
o El desarrollador puede optimizar la accesibilidad de la página.
o El desarrollador no puede cambiar la API de consumo mientras la API se
valida o no presente errores.
o El desarrollador puede hacer modificaciones en la ruta de la API si el
distribuidor de la API anuncia algún cambio.
➢ Diseño (diagramas de casos de uso, secuencia y clases)
❖ Casos de Uso
▪ Casos de Uso del Usuario
▪ Casos de Uso del Desarrollador
❖ Diagramas de Secuencia
❖ Diagrama de Clases
➢ Implementación (capturas con la funcionalidad y su explicación y en paralelo
las pruebas con los ajustes)
o Maquetación HTML de la Aplicación Web utilizando el framework
minimizado de Bootstrap 4
o Creación de hoja de estilos CSS propia para generar cambios estéticos
adicionales a la Aplicación Web
o Creación de un archivo JavaScript externo([Link]), donde se creará la clase
Interfaz la cual nos permitirá hacer dinámica a nuestra Aplicación Web.
o Creación de perfil en la API CryptoCompare
o Obtención de la APIKEY para poder conectarnos a la API
o Creación de un archivo JavaScript externo([Link]), donde se realizará la
conexión con la API CryptoCompare
o Creación de un archivo JavaScript externo([Link]), donde se leerá la
información escogida en el formulario del Cotizador de Bitcoins
o Agregamos otra función asíncrona que nos permita obtener los valores de
la criptomoneda atrás ves de la key de la API mediante Fetch API
o Obtenemos los valores de la promesa e Iteramos el objeto tipo JSON que
obtuvimos, y creamos un dato primitivo tipo symbol
o Implementación de un spinner y creación de un template para mostrar los
resultados
➢ Pruebas
o Error en despliegue de tipo de Bitcoins
o Error en el Intento de Conexión a la API de CryptoCompare
o Error al momento de conectar con la API, debido a una constante no definida
o Problema al momento de leer la Data que nos devuelve la promesa
o Esto provoca un error visual ya que no despliega los tipos de bitcoins en nuestro
select
o Error estético, no aparece el spinner que indica que se está generando la petición
➢ Despliegue (indicar que está listo para ser usado)
o Despliegue en el navegador de la aplicación Web sin inconvenientes
o Despliegue de las opciones del tipo de Moneda
o Despliegue de las opciones de Bitcoins
o Excelente funcionamiento de la verificación en caso de que los cambios
estén vacíos
o Correcto funcionamiento del spinner al momento de dar clic en el botón
Cotizar
o Correcto funcionamiento al momento de desplegar la información que nos
provee la API de CryptoCompare
➢ CONCLUSIONES
Como podemos observar el nuevo estándar Fetch API nos da una alternativa para
interactuar por HTTP, ya que nos otorga un diseño basado en promesas lo que nos ofrece
mayor flexibilidad y capacidad de control al momento de realizar peticiones al servidor.
Por ello Fetch API nos facilitó la comunicación entre el Cotizador de Bitcoins y la API
CryptoCompare ya que esta última trabaja bajo promesas.
Hay que tomar en cuenta que Fetch API permite configurar con precisión la petición al
servidor permitiendo programación isomórfica cliente – servidor.
➢ RECOMENDACIONES
Tener claro el manejo de promesas y promesas encadenadas para poder leer la data
otorgada por la API, a su vez incluir herramientas de testing como Postman que nos
permiten testear, consumir, monitorizarlas, depurar API Rest y así en el caso de existir un
error poder identificar si es nuestro código o es algún inconveniente de la API.
Leer la documentación de la API para saber como esta estructurada el acceso a su
información.