Class 9 Unit 4 Section L

Class 9 Unit 4

DESIGN OF STUDENT CLUB & ITS WEBSITE

Section L: Learning Roadmap

L1 Why this project and what will I learn?
Context
Vibrant student clubs have an important role to play in your personal development, be it pursuing a form of
art or a sport or a hobby or an environmental or social cause that you care about. Besides the focused
pursuit of a theme, a student club provides you with opportunities for collaborating and developing long
lasting friendships. In today’s world, building a student club website is free
and easy. A website serves a very important purpose of providing information to and engaging club
members, for attracting new members, for coordinating activities, and much more. In this unit, you will
develop the “Take Ownership” mindset, form a student club, develop its details and design its website. In
the next unit, you’ll actually develop the website for your student club.

Group Activity
Form groups of 4 to 6 students and discuss the following questions and provide the group’s responses.
1. In your group, study and discuss this unit’s learning roadmap given in the next couple pages.
2. Representatives from each group will be asked to present and explain one of the following:
a. Unit’s Statement of Inquiry (SoI), associated concepts, global context exploration.
b. Inquiry questions to explore in this unit.
c. Technology to learn/use, ATL skills to enhance, Entrepreneur mindset to develop
d. Design cycle strands are to be assessed in this unit.
e. Flow of this Unit.

L-1
Class 9 Unit 4 Section L: Learning Roadmap

Key Takeaways
A clear understanding of what you’ll learn in this unit, what will be assessed, and how the unit will unfold.

Statement of People with similar interests can create communities to collaborate for their
Inquiry sustainable development.

Global Fairness and Development,

Related Collaboration,
Key Concept Communities Context, Exploration: Human
Concept(s) Sustainability
Exploration capability and developments

Project In this two-unit project, you’ll create a student club and build its website. In this unit,
Description you will propose your own club and design its website in detail. In the next unit, you’ll build
(Units 4 and 5) the club’s website following the design and evaluate it.

1. What are the basic elements required to establish a community (student club)?
Facts to know
2. How do websites support the functioning of communities?
& understand 3. What tools and platforms can be used to design a website for a community?

1. How does collaboration among individuals with a shared interest influence the
Concepts to development of a community?
explore and 2. In what ways can a community website enhance collaboration among its members?
apply 3. How does the design of the website impact the development and sustainability of a
community?

1. Is an online platform essential for the success of a modern community?

Questions to
2. Is the aesthetic appeal of a community’s website more important than its functionality
debate
for engaging and retaining members?

Website ATL Skills to Research - Information Entrepreneur

Technology to Literacy
design specifically Mindset to Take Ownership
Learn/Use Self Management -
tools enhance Affective: Self-motivation develop

A. Inquiring & Analysis B. Developing Ideas

i. explain and justify the need for a solution to ii. present a range of feasible design ideas,
a problem for a specified client/target which can be correctly interpreted by others
audience
Design Cycle iii. present the chosen design and outline
Criteria & iii. analyse a group of similar products that the reasons for its selection
Strands to be inspire a solution to the problem
iv. develop accurate planning
Assessed drawings/diagrams and outline requirements
for the creation of the chosen solution.

D. Evaluating C. Creating Solution

L-2
Class 9 Unit 4 Section L: Learning Roadmap

Unit Flow
This unit begins with an overview of what you'll learn, followed by inspiration from Ms. Sarita's story to
help you propose a student club and create its website. You'll explore the importance of student clubs
and examine some existing ones for ideas before developing your own club proposal. In groups, you'll
brainstorm the club’s mission, activities, and structure, then move on to designing the website. You’ll
learn how to build a basic site, gather inspiration from other club websites, and add your chosen
features while creating a sitemap and wireframes. Finally, you’ll prepare to turn your website design
into a real website in the next unit.
DESIGN OF A STUDENT CLUB & ITS WEBSITE

L: LEARNING ROADMAP Strand

L1 Why this project and what will I learn?

P: Orientation

P1 Understand the big-picture roadmap ATL (Affective)

P2 Motivate yourself to "take ownership” ATL (Affective)

Q: Explore and Understand Student Clubs

A(i),
Q1 Understand the need for student clubs ATL (Info Literacy)
A(iii),
Q2 Explore sample clubs and propose a new club ATL (Info Literacy)

