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

▶

Feb 02, 2023 37 likes •178 views

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

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

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

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

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

Screen Mockup: Current Preferences

The Capstone Experience Team Mozilla Project Plan 5

SLIDE 6

Screen Mockup: Windows

The Capstone Experience Team Mozilla Project Plan 6

SLIDE 7

Screen Mockup: Windows

The Capstone Experience Team Mozilla Project Plan 7

SLIDE 8

Screen Mockup: Mac

The Capstone Experience Team Mozilla Project Plan 8

SLIDE 9

Screen Mockup: Mac

The Capstone Experience Team Mozilla Project Plan 9

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

Preferences Page Architecture

The Capstone Experience Team Mozilla Project Plan 11

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

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

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