Covid-19

El sitio web fue un proyecto de clase que se realizó para poner en práctica el uso de PHP, MySQL, JQuery y Ajax y el consumo de una base de datos externa para mostrar las estadísticas del covid-19 en el mundo.

Tarea

Autor: Sebastián Mármol

  • Tecnología

    PHP, MySQL, JQuery, Ajax, HTML, CSS

Proyecto abierto

¿Qué es proyecto Covid-19?

Este proyecto es un sitio web que tiene la finalidad de poner en práctica el uso de PHP, MySQL, JQuery y Ajax y el consumo de una base de datos externa para mostrar las estadísticas del covid-19 en el mundo mediante gráficas y valores porcentuales.

PHP: lenguaje utilizado para realizar sitios web dinámicos

MySQL: sistema de gestión de base de datos

Ajax: se usó para realizar peticiones asincrónicas a la base de datos.

Propuesta de proyecto

El objetivo principal era realizar un sitio web dinámico con PHP y que haga consultas asincrónicas (que no recargue la página cada que exista una nueva consulta al servidor). 

Se usó los datos del repositorio de GitHub pomber/covid19: JSON time-series of coronavirus cases.

Se usó PHP para las partes de login, registro y dashboard en el cual se muestra toda la información, así como las funciones de consultas, conexión a base de datos y todo lo que conlleva el lado del servidor.

Por otra parte, para que sea una web que no se recargue constantemente se usó Ajax, métodos de consulta asincrónicas y los datos que recibía del servidor los usaba para mostrar las gráficas y lo que se requiera.

Un ejemplo de una consulta para Cargar casos con una consulta Ajax:

 

Desarrollo

El resultado del proyecto quedó de la siguiente manera y muestro una breve reseña de su funcionamiento. Para poder usarlo puede crear su propio usuario o ingresar con el usuario admin y contraseña 1234.

Nota. Los datos están desactualizados de acuerdo al último registro del repositorio usado.

Play Video

Enfoque

El desarrollo del sitio web se enfocó principalmente en el consumo de la base de datos externa y mostrar los datos de forma dinámica sin la necesidad de recargas de página constante.

Antes Después
Servicios

¿Tienes un proyecto en mente?

Experiencia en proyectos, principalmente, con WordPress y uso de mapas, booking, informativo y corporativo.

Back