R: Define & Detail Proposed Student Club

B(ii),
R1 Define club’s mission & activities
ATL (Info literacy)
B(ii), B(iii),
R2 Design club’s benefits, structure & roles, rules, support, etc.
ATL (Info Literacy)

S: Design Your Proposed Club’s Website

Get familiar with parts of websites, Explore club websites A(i), A(iii),
S1
ATL (Info Literacy)

S2 Select and list desired website elements A(iii), B(ii)

S3 Sketch detailed design including wire-frames & site-map B(iv)

T: Showcase and Assessment

L-3
 P: Orientation 9-4
P1

P1: Understand the big picture roadmap

Context
You're about to begin an exciting project: creating a new student club and
making its website. Let's understand the steps involved and how to
approach them.
First, we need to see the whole plan. We'll be doing several tasks in a
specific sequence. This project is split into two units, and by the end,
you'll have made two things: a club for students and a website for it. The
interesting part is, even though the two things have their unique designs,
they are interconnected and evaluated as a whole.

Group Activity
1. Form groups of 4-5 students. Discuss about the order in which you would need to do
the following tasks, and fill in the desired sequence numbers between 1 to 8 in the Seq
No. column. Then check against the order of tasks given on the next page.

Seq
Task to be performed for developing a student club and its website in Units 4 & 5
No.

Visually design your club’s website on paper showing how various pages would show different
aspects of the club.

Explore designs of other clubs’ websites, and understand which web elements are used there.
Discuss and choose the web elements that you would like in your club’s website.

Have your peers evaluate both your club and its website using the evaluation parameters
listed for each.

Understand why are student clubs needed and what existing clubs offer.

Develop an action plan for how your group will implement the website represented in the
visual design.

Decide on which club you would like to have and develop ideas regarding your club’s benefits
and how it will run.

List giving reasons what changes you made to the action plan, the website design and club
design while developing the website.

Create your club’s website following the action plan & design, including pages about the club.

9-4 P1 (i)
 ① ② 9-4
Why student clubs?
What do existing
Design your student
club, its benefits and
P1
clubs offer? functioning.
④
③ Explore club
UNIT 4 websites, decide
Visually Design
your club’s website
web elements for on paper
your club’s website.
⑤ ⑥ ⑦ ⑧
Develop an action List the changes Peers Evaluate
Implement your
plan to implement done during both the club and
Club’s Website
UNIT 5 the website design implementation the website

2. In case you want to see how easy it is to build a website, please

see the video https://youtu.be/EPzJzAScdKQ on Richard Byrne’s
youtube channel where the history teacher easily creates a basic
website.

Let's Think
★ While a club can function without a website, why is a website important for
the success of the club?

Takeaway
Real life is complex. Since you deal with real life projects in EMDD, you will learn to
deal with the complexity. Hope you all have a clear understanding of what you will be
doing in these two units and in what sequence. If you still have doubts about what you
will be doing in these two units, please browse through the introduction pages of the
two units.
Here's the cool part: by the time we're done, you'll have helped create an actual student
club and its very own website. Imagine that! It's going to be something you can be
really proud of.
To amplify your excitement, you'll hear an incredible story in the next class. It revolves
around Ms. Sarita, and her life journey is poised to inspire you to take the lead and
make this project uniquely yours. Are you ready to be inspired?

PONDER…

9-4 P1 (ii)
Observe without
judgment.
P: Orientation 9-4
P2

P2: Motivate yourself to "take ownership”

Context
Read the poem below:

“Two roads diverged in a wood, and I—

I took the one less traveled by,
And that has made all the difference”

❖ What do you think the poem is about?

❖ Let’s go into the activity to understand the poem better.

Activity
❖ Read the story of Sarita Sarvaria in your group.
❖ Complete the narrative outline given after the story.
❖ Discuss and answer the reflection questions given under “Let’s Think” section.

Story
This is Sarita Sarvaria’s story. She started her professional journey in the hotel
industry at the age of 21 years. She worked very hard for the first 5 years. She also
got an award for her work. Once, she got an opportunity to visit London from her
work. She was amazed to see the cleanliness of the hotel that she stayed in. Talking
to the staff there, she came to know that this work was done by housekeeping
companies there. She realized that there was no tradition of housekeeping
companies yet in India. However, if such a venture could be initiated, it could go a
long way and earn a lot of profit.
When she returned to Delhi from London, she expressed her wish to start a
housekeeping business to her boss. Her boss tried to explain to her, “It is not an easy
task. You have a good enough job, why do you want to leave it?” When her
acquaintances came to know that she was thinking of starting a housekeeping
company, they also discouraged her a lot and said, “Now will you do cleaning work?”
At the same time, her relatives wanted to get her married and leave work altogether.

9-4 P2 (i)
 9-4
P2
On one side, all this was going on and on the other hand, Sarita was constantly thinking about
the new opportunity – Will her co-workers work with her honestly? Will the clients understand
her concept and give contracts to her company? There were a number of similar uncertainties.
And the biggest risk was of letting go of a secure job. She thought about it over and over,
whether she should start the housekeeping business or not. She was sure that if she was able
to succeed, then a lot would change. She could become a successful business person and
earn good money. She would be able to generate employment and would also be able to earn a
name in the housekeeping business. She assessed the risks and the consequences, and finally
decided to take the risk
Finally, she resigned from her job. Then, she started going from one office to another looking
for work. Many times, she would return empty handed and disappointed after a long day and
wonder if she would get any contract or not. After two months, she got her first contract from a
woman designer. She earned Rs. 300 from a contract of Rs. 3,000. She really valued her first
earnings and also felt proud. From small beginnings, she started moving ahead.
In 1992-93, she got an opportunity to work at the Connaught Place branch of the Punjab
National Bank. The walls were full of paan spit and the washrooms were in a deplorable
condition. The work was to be done only on Saturdays and Sundays. When the task was
finished, the manager along with the staff were very happy to see the shining walls and
washrooms. Noticing their work, other organizations also sought her services.
Gradually, she made a team of her own which was ready to work with her in a dedicated
fashion. Observing their superior work and reasonable rates, the number of their customers
increased. She faced a lot of ups and downs in 10 years but her company constantly
progressed. Today, her company, Express Housekeepers Pvt. Ltd. is one of the biggest
housekeeping companies in India. 2,000 people are employed in her company today. She is the
first person in India to bring in the concept of housekeeping.

NARRATIVE OUTLINE
Setting
Where is the story taking place? Who is it about?

Please write the first event that happened in the story. Mention 2 specific details of the event.

9-4 P2 (ii)
 9-4
P2

Please write the second event that happened in the story. Mention 2 specific details of the event.

CONCLUSION: What is the moral of the story or the conclusion that you are making after reading it?

Let's Think
● What did Ms Sarita do after identifying the problem and Why?

● What qualities in Ms Sarita helped her to take ownership of the problem to

solve it?

● Have you faced a situation where you wanted to solve a problem and people
discouraged you? How did you handle it? Explain in brief.

Takeaway
Ms Sarita Sarvaria identified a problem of house-keeping in India. She analysed the
risks and realized that along with uncertainties, the venture also had huge potential.
Therefore, without paying attention to the people around her, she marched ahead
taking ownership of the problem which yielded her great results. When you see an
opportunity, it is up to you to take ownership and fully develop the opportunity. This
unit presents an opportunity for you to take ownership of defining a student club on a
topic that you are passionate about and design its website. In the next unit, you’ll
develop the website.

PONDER…
Take ownership of solving
problems that bother you.
9-4 P2 (iii)
Q: EXPLORE AND UNDERSTAND STUDENT CLUBS 9-4
Q1

Q1: Understand the need for student clubs

Context
In schools, we often see students coming
together to pursue their interests like dance,
music, debate, sports, or other common
interests to bring like-minded people together
to work on their skills and build a community
through connections.
❏ What are the clubs in your school?
❏ What are the clubs that you are part of?
❏ Why do you think there is a need for a
student club in school?

Group Activity

Watch the videos related to clubs in two different schools, one in India and one
abroad.

Ryan Model United Nations https://youtu.be/iUpjGCgQlNs

After School Clubs https://youtu.be/FhAuQATW7qc

● What are the things that you liked in some of these clubs?

● What ideas come to your mind after seeing these clubs?

9-4 Q1 (i)
 9-4
Let's Think Q1

What should be the role of school and teachers in the functioning of such clubs?

List several ways in which such student clubs help us develop ourselves.

Takeaway
Student clubs help you explore and strengthen your talents and abilities.
You naturally collaborate with others and experience the benefits of
teamwork. You’ll also develop soft-skills that you need in today’s world.

Home Task
If you were to be part of a club of your choice, what would that be and why?

PONDER…
Understanding begins
with empathy.

9-4 Q1 (ii)
Q:
Q: Explore
EXPLORE ndAND
Understand Student
UNDERSTAND Club’s Role
STUDENT CLUBS 9-4
Q2

Q2: Explore sample clubs and propose a new club

Context

❏ What is holistic education?

❏ Is academics only the way to
build skills in students?
A holistic education includes both
academic and integrated training to help
students develop their social, emotional,
and ethical skills. Schools place a high
priority on supporting a student's
attributes that impact their education,
character development, general health,
and well-being.

Group Activity

1. Read about the FUNiversity clubs on the next page.

2. Propose one club that you would want to be part of. It may or may
not be in the FUNiversity list of sample clubs.
3. In the “station” activity, form groups with students interested in the
same club, explain the reason why you chose it.
4. In your group, share something new that you learned about student
clubs during this process.
5. Through given reflection questions below, think about the club
design process.

9-4 Q2 (i)
 9-4
Q2
FUNiversity Club Choices
Club Topic Mission / Purpose Club Activities

CAREER Enable students to explore ● Invited talks by professionals

EXPLORATION multiple careers, speak to ● Q&A with people in various
people in different careers careers
Girls: 10, Boys: 10 and do a match analysis ● Career-mela

M.A.D.D Empower students to reach ● Learn new skills within an art form
Music, Arts, Dance, advance level in their ● Choose a theme to explore using
Drama respective specialization in the artfrom
any of the Visual and ● Showcase
Girls: 16, Boys: 18 Performing Arts.

HOME SCIENCE Enables students to ● Build knowledge and partnerships

Sewing, Cooking, effectively use household to build capacity
Gardening resources to improve the ● Hold sessions to transfer
quality of life. resources gathered.
Girls: 8, Boys: 12 ● Product design

FINANCIAL Build awareness on ● Simplify basic terms of household

MANAGEMENT household finances and finance.
equip students to manage ● Create a support structure which
Girls: 16, Boys: 8 them efficiently. involves teaching people to
income and expenditure tracker.
● Mobilize communities through
activities to develop savings
mindset

JOURNALISM Ability to think, express and ● Explore different forms of

understand the importance journalism.
Girls: 8, Boys: 6 of an informed community ● Biweekly practice sessions for
for an equitable and just written, photo and other form of
nation journalism.
● Create and share newsletter with
club members and community.

CONFIDENT Enable all students to ● Student-led sessions that involve

SPEAKING become confident a variety of speaking roles
communicators in a variety ● On-the-spot answering questions.
Girls: 16, Boys: 20 of audience as well as ● Extempore debates.
speaking situations. ● Giving and receiving constructive
feedback.

9-4 Q2 (ii)
 9-4
Let's Think Q2

★ What are different things one needs to keep in mind to start a student club?

★ Which are the features that are a must for a student club?

Takeaway
Student clubs play a vital role in bringing holistic education to schools. Active
student clubs give an opportunity to students who share a similar passion to come
together to work on an art form or other things to collectively learn together and
express a sense of belonging.

Home Task
Think about different activities that you would want to conduct in your chosen
student club.

PONDER…
Walk in someone
else's shoes.

9-4 Q2 (iii)
R: DEFINE & DETAIL PROPOSED STUDENT CLUB
9-4
R1
R1: Define club’s mission & activities

Context
Congratulations! You have chosen your student club in the
last session. In general, student clubs are initiated for
different purposes like building a skill, entertainment,
pursuing one’s dream career, social service, and others.
Have you thought about what would be the purpose of your
student club? What activities would your club conduct?
In today’s session you will do just that.

Group Activity
1. Make a copy of the student club template at
https://bit.ly/student-club-template and rename it as your club’s
template. You’ll need this spreadsheet throughout this and the
next unit. In this session, you’ll work only on the Mission and
Activities tabs in the spreadsheet.
2. In your group, think about the main purpose of your club. What
would it do and for whom? This can be entered as the mission
for your club.
3. Think about what activities should be conducted in your club
that would be enjoyable and will provide value to the club
members. Enter these in your copy of the student club template.
4. You may refer to FUNiversity club sample examples in a previous
section.

9-4 R1 (i)
Let's Think 9-4
R1
★ Why is it necessary to define the mission and activities for the club?

★ How will the proposed activities help the students who are club
members? How will they help others, if any, in the community?

Takeaway
Mission of your club would give a clear direction as to what it is set out to do. The
list of activities planned give an idea of how you plan to achieve that mission. Being
clear about the mission and activities would make it easier for students with
matching interests to join the club.

Home Task
Think about who would like to join your club and what benefits the club will provide to
them.

PONDER…
Creativity is the
spark of innovation.

9-4 R1 (ii)
R: DEFINE & DETAIL PROPOSED STUDENT CLUB
9-4
R2
R2: Design club’s benefits, structure & roles, rules, support, etc.

Context
Now that you have your club’s mission and activities, what more do you need to get
people to join you and to begin the club's operations?

❏ A clear idea of who should join the club and what benefits they would get.
❏ Figure out a small committee where each is assigned their role in the club.
❏ Rules regarding how the committee is selected and how often they change.
❏ The support the club needs from the school

Group Activity
On the next page, review the sample club’s benefits, structure & roles, rules,
support needed, and so on. Discuss in groups the following items and fill it in
your club’s template. There are specific instructions on each tab..
❏ Benefits tab:
Who is the target audience that would sign up for your club?
What benefits will the club provide them?
❏ Structure & Roles tab:
How will the club operate?
Roles and Responsibilities for committee members
❏ Rules tab: what rules will your club have?
❏ Support Needed tab:
what items you’ll need support from the school and others?

NOTE: When you make the club’s website in the next unit, you can copy/paste
your club’s information from this template to the web pages.

9-4 R2 (i)
 9-4
Sample Club’s benefits, structure, rules, R2

support needed, etc.

Club Name NATAK ke PEHLU
Mission or To bring theatre into daily lives of community.
Purpose

Activities SKILL TRAININGS

Trainings on different forms of expression as part of induction of new
team members to include - Script writing, Navarasa expressions,
Dialogue writing, Costume selection.

NUKKAD NATAK
Performance to be done every alternate friday based on any social
issue in the community.

CORE TEAM MEETINGS

Different activities to be reflected on biweekly basis to bring new
learnings to the club and share.

STAGE PERFORMANCE
During special events at school - good representation of the club
through relevant theme performances.

SOCIAL MEDIA SHARING/DOCUMENT

Share pictures and videos of the impact of the club through social
media or report to the Head of School by documenting the activities in
the club.

9-4 R2 (ii)
 9-4
Sample Club’s benefits, structure, rules, R2

support needed, etc.

Club Name Natak ke Pehlu

Benefits ❖ Drama gives a form of expression to students to improve
their communication skills.
❖ Through drama different social issues can be portrayed to
educate people and bring awareness
❖ Creativity and joy in collaboration.

Structure 1. Club will be run by 4 core team members

a. Head of Scripts
b. Head of Communications
c. Head of Learning&Skill building
d. Head of Events
2. A teacher/ external mentor gives required guidance to
thought partner
3. Club meets every alternate week.

Rules 1. Team can have maximum 4 people and minimum 1 person.

2. If you do not give auditions, you will not be allowed to
participate for the next 2 sessions.
3. Can use any language.
4. Cannot use abusive words

Support ❖ Professionals for skill training

Needed ❖ Showcase day budget
❖ Permission from Head of school

Others Perform during special events at school.

Curriculum to be built to conduct drama workshops within school.

9-4 R2 (iii)
 9-4
R2
Let's Think
★ Explain how you felt while defining the operational details of your
own club?

★ Would you like to add more details to your club? Regarding which
aspects?

★ Which of these club details are likely to change later and which will
remain the same for a long time?

Takeaway
It helps to have a clear idea about who should join the club, what benefits they get,
and details on how the club will operate. Different position holders in the committee
will develop a variety of real-life skills in addition to the skills learned by participating
in club activities. Please save this club’s design safely, you’ll refer to it again in the
next section and in the next unit as well.

Home Task
Review whether your club’s activities will indeed provide the promised benefits. If
necessary, modify the activities so that they are more likely to provide the desired
benefits.

PONDER…
Dare to be different,
embrace creativity.

9-4 R2 (iv)
S: DESIGN YOUR PROPOSED CLUB’S WEBSITE
9-4
S1
S1: Get familiar with parts of websites, Explore club websites
Context
Designing your club's website is the next step after planning
your club in previous sessions. A website is important for your
club because new students can learn about your club and join
if they want. It also helps current club members.
If you haven't made a website before, don't worry. You can use
easy tools like HTML, WordPress, Canva, or Google Sites to
create one. These tools are not hard to use and can help you
share information about your club or connect with others in
different ways. Having a website is a great way to show what
your club does and invite new members to join. It will be
useful for your club's growth.

Group Activity
1. Watch the first 10 mins of the video shared and list down five steps to create a website

https://youtu.be/Ehy0UO7AwCo?t=80

2. Next, you will get to know the different parts of a website at

https://bit.ly/parts-of-websites

and understand why they are grouped into visual appearance, navigation, information
pages, and interactive elements by visiting the student club websites listed below and
review them (see next page).

Drama Club, https://www.dramaclub.org/

Girls who code, https://girlswhocode.com/programs/clubs-program
Toastmasters, https://www.toastmasters.org/about
Future Teachers of America, https://www.ncfpsc.org/about/future-teachers-of-america

9-4 S1 (i)
 9-4
S1
Drama Girls who Toastmas Future Teachers Reason for the
Grouping Desired Elelment
Club code ters of America choice

Site Banner □ □ □ □
Site theme (background
color, fonts, etc.) □ □ □ □
Visual
Appearance
Club Logo on the Banner □ □ □ □
Tiny Club Logo as web
□ □ □ □
page icon

Menu □ □ □ □
Links in the Footer □ □ □ □
Navigation
Sidebar □ □ □ □

□ □ □ □
Return to Home page Link

Home Page with Club's □ □ □ □

Name & Mission

Club Activities □ □ □ □

Information □ □ □ □
Gallery of photos & videos
Pages for Club
Website Who can Join? □ □ □ □
Member Benefits □ □ □ □

□ □ □ □
Club Structure and Roles

Club Rules □ □ □ □
Support Needed □ □ □ □
Form to submit for joining
□ □ □ □
the club

See and Signup for

Interactive □ □ □ □
upcoming events
Elements for
vistors to Club Social media links □ □ □ □
Website
Provide feedback □ □ □ □

□ □ □ □
Event Announcements

Buttons □ □ □ □

9-4 S1 (ii)
 9-4
Let's Think S1
● What did you notice on the student club websites that made them
easy or hard to use?

● If you could change something on one of the websites, what would

it be?

Takeaway
From this activity, we learned that websites have different parts, they differ in how
they look, how we move around them, the pages with information, and the parts that
let us interact. We explored some student club websites and saw how they were
designed and organised. We also learned what makes a website easy to use and
enjoyable for people who visit it. We practiced giving ratings to the websites based
on their design elements, which help us understand what makes a good website.

Home Task
Find and explore one more website of your choice, paying attention to its design,
navigation, information pages, and interactive elements.

PONDER…
Details matter;
observe closely.

9-4 S1 (iii)
S: DESIGN YOUR PROPOSED CLUB’S WEBSITE
9-4
S2
S2: Select and list desired website elements
Context

It was useful for us to look at a few similar club

websites before we create our own. Why is that? Well,
we often learn better by seeing examples than just
learning from theory.

Group Activity
1. In this fun activity, based on your browsing of various club websites, you will
ideate and decide on the web elements you’d like to include in your club's
website. You can mark them on the "List of Desired Elements in Club
Website.” at https://bit.ly/club-website-elements If you find elements on other
websites that you like, you can save their webpage link next to the element on
the list. Make sure to note the reason why you have selected the web
elements.
2. By doing this activity, you will know how to create a fantastic website for your
club with all the things you like and finalize the elements that you would like to
include.

Let's start choosing from the menu of web elements and

have fun!

9-4 S2 (i)
 9-4
Let's Think S2
★ On some web pages, you tend to spend more time than others. List 4-5
factors makes a web page more engaging for users.

Takeaway

Club website would give information about the club and help members to document
their activities all at one place and build interaction with people aiding in visibility for
the club. Events planned, contact details, enable new members to join the club,
gallery and other details can be part of the website.

Home Task

Find a website that deals with a similar topic as your proposed student club and
check whether your website covers all important elements present on that
website. If not, see if they need to be added.

PONDER…
Make decisions,
don't just take
them.

9-4 S2 (ii)
S: DESIGN YOUR PROPOSED CLUB’S WEBSITE
9-4
S3
S3: Sketch detailed design including wire-frames & site-map
Context
Now that you have the elements you would like in your website, should you
start developing the web-site online? If no, why not?

We have all ingredients for making a

club’s website but we don’t know how it
would come together. It is similar to
having all ingredients for making a food
item but not knowing the recipe for
preparing that item.
BEFORE we implement a website, we
need to visualize it on paper in terms of
its site plan and basic wire-frames.

Group Activity
To develop the design of your club’s website, you may start with YOUR COPY of the
“List of Desired Elements in Club Website” (https://bit.ly/club-website-elements)
from the previous session.Taking inspiration from what you liked while browsing
various club websites, design:
● A site plan which indicates what pages are needed and how to navigate
among them.
● A wireframe is a sketch of important web pages on the site.
Examples for both are given on the next 2-3 pages.

By the end of this activity, you'll have a clear idea of your club's website design,
making it easier to bring your ideas to life.

9-4 S3 (i)
 9-4
Site Map & Webpage Elements S3

NAME OF THE CLUB/TITLE:

SITE MAP

INFORMATION VISUAL ELEMENTS

Here are a few examples of content type on Here are a few types of visual elements:
Information pages: ● Layouts
● Text ● Pictures
● Content Blocks ● Themes
● Banner ● Fonts

PAGE TEMPLATES INTERACTIVE - FUNCTIONALITIES

Here are a few examples of page templates: Here are a few examples that can create interaction
● Home ● Contact Form
● About Us ● Social media links
● Blog post ● Navigation bar
● Gallery ● Videos
● Contact Us ● Buttons
Announcements
9-4 S3 (ii)
●

.
 9-4
Layout wireframe (sketch) examples S3

9-4 S3 (iii)
 9-4
Layout wireframe (sketch) examples S3

Link: More examples of creating wireframes on paper or digital

9-4 S3 (iv)
 9-4
S3
Let's Think
★ What is the purpose of drawing the site-map and wireframes of the
website?

★ What new needs or issues regarding the website you noticed while
drawing the sitemap or wireframes?

Takeaway

Design of the website in the form of Site map and Layout wire-frames (sketches)
help you visualize the website more effectively and identify issues early. This club
website design will form the basis for you to actually implement the club website in
the next unit.

Home Task
Review your website design and check whether the details would be adequate for
implementing it as a website? If not, add more details.

PONDER…
Trust your instincts
but verify with facts.

9-4 S3 (v)
T: SHOWCASE AND ASSESSMENT 9-4
T1

T1: Performing the Assessment Task & Showcasing Your Work

Context
At the end of the unit, you will perform an assessment task and submit its output.
You or your group may be also asked to showcase your work done in the unit.

You will be given an assessment task to work on partly at home and partly in class
or computer lab. Submit the output of the task as indicated.

Consult your teacher about the best way to showcase your work done in this unit;
many methods are possible. Whichever method you choose, you should include all
the topics given below clearly.

1. Why is there a need for student clubs in schools? Describe in detail.

2. Describe top 3 to 5 things you observed while exploring the sample club
website and website of other clubs?

3. What is the mission of your proposed student club? Describe its activities and
reasons why students will want to join the club.

4. Describe your proposed club’s structure and roles.

5. Show the site plan and wireframes (sketches) you have prepared for your
website design.

6. While trying to create a basic website on your own, what did you learn about
various elements of a website?

9-4 T1 (i)