• Home
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012
  • 2011

PDI Studio 5

Design to make a difference

Feed on
Posts
comments

Final Interface Design

Dec 13th, 2015 by kims23

Final Interface Design

Screen Shot 2015-12-07 at 10.33.57 AM Screen Shot 2015-12-07 at 10.34.15 AM Screen Shot 2015-12-07 at 10.34.59 AM Screen Shot 2015-12-07 at 10.35.43 AM

 

PROCESSING TOOL

This tool illustrates rhythmic patterns by taking live input from the user and graphing it on a timeline.  The tool is capable of recording rhythms onto separate timelines, and then playing the rhythms back.  It features multiple tracks to store unique rhythms, which can be played back individually or altogether.  Individual tracks can also be deleted if desired.

When you run the tool, you’ll see an interface with a single timeline with ruler-like markings as well as a series of buttons in the upper left.

To record a rhythm onto the timeline, first select the timeline so that it becomes blue.  When you are ready, click on the red circle (record) button to start.  The scrollbar will start moving from the left side of the screen to the right.  Tap the spacebar to input a note; a bar should appear on the timeline at the scrollbar’s current position.  When you tap a sequence of notes, boxes will form between one note and the next note, representing the length of time that the first note lasts for.  When the scrollbar has reached the right side of the screen, the recording will be finished.

To stop the recording, click on the pause button that appears when recording starts.

To play back the rhythm, simply click the triangle (play) button.  The playback will produce a sound at the start of each note; the duration of the note is marked by the box that follows.

To add a new timeline, press the “+” button.  The existing timelines will shrink towards the top of the screen and the new timeline will appear below them.  Click on it to select it for recording or playing back.  Each timeline features a different musical instrument to differentiate between them.

To play back the recordings together, click on the active timeline to deselect it.  All timelines should be gray.  You may then click on the triangle (play) button to hear them all together.

To delete a timeline, select it, then click on the trashcan button.  The other timelines will shift back down and expand to fill the screen.

 

 

SCRATCH PROGRAM

The Scratch game can be played or downloaded at: https://scratch.mit.edu/projects/91537259/

 

How to use the Scratch program to make rhythms and teach fraction addition:

To start or reset the program, click the green flag.

Fill the timeline by adding notes and silent notes.

Add notes by selecting a note type, any of the round, colored buttons with fractions on them, and clicking on “Note” if the user wants to add a note or “Silence” if the user wants to add a ‘silent’ note (rest) of the same length.

Remove notes, if necessary, by clicking on “Remove Last.”

When the timeline (measure) is completely full, click “PLAY” to hear your rhythm. If it’s not full, or a note is too big to fit, Scratchy the cat will tell the user that there aren’t enough notes or a note is too big and then remove the note that doesn’t fit.

The rhythm will play twice in a row using piano sounds.

Easy Modifications

Simple things can be changed if users prefer different sounds or symbols. Download the program, open it in Scratch and follow the directions below.

Changing Sounds:

sounds

Sound blocks

The sounds of each type of note (quarter, half, etc) can be changed. Different piano tones can be used, or instead of piano tones, drum beats can be played.

notes

Dropdown clicked; click piano keys to change tone.

With the Scratch program open, click on the PLAY sprite. spritesClick on the purple Sound tab to see the code options. The piano tone can be changed by clicking on the dropdown and selecting the desired tone. The block can be replaced with the drum beat block shown; the particular sound can also be changed by clicking on the dropdown and selecting the desired sound.

changed tone

Sound changed to a drum beat.

Changing symbols:

costume

Costume editing

Any symbol, including the notes, can be changed.

With the Scratch program open, click on the sprite that will be changed. Next, click on the Costumes tab. The Edit button allows for the sprite to be edited as in Microsoft Paint; other images can be imported as well.

Future Improvements

This program is a first prototype and could use some improvement. Certain actions, particularly if buttons are pressed quickly in succession without letting the program process information, cause problems to arise. More work needs to be done in debugging the program such that these problems can be eliminated. The aesthetics of the game, as a whole, may also be improved such that school-age children find it more appealing.

