Project 2: Informational and Educational Sliders

steven-king commented 7 years ago

NOTE: We will discuss this in class today.

DUE: Oct 11th at 11:59pm

100 Points

Create an educational and informative interactive that explains a common question, issue or concept. This click through graphic will use multimedia to teach a lesson and finish with a game or quiz that test comprehension of the concept.

Skills Presented:

Visual Storytelling Typic comprehension and topic presentation Storyboarding Design CSS/jQuery Interactivity Multi-plugin Integration Creativity Your previous assignments have placed emphasis on the code but this project the emphasis is on design style, presentation and overall learning or the concept presented. Your project should be elegant, user-friendly and innovative by providing some additional or extra functionality.

Requirements: Use Bootstrap and a jQuery plugin. It must be responsive Potential Slider Plugins:

8 jQuery Sliders BX Slider Responsive Slides Potential Quiz Plugins:

Mother Jones News Quiz Slick Quiz Previous Examples:

Cost of Dogs http://madisonwalls.org/costofacanine/ Black Lives Matter http://almawashington.com/586/project2/ Baseball http://mindyj.com/j586/Project2/ Timeline http://ecperry.com/project2/

Below is a list of topics to get some ideas started. Your project can be about anything and are not limited to the list below but you must pitch your idea and storyboard for approval.

You are responsible for ACCURATE information from a credible source. This can be online, book or personal interview but not based your own personal knowledge.

Requirements

Slide-by-Slide story board At least 5 slides to explain the concept Quiz at the end that scores the results and provides feedback to user List of Resources and Sources/Credits for Information.

List of Topic Interests:

Science:

The mechanics of a simple machine
An example of extreme weather (Thunderstorms, tornado, earthquake, tsunami, hurricane, etc)
Components of the sun, star, or planet
Explain an overview of the Solar System
Volcano’s inner and outer workings
Common molecules (like H20 and such) Teach the different layers of the rain forest
Explain the Digestive system
Social Studies:
Go inside a famous painting (the Mona Lisa, Washington Crossing the Delaware, famous works from the Renaissance)
Diagram of the government
Explain the Electoral College System
How are Supreme Court Justices selected?
How does a bill become law?
Explain the Delegate primary system
Scale comparison of natural and manmade US landmarks (Statue of Liberty, Mount McKinley, Space Needle, Willis Tower, etc)
Scale comparison of natural and manmade global landmarks (CN Tower, Mount Everest, Burj Khalifa, etc.)

Math:

Patterns and sequences
Explain Pi
Showing how data can be turned into statistics, diagram of the bell curve
Applied mathematics – showing how algebra/calculus is used in real life
geometric solids

English/Language Arts:

Anne Frank’s diary
Parts of speech
Scene from a famous book (Camelot, Atlantis, etc)
Dissecting a famous speech
setup/structure of an ancient Greek theater
Shakespeare’s Globe theater

sabsc commented 7 years ago

nanoScroller.js https://jamesflorentino.github.io/nanoScrollerJS/

A scroller that could be used to implement quiz within a slide!

jmwerden commented 7 years ago

pagepiling.js A modern website slider https://alvarotrigo.com/pagePiling/#page1

alexgorry commented 7 years ago

Are we posting our github repo and link to our site as a comment to this thread to submit our projects like we did for project one? Or is there a different procedure for submitting Project 2 this time?

jmwerden commented 7 years ago

http://jeremywerden.com/mejo487/project2/examples/virtualreality.html

MichaelMcGowan commented 7 years ago

http://michaelmcgowan487.com/mj487/project2

steven-king commented 7 years ago

Just post both links to one comment on this issue.

Sent from my iPhone

On Oct 11, 2017, at 12:01 PM, alexgorry notifications@github.com<mailto:notifications@github.com> wrote:

Are we posting our github repo and link to our site as a comment to this thread to submit our projects like we did for project one? Or is there a different procedure for submitting Project 2 this time?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/steven-king/mj487/issues/6#issuecomment-335859977, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ABo_GUP1Y2epRz25acnHJaEc5EQoqOrBks5srOZXgaJpZM4PXYJa.

alexgorry commented 7 years ago

Live: http://alexgorry.com/MJ487/Test/fullPage.js-master/Main/index.html#firstPage Repo: https://github.com/alexgorry/MJ487-Project-2.git

elisabeth-parker commented 7 years ago

Site: http://elisabethparker.net/static/mj487/ultimate/#home Repo: https://github.com/elisabeth-parker/project-2

RPappalardo commented 7 years ago

Live: http://zardasfairfox.com/project2/ Repo: https://github.com/RPappalardo/mejo487/tree/master/project2

averyhw commented 7 years ago

Live: http://averyhwilliams.com/mj487/Project2/ Repo: https://github.com/averyhw/Project-2.git

jmwerden commented 7 years ago

I did not include the Github Repo on my previous comment

Repo: Live: http://jeremywerden.com/mejo487/project2/examples/virtualreality.html Repo: https://github.com/jmwerden/virtualReality

xuejinT commented 7 years ago

Live: http://www.tanxuejin.com/mj487/mejo/project2/index.html Repo: https://github.com/xuejinT/project2

On Wed, Oct 11, 2017 at 4:15 PM, RPappalardo notifications@github.com wrote:

Live: http://zardasfairfox.com/project2/ Repo: https://github.com/RPappalardo/mejo487/tree/master/project2

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/steven-king/mj487/issues/6#issuecomment-335934386, or mute the thread https://github.com/notifications/unsubscribe-auth/Aa7VT9Ia2p_nPRoHBcyGfqlWPzLc2IRQks5srSHcgaJpZM4PXYJa .