Mobile App

Context

Today wikifab works on desktop only.

Users have to transfer their pictures from a camera to a laptop. This is very boring and time consuming.

We want to make an app to take pictures and transfer them automatically to tutorials.

State of the art

Mediawiki comes with a bunch of APIs that could be used to send pictures from the app to wikifab, and update turorials.

You can find the API documentation here: https://www.mediawiki.org/wiki/API:Main_page

There is also the M2Wiki Browser project, an app to browse any Mediawiki site on mobile. This app uses the MediaWiki API.

Features

Log in from mobile

To use the app, user needs to log in to wikifab from his mobile phone.

Browse tutorials

User can search for an existing tutorial from his mobile phone.

Create a new tutorial

User can create a new tutorial from his mobile phone.

The created tutorial should respect the Wikifab syntax defined in templates (available here : http://en.wikifab.org/index.php/Form:Tutorial?action=edit )

The templates has also html formating, but essentials information are found in tgas {{{....}}} such as :

{{#forminput:form=Tutorial|button text=Create or modify|placeholder=Enter the name of your tutorial}}
Type
{Template:Field
Description
Difficulty
Cost
Currency
Duration
Duration-type
Licences
Main_Picture

Introduction
Introduction

{{{field|Material|input type=textarea|rows=8|placeholder=List the materials required to make your creation/product/object.
{{{field|Tools|input type=textarea|rows=8|placeholder=List the tools required to make your creation/product/object.
Step_Picture_00
Step_Picture_01
Step_Picture_02
Step_Picture_03
Step_Picture_04
Step_Picture_05

ExternalAttachmentsLinks
ExternalAttachmentsLinks
{{{end template}}}
Tuto_Attachments
Attachment
{{{end template}}}

Tuto Step
Step_Title
Step_Content
Step_Picture_00
Step_Picture_01
Step_Picture_02
Step_Picture_03
Step_Picture_04
Step_Picture_05
{{{end template}}}


Notes
Notes
{{{end template}}}

Take pictures

User can take pictures from his mobile phone.

Send picture to a tutorial

1. User search for an existing tutorial or create a new one
2. User selects the tutorial he wants to send picture to
3. User selects pictures he took with the app (or pictures stored in his phone)
4. User publish (send) the selected pictures to the tutorial library

Back on his laptop, user find the pictures in the library of pictures of the tutorial. He then can organise the pictures inside the tutorial from its laptop.