Maharashtra State Board of Technical Education

Mumbai. (M.S.)

MICRO PROJECT
Of
“ Web Based Application Development with PHP” (22619)
On
“Weather Forecast.”

Submitted by
Siddhant Hemraj Chavan
Sahil Vilas Kedare

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

Academic Year: - 2024-2025

 MAHARASHTRA STATE
BOARD OF TECHNICAL EDUCATION

CERTIFICATE
This is to certify that : -

Roll Exam
No. Name of Student Enrollment No. Seat No.
70 Sahil kedare 2200660230

62 Siddhant chavan 2200660216

have successfully completed “Weather Forecast” Micro-project for the subject Web
Based Application development with PHP as in the enclosed ‘Portfolio’ during their
tenure of Completing the Diploma in Computer Engineering (CO6IA) in Academic Year
2024-2025 from M.I.T. Polytechnic, Chh.Sambhajinagar with Institute Code 0066.

Date:

Prof. V.L.Thakare Prof. A. S. Nagrik

Guide H.O.D.

Principal
Marathwada Institute of Technology,
Polytechnic, Chhatrapati sambhajinagar
 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 Teacher Evaluation Sheet
Name of the student: Siddhant Hemraj Chavan Enrollment no: 2200660216
Name of Programme: Diploma in Computer Engineering Semester : - 6th
Course Title : Web Based Application development with 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

Sr. Characteristics to be assessed Poor Average Good Excellent Sub total

no.
(Marks1-3) (Marks 4-5) (Marks 6-8) (Marks 9-10)
(A) Process and product assessment (cover above total marks out of six marks)

1 Relevance to the course

2 Literature review /Information

collection
3 Completion of target as per
project proposal
4 Analysis of data and
representation
5 Quality of prototype/model

6 Report preparation

(B)individual presentation / viva (convert above total marks out of 4 marks)

7 Presentation p

8 Viva

(A) (B) (C)

Processed Product Assesment Individual Presentation Total marks
( 6 Marks ) /Viva ( 10 marks )
( 4 Marks )

Comments / Suggestions about work:

Signature of Teacher:

Name and Designation: Prof. V.L.Thakare

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.
• 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 and the 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.

3.0 Proposed Methodology

1) For the microproject, we will first decide on the topic of creating a Weather Forecast App using
PHP.
2) Then we will research and collect information about weather APIs and how to integrate them
using PHP.
3) Next, we will plan the raw structure and design of the app on paper or in a notebook.
4) We will watch tutorial videos and read documentation to understand the integration of APIs and
user interface design in PHP. After gathering the necessary knowledge, we will start developing
the main project.
5) If we encounter any issues or challenges during the project, we will consult our subject teacher
(Prof. V.L. Thakare) for guidance.Once the app is developed, we will thoroughly test it to remove
any errors.
6) After debugging, we will present it to the subject teacher for review and corrections.
7) After completing the project and addressing any feedback, we will prepare a soft copy for
submission.
8) Finally, we will create a proper PDF document for the project, detailing the implementation
process and results.

4.0 Action Plan

Sr. No Details of Activity Plan Start Plan Finish Name of

Date Date Responsible
Team Members

01 Select the project topic A

02 Collect All members

project
requirem
ents
03 Plan project structure A

04 Design user interface A

05 Connect with weather API All members

06 Test the application A

07 Fix errors and A

improve performance

08 Deploy the application A

09 Write the A
final
project
report
10 Submission of project A
5.0 Resources required (major resources such as row material, some machining facility,
software etc.)

Sr. Name of Resource/Material Specification Qty. Remarks

No

01 Laptop Ryzen 7000 , 01

16 GB Ram
02 Software XAMMP 01

03 Web Broswer Google Chrome 01

Names of Team Members with Roll No.: -

Roll No. Name of Student

70 Sahil kedare

62 Siddhant chavan
 Annexure-II
Micro-Project Report

Title of Micro-Project: - Weather Forecast

1.0 Rationale

