1. Build-It-Yourself General Project Page Specs Page table width – 700 pixels (Maybe 750) Font - Comic or New Times Roman Font size: Title - 4 bold 555555 Navigation - 2 reg, blue / purple Story text - 4 reg, aaaaaa Create header and footer include files See project pages and pick the attributes of the best looking pages. See Instructables.com Look and feel inspirations: 1)A comic book 2)A game trailer 3)Pixar 4)Google specs

2. 100x100 Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video 100x100 index-proj.html Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Select Projects by: Mission Planning Construction Hall of Fame Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy 100x100 Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video

3. Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs index-proj.html Browse Projects by:Materials Subject Difficulty Date Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy 100x100 Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs

4. Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs index-proj.html Browse Projects by:Materials Subject Difficulty Date Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy 100x100 Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs LEGO Scratch Craft Mtrls RC Control Electronics Computer

5. Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs index-proj.html Browse Projects by:Materials Subject Difficulty Date Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy 100x100 Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Robotics Programming Music Art

6. Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs index-proj.html Browse Projects by:Materials Subject Difficulty Date Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy 100x100 Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Basic Intermediate Complex

7. Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs index-proj.html Browse Projects by:Materials Subject Difficulty Date Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy 100x100 Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Project Name Project description. Lk;sklfg kldfklgdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfsdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo Akjfkl;ka;dk;sfjl;kj;kl;ldfs Year Month Author

8. The Problem: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Video The Mission: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Video Parts Tools and Supplies: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Video proj-name-mission.html ? x 350 Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy Project Name:Materials Subject Difficulty Date Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe

9. Project Name Mission | Planning | Construction | Hall of Fame Return to Projects ? x 250 Project Intro Video Project Intro PPT Lab Book Template Lesson Plan Lesson PPTs -2 -n Discussion Questions Stories Mission | Planning | Construction | Hall of Fame Return to Projects Copyright Build-It-Yourself, Address, Telephone, Email proj-project-name-plan.html Links to XLS, PPT teacher resources

10. Project Name Mission | Planning | Construction | Hall of Fame Return to Projects Suggested Build-It-Blocks -2 -n Mission | Planning | Construction | Hall of Fame Return to Projects Copyright Build-It-Yourself, Address, Telephone, Email proj-project-name-build.html Links to Build-It-Blocks or PPTs ? x 250

11. Project Name Mission | Planning | Construction | Hall of Fame Return to Projects Solution 1: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Author: kljasdflj;kj;df Video | Big Picture | PPT Lab Book Solution 2: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Author: kljasdflj;kj;df Video | Big Picture | PPT Lab Book Mission | Planning | Construction | Hall of Fame Return to Projects Copyright Build-It-Yourself, Address, Telephone, Email proj-project-name-fame.html Solution 3: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Author: kljasdflj;kj;df Video | Big Picture | PPT Lab Book ? x 250

12. DB Tables (need to be flushed out more to sync with UI) Images: (jpg or gif) ---------- - project icons (100 x 100) - main proj (? x ?) - project pic 1...n (250 x ?) - plan pic (250 x ?) - construct pic (250 x ?) - hall of fame solution 1... n pics (250 x ?) - parts pics Videos (link to YouTube) ----------- - Project intro video - Hall of fame videos 1... n videos - ??? Project categories ------------------ - all computer - all physical - part computer, part physical + art + music + sport + LEGO + Scratch + Requirements = premium quality junk = LEGO = PPT = Scratch = ??? Text Fields --------------- - author - date created - date edited - popularity - similar projects - project description - problem - mission - parts, tools and supplies and cost - planning links - construction links - hall of fame' solution 1... n text - hall of fame authors Resources --------------- - PPT's - lesson plan - Word DOCs - ???

13. Misc. Notes 1) What should we define as measurable usage goals? 2) What if we have a password protected 'developer's dash board' where we can: - enter new content - monitor monthly unique and return page hits - backup - other maintenance and monitoring tasks 3) Could we set up the new content editing so it looks like a Wiki or blog template. Just click on the text block, jpeg or video placemarks and a window pops up to upload file? 4) Misc site functionality - reviews - featured proj/solution of the month - most popular project - ???

14. 2/22/11 Steve s prototype at: http://www.403x.com/biy When we have a design or navigation decision, let's look at how they do it at http://news.google.com/ And http://www.pixar.com/index.html The section on Pixar Company Info may have more layouts that relate to project information we need to post. 1) Project Page - Top justify rows.Titles bold, black, Text regular, grey. Reserve blue/purple for links.I like the roll-over red.Does comic sans play on IE, Firefox, Safari, iOS and Android.Light grey lines between projects. 2) Project Page - Should we have a project page navigation drop down for classes of projects? (Computer | Scratch | Robotics | Art | Crafts | Music | LEGO) Some projects may be listed under several classes. 3) Project Page - Should we do something like Google does to handle more than 15 project entries on a page? 4) Project Page - Can we do a drop down box or pop up window for right column info. (Type, Author, Date, Popularity,... makes the page look too busy and complicated 5) Chapter Page - Can we enter text that lays out in a simple text block with default modifies AND can we enter HTML to override the text block? 6) Chapter Page - I think most chapters are going to look better using the table layout rather than the more vertical text picture layout.

15. Old spec pages

16. Build-It-Yourself General Project Page Specs Page table width – 700 pixels (Maybe 750) Font - Comic or New Times Roman Font size: Title - 5 bold 555555 Navigation - 4 reg, blue / purple Story text - 4 reg, aaaaaa Create header and footer include files See project pages and pick the attributes of the best looking pages. See Instructables.com Look and feel inspirations: 1)A comic book 2)A game trailer 3)The book Harry Potter or Grimm Fairy Tales specs

17. Projects Display by: Project type | Popularity | Date | Difficulty | Author 100x100 Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Mission | Planning | Construction | Hall of Fame Return to Projects Copyright Build-It-Yourself, Address, Telephone, Email index-proj.html 100x100 index-proj.html Type: Robotics Popularity: **** Date: Jan 13 2011 Difficulty: ** Author: John G Type: Robotics Popularity: **** Date: Jan 13 2011 Difficulty: ** Author: John G Type: Robotics Popularity: **** Date: Jan 13 2011 Difficulty: ** Author: John G Type: Robotics Popularity: **** Date: Jan 13 2011 Difficulty: ** Author: John G Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video

18. Projects Display by: Project type | Popularity | Date | Difficulty | Author 100x100 Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Mission | Planning | Construction | Hall of Fame Return to Projects Copyright Build-It-Yourself, Address, Telephone, Email 100x100 index-proj.html Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video Project Name Project description. Lk;sklfg kldfklg sdflgl;s dgfll;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;lgk;lsdkfg lksdflg;kl;sdkfg Sd;lfkgl;ksgfl;k;l weor kl;sklg;kdslgkdsfl;kg;lg0pgfp[ Big Picture | YouTube Video

19. When you select a project from the Project Index Page, could we have two project layout templates? See following pages.

20. Project Name Mission | Planning | Construction | Hall of Fame Return to Projects The Problem: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Video | Big Picture The Mission: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Video | Big Picture Parts Tools and Supplies: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj proj-project-name-mission.html Layout Alt #1 ? x 250 x/y variable

21. Project Name Mission | Planning | Construction | Hall of Fame Return to Projects The Problem: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Video | Big Picture The Mission: Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Video | Big Picture x/y variable proj-project-name-mission.html Layout Alt #2 What if we made the table layout or this layout flexible in terms of # images and text? The text could have a bold subtitle and regular text block.