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

Outline Project Overview Project Introduction Design Brief System Design Explorer UI Code Structure Project Organization Implementation plan Version management

Outline Project 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

Outline Project 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

The Driver Browser

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

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 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

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

Outline Project Overview Project Introduction Design Brief System Design Explorer UI Code Structure Project Organization Implementation plan Version management

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

Outline Project Overview Project Introduction Design Brief System Design Explorer UI Code Structure Project Organization Implementation plan Version management

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

Outline Project 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 Distribution Task NameResponsibleEff Est/hr Requirement AnalysisJunjie Qu3 Schematic DesignJunjie Qu3 Detailed DesignAll27 CFEDriverView/CFEDriverContainer ImplementationChuntao Chen3 CFEDirView/CFEDirContainer ImplementationQianxuan Gao6 CFEEditerView/CFEEditerContainer ImplementationJunjie Qu6 CFEDriver ImplementationChuntao Chen3 CFEDir ImplementationYang 6 CFEFile ImplementationYang Yu6 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 Frame Task NameImplementation Time Requirement Analysis Schematic Design Detailed Design Implementation Integration Use Case Brief Testing Fix Bug Code Review

Outline Project Overview Project Introduction Design Brief System Design Explorer UI Code Structure Project Organization Implementation plan Version management

Version Management - SVN 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

Thank You Very Much Any Questions?