Breadcrumbs

WebBrowser

QIWI inlcudes a browser for embedded devices.
Using current Chromium, it offers up-to-date HTML technologies.
The focus from the look and feel is minimal, but implemented with a touch-friendly user interface.

Features

The WebBrowser uses Chromium to provide a state-of-the-art, high-performance HTML5 web engine.

Video and Audio

The WebBrowser integrate directly with OS services to access video and audio devices.

Full Screen Mode

Videos can be played in full screen mode.

Developer Tools

The WebBrowser supports remote access to the built-in Chromium Developer Tools. This allows debugging and optimizing individual pages on the device.

Notifications

Notifications are supported.

Authentification

An authentication window is supported.

File Up-/Download

File Up/Download window is supported.

Color Picker

A color picker window is supported.

Alert, Confirm

An alert and confirm window is supported.

Kiosk Mode

A kiosk mode (fullscreen mode) is supported.

Turn page

The view of the page can be moved by pressing and moving a finger.

Zoom page

Zoom in or out on a specific section of the page by squeezing your fingers together.

Bookmark management

Individual pages can be bookmarked by pressing the Bookmark key. Pressing the same key again removes the page from the bookmarks.
The bookmarks are saved in the bookmarks.ini file.

Page Management

The Pages button enables the user to open new pages and to switch between them using the Carousel UI pattern.

Swipe Gestures

Additionally, swipe gestures (back, forward, pages) are supported if enabled in the settings.

Virtual Keyboard

The integrated Virtual Keyboard slides in whenever text input is required. It enables typing text in a great variety of different languages.

User Interface

Native Chromium

UI open

SearchBar_open.png

UI closed

SearchBar_collapsed.png

Control elements:

  • (1) Back. Navigates back to the previously visited website. No function if no previous website exists

  • (2) Forward. Navigates forwards to the previously visited website. No function if no previous web page exists.

  • (3) Reload. Reloads the current web page.

  • (4) Input field. Displays the URL of the current website. A new URL can be entered by clicking on the bar. The browser can navigate to this website by pressing the Enter key.

  • (5) Search. Loads the web page which is displayed in the input field (4).

  • (6) Tab Menu. Displays the current number of tabs. By clicking, the user can access the overview of all tabs. Open tabs can be closed and new tabs opened there.

  • (7) Bookmark symbol. Click to mark the current website and add it to the bookmarks. If the website is saved as a bookmark, the icon turns yellow.

  • (8) Bookmark menu.Clicking takes the user to the bookmarks menu.All bookmarked pages are listed there.

  • (9) Search. By clicking, the user can search the content of the current web page for keywords.

  • (11) Open/Close. Changes the status of the search bar from open to closed or vice versa.

  • (12) Place.Clicking on the button turns the icon yellow. Another click at any position moves the search bar there. After placement, the icon turns white again.

QtWebBrowser

QtWebBrowserUrlBar.png

The Back button (1) and the Forward button (2) navigate through the history of previously visited pages.
The Input Bar (3) allows the user to enter and edit URLs or search for text.
It also allows reloading a page or pausing a currently loaded page.
The Bookmarks button (6) can be used to bookmark pages, and the bookmarked pages can be accessed via the Home button (4).
The Pages button (5) allows the user to manage the currently opened pages.