Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

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 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 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 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 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 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 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 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 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, 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, 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, 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: When we have a design or navigation decision, let's look at how they do it at And 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 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, index-proj.html 100x100 index-proj.html Type: Robotics Popularity: **** Date: Jan Difficulty: ** Author: John G Type: Robotics Popularity: **** Date: Jan Difficulty: ** Author: John G Type: Robotics Popularity: **** Date: Jan Difficulty: ** Author: John G Type: Robotics Popularity: **** Date: Jan 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, 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.


Download ppt "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."

Similar presentations


Ads by Google