Creative Project - Session 5

The remaining sessions will basically follow the same pattern, with the exception of the final session where there will be more time spent on preparing for Demo Day.

Icebreaker (10-15 min)

Start the class with an icebreaker or warm-up game .

Stand-up Meeting (5-10 min)

Just like last time , have each team hold a stand-up meeting. As a reminder, each student should answer the following questions:

• What did I achieve last session that helped us meet our planned goals?
• What will I work on today to help us meet our planned goals?
• What challenges am I facing that may block us from meeting our planned goals?

Once students are comfortable with this format, you might introduce some other questions:

• Do you need anything from anyone here in order to proceed?
• Is this harder/easier than what you thought? Can someone else help?

If you need to adjust your task priorities, do so at the end of the meeting.

Prototyping

During the rest of the session, have students continue work on their planned tasks.

Extra Feature Ideas

The following ideas can help fulfill your "3 interactive features" requirement.

Forms

Forms allow users to submit information to your website using fields . This could be a "contact us" form for basic inquiries, or an order form to purchase products. Here are some useful links and tutorials on HTML forms:

• HTML Forms for Beginners - HTML Dog
• Your First HTML Form - Mozilla Developer Network

Customized Google map

You learned how to add an interactive map during the guided project. See if you can explore these extra customization features within Google Maps. Just add the map as you did before ( click here for tutorial ), then adjust the src attribute based on the examples in the guide:

• Stylized maps with custom colors
• Different map types, such as satellite view
• Location markers

Slideshow

You can implement another slideshow just like you did in the guided project.

CSS Roll-over effects

Check out these 8 roll-over effects that will "wow your users"!

https://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/

Cool CSS Tricks (CSS Reference)

Check out the Cool CSS Tricks section in the CSS Reference for fun CSS ideas.

Sharing Time (10-20 min)

At the end of each session, have your student teams present their website to other students. This will help give them practice for Demo Day. Encourage students to give feedback, and have someone on the presenting team make notes for the feedback so that they can incorporate changes later on.