Maharashtra State Board of Technical Education

Mumbai. (M.S.)

MICRO PROJECT
On
“Weather Forecast”

Submitted by

Amol Kakde
Ruchir Terkhedkar

G.S. Mandal’s
Department of Computer Engineering
Marathwada Institute of Technology,
Polytechnic, Aurangabad.

Academic Year: - 2023-2024

 MAHARASHTRA STATE
BOARD OF TECHNICAL EDUCATION

CERTIFICATE
This is to certify that : -
Roll Exam
Name of Student Enrollment No.
No. Seat No.
64 Ruchir Terkhedkar 2100660372 -

53 Amol Kakde 2100660165 -

have successfully completed “Weather Forecast” Micro-project for the

subject Web Based Application development with PHP as in the enclosed
‘Portfilio’ during their tenure of Completing the Diploma in Computer
Engineering (CO6IA) in Academic Year 2023-2024 from M.I.T. Polytechnic,
Aurangabad with Institute Code 0066.

Date: 5/4/2024

Prof. G.B.Adhane Prof. A. S. Nagrik

Guide H.O.D.

Principal
Marathwada Institute of Technology,
Polytechnic, Aurangabad
 INDEX

Annexure-IV Micro Project Teacher Evaluation Sheet

Annexure-I A “Format for Micro-Project Proposal”

1.0 Aim/Benefits of Micro Project (minimum 30-50 words)

2.0 Course Outcomes Addressed

3.0 Proposed Methodology (procedure in brief that will be followed to do the micro-
project in about 100-200 words.)

4.0 Action Plan (Sequence and time required for major activity.)

5.0 Resources required (major resources such as row material, some machining facility,
software etc.)

Annexure-II A “Format for Micro-Project Report”

1.0 Rationale (Importance of the project, in about 30 to 50 words. This is a modified
version of the earlier one written after the work)

2.0 Aim/Benefits of Micro Project:

3.0 Course Outcomes Achieved (Add to the earlier list is more Cos are addressed)

4.0 Literature Review

5.0 Actual Methodology Followed (Write step wise work done, data collected and its
analysis (if any). The contribution of individual member may also be noted.)

6.0 Actual Resources Used (mention the actual resources used).

7.0 Outputs of the micro projects (Drawings of the prototype, drawing of survey,
presentation of collected data, findings etc.)

8.0 Skill Developed/Learning outcome of this micro project

9.0 Applications of this micro project

 Annexure-IV

Micro Project

Name of Program: Diploma in Computer Engineering Semester: Sixth

Course Title: PHP Code: 22619
Title of Micro Project: Weather Forecast
Course Outcomes Achieved:

a) Perform operations based on arrays and graphics.

b) Develop programs by applying various object-oriented concepts.
c) Using api keys in program.

Process and Individual Total

Roll Enrollment Exam Product Presentation/ Marks
Name of Student
No. No. Seat No. Assessment Viva (10)
(06) (04)
64 Ruchir Terkhedkar 2100660372 -

53 Amol Kakde 2100660165 -

Comments / Suggestions about work:

Signature of Teacher :

Name and Designation : G.B.Adhane

of the Teacher
 Annexure-I
Micro-Project Proposal

Title of Micro-Project: Weather Forecast

1.0 Aim/Benefits of Micro Project (minimum 30-50 words)

Weather is something everybody deals with, and accurate data of it like what is coming can
help users to make inform decisions. With weather apps for iOS and Android, people can
exactly know when to expect a change in the weather conditions. Weather apps can give
urgent alerts too.

Undoubtedly, weather forecasting has come a long way, helping people to know about
weather conditions. So, if you are in an area where weather frequently changes from sunny
to torrential rain in a matter of minutes, then what is the easiest way to make sure to be
prepared for. A suitable answer is a weather application.

Weather applications continuously update their forecasts, whether it is by the day, hour or
minute, so it always takes us one step ahead. The best weather apps for Android are like
pocket weather channels, and they do not just tell anyone when the sun is going to shine
andthe rain is going to fall, these apps tell us the wind speed, the UV level, humidity levels,
and even “feels like” temperature to account for the dreaded wind chill.

2.0 Course Outcomes Addressed

a) Perform operations based on arrays and graphics.

b) Develop programs by applying various object-oriented concepts.
c) Using api keys in program.
3.0 Proposed Methodology (Procedure in brief that will be followed to do the micro-
project in about 100-200 words.)

a) For micro-project first I have to decide topic related to PHP Subject.

b) Then I will be researching and collecting information about that topic.

c) Then I will be planning raw project on notebook.

d) Then I will resarch a information and watched video then I will start my main project.

e) At the time of project if I am getting some problem then I will ask to the respective
subject teacher (Prof . G.B.Adhane) .

f) After removing errors from my project, I will show it to subject teacher for
checking/correction.

g) After completing project, for submitting it in soft copy.

h) I will create proper pdf.

4.0 Action Plan (Sequence and time required for major activity.)

Sr. No Details of Plan Start Plan Finish Name of

Activity Date Date Responsible
Team Members
01 12/02/2023 14/02/2023
Choose Topic Ruchir , Amol

02 Raw collecting 15/02/2023 20/02/2023 Ruchir , Amol

information
03 Arranging the 21/02/2023 26/02/2023 Ruchir , Amol
information

properly
04 Start to code 26/02/2023 02/03/2023 Ruchir , Amol

05 Error solving 03/03/2023 06/03/2023 Ruchir , Amol

06 Making of report 14/03/2023 15/03/2023 Ruchir , Amol

for submission
5.0 Resources required (major resources such as row material, some machining
facility, software etc.)

Sr. Name of Specification Qty. Remarks

No Resource/Material

01 Laptop I3,4GB RAM 01

02 Software Xammp and 01

VsCode
03 MS word For Information 01

Names of Team Members with Roll No.: -

Roll No. Name of Student

64 Ruchir Terkhedkar

53 Amol Kakde
 Annexure-II
Micro-Project Report
(Format for Micro-Project Report minimum 4 pages)

Title of Micro-Project: - Weather Forecast

1.0 Rationale (Importance of the project, in about 30 to 50 words. This is a modified version of
the earlier one written after the work)

PHP is a general purpose, server-side scripting language run a web server that’s designed to
make dynamic pages and applications. PHP as a web development option is secure, fast and
reliable. In the growing field of Web technology, it is essential for every Diploma pass outs
to learn PHP Language to help them build interactive web applications. This course is
designed to inculcate web based applications development skills in students using server side
scriptingwith PHP.

2.0 Aim/Benefits of Micro Project:

a) Weather Forecast
b) Weather History
c) Weather Prediction
d) Humidity
e) Visibility
f) Clouds situations
g) Wind speed
h) Rain Prediction
i) Dynamic city weather viewer

3.0 Course Outcomes Achieved (Add to the earlier list is more Cos are addressed)

a) Perform operations based on arrays and graphics.

b) Develop programs by applying various object-oriented concepts.
c) Using api keys in program.
4.0 Literature Review: -

a) https://openweathermap.org/

From this website we have generated an api key which we later on used in our source code .
An API key is a unique identifier used to connect to, or perform, an API call. API stands for
application programming interface . Open weather is an website where we can get api’s related to
weather

b) https://en.wikipedia.org/wiki/API_key

Detail Information about what the API is ??

How to use ?

c) https://www.hmablogs.com/how-to-create-weather-app-in-php/

From this website we actually get to know how we can use the api keys in programs.
This website also helps us to gather the logic related to our works

d) https://ijarcce.com/upload/2016/december-16/IJARCCE%2037.pdf
e) https://core.ac.uk/reader/95759120
f) https://www.mdpi.com/1424-8220/20/18/5173

Above are some research paper that we have visited to gather some information

g) https://www.accuweather.com/en/in/aurangabad/189320/weather-forecast/189320
We use this website to cross-check(verify), if our website is giving correct weather result
or not. This is trusted and accurate website that sows the forecast of weather.

h) Visual Studio Code (VS Code):

•VS Code is a popular code editor known for its cross-platform compatibility and powerful features.
•Studies have highlighted its effectiveness in improving developer productivity and code quality due to its intelligent
code editing capabilities.
•The built-in Git integration in VS Code streamlines version control processes, allowing developers to manage their
code repositories more efficiently.

i) Code with Harry PHP Tutorial https://youtu.be/at19OmH2Bg4?si=lU-yZT8YsFWqZzMf

•This tutorial provides a comprehensive guide to PHP programming, focusing on building a sign-up and login page.
•Literature suggests that well-structured PHP tutorials can be valuable resources for beginners, offering step-by-step
instructions and practical examples to help them grasp key concepts.

j) XAMPP from Apache Friends www.apachefriends.org:

XAMPP is a popular tool for running PHP code as a backend language.
Studies have shown that XAMPP simplifies the setup of a local development environment, enabling developers to test
and debug PHP applications more easily.

k) phpMyAdmin https://www.phpmyadmin.net/:
•phpMyAdmin is a web-based tool for managing MySQL databases, including storing user signup data.
•Studies suggest that phpMyAdmin simplifies database management tasks, offering an intuitive interface for executing
SQL queries and managing database structures.
5.0 Actual Methodology Followed (Write step wise work done, data collected and its
analysis (if any). The contribution of individual member may also be noted.)

A)- Project Topic selection:

At the beginning we were confused about selecting Topic for PHP Subject microproject but
after a conversation with subject teacher we made my decision and select topic Weather
Viewer App.

B)- Searching and Collecting Information:

After selecting project topic then we searched lots of information related to test cases.we
was visited more than 5 websites which gave me valuable information about my Project
topic.

C)- Raw Project:

After collecting information about project, we started rough Design,data, topics,diagram on

notebookfor implementing my Idea on project.

D)- Main Project Work On:

After completing and Implementing rough Design,data,topics,diagram on notebook. Then

we started projectin vs code. at one point we were stuck
Because we were unable to sorting information And also, we didn’t have proper
information about Report & Literature Review.

