Title: Website for Change

Manya Kapur
8a1, 2023-2023
Global context: Scientific and techincal innovation
Statement of inquiry: Digital platforms can be designed to foster positive
societal impact and engagement.
Key concept: Communication
Related concept: form and function
 Inquiry Questions!!!

Factual:

 What is HTML and how does it structure content on a

webpage?
 What is CSS and how does it influence the visual
presentation of a website?
 What are some examples of websites that have brought
about positive social changes?

Conceptual

 How do design choices impact the users experience of a

website?
 In what way can design elements contribute to conveying a
websites intended message?
 How can digital platforms be designed to address diverse
cultural needs?

Debatable

 Is it more important for a website to have a user-friendly

interface or visually striking design to create positive
impact?
 Criteria A: inquiring and analyzing

At the end of year 3, students should be able to:

1. Explain and justify the need for a solution to a problem.

2. Construct a research plan, which states and priorities the primary
and secondary research needed to develop a solution to the
problem.
3. Analyse a group of similar products that inspire a solution to the
problem.
4. Develop a design brief, which presents the analysis of relevant
research.
AI: Explain and justify the need for a solution to a problem:

1-2: States the need for a solution to a problem.

3-4: Outlines the need for a solution to a problem.

5-6: Explains the need for a solution to a problem.

7-8: Explains and Justifies the need for a solution to a problem.

Problem: The lack of education in Hyderabad ,India (4 sample answers

each earning different scores)

1-2: The lack of education is concerning and we need to improve it.

3-4: The lack of education is concerning and we need to improve it

because it will impact the people and the economy.

5-6: The lack of education is concerning and we need to improve it

because it will lead to poverty and a poor health.

7-8: The lack of education in Hyberbad is concerning and we need to

find ways to improve it because it will lead to poverty, poor health,
gender equality, lack of voice, and a shorter lifespan since the people
won’t know how to care for themselves. It is also important since the
lack of education can impact the way the economy develops, since to
make a country flourish, we need to have people willing to work for it.
A2: identify and prioritise the research.
Students should put their research questions into a table, so they can
clearly prioritise them and can also check they are using a range of
different sources type!

Questions Priorit Source Primary/ Answers

y Secondary
How are High https:// Secondary When people don’t
people www.childfu have access to
impacted nd.org/ education, they
by not
having about-us/ don’t the rights and
education education/ wrongs in the
in actions they do
Hyderabad along with that,
? without education
you don’t have a
job and no job
means no money
and family.
What are High https:// Secondary 1. No funding for
the www.globalc education.
common
itizen.org/ 2. Having a
reasons for
why people en/ under trained
don't content/10- teacher.
pursue barriers-to- 3. No classroom
education education- 4. Lack of
in around-the- learning
Hyderabad
world-2/ materials.
?
5. Being the
“wrong”
gender.
Who are Mediu https:// Secondary The people
the people m www.ilo.org/ impacted due to
that are global/ the lack of
most
about-the- education are
impacted
due to lack ilo/ around the ages 9-
education newsroom/ 16. This is the time
in news/ young kids should
Hyderabad WCMS_3291 start studying and
? 08/lang-- work hard, to get a
en/ job in the future.
index.htm
What role Mediu https:// Secondary The Indian
is the m www.jetir.or government is
governmen
g/papers/ making schools in
t is
playing in JETIR221227 the rural areas, and
the lack of 7.pdf trying to train
education teachers to improve
in the way students
Hyderbad? learn.
Why is lack High https:// Secondary People are in
of helpfulprofe poverty, and have
education
in India ssor.com/ other disabilities
such a lack-of- therefore they are
problem education/ unable to go to
these days? #:~:text=Peo school.
ple%20who
%20lack
%20educatio
n
%20have,un
employment
%2C
%20exploita
tion%20and
 %20gender
%20inequalit
y.

Mind map of lack of education in Hyderabad:

A3: Inquiring and analyzing:

Analyse at least 2 existing websites which are about the same or similar
problems to yours.

