A. User Interface
The User Interface provides access and manipulation of
the application’s features, i.e., the user can either capture a
new photo or record a new video or a new audio file. Each of
the above functions calls the appropriate native application
of the device’s OS and then the file is transferred to the web
application. The last file that was created can be shown to
the last file “preview” field. Moreover the user has the ability
to save the current device’s position with the file. After the
completion of each function a simple “toast” notification will
appear for a short time. We also have the ability to hide the
address bar of the browser for a more efficient usage of the
available free screen space. Figure 2 depicts the application’s
main menu, which consists a toolbox providing access to the
various supported activities.
In the gallery page the user can preview the photos or
play the video or audio files that he created with the application.
The application has the ability to handle the device’s
orientation change so that the photos and the videos can be
displayed correctly and fit to the new screen width/height.
Additionally the user can use touch swipe gestures (left or
right) to navigate to the next or previous file. For functions
such as file upload, Facebook file share or file deletion
the application asks for the confirmation of the user with
a dialog box. Immediately after the completion of these
functions, a simple notification appears. Finally we created
a zoom-in/out effect for the navigation in the gallery.
Finally, it is important to mention that we adjust the
content of the web page to the device’s screen height and
width so that we do not have very big or very small display
scaling and keep the display of the content usable of every
screen size.