> For the complete documentation index, see [llms.txt](https://positifmobile.gitbook.io/flyweb/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://positifmobile.gitbook.io/flyweb/installation-mobile-app/introduction.md).

# Introduction

Mobile app developed using a flutter framework created by Google is open-source mobile application development. It is used to develop applications for **`Android`** and **`iOS`**, as well as being the primary method of creating applications

### Requirements <a href="#requirements" id="requirements"></a>

To edit this project you must have **`Flutter`** and **`Dart`** installed and configured successfully on your device [Install flutter](https://flutter.dev/docs/get-started/install)\
Set up your editor Install the [Flutter and Dart plugins](https://flutter.dev/docs/get-started/editor?tab=androidstudio)

### Get Started <a href="#get-started" id="get-started"></a>

1- Open **`Android Studio`**

2- Click in **`Plugins`** and search **`Flutter`** after this click **`Install`** and also **`Restart IDE`**

<figure><img src="https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McTnNLRtNdragDlAvxs%2Fuploads%2FlJ6FrgqCoOsbpfVVHTA5%2FScreenshot%202024-11-26%20at%209.30.23%E2%80%AFAM.png?alt=media&amp;token=96c0fd7d-72d2-4b71-bebe-1e2d370ce4f9" alt=""><figcaption></figcaption></figure>

3- Click in **`Plugins`** and search **`Dart`** after this click **`Install`**

<figure><img src="https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McTnNLRtNdragDlAvxs%2Fuploads%2FBd97p9zRphEK7m5ta4Xr%2FScreenshot%202024-11-26%20at%209.30.45%E2%80%AFAM.png?alt=media&amp;token=5c95e0ce-69f4-480a-b0e1-ff8c2cceb7fd" alt=""><figcaption></figcaption></figure>

4- Open project:

1. Download the **zip** file from [CodeCanyon](https://codecanyon.net/item/flyweb-for-web-to-app-convertor-flutter-admin-panel-v10/26840230).
2. Extract the **zip** file from your workspace.
3. Open folder **`FlyWeb_Flutter`** , use your preferred IDE (**Android Studio / Visual Code / IntelliJ**) to open the project.
4. Go to **`/assets/cfg/configurations.json`** and edit with your configuration (You can take the config from your admin go to&#x20;

   **`http://mydomaine.com/flyweb/views/index.php?page=config`**)<br>

<figure><img src="https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McTnNLRtNdragDlAvxs%2Fuploads%2FC0IPJsW79xt7Bsija0vz%2Fflyweb_config.png?alt=media&amp;token=85bf54bb-1447-44a9-b1fe-b219c5130083" alt=""><figcaption></figcaption></figure>

5- Change your **`logo application`** for first time&#x20;

\
&#x20;       1- Open Project **Flutter\_Flyweb**

&#x20;       2- Go to folder assets/img/&#x20;

&#x20;       3- Change your logo -> **logo.png**

![](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-Mg9ysOG3tqm8NNUY64M%2F-MgA0bwAb3AM4399uJ6m%2F1%20%E2%80%93%203.png?alt=media\&token=7b778d29-bf45-4b62-ad67-f19bcc58b7bb)

6- Edit Configurations project&#x20;

&#x20;   6.1. Click **`Edit Configurations`**&#x20;

![Edit Configurations](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-Mg-W2H1zupatRIWc1OB%2F-Mg-cU5fxCo8UmNrPS7H%2FGroupe%204.png?alt=media\&token=ea13d4e9-8274-4c90-b36d-735629003d1b)

&#x20;   6.2. Config **`Flutter SDK`**&#x20;

![](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-MgA3pnpNugagE7T-tgc%2F-MgAkoUUkqYonuOjA-qH%2F1%20%E2%80%93%207.png?alt=media\&token=4d229ba5-3330-45a2-b3de-d354249e84ac)

&#x20;   6.3. Fix **`Flutter`**&#x20;

![Click in Fix for update path Flutter](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-Mg-W2H1zupatRIWc1OB%2F-Mg-cuaHZaAMw3uJjCzl%2FGroupe%208.png?alt=media\&token=978df984-9c85-44af-8aa8-99d53a0f6c34)

&#x20;   6.4.  Add Folder **`Flutter`**&#x20;

{% hint style="info" %}
NB: Should add All access to folder **`flutter`**&#x20;
{% endhint %}

![Go to Flutter SDK path ](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-Mg-W2H1zupatRIWc1OB%2F-Mg-dBQY2_zPEvfuT7nc%2FGroupe%207.png?alt=media\&token=7e671080-a4af-49af-becc-e4dc0c929267)

7- Click **`Ok`**&#x20;

8- Click **`Tools -> Flutter -> Flutter Clean`**

**or** Run in Terminal&#x20;

```
flutter clean
```

![](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-Mfq7fNDk2J92nJeilBu%2F-MfwfB7jTJLG4a9Ceamv%2F6.png?alt=media\&token=afd6ef83-ed6d-4f86-98d0-b05baa446734)

7- Click **`Tools -> Flutter -> Flutter Pub Get`**

**or** Run in Terminal&#x20;

```
flutter pub get
```

![](https://3319500722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McTnNLRtNdragDlAvxs%2F-Mfq7fNDk2J92nJeilBu%2F-MfwfRAuMI1vBMfG3kqP%2F7.png?alt=media\&token=b7e0387d-3aa9-4603-a23c-a447a830ec8d)

8- Run in your **`Mobile`** or **`Emulator`**&#x20;

9- Done