ABSTRACT

This paper proposes a real-time data tracking website and API to provide users with up-to-date
information on their data such as location, usage, and performance. The website and API will allow
users to monitor their data in real time and make informed decisions. The website and API will
use various technologies such as GPS, RFID, and sensors to track the data and display it on the
website. The website and API will also provide users with analytics and insights on their data,
helping them make better decisions. Furthermore, users will be able to set up notifications and
alerts for when certain conditions are met, allowing them to stay informed. The proposed website
and API will be secure and reliable, making it safe for users to trust their data with.
INTRODUCTION

There has been a trend to know live data such as live cricket score, important news, covid 19 data
in India or any other country. So our objectives of the website are to easily get data on one website
of different fields Such as Sports, Education, Entertainment by efficient operational time,
Increased accuracy and reliability Increased operational efficiency and Data security. The main
objective of this project is to design a website which helps people To track Real time data in easier
ways like education field (Exam, University project of govt.),entertainment field
(cinema),agriculture field (Different types of schemes run by our govt.) and sports field (National
and International matches).The main purpose of this website is to provide actual data mainly from
our government that are publicly available related to respective ministries like education, sports,
air quality index ,agriculture etc.

DEVELOPMENT TOOL:-
1. We had made our module with php
2. Language: HTML,CSS,JS,W3 CSS
3. Editor: We used sublime text as our editor
4. Operating System: Windows 7/10, Linux
5. Web Browser: Google Chrome, Mozilla Firefox, Microsoft Edge
6. Server : Pantheon Linux
7. Framework:
8. Library: Bootstrap and J query

SYSTEM REQUIREMENT :-

On client side
● Operating System (any popular)
 ● Web Browser: Google Chrome, Mozilla Firefox, Microsoft Edge

On server side
● Local

FEATURES:-

● This website will track the recent data and information.

● We will get to know about the score of the ongoing cricket match.
● Through this website one can know about various news feeds about Agriculture, Politics,
Air Quality Index, Sports by help of API.
● There is a map controlled by API through which we can know about any location.

METHODOLOGY
First of all we have to design the front look of our website using HTML CSS and Bootstrap . And
we include an API file in the html file of the project . API provided by different websites are in
different language so we convert in one language first then include it in file.

SNAPSHOTS:-

1.Front page view

2.Real time Air Quality Index

3.Footer
SOURCE CODE :
Php Code include API
<?php

// create & initialize a curl session

$curl = curl_init();
$url = 'https://api.data.gov.in/resource/3b01bcb8-0b14-4abf-b6f2-c1bfd384ba69?api-
key=579b464db66ec23bdd000001096992dc8a694fc3596e23f79d0a293b&format=json&offset=
0&limit=20';
// set our url with curl_setopt()
curl_setopt($curl, CURLOPT_URL, $url);

// return the transfer as a string, also with setopt()

curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);

// curl_exec() executes the started curl session

// $output contains the output string
$output = curl_exec($curl);

// close curl resource to free up system resources

// (deletes the variable made by curl_init)
curl_close($curl);
$result = json_decode($output, true);
$result['records'];
$cityArray = [];

foreach($result['records'] as $info){

$city = $info['city'];
$pollution = $info['pollutant_min'];
$cityArray[] = ['label' => $city ,'y' => $pollution];
}

?>

//Script Code
<script>
window.onload = function() {
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
title: {
text: "<?php echo $result['title'];?>"
},
subtitles: [{
text: "<?php echo date('F , l d h:m:s a',
strtotime($result['records'][0]['last_update']));?>"
}],
data: [{
type: "pie",
indexLabel: "{label} ({y})",
dataPoints: <?php echo json_encode($cityArray, JSON_NUMERIC_CHECK); ?>
 }]
});
chart.render();

}
</script>

FUTURE SCOPE

 To present the data in an easier way.

● Planning to add more features such as weather forecast

● Make Website a multitasking one.

In future , I tend to improve UI i.e., user interface for better visibility and add some extra features
that include some sport tracking api .

Project URL: https://dev-real-time-data-tracker.pantheonsite.io/real-track.php

CONCLUSION

There is vast amount of data that is in progress and that is changing every second and for
monitoring those different live data , a website is needed where all that data is showing on one
interface so that they can easily be monitored and the above mentioned site fulfill this criteria
where various data such as live cricket score , air quality index are attached with their api. The real
time data tracking website and API provides an efficient and reliable way to monitor data in real
time. It enables users to access, analyze, and interpret data quickly, providing insight into their
data and helping them make informed decisions. This system can be used to measure the
performance of various aspects of a business, such as customer satisfaction, sales numbers, and
overall profitability. With its easy-to-use interface, comprehensive data tracking features, and
secure API, this system is a powerful tool for businesses to monitor their performance and make
the best decisions for their business.

REFERENCES

1. Google Analytics: https://www.google.com/analytics

2. Adobe Analytics: https://www.adobe.com/analytics
3. Splunk: https://www.splunk.com
4. Amazon Kinesis: https://aws.amazon.com/kinesis