Post on 26-Mar-2015
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
OutlineProject Overview
Project Introduction
Design Brief
System Design Explorer UI
Code Structure
Project Organization Implementation plan
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
OutlineProject Overview
Project Introduction
Design Brief
System Design Explorer UI
Code Structure
Project Organization Implementation plan
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
(from Use Case View)
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
(from Use Case View)
File Manager
(from Use Case View)
Driver Browser
(from Use Case View)
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
(from Use Case View)
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
(from Use Case View)
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
OutlineProject Overview
Project Introduction
Design Brief
System Design Explorer UI
Code Structure
Project Organization Implementation plan
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
OutlineProject Overview
Project Introduction
Design Brief
System Design Explorer UI
Code Structure
Project Organization Implementation plan
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
OutlineProject Overview
Project Introduction
Design Brief
System Design Explorer UI
Code Structure
Project Organization Implementation plan
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
OutlineProject Overview
Project Introduction
Design Brief
System Design Explorer UI
Code Structure
Project Organization Implementation plan
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?