E)-Problem & Doubt Solving:

As we was not able to proceed further in micro project we did brief discussion with
respected subject teacher (Prof. G.B.Adhane) ,During conversation Mam gave me proper
instruction and Sequence for project.

F)-Final Stage of Micro project:

After removing errors, we had completed my project and got the proper output.
6.0 Actual Resources Used (mention the actual resources used).

Sr. Name of Specification Qty. Remarks

No Resource/Material
01 Laptop i3,4GB RAM 1 -

02 Software Xammp and 1 -

VsCode
03 For arranging 1 -
MS-Word information

7.0 Outputs of the micro projects (Drawings of the prototype, drawing of survey,
Presentation of collected data, findings etc.)

Output has been attached below

8.0 Skill Developed/Learning outcome of this micro project

a) Increased Knowledge on the topic.

b) started getting more knowledge.
c) Enhanced team working skill.
d) Enhanced Knowledge about topic.
e) Enhanced Presenting Skill.

9.0 Applications of this micro project: -

a) Weather History
b) Weather Prediction
c) Humidity
d) Visibility
e) Clouds situations
f) Wind speed
g) Rain Prediction
h) Dynamic city weather viewer
WEATHER FORECAST

Code:
<?php
$status="";
$msg="";
$city="";
if(isset($_POST['submit'])){
$city=$_POST['city'];
$url="http://api.openweathermap.org/data/2.5/weather?q=$city&appid=ce0253a4a31a854ffcfe4cfedee6bfb4";
$ch=curl_init();
curl_setopt($ch,CURLOPT_URL,$url);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
$result=curl_exec($ch);
curl_close($ch);
$result=json_decode($result,true);
if($result['cod']==200){
$status="yes";
}else{
$msg=$result['message'];
}
}
?>

<html lang="en" class=" -webkit-">

<head>
<meta charset="UTF-8">
<title>Weather Card</title>
<style>
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css);
body {
background-color: cadetblue;
font-family: Poiret One;
}
.widget {
position: absolute;
top: 50%;
left: 50%;
display: flex;
height: 300px;
width: 600px;
transform: translate(-50%, -50%);
flex-wrap: wrap;
cursor: pointer;
border-radius: 20px;
box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);
}
.widget .weatherIcon {
flex: 1 100%;
height: 60%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: #FAFAFA;
font-family: weathericons;
display: flex;
align-items: center;
justify-content: space-around;
font-size: 100px;
}
.widget .weatherIcon i {
padding-top: 30px;
}
.widget .weatherInfo {
flex: 0 0 70%;
height: 40%;
background: darkslategray;
border-bottom-left-radius: 20px;
display: flex;
align-items: center;
color: white;
}
.widget .weatherInfo .temperature {
flex: 0 0 40%;
width: 100%;
font-size: 65px;
display: flex;
justify-content: space-around;
}
.widget .weatherInfo .description {
flex: 0 60%;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
justify-content: center;
margin-left:-15px;
}
.widget .weatherInfo .description .weatherCondition {
text-transform: uppercase;
font-size: 35px;
font-weight: 100;
}
.widget .weatherInfo .description .place {
font-size: 15px;
}
 .widget .date {
flex: 0 0 30%;
height: 40%;
background: #70C1B3;
border-bottom-right-radius: 20px;
display: flex;
justify-content: space-around;
align-items: center;
color: white;
font-size: 30px;
font-weight: 800;
}
p{
position: fixed;
bottom: 0%;
right: 2%;
}
pa{
text-decoration: none;
color: #E4D6A7;
font-size: 10px;
}
.form{
position: absolute;
top: 42%;
left: 50%;
display: flex;
height: 300px;
width: 600px;
transform: translate(-50%, -50%);
}
.text{
width: 80%;
padding: 10px
}
.submit{
height: 39px;
width: 100px;
border: 0px;
}
.mr45{
margin-right:45px;
}
</style>
</head>
<body>
<div class="form">
<form style="width:100%;" method="post">
<input type="text" class="text" placeholder="Enter city name" name="city" value="<?php echo $city?>"/>
<input type="submit" value="Submit" class="submit" name="submit"/>
<?php echo $msg?>
</form>
</div>
 <?php if($status=="yes"){?>
<article class="widget">
<div class="weatherIcon">
<img src="http://openweathermap.org/img/wn/<?php echo $result['weather'][0]['icon']?>@4x.png"/>
</div>
<div class="weatherInfo">
<div class="temperature">
<span><?php echo round($result['main']['temp']-273.15)?>°</span>
</div>
<div class="description mr45">
<div class="weatherCondition"><?php echo $result['weather'][0]['main']?></div>
<div class="place"><?php echo $result['name']?></div>
</div>
<div class="description">
<div class="weatherCondition">Wind</div>
<div class="place"><?php echo $result['wind']['speed']?> M/H</div>
</div>
</div>
<div class="date">
<?php echo date('d M',$result['dt'])?>

</div>
</article>
<?php } ?>
</body>
</html>
 OUTPUT:

Weather condition of the entered city: