RoboClub Web Wizards: Code & Create!

High School Grade Project 4 weeks

RoboClub Web Wizards: Code & Create!

Chandreyee M

Collaboration

Content Expertise

Critical Thinking & Problem Solving

Effective Communication

1-pager

Purpose

Students will work collaboratively to design and build a functional website for their school club, integrating real-world skills in HTML, CSS, and JavaScript over a four-week period. By actively engaging with community partners from both the academic and professional fields, students will enhance not only their technical abilities but also their communication, collaboration, and critical thinking skills. This project enables students to create meaningful connections between their club activities and a broader audience, fostering a sense of ownership and agency while developing a digital platform that effectively communicates their club's mission and engages the school community.

Learning goals

Students will design and build a fully functional website for their school club, applying HTML, CSS, and JavaScript skills to enhance their technological proficiency and creative expression. They will strengthen collaboration and teamwork by co-designing the project, making collective decisions, and resolving conflicts. Through engaging with community partners, students will refine their critical thinking, adopt innovative approaches, and practice effective communication by developing content that resonates with their audience. Students will also cultivate reflection skills, assessing their growth and readiness for future projects. The experience will empower them to take on leadership roles while developing a deeper understanding of the technological and social dynamics of their community.

Competencies

Collaboration - Students co-design projects with peers, exercise shared-decision making, strengthen relational agency, resolve conflict, and assume leadership roles.
Content Expertise - Students develop key competencies, skills, and dispositions with ample opportunities to apply knowledge and engage in work that matters to them.
Critical Thinking & Problem Solving - Students consider a variety of innovative approaches to address and understand complex questions that are authentic and important to their communities.
Effective Communication - Students practice listening to understand, communicating with empathy, and share their learning through exhibiting, presenting and reflecting on their work.

Products

Students will create a dynamic, engaging club website that includes a blog section where members can publish articles highlighting club activities and accomplishments. This website will serve as a central hub for the club, featuring enhanced design and functionality through collaborative coding efforts. By the end of the project, each group will have a fully functional website prototype, ready to be launched and showcased to their school and the wider community during key exhibition events.

Launch

Kick off the project with a dynamic 'Code and Connect' event where students dive into hands-on coding workshops facilitated by the university's computer science department. During this time, students collaborate in teams to brainstorm and sketch initial ideas for their club's website, utilizing interactive HTML/CSS/JavaScript sessions to spark creativity. Alongside these technical sessions, conduct engaging team-building activities designed to strengthen collaboration and shared decision-making skills. Conclude the day by having students share initial concepts with peers, fostering an early sense of community and collective vision for the project.

Exhibition

Students will showcase their completed websites during a Digital Gallery Walk, where they will set up individual stations at which attendees, including peers, teachers, community partners, and family members, can explore the sites on tablets or computers. To conclude the project, a Website Launch Party will be organized, allowing students to present their websites on large screens or projectors to a wider audience. This event will feature interactive booths for hands-on exploration of the websites, fostering engagement and feedback from the school community.

Rubric

Competency Progression Rubric Competency-first rubric

Category	Learning Goal	Stage 1	Stage 2	Stage 3	Stage 4
Deeper Learning Competencies	Collaboration	I can contribute ideas to my team during brainstorming sessions and participate in team-building activities, showing my willingness to work with others and listen when teammates share their ideas.	I can actively participate in my team by contributing ideas during brainstorming sessions and sketching initial website designs with my peers I collaborate by ensuring my voice is heard while also listening to others, supporting group decisions, and assisting in resolving any disagreements that arise.	I can actively contribute to collaborative brainstorming sessions, suggesting creative ideas for the website design while respecting and integrating the perspectives of my teammates to reach consensus.	I can effectively lead my team in designing and building our club's website, ensuring each member's voice is heard and valued I can resolve conflicts constructively, turning challenges into collaborative opportunities I confidently guide shared decision-making, fostering a strong sense of team unity and shared ownership of our project.
Deeper Learning Competencies	Content Expertise	I can use HTML, CSS, and JavaScript to create simple features for my club's website, and I can identify basic functions by experimenting with different coding techniques, even if I need help to complete some tasks.	I can apply basic HTML, CSS, and JavaScript skills to contribute to the initial design and layout of our club's website, ensuring it functions properly and captures the essence of our club's mission I show that I understand how to use coding to troubleshoot simple design issues and make our site visually appealing, connecting our ideas with real-world examples.	I can develop key coding skills by effectively applying HTML, CSS, and JavaScript to create a vibrant, interactive club website that meets the project requirements My website includes all required sections and functions smoothly across different devices, showing my ability to build a fully functional prototype.	I can expertly apply HTML, CSS, and JavaScript to design and build a fully functional, visually engaging, and user-friendly website for my school club My website showcases innovative features and interactive elements that effectively highlight our club's mission and activities Through my work, I demonstrate advanced technical skills and creative flair, successfully connecting with our audience and enhancing our club’s digital presence My website is ready to be launched and shared with peers and the wider community, reflecting my ability to creatively translate complex ideas into an impactful and professionally styled digital product.
Deeper Learning Competencies	Critical Thinking & Problem Solving	I am beginning to explore different ways to tackle complex questions related to my community I can identify a problem and try out at least one approach to understand it better I seek help from my peers and mentors when I am unsure and attempt to understand various perspectives on a topic.	I can contribute ideas to my group about different ways to make our club website appealing and functional, and I actively participate in discussions to come up with creative solutions for any design challenges we face.	I can creatively address complex and important questions by experimenting with different coding solutions and considering feedback from my peers I confidently use innovative approaches and digital tools to enhance the design and functionality of our website, ensuring it effectively represents our club's mission.	I can effectively analyze complex coding challenges within my team and propose innovative solutions that enhance our website's functionality, ensuring it meets the needs of our club and community.
Deeper Learning Competencies	Effective Communication	I can actively listen to my team members and express my ideas clearly during our project meetings, showing respect and empathy for different perspectives while contributing to our shared goals.	I can express my ideas clearly when explaining our website concepts to my peers and community partners During presentations and feedback sessions, I actively listen to understand different perspectives and use positive language to share and refine our project's vision.	I can confidently present my website and articulate the key features and purpose to an audience I can listen to feedback, respond thoughtfully, and showcase how my site reflects my club's mission and activities.	I can confidently share my creative ideas and the purpose of our club's website by presenting to a wide audience, using clear and empathetic communication to ensure everyone understands our mission I engage listeners through dynamic storytelling and interactive exploration of our work, and thoughtfully respond to feedback, showcasing my ability to connect with diverse audiences.

Learning Journey

Ask

Students will engage with community partners in a collaborative brainstorm to define the essential question of the website project, identifying both the core communication goals and technical constraints they aim to address in the school club's online presence.

Days 1 - 2