You have to add the following evidence in the journal under A3.

 Name of the existing website

 Link of the website/ citation
 Important facts about the existing website

 You many use mind map or table format to show your analysis.
  Use graphics and pictures of the product being analyzed.

 Analyse the components of the website. What was the colour and
format scheme like? What did the structure look like?

 Mention URL or source where you found the website/product. If

you used google or another search engine. What were your search
terms that helped you find the source.

Website 1: Lack of education, cause, Website 2: 5 consequences of

effects and solutions not having access to
education.
Link: Link:
https://habitatbroward.org/blog/benefits https://borgenproject.org/5-
-of-education/ consequences-of-not-having-
access-to-education/

- The design of the website is - The design is rather

rather simple, with the colors simple with a white
white and blue, the title fonts background and black
are rather clear, and the touches around the
website has many colourful corner. The title fonts
images. are really pretty but the
- The audience of website and font of the main portion
teens, and adults looking for is a bit bland. And the
information on the certain website only has 1
topic. image.
- This website doesn’t affect the - The audience of the
environment, seen it is digital website is teens and
and doesn’t pose a threat. adults looking to
- The website is even very safe it understand the problem
 includes all legitimate deeper.
information and the - This website doesn’t
community through which the have a impact on the
the person is writing. environment in anyway
- The function of the website is since it is digital and is
to make the audience aware of perfectly safe with no
the importance of education, impact on the user.
why the people don’t have it - The function of the
and the solution. website is to tell the
audience the
consequences of not
having access to
education.

A4: Develop a design brief

Form: what type of product are you going to make and from what
materials are you going to to make that product.
Function: who are your target audience is and in what location or
in what situation your product should be used.
Purpose: what is the purpose of your product?(What should it
achieve? The bigger picture?)
Inspiration: What existing product and/or understanding inspired
your idea. Identify the source and present and image. (Usually a
photo).

I am going to be creating a informational website about the lack of

education in Hyderabad. This will be including all the important
aspects of the lack of education in hyderbad, and the materials I
will require to create the website, is a computer and assistance
from other websites, to be my inspiration. The target audience of
my website is going to be people willing to make a donation, or
make a difference in the illiterate people’s lives, or anybody else
who is curious to know about the issue of education in India, and
requires that information for projects, school and so on. The
purpose of my product is to inform or educate the public about
the major of the issue of the lack of education in hyderbad, mostly
the rural areas, where schools can’t be built as they don’t have
money this is even because the population is really high in India,
and not everyone is very fortunate to go to school. The inspiring
website that I feel I will use to help me understand the important
information required to create my website:
https://borgenproject.org/5-consequences-of-not-having-access-
to-education/ .
However I will be making it more creative and exciting for the
audience so they stay hooked, and even understand the problem.

Criteria B: Developing ideas

At the end of year 3, students should be able to:
 i. Develop a design specification which outlines the success
criteria for the design of a solution based on the data
collected.
ii. Present a range of feasible design ideas, which can br
correctly interpreted by others.
iii. Present the chosen design and outline the reasons of its
selection.
iv. Develop accurate planning drawings/ diagrams and outline
requirements for the creation of the chosen solution.

B1:
Number Category Priority Success criteria Testing
 method
1. Aesthetics High Since I want the To make
website to be sure my
aesthetically pleasing idea is good,
but also connected to I will take a
topic I’ll have colours survey to
like black and beige make sure
shades. The font for that people
the titles will be bold, like the idea
and the information behind the
will be big enough to aesthetics.
read.
2. Copy Mediu Along with This will also
m information about the be add to
problem itself, the the survey
website will also
include some
campaigns and
donation centers
information.
3. Location Mediu The location of the Added to
m website I am creating the survey,
will be displayed on however I
social media platforms, am going to
such as facebook and do some
Instagram, to get more research
audience. about
where the
location of
the website
is going to
be.
4. Audience High My website will be To make
aimed at teens sure the my
learning about the target is
world problems, and alright, I will
adults who would like take a
to understand the survey
problems and help about it
others understand
asweel. Or anyone
who wants to know
about the problem
5. Size Mediu My website will Survey
m include 2 or 3 pages
easily.
6. Function High The purpose of my I will ask
website is to raise people if
awareness about the they think
problem of lack of that I should
education in Hyderbad focus more
. It should highlight the on other
effects and factors like
consequences of lack solution,
education in hyderbad. and reasons
why
education is
lacking in
Hyderabad.
7. Time High The product will be For a certain
ready on 15 of deadline, I
December will ask my
teacher.
 B ii: develop design specifications
