Project Plan In-Content Preferences for Firefox The Capstone - - PowerPoint PPT Presentation

project plan
SMART_READER_LITE
LIVE PREVIEW

Project Plan In-Content Preferences for Firefox The Capstone - - PowerPoint PPT Presentation

Project Plan In-Content Preferences for Firefox The Capstone Experience Team Mozilla Owen Carpenter Joe Chen Jon Reitveld Devan Sayles Department of Computer Science and Engineering Michigan State University Spring 2012 From Students


slide-1
SLIDE 1

From Students… …to Professionals

The Capstone Experience

Project Plan

In-Content Preferences for Firefox

Team Mozilla

Owen Carpenter Joe Chen Jon Reitveld Devan Sayles Department of Computer Science and Engineering Michigan State University Spring 2012

slide-2
SLIDE 2

Project Overview

  • Move preferences from pop-up window to tab

within the Firefox browser

  • Get rid of easy to lose window in favor of

tabbed style used in other browsers

  • Create intuitive, easy to understand UI that will

fill a larger area

  • Enable users to more easily experiment with

Preferences by removing modal blocking

The Capstone Experience Team Mozilla Project Plan 2

slide-3
SLIDE 3

Functional Specifications

  • Retain all functionality of current preferences

page while using a new User Interface

  • Implement search functionality for users to

easily locate the preferences they are looking for

  • Provide identical in-content Preferences

experience across all devices

The Capstone Experience Team Mozilla Project Plan 3

slide-4
SLIDE 4

Design Specifications

  • Must create a UI that can be used by users of

varying skill/knowledge of computers and web browsers

  • Users want different things from preferences
  • Accessibility – vision, dexterity, hearing
  • Privacy – control what information sites can track
  • Customization – muscle memory/habits

The Capstone Experience Team Mozilla Project Plan 4

slide-5
SLIDE 5

Screen Mockup: Current Preferences

The Capstone Experience Team Mozilla Project Plan 5

slide-6
SLIDE 6

Screen Mockup: Windows

The Capstone Experience Team Mozilla Project Plan 6

slide-7
SLIDE 7

Screen Mockup: Windows

The Capstone Experience Team Mozilla Project Plan 7

slide-8
SLIDE 8

Screen Mockup: Mac

The Capstone Experience Team Mozilla Project Plan 8

slide-9
SLIDE 9

Screen Mockup: Mac

The Capstone Experience Team Mozilla Project Plan 9

slide-10
SLIDE 10

Technical Specifications

  • Implement using XHTML, XUL, CSS, and

JavaScript

  • Use XHTML as much as possible embedded in

an XUL page

  • Utilize Mercurial to manage source code and

efficiently create patches

  • Entire page must be contained in one XUL file

to enable quick search

The Capstone Experience Team Mozilla Project Plan 10

slide-11
SLIDE 11

Preferences Page Architecture

The Capstone Experience Team Mozilla Project Plan 11

slide-12
SLIDE 12

System Components

  • Hardware Platforms
  • Any device capable of downloading and installing

Mozilla Firefox browser

  • Software Platforms / Technologies
  • Mercurial
  • Bugzilla
  • Mozilla Firefox

The Capstone Experience Team Mozilla Project Plan 12

slide-13
SLIDE 13

Testing

  • Automated testing using Mochitest
  • Tests are JavaScript snippets that can test the

functionality of pages while running

  • Using existing automated tests as well as

create specific tests for our page

The Capstone Experience Team Mozilla Project Plan 13

slide-14
SLIDE 14

Risks

  • Lack of knowledge of Mozilla’s development

tools and practices, including automated testing with Mochitest

  • Design decisions must be confirmed with the

User Experience team before implementation

  • Inexperience using Mercurial as a repository to

create patches

  • Lack of knowledge in XUL and JavaScript

The Capstone Experience Team Mozilla Project Plan 14