Commit 45d47605 authored by Kristina Hoeppner's avatar Kristina Hoeppner
Browse files

mis/mobile: Add 1.6 features of device detection

and responsive design
parent 0cd31a18
.. include:: /shortcuts.rstext
.. index:: Mobile Mahara
.. _mobile_mahara:
......@@ -9,6 +11,96 @@ You can user Mahara to a certain degree from a mobile device such as a smartphon
When you have an Android device or an iPhone, you can use an application to upload files directly from your device to Mahara.
.. index::
single: Mobile Mahara; Mobile browsing
single: New in Mahara 1.6; Device detection
single: New in Mahara 1.6; Responsive design
|new in Mahara 1.6| Mobile browsing
-----------------------------------------
Mahara comes with a `responsive design <http://en.wikipedia.org/wiki/Responsive_web_design>`_. The purpose is to provide the best viewing experience on any device, but in particular mobile devices. Furthermore, certain functionality is not available on a mobile device if it does not allow for it, e.g. the use of the visual editor.
Currently, the responsive design is only implemented for the **default theme** of Mahara. However, the device detection works across all themes.
That's what the default theme looks like on an Android smartphone 2.3 (screen size 320 x 480) with device detection turned on.
.. figure:: /images/device_phone.*
:alt: 3 different screens of Mahara with the default theme on an Android phone with device detection turned on
3 different screens of Mahara with the default theme on an Android phone with device detection turned on
#. There is only one column. Everything is pushed to it, but as soon as the screen is big enough, the content moves back to its original columns.
#. A mobile friendly menu that can be unfolded to reach all navigation items.
#. Since blocks cannot be dragged over the screen, radio buttons below them allow them to be selected.
#. Once a block icon has been selected via its radio button, place it into the page by clicking the *Add new block here* button.
#. Text boxes are shown without the visual editor as that does not work on an Android smartphone (2.3).
The following table captures features of Mahara and how they are represented on various mobile devices when device detection (dd) is turned on or off. Users can decide in which mode they want to browse if the site administrator allowed it in the :ref:`user settings <user_settings>`.
.. todo::
Testing needed on iOS devices. Therefore "tbt" (to be tested).
.. list-table::
:header-rows: 1
* - Feature
- Android smartphone dd on
- Android smartphone dd off
- Android 10" tablet dd on
- Android 10" tablet dd off
- iPhone / iPad dd on
- iPhone / iPad dd off
* - Place page edit blocks via radio buttons instead of drag & drop
- |check|
-
- |check|
-
- tbt
- tbt
* - Regular drag & drop interface in page editor
-
- |check| - but cannot be used
-
- |check| - but cannot be used
- tbt
- tbt
* - Visual editor (WYSIWYG editor)
-
- |check| - but cannot be used
-
- |check|
- tbt
- tbt
* - Plain text editor
- |check|
-
- |check|
-
- tbt
- tbt
* - *Print* link
-
-
- |check|
- |check|
- tbt
- tbt
* - *Report objectionable content* link
-
-
- |check|
- |check|
- tbt
- tbt
* - *Add to watchlist* link
-
-
- |check|
- |check|
- tbt
- tbt
.. index::
single: Mobile Mahara; MaharaDroid
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment