File Explorer Project Plan and System Design Team Four 14th.Sep.2009

File ExplorerProject Plan and System Design

Team Four 14th.Sep.2009

OutlineProject Overview

Project Introduction

Design Brief

System Design Explorer UI

Code Structure

Project Organization Implementation plan

Version management



Design Brief


Code Structure


Version management

Project Introduction - Requirement :

- Display Drives, Directories and Files in a file explorer- Base on S60 GUI framework

- Features:- Display Icons - High freedom for browsing - Display file size- Manipulate directories or files with rename, copy, paste,

delete and so on- Text Editor for txt type files which can create new text

files, save, save as and Auto Save



Design Brief


Code Structure


Version management

File Explorer – Design Brief

- Whole System has been broken down to three main parts

- Each part have its associated UI Component and

Background Implementations

Use Case UML

File ManagerDirectory ManagerDriver Browser

File Explorer

The Driver Browser

Directory Manager

File Manager

Open Driver

Browse DriverPhoneUser

(from Resource)

Enter The Browser

(from Use Case View)

Exit Browser


Help About

Release InformationGet Help from the menu

Driver Browser

- The Entry View

- Find Help and About Information

- Can drill down to each Driver for its sub-directories and files

The Directory Manager

Back to Driver Browse

Back to Upper Directory

Directory Browse

PhoneUser

(from Resource)

Directory Information

Copy Directory

Move Directory

Delete Directory

Rename Directory

Open Sub Directory

Choosen Directory

Display Directory size and properties

Exit Browser


File Manager


Driver Browser


Create New Directory

Directory Manager - Lists all the sub-directories and files

- Features: Open, Delete, Rename, Copy, Move, Paste, Create New Directory and Display Properties

- Can circulate between Directory Manager and File Manager

- Direct to Editor View if a file has been opened

The File Manager

File Editer

Move File

Copy FileFile Info

Rename File

File BrowsePhoneUser

(from Resource)

Choosen File

Delete File

Display File size, type and properties

Exit Browser

(from Use Case View) Open File

Directory Manager


File Manager

- Perform operations on files - Features: Open, Rename, Delete, Move, Copy

and display file properties

- Display the contents of selected file in Editor View if user choose to Open a file

- Can return to Directory Manager

File Manager – Editor View

Create New File

(from File Manager)

Save As

Edit File

Save File

Automatically saves the file while editing every half a minute Exit Editer

File Manager


PhoneUser

(from Resource)

Open File

(from File Manager)

Auto Save

Smart mobile phone

(from Resource)

File Manager - Editor

- Perform Editing activities on an opened file

- Features: Create new, Save, Edit, Save as and Auto Save performed by browser itself

- User will be asked whether to Save the file before exit the Editor to File Manager



Design Brief


Code Structure


Version management

Explorer UI Structure

CFEAppDriverContainer

CFEAppDir Container

CFEAppDriver View

CFEAppEditerView

CFEAppEditer Container

CFEAppDirView

CFEAppUi

Explorer UI Structure

- Three Multi-View application windows were created for this project

- Driver, Directory and File has their own independent Container Window

- They re-direct to each other by user operation

- Following Slides show how they look like

The Driver View

The Directory Manager View

The File Editor View



Design Brief


Code Structure


Version management

System Design - Code Structure

CFEDir CFEFileCFEDriver

MFEBase

CFETimer

CFEEditer

System Design - Code Structure - Driver, Directory and File classes all inherits the

Base class in which their common functions are defined

- The Editor class defines functions to operate a file, where Timer class were built in to perform AutoSave

- Detailed Coding can be found in Source Documents



Design Brief


Code Structure


Version management

Implementation Plan

- Different Modules were specified and assigned to each team member

- Integrate all the modules upon completion

Work Load DistributionTask Name Responsible

Eff Est/hr

Requirement Analysis Junjie Qu 3

Schematic Design Junjie Qu 3

Detailed Design All 27

CFEDriverView/CFEDriverContainer Implementation Chuntao Chen 3

CFEDirView/CFEDirContainer Implementation Qianxuan Gao 6

CFEEditerView/CFEEditerContainer Implementation Junjie Qu 6

CFEDriver Implementation Chuntao Chen 3

CFEDir Implementation Yang Yang 6

CFEFile Implementation Yang Yu 6

CFEEditer/CFETimer Implementation Chenghua Shangguan

6

Module Integration All 18

Use Case Brief All 4.5

Testing All 4.5

Fix Bug All 9

Code Review All 9

Time FrameTask Name Implementation Time

Requirement Analysis 2009.8.29

Schematic Design 2009.8.30

Detailed Design 2009.8.31 - 2009.9.2

Implementation 2009.9.3 - 2009.9.6

Integration 2009.9.7 - 2009.9.8

Use Case Brief 2009.9.9

Testing 2009.9.9

Fix Bug 2009.9.10

Code Review 2009.9.11



Design Brief


Code Structure


Version management

Version Management

- SVN 1.6.5- Google Code has been adopted for the SVN Server

- Each member uses Tortoise SVN Client to manage local coding

- Commit for every milestone

- Perform modules integration after completion and testing for each module

Version Management

Version Management

Thank You Very Much

Any Questions?