This project focuses on providing accurate and timely weather forecasts to enhance safety and
preparedness. Weather forecasting plays a critical role in daily planning, agriculture, and disaster
management. By developing this system in PHP, we aim to create a reliable platform for real-
time updates, empowering users to minimize risks and improve decision-making. Accurate
forecasts protect lives, reduce damages, and support economic stability, making this project
essential for public safety and sustainable development.

2.0 Aim/Benefits of Micro Project:

• 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.
• 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 and the 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.

3.0 Course Outcomes Achieved

a) Perform operations based on arrays and graphics.

b) Develop programs by applying various object-oriented concepts.
 4.0 Literature Review: -

a) https://openweathermap.org/
i. 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://www.hmablogs.com/how-to-create-weather-app-in-php/
i. 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 .

c) https://www.accuweather.com/en/in/aurangabad/189320/weather-forecast/189320
i. 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.

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

i. This tutorial provides a comprehensive guide to PHP programming, focusing on building a
ii. sign-up and login page.
iii. This 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.

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

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

f) PHP Official Documentation https://www.php.net/manual/en/

i. This website provide Comprehensive guide to PHP programming, including syntax, libraries, and
examples.
ii. It Useful for understanding how to handle API requests in PHP.

g) W3Schools: PHP Tutorials https://www.w3schools.com/php/

i. This website is provide beginner-friendly tutorials on PHP, covering basic to advanced topics.
ii. It also includes the examples for integrating APIs with PHP scripts.

h) Weatherstack API Documentation https://weatherstack.com/documentation

i. Explains how to use the Weatherstack API for real-time weather data.
ii. It Provides examples for PHP integration.

i) GeeksforGeeks: PHP API Integration https://www.geeksforgeeks.org/php-working-with-apis/

i. It provides step-by-step guide on integrating APIs with PHP.
ii. It Includes the code examples and explanations for making API calls.
5.0 Actual Methodology

1. Topic Selection and Research:

First of all we selected the topic with the discussion with group members , then the selected topic is
Weather Forecast Application using PHP. Then we researched some weather APIs for integration
and studied relevant PHP libraries.

2. Documentation of Requirements:
After deciding the topic then we move forward to defining the project scope, including features
like current weather and forecasts. After this we listed some tools and APIs: PHP, HTML, CSS,
and OpenWeatherMap API.

3. Design:
Then we designed a simple UI for displaying weather data (e.g., city name, temperature, conditions).
After this we planned the backend logic for API integration and data retrieval.

4. Development:
After design phase we set up a local server environment (e.g., ZAMPP) for running the code. Then
we wrote PHP scripts for making API calls and fetching weather data. After this phase we
Developed the front-end using HTML, CSS for an interactive user interface.

5. Testing the project :

Then we integrated the PHP scripts with the weather API. We tested the application for functionality
and responsiveness. Then we debugged some errors and optimized code for performance.

6. Deployment:
Then we deployed the application on a live server or hosting platform. Then we configured the
environment for running PHP scripts and accessing APIs online. After this we completed all the
project related tasks , then we move toward the for making report and attachments of screenshots.
 7. Finalization and Report Writing:
After Compiling the code we move to the documented the development process. In this it
includes the included screenshots for output , API details, and testing results in the report and
making proper report for microproject.finally we prepared the microproject report for submission.

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

Sr. No Name of Resource/Material Specification Qty. Remarks

01 Laptop Ryzen 7000, 1

16GB RAM
02 Web server XAMPP 1

03 Text editor VS-CODE 1

04 Web Broswer Google Chrome 1

05 API Access OpenWeatherMap 1

06 Documentation Ms-Word 1

7.0 Outputs of the micro projects

Code:

<?php
$status="";
$msg="";
$city="";
if(isset($_POST['submit'])){
$city=$_POST['city'];
$url="http://api.openweathermap.org/data/2.5/
weather?q=$city&appid=ce0253a4a31a854ffc
fe4cfedee6bfb4";
$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: 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: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{ po
sition:
absolute;
top: 42%;
left:50%;
display:flex;
height:300px;
width: 600px;
transform: translate(-50%, -50%);
}
.text{ wi
dth: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:

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) Real time weather monitoring

b) Travel planning
c) Agriculture sector
d) Event planning
e) Educational use
f) Tourism industry

*******************************************************