Design 1:
Design 2:

Design 3:
Design 4:
Design 5:
B3: For your presentation of B3 submit the copy to your design
journal

I chose the first design cause I feel like the template will include all the
information about the lack of education in certain areas of Hyderabad,
while it has all the elements that will grab attention of the audience and
have interactions throughout the website. The shade I would like would
be neutral and dark shades in the background. And the image under the
title would be related to education and kids unable to find education.
The title will be eye catching and emphasis on the lack of education in
Hyderabad. Then comes the information that explains the poverty cycle
and why it impacts the education of young students. Then there will be
another section in which the most asked questions about lack of
education in Hyderabad will be answered. Finally then comes the
interactive part of the website, it will have a quiz which has 6 to 7
questions each is 1 point. Then there is going to be a small comic and
few donation sites. Then there would be a image carousel with images
emphasizing importance of education.
B4: Elaborating and describing in detail the design.
C1: create a plan

Step Description Resources Deadline

In this coloum you describe This includes any tools This is the final deadline
the steps you need to take, and materials you use, as you need to meet to
Be specific. This might well as the software, complete the step. You
include using the correct websites and other might with a date or a
name of any digital tool you digital tools. Also list lesson number.
use, correct colors and anyone who helps you at
measurements. any stage, for example to
take photographs.
1. I chose the website google Google sites December 1st 2023
sites and opened up a new
site.
2. I then went with the Google sites/ google December 1st 2023
aesthetics of black, white
and nude shades.
3. I selected 10-11 images to Pinterest/google December 2nd 2023
add in the website from images/google drive/
different websites. Photos
4. Research and find out why Poe.com, google, and December 5th 2023
and the effects of lack of other articles
education in the rural parts
of Hyderabad.
5. Then create a section Google sites December 7th 2023
where you will put a image
and explain: Why is
education inaccessible to
people?
6. Then add another section Poe.com/ google/ google December 8th 2023
in which the effects of lack site
of education will be
specificed.
7. Then create a section in Google sites/pinterest December 10th 2023
which the image carousel is
added with exactly four
image.
8. Find out most asked Poe.com/ google/ google December 12th 2023
questions about the lack of site
education and the key
words for each of the
questions.
9. Add a comic strip about the Pinterest and google December 12th
lack of education
underneath that.
10. Add another page in which Google/google sites December 12th 2023
there will be donation links
and information about
each site, remember to the
images you collected.
C2: screenshots your process
C3: your product
https://sites.google.com/view/by-manya-kapur/home?authuser=1
C4: the changes you made in the website
Changes Reasoning
Changed the few Since I haven’t learnt too much details
things in the about creating websites I wasn’t able to add
organization in b4 a few of the Effects. Like the box moving
right to left , and things like that. And I
wasn’t even able to the quiz in the website
as I haven’t understood how to do that yet.
I added the donation Since I wanted to utilize most of the page
section in a whole with information and explanation about the
new page. topic I add the donation in a different page.
I even added a image I wanted to add some picture that actually
carousel, which I explained poverty leading to lack of
didn’t plan to do. education in their own way, so therefore I
added them as a little slideshow.
D1:
Describe detailed and relevant testing methods, which generate
accurate data, to measure the success of the solution.