Extra steps can be taken to give students an extra level of difficulty. This can be done by adding smaller fractions (1/32). For more musically inclined students, especially those who are learning how to read sheet music, each note sprite can be given a second costume that is accurate in terms of musical notation. For example, below is an eighth note and eighth rest, according to music notation:

eighth note

Eighth Note

 

eighth rest

Eighth Rest

 

 

Comments Off on Final Interface Design



Comments are closed.

  • Projects

    • 2017
      • Artistic Prosthetic
      • Cell Protobox Activity
        • Background
        • Overview and Lesson Plan
        • Pictures from the Activity
        • Final Prototypes from the Activity
        • Recount of the Activity
        • Demo Day with PDI Students
        • Final Protobox
        • Next Steps
        • Vision
      • Hue Harmony
        • Project Scope
          • HueHarmony2.ino
          • Sampler_12bit.ino
        • Future Development
        • User Feedback
        • Research
      • infinish.ed
        • Proposed Solution – Unfini-shed
        • Proposed Solution – infinish.ed
        • User Experience Mapping
        • Design Justification
        • Roadblocks/Challenges
        • User Feedback
        • Conclusion
      • Pop-Up Symphony
      • Saltwater Greenhouse
      • Smart Protection Brace
        • Background Research
        • Initial Prototype
        • Iterations and Second Prototype
        • Next Steps
        • Potential Methods
        • User Group
    • 2016
      • Creation Station: An Interactive Kiosk
        • User Group
        • Feedback #1: Oakwood Community Dinner-November 14th, 2016
        • Feedback #2: Uncle Sam’s Bus Stop-November 15th, 2016
        • Feedback #3: Farmer’s Market- November 19th, 2016
        • Prototype and Final Build of the Kiosk
        • Final Testing and Final Thoughts
      • ElektroTone
      • Furnäture
      • Media Sanctuary Mobile Experience
        • Prototype 1
        • Prototype 2
        • Prototype 3
        • Next Steps
        • Presentation Slides
      • ObservaStory
        • Background Research
        • First Iteration
        • Second Iteration
        • Evaluation & Dissemination
      • People Library
        • Target User Group
        • Primary Iteration: The Event
        • Secondary Iteration: The System
          • The Website
          • The App
        • User Feedback: The Process
        • The Final Product
      • Physics Plank
        • Physics Plank 1.0
          • Design
          • User Feedback
        • Physics Plank 2.0
          • Design
          • User Feedback
        • Next Steps
          • Ideal Code and Construction
      • Portable Foundation Finder (PFF)
        • Background Research
        • Customer Discovery
          • Personas
          • Survey Responses
        • Prototype
        • User Testing
        • Working Demo
    • 2015
      • Alien Adaptation
        • Target User Group
        • First School Visit (September 28, 2015) – Prototype #1
        • Second School Visit (October 15, 2015) – Prototype #2
        • Third School Visit (November 9, 2015) – Prototype #3
        • Fourth School Visit (December 10th, 2015) – Prototype #4
        • Background Research
        • Alien Cards
        • Methods of Organization
        • Other Resources
      • Zoe the Green Monkey
        • Background Research
        • Evaluation & Dissemination
        • Sources for Further Teaching
      • Recipe Ratios
        • School 2 Visits
        • Background Research and Information
        • Context
        • Evaluation & Assessment
      • Space Race
        • Background Research
        • Evaluation and Assessment
        • Field Work : 1st Visit to School 2
        • Field Work : 2nd Visit to School 2
        • Field Work : 3rd Visit to School 2
        • Field Work : Final Visit to School 2
      • Rhythmatic
        • Overview/Background Research
        • User Research & Design Specifications
        • Lesson Plan
        • User Testing
        • Ethnographic Observations
        • Final Interface Design
    • 2014
      • Ghanaian Solar Heat Collection
        • Solar Production of Adinkra Ink
          • Adinkra Ink Background Information
            • Interview with Mae-Ling Lokko
            • Production of Adinkra Ink
        • Solar Production of Biochar
          • Biochar Information
          • Heliostat Development
            • Codes and Hardware
            • Phase 1: Small setup
            • Phase 2: Medium Setup
            • Phase 3: Future Design Considerations
          • Interviews with Marianne Nyman and Alex Allen
          • Planning the process
          • Prototype Design Process Images
        • Prototype Iterations
        • Testing
        • Future Prospects
      • Cheap Sensors for Quality Education
        • Building the Sensor
        • CSnap Integration for Data Visualization
        • Future Work
        • Hardware
        • Previous Iterations
        • Professional Development Integration
          • Compost Computing PD Outline
        • Transferring Data from Arduino to CSnap
        • Code (Integration with SD card data collection)
          • SD Card Readout Example
        • Code (Temperature and Humidity sensors only)
      • Condom Vending Machine
        • Cultural Background
        • Why Open Source?
        • Screen Printing Vs. Stickers
          • Hints for stickers!
        • Intitial Design Ideas
          • Initial Designs
        • Prototypes and feedback
        • Final Design
        • Feedback
        • Future Plans
      • Music & Sound: Earthquake Simulator
        • Prototyping & Iterations
          • Rounds 1 & 2
          • Round 3: Final Prototype
        • Field-Testing: User Feedback
        • How-To/DIY Projects
        • Future Testing
        • Dissemination
    • 2013
      • Edu-Ponics
        • The Community Garden
        • The Tower
        • The Monitoring Unit
          • Code
          • Prototype
        • Dissemination
        • User Feedback
        • About
      • Fraction Bot
        • Future Iterations
        • Primary Market Research
        • Prototyping/Testing
        • Source Code–Please Use
      • Ghana Outreach Solar Reflector
        • Cultural Background
        • Partnership with KNUST
        • Prototyping
          • Initial Mock-up
          • Lamination
          • Plywood Model
          • Reaction Chamber
          • Stainless Steel Ribs
        • Testing
        • Future Iterations
      • iQube
      • Lean Green Clean Machine
        • Background
        • Redesign Proposal
      • Music Factory
        • Prototype
        • Field Testing
        • Dissemination
      • Nutrition Kitchen
        • The Game
        • Learning About Nutrition
        • Children’s Reactions and Results
      • Solar Tracker
    • 2012
      • 2 Fast, 2 Curious
        • Learning Objectives
        • Make It Yourself!
          • Hardware
          • The Code
        • Responses
        • The Game
        • Downloads
      • Apollo 2 1/4
        • Children’s Reactions
        • Final Trip Notes
        • Fraction Practice
        • Materials & Software Used
        • Source Code
      • Coordinate Kinection
        • The Game
          • How to Play
          • Screenshots
        • Student Reactions
        • Do It Yourself
          • main.cpp
          • Instructions
          • Download
      • Discover The Universe
      • Power Up!
        • Make Your Own
        • Platform Theory
          • Software Theory
        • Research and Development
        • Student Reaction
      • Squid Learn
        • Building the Lesson Plan
        • How It’s Made
        • Research and Iterations
          • 1st Visit
          • 2nd Visit
          • 3rd Visit
        • Student Reactions
    • 2011
      • Alien Frontier
        • Downloads
        • The Process
          • Ethnographic Description
          • Ethnographic Description 1
          • Ethnographic Description 2
      • Cookie Creations
        • Cookie Creation Game
        • Classroom Process
        • Assessments and Surveys Used
        • Research
      • Fast Track
        • DIY
        • Learning Objectives
        • Materials
        • Response
        • Components
      • Make ’em Fresh
        • Make ’em Fresh: How It’s Made
          • Team Contributions
        • Make ’em Fresh: Research and Iterations
          • Early Concepts
          • Images: First and Second Visits
          • Future Iterations
        • Make ’em Fresh: Student Response
          • Pre- and Post-Testing
      • Rap Star
        • The Game
          • What?
          • When & Where?
          • Who?
          • Why?
        • Field Testing and Iterations
          • First Visit
          • Second Visit
          • Final Visit
          • Ethnographic Descriptions
        • What Now?
          • Conclusion
          • Future Iterations
          • Additional Images
      • Rush More
      • School House of Pop
        • Educational Goals
        • Student Response
        • Design Evolution
        • Future Design Aspirations
        • Culture and Society
        • Pictures at School

Theme: MistyLook by Sadish. WPMU Theme pack by WPMU-DEV.