College of Engineering and ScienceECB3256

Computing Project Development and Implementation

User ManualVirtual Dermascope

(Android Mobile Application)

Developers: Renuka Ranapal (Team Leader)Hao Shi (Webmaster)David Bulic (Document Manager)

Client & Supervisor:Dr. Anwaar Ulhaq

Unit Coordinator:AProf. Hao Shi

ContentsSystem requirements......................................................................................................................... 3

Figure 1................................................................................................................................................ 3

Home interface...................................................................................................................................... 4

Figure 2................................................................................................................................................ 4

Manual interface...................................................................................................................................5

Figure 3................................................................................................................................................ 5

System camera interface...................................................................................................................6

Figure 4................................................................................................................................................ 6

Original image interface....................................................................................................................7

Figure 5................................................................................................................................................ 7

High pass filter interface...................................................................................................................8

Figure 6................................................................................................................................................ 8

Median filter interface....................................................................................................................... 9

Figure 7................................................................................................................................................ 9

Low pass filter interface.................................................................................................................10

Figure 8............................................................................................................................................. 10

Save image interface........................................................................................................................ 11

Figure 9............................................................................................................................................. 11

Saved files path...................................................................................................................................12

Figure 10.......................................................................................................................................... 12

Showed in gallery..............................................................................................................................13

Figure 11.......................................................................................................................................... 13

2

User ManualSystem requirements

Figure 1.Virtual Dermascope runs on android system which version is 2.1 or up. It requires taking pictures and videos by using the device and modifying or deleing the contents of SD card, reading the contents of SD card. System will ask user for the permission for these two things before installing the application.

3

Home interface

Figure 2.After launching the Virtual Dermascope application, the home screen will appear. On this screen there are two options, Take Picture or User Manual. If you select Take Picture it will access the devices camera. If user instead clicks on User Manual it will show a screen with instructions how to use the app.

4

Manual interface

Figure 3.This manual screen appears after clicking user manual on the start screen. The user manual shows instructions on how to use the application. After the user has read all the instructions user can then click BACK HOME to go back home interface of Virtual Dermascope application.

5

System camera interface

Figure 4.When user has clicked TAKE PICTURE at home interface will access the camera interface which provided by the system of the device so that the user can take a picture.

6

Original image interface

Figure 5.When user takes a photo it will appear like figure 4. It has a label advising that it’s the original image on the top. It has 5 buttons, BACK which allows user to go back to the camera interface, SAVE which allows user to save the original image, HIGH PASS which allows user to add a high pass filter to the image, MEDIAN which allows the user to add a median filter to the image and LOW PASS which allows the user to add a low pass filter to the image.

7

High pass filter interface

Figure 6.If user selects HIGH PASS this is what the user will see. The picture has a high pass filter and the label on the top will show High Pass Filter. User can now select SAVE to save this filtered photo to the devices gallery. User can also change to a different filter option by selecting MEDIAN or LOW PASS.

8

Median filter interface

Figure 7.If user selects MEDIAN this is what the user will see. The picture has a median filter and the label on the top will show Median Filter. User can now select SAVE to save this filtered photo to the devices gallery. User can also change to a different filter option by selecting HIGH PASS or LOW PASS.

9

Low pass filter interface

Figure 8.If user selects LOW PASS this is what the user will see. The picture has a Low Pass filter and the label on the top will show Low Pass Filter. User can now select SAVE to save this filtered photo to the devices gallery. User can also change to a different filter option by selecting HIGH PASS or MEDIAN.

10

Save image interface

Figure 9.When user has clicked on SAVE button on previous screens which are original interface, high pass filter interface, median filter interface and low pass filter interface. It advises the user that the photo has been saved to gallery. The user can now select the BACK HOME button to go back to the home screen. If user want to apply any other filters again, they could click BACK FILTER to switch to original interface.

11

Saved files path

Figure 10.All the original images and filtered images were saved in folder VDTeam23 in device storage. The image files were named based on the saved time which is VDImageyear-month-date-hour-minute-second.jpg.

12

Showed in gallery

Figure 11.All the images which were saved by Virtual Dermascope application could be showed in Gallery which was supported by the device system.

13