Copy the success criteria and testing methods from your B1 into this
table. Then use your testing method to get data about how well you
achieved your success criteria. It is okay if you were not successful, the
point is to document everything.
Success Criteria Testing method Data
Since I want the To make sure my idea I asked my friend Jolie
website to be is good, I will take a to review the website
aesthetically pleasing survey to make sure and she said the the
but also connected to that people like the background color is a
topic I’ll have colours idea behind the good and is pleasing
like black and beige. aesthetics. to the eye. Along with
The font for the titles her I even asked Iven,
will be bold, and the she said The website's
information will be style is minimalist,
big enough to read. mainly dark, neutral
colors, and
appropriate images.

Along with This will also be add They even stated that
information about the to the survey it was a good idea
problem itself, the including donation
website will also centers information
include some and campaigns.
campaigns and
donation centers
information.
The location of the Added to the survey, This is published on
website I am creating however I am going to google sites.
will be displayed on do some research
social media about where the
platforms, such as location of the
facebook and website is going to be.
Instagram, to get
more audience.
My website will be To make sure the my Jolie and Iven, agreed
aimed at teens target is alright, I will that the target
learning about the take a survey about it audience was
world problems, and supposed to be teens
adults who would like and adults who want
to understand the to know about the
problems and help topic.
others understand
asweel. Or anyone
who wants to know
about the problem
My website will Survey They said 2 pages was
include 2 or 3 pages enough, one with
easily. information and
images, and the other
with donation was a
good idea.
The purpose of my I will ask people if I think it is necessary
website is to raise they think that I to add a sub-heading
awareness about the should focus more on so that readers can
problem of lack of other factors like have a deeper
education in solution, and reasons understanding of the
Hyderbad . It should why education is website content but
highlight the effects lacking in Hyderabad. otherwise it was
and consequences of good- Iven.
lack education in
hyderbad.
The product will be For a certain deadline, He told us that the
ready on 15 of I will ask my teacher. deadline in 13
December. December.

Dii. Explain success of the solution against the design specification

Here you write a paragraph explaining how well your C3 compares

against your B4. Explain any changes you made (C4).

The website outline I created in B4 doesn’t really match up with my

final product, the C3. This is since I originally expected my website
frame was going to be horizontal, and based on that I made the
design, but then when I began creating the website I realized that the
couldn’t be exactly the replica of my B4 but I could include elements
from the designs but change up the design a bit. Therefore I included
everything from my designs while adding new elements like the image
carousel, and a different page for the donation sites along with the
effects of lack of education in rural Hyderabad. This are the main
points I also included in the C4 while I stated reasons for why I did
them, for example the first point was about the organization of each
section and the difference in b4 and c3, and other points as well.

Diii. Describe how the solution could be improved.

Write a paragraph or more describing how your website could be

improved. This can be anything from more time to work on it, more
knowledge about how to build a website, better formatting for easier
understanding, or more features. Just explain anything that would have
made your website better.
In my opinion, for a first try my website came out pretty good. I
wanted to go with a dark and neutral vibe, but images to make a
impact. Though I wanted to add more effects and quizzes that will give
you points for each question, and unqiue background images. I feel
like I could have added more information and a interaction section, I
would also like to add in solutions for the problem and explain why
you should donate to make a change in young childerns life.

Div. Describe impact of the solution on the client/target audience.

Show your website to 3 or more classmates and get their opinions on the design,
function, and information presented. Write a paragraph summary of the information
gathered and a reflection on their experiences.

I showed my website to my 3 classmates Jolie,Iven and Mio. Then I

evaluted their opinion on website using access fm.

Aesthetic: The website's style is minimalist, mainly dark, neutral

colors, and appropriate images (not necessarily beautiful, but when
looked at, readers find it easy to understand).
Cost: blank
Customer: Everyone can access the website and understand the topic,
but for the children who haven’t learn the English in expert, it’s hard
for them to read and identify the topic
Environment: blank
Size: I think it’s ok, but bigger is better
Safety: The website reflects the true situation for the poor in India
now and in the future, developing future consequences for the
country - a safe website for readers to deeply understand the current
situation.
Function: I think it is necessary to add a sub-heading so that readers
can have a deeper understanding of the website content. Instead of
asking questions, go directly about the problem