Download - Building A New LaunchPad from the Ground Up
![Page 1: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/1.jpg)
A New LaunchPad From the Ground Up
Designing a Gateway for the Hotel School Web Ecosystem
Casey Dreier Web Systems Programmer
Cornell School of Hotel Administration
![Page 2: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/2.jpg)
A New LaunchPad From the Ground Up
Designing a Gateway for the Hotel School Web Ecosystem
Casey Dreier Web Systems Programmer
Cornell School of Hotel Administration
Takeaways:
1. Everyone Should Have a Gateway Page
2. Design Considerations of a Gateway Web Page: Simplicity, Flexibility, Humility, and Hyperlocality
3. Gateway pages can create a sense of a unified web system, and foster a shared user experience
![Page 3: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/3.jpg)
What is LaunchPad?• Not the Public Home Page
• A specific term for a general idea of a gateway page to specific online resources
• Used as a universal start page for the Hotel School students and staff
• Provides access to useful online services
• Different flavors for Students and Staff
• Fundamentally, a Collection of Links
![Page 4: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/4.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
![Page 5: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/5.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
1
![Page 6: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/6.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
21
![Page 7: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/7.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
21 3
![Page 8: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/8.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
Launch Pad
Featured Links(deemed most important)
![Page 9: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/9.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Secondary Contextual Links(depend on user and initial URL, different for Students and Staff, hierarchical)
![Page 10: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/10.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
Header and Internal Navigation(Home, Customize, Login/Logout)
![Page 11: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/11.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Widgets(News, Search, Dictionary, etc)
![Page 12: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/12.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
![Page 13: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/13.jpg)
Why Have a LaunchPad?
![Page 14: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/14.jpg)
Why Have a LaunchPad?
4 full-time web programmers
![Page 15: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/15.jpg)
Why Have a LaunchPad?
4 full-time web programmers
x 8 years
![Page 16: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/16.jpg)
Why Have a LaunchPad?
4 full-time web programmers
x 8 years
+ Cornell Central Web Services
![Page 17: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/17.jpg)
Why Have a LaunchPad?
4 full-time web programmers
x 8 years
+ Cornell Central Web Services
> 100 different online resources
![Page 18: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/18.jpg)
Why Have a LaunchPad?
4 full-time web programmers
x 8 years
+ Cornell Central Web Services
> 100 different online resources
We needed a way to keep all this organized
![Page 19: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/19.jpg)
Why? (cont)
• People don’t remember URLs
• Bookmarks become cluttered and intermingle with unrelated resources
• With LaunchPad, we control the hierarchy and implied importance of resources
• Fundamentally, though....
![Page 20: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/20.jpg)
LaunchPad is Useful
• ~120,000+ visits/month
• ~800 visitors/day
• High student participation
![Page 21: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/21.jpg)
59%41%
LaunchPad is Useful
• ~120,000+ visits/month
• ~800 visitors/day
• High student participation
![Page 22: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/22.jpg)
So Why Re-do it?
• Modernize the Look and Feel (same since 2001)
• Streamline functionality
• Still fixing bugs after eight years
• Re-examine the utility and focus
• Make it easier to work with (for users and developers)
![Page 23: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/23.jpg)
Goals of a New LaunchPad
![Page 24: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/24.jpg)
Philosophy• Get users off the page as quickly as possible.
• Paraphrasing Rumsfeld (1932 C.E.), we use the LaunchPad to highlight:
• Known Knowns (Common, oft-used sites)• Known Unknowns (Sites users know *should* exist)• Unknown Unknowns (You can do what now?)
![Page 25: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/25.jpg)
Improve Design• Flexible, modern design via CSS
• Fast loading (minimum of images)
• Easy-to-read (larger text, consistent implementation of styles)
• Simplified layout
![Page 26: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/26.jpg)
Improve Usability• One Page to Rule Them All
(http://onepagelove.com)
![Page 27: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/27.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
Internal Navigation* You should not need this! *
![Page 28: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/28.jpg)
Improve Usability• One Page to Rule Them All
(http://onepagelove.com)
• A More Natural UI (drag and drop)
• Fewer Options
• Unite content from various internal sources
![Page 29: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/29.jpg)
Improve Maintenance• Built with future expansion in mind
• More readable code
• Embrace standard frameworks(JQuery, Ruby on Rails)
• Fewer bugs (unit and functionality testing)
![Page 30: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/30.jpg)
Challenges
![Page 31: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/31.jpg)
Challenge: Competition
• Why make a LaunchPad when there’s iGoogle, My Yahoo, NetVibes, etc?
• Focus on Hyperlocality
![Page 32: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/32.jpg)
Hyperlocal
• Information that is extremely relevant to a very specific, limited audience
• Usually in reference to new type of news reporting that focuses on neighborhood-level events
![Page 33: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/33.jpg)
Challenge: Competition
• Why make a LaunchPad when there’s iGoogle, My Yahoo, NetVibes, etc?
• Focus on Hyperlocality
• You know your web ecosystem and can serve as a better Editor than individual users.
• Design to your core users
![Page 34: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/34.jpg)
Challenge: Attachment
• Current system has been up for 8+ years and many are used to the way things work
• Give fair warning
• Maintain (most) of what’s there already
• Guided introduction and help
![Page 35: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/35.jpg)
Challenge: Old Data
• Previous data exists and needs to be persisted into the new site.
• Ask what really needs to be saved?
• In our case, custom links.
• Too few options to bother carrying over Widgets, plus new design renders layout preservation moot.
![Page 36: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/36.jpg)
Spoiler
![Page 37: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/37.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
![Page 38: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/38.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
![Page 39: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/39.jpg)
Process
![Page 40: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/40.jpg)
Functionality First
• LaunchPad was almost entirely functional before any CSS was written or design finalized
• Focused on feature development, implementation, and testing
• Encourages well-written, style-free XHTML
![Page 41: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/41.jpg)
web.projects.each do |rails|
• Experimental first project using Ruby on Rails framework
• First step in new programming direction focusing on an a priori structuring of code
• Allowed for rapid development, unit testing, data validation, session handling
![Page 42: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/42.jpg)
• By using a mature, open-source framework, a developer’s code is forced into a common structure
• Code representing different types of common functionality (data validation, email-handling, querying, etc) must exist in specific locations and function according to certain rules
What Do I Mean By a priori?
![Page 43: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/43.jpg)
What Do I Mean By a priori?
• That means a future developer knows in advance where a particular functionality resides and how it plugs into the system (a priori).
• This reduces the amount of time a developer must take to understand previous work (a posteriori), and generally makes the code more readable
![Page 44: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/44.jpg)
Implementing Maintenance
• Goal: Reduce Maintenance Time:
• Ruby is extremely readable and light on syntax
• Support for unit testing with easy test data (fixtures) reduces bugs
• Rails has built-in data validation and processing functions
![Page 45: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/45.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
![Page 46: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/46.jpg)
Implementing Design
• Goal: Simplification
• 3-columns —› 2-columns
• Fewer Graphics and clearer text(no link graphics, dark text on light background)
• Clear delineation of header and content
• Consolidated similar content
![Page 47: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/47.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
![Page 48: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/48.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
header
![Page 49: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/49.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
1
header
![Page 50: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/50.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
21
header
![Page 51: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/51.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
![Page 52: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/52.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
Launch Pad
![Page 53: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/53.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
![Page 54: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/54.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Primary Links:Get Top Billing, Bold, Easy-to-read
![Page 55: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/55.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
![Page 56: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/56.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
![Page 57: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/57.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
![Page 58: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/58.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
School Links
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Secondary Contextual Links:Larger display, expanded categories
![Page 59: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/59.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
![Page 60: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/60.jpg)
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
Statler Launch Pad
Welcome Home
Launch Pad
Click Here to Make This Your Default HomePage
Learn How To
Customize
Click here to learn how tocustomize the color, modules,and more.
Click here to learn how toadd personalized links (video)
School Quick Links
Accident Report
Calendars
Change Cornell
Password
Directories
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness
Human Resources
Kronos
Maintenance Request
Material Safety Data
Sheets (MSDS)
Nestle Library
Online Travel
Reimbursements
Skillsoft
uPortal
View Paycheck On-
line
Search Cornell
People Search
Cornell ElectronicDirectory
Google Search
Google Search
Search WWW
Search cornell.edu
Webster Dictionary
Merriam-Webster OnlineMerriam-Webster Online
DictionaryDictionary
ThesaurusThesaurus
![Page 61: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/61.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
![Page 62: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/62.jpg)
School Links
SHA Event Calendar
Sign in to Launch Pad
Search
Weather
GO: STATLER WIRE SCHOOL OF HOTEL ADMINISTRATION STATLER HOTEL OUTLOOK BLACKBOARD CU INFO
Accident Report
Calendars (2)
Academic Calendar
Employee Holidays
Change Cornell Password
Directories (4)
Alumni Directory
Course Directory
Faculty Directory
Ph. D. Students
E-Reqs
Employee Essentials
Faculty Center
Faculty Reporting
Health & Wellness (3)
Cornell Fitness Centers
Gannet
Wellness Program
Human Resources
Kronos
Maintenance Reqeust
Material Safety Data Sheets(MSDS)
Nestle Library
Online Travel Reimbursements
Skillsoft
uPortal
View Paycheck Online
Web Financials
Who I Am
Labor and Employment Law Roundtable
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Search Cornell
Search
Weather
Google Cornell People
Search
Wednesday, April 22nd, 2009.
Current Conditions:
Light Rain, 46 F
Forecast:
Tue - Showers/Wind. High: 61
Low: 38
Wed - Showers. High: 48 Low:
Widgets:Condensed functionally,
unified styles
![Page 63: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/63.jpg)
Implementing Design
• Goal: Simplification
• No Sign Up form
• Uses Cornell’s User Auth system and pre-existing user data to create new account
• See “Sign Up Forms Must Die” by Luke Wroblewski (http://www.alistapart.com/articles/signupforms/)
![Page 64: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/64.jpg)
Implementing Design Goals
• Goal: Fast Loading
• Total of 2 images, mostly text based layout
• Single unified, compressed Javascript file
• Single CSS
• Cached output of pre-rendered HTML
![Page 65: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/65.jpg)
Implementing Usability
• Goal: One Page to Rule Them All
• All content, actions available on one page
• This is achieved using AJAX
• Relevant action windows popup over content, disappear when not needed
• No need for unnecessary navigation
![Page 66: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/66.jpg)
![Page 67: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/67.jpg)
![Page 68: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/68.jpg)
![Page 69: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/69.jpg)
![Page 70: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/70.jpg)
Implementing Usability
• Goal: More Natural Interface
• Drag and drop to customize widget layout
• Everything underneath the header is a widget
• Large, expressive buttons and icons
• Fewer things to do on the page
![Page 71: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/71.jpg)
![Page 72: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/72.jpg)
![Page 73: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/73.jpg)
Implementing Usability
• Goal: Unite Local Content
• Widgets encourage data flexibility in other web systems
• Easily pull in data via RSS or XML from Event Calendars, News, Blogs, Announcements etc. without any extra code
![Page 74: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/74.jpg)
Bringing It Together
• A LaunchPad provides a stage to present the full richness and variety of your web ecosystem
• Brings together the familiar and unfamiliar content and resources in a pleasing, accessible, useful way
• You take on the job of an Editor when setting the base layout and structure
![Page 75: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/75.jpg)
Bringing It Together
• Instead of creating a mere link farm or widget groupings of random data, you can create a place of common utility and connection for your audience
• A proper LaunchPad works to develop a sense of scope and community for your web users
![Page 76: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/76.jpg)
To Review
• A LaunchPad is a gateway page to direct users to different tools in your web ecosystem
• The philosophy behind this is to act as an editor, to direct users to resources they may not be aware of
• A LaunchPad should be simple, with the goal of moving the user off the page as quickly as possible
![Page 77: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/77.jpg)
To Review
• Use the concept of hyperlocatlity to drive your feature base and widgets/content
• Keep the interface as simple as possible, don’t let the user navigate inwards, only outwards
• Structure your code to be flexible and easily expandable to keep the site feeling fresh
![Page 78: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/78.jpg)
Shout-Outs
• Wioletta Holownia
• Steve Halasz
• John Cowan
• Dave DeHaan
• John Goddard
![Page 79: Building A New LaunchPad from the Ground Up](https://reader031.vdocuments.site/reader031/viewer/2022013003/554cfa39b4c905a5138b5138/html5/thumbnails/79.jpg)
Thanks!