1

Kamla Nehru Institute of Technology

[KNIT], Sultanpur

A
Project Report
On
“Real Time Data Tracker Website”

For The Course

Mini Project (KCS-354)
Information Technology
For Academic Year (2020-21)

SUBMITTED BY
Adarsh Patel (Roll No.-19604)
Akash Shivhare (Roll No.-19607)
Krishna Nand Kushwaha (Roll No.-19626)

SUBMITTED To
Prof. Akhilesh Tripathi
Prof. Sunil Dalal
Prof. Ishwari Singh Rajput

Computer Science Engineering Department

KAMLA NEHRU INSTITUTE OF TECHNOLOGY, Sultanpur, INDIA
July, 2021
 2

ACKNOWLEDGEMENT

We are very happy to acknowledge prof.Akhilesh Tripathi for his

marvelous guidance
Throughout this project work. We are also very thankful to the
coursera team from where we gained knowledge about web
development.We also thankful to our batchmates and friends who
supported and helped us in clearing our doubts .

CONTENTS

S.No Chapter Name Page No.

1 INTRODUCTION 03

2 DEVELOPMENT TOOL 03

3 SYSTEM REQUIREMENT 03

4 FEATURES 04

5 SNAPSHOTS 5-6

6 SOURCE CODE 7-8

7 FUTURE SCOPE 8
 3

INTRODUCTION

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,Mozila Firefox,Microsoft Edge
6. Server:pantheon linux
7. Framework:
8. Library:Bootstrap and jquery

SYSTEM REQUIREMENT:-

On client side
● Operating System(any popular)
● Web Browser:Google Chrome,Mozila 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.
 4

● 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.

SNAPSHOTS:-

1.Front page view

 5

2.Real time Air Quality Index

3.Footer
6
 7

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];
}

?>
 8

//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.

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

Thank you