Surface project - part 20 (Major Demo - Rich Media Map - The Demo - Part 3)

Introduction

Import Media

Create Media

Edit Media

Layout Mode

Tagging System

Searching System

Deleting Mode

Create Media

As being required by supervisors that they want to let user create drawing, text, video inside the application. Thus, I have implemented these functions and make the media inside the push pin in-place editable.

To creating a drawing, user can click the button indicated below.

A new drawing panel will be added into the push pin, the integrated drawing panel supports several features, including, color picker, stroke thickness slider, eraser and saving.

To creating a video from web camera, user can click the button indicated below

An integrated video recorder will be added into the push pin. After making the video, the video will be automatically imported into the push pin.

To creating a text media, user can click the button indicated below

A simple text box will be added into the push pin.

Edit Media

To make the application as elegant as possible, I implement the function to edit the media inside the push pin. For image and text media, a in-place editor has been implemented.