Device agnostic adaptable user interface for cloud muvis

In recent years, adaptable user interfaces have been broadly considered as the main interactive parts of a software system because of variety of smart devices. New smart devices with different screen sizes are produced every month. For this reason, adaptability of UIs has become one of the big challenges for developers. In this thesis, an adaptable web based UI is developed for a Cloud Multimedia Video Indexing and Retrieval System (C-MUVIS). Since C-MUVIS is a content-based image retrieval system and will act as a web service, a wide range of screen sizes should be considered when designing the UI. The adaptable UI has two applications, DbsEditor and MBrowser. In DbsEditor mode, the users can modify the attributes of a database, for instance, to create a new database, add media to a database, delete existing media from the database, or add or remove visual features. The MBrowser Mode is used for browsing and displaying the media in the database. Also, the users can query for a specific media item. The query operation returns the items most relevant media to the queried media. In order to make the UI adaptable, we introduced Adaptive Web Design (AWD) and Responsive Web Design (RWD) methods. After comparing the advantages and disadvantages of both approaches, RWD was chosen. RWD is executable with Fluid Grid and Media Queries techniques. As a result, we show that decreasing the screen resolution from the main width (1280px) and height (1024px) to the breakpoints resolution (width 768px and height 1024px) modified the layout of the UI smoothly. But, the layout of the UI will be changed completely for the breakpoint with different scales, colors and images size

A generic content-based image retrieval framework for mobile devices

Multimedia mobile devices have created new possibilities for developing and accessing a variety of multimedia items such as images, audio and video clips. Personal multimedia items are, nowadays, being consumed at an enormous rate. Therefore, the management of these media items has become a pressing problem. In this paper, a client-server content-based image retrieval framework for mobile platforms is developed, which provides the capability of content-based query and browsing from mobile devices. The proposed framework provides an adaptive user interface and a generic structure, which supports a wide range of mobile devices. In this framework, a client requests the server for retrieval of particular images with a particular content. The server performs a content-based retrieval of images from a selected database and streams the retrieved results back to the client in an efficient way. The query results are transmitted over a wireless network and a certain number of similar images are rendered on the mobile device screen using thumbnail sizes. The proposed framework serves as a basis of content-based image retrieval on mobile devices. It addresses several important challenges such as hardware and software limitations as well as efficient use of the available network bandwidth