-
Notifications
You must be signed in to change notification settings - Fork 112
Mobile Screenshots
Nishant Andoriya edited this page Sep 11, 2022
·
4 revisions
- When the mobile application is run for the first time on a device, you have to provide the URL of the backend instance that it should connect to.
- By default, the Flask backend runs on
port 5000
on the system. To connect to it through a mobile device on thesame network
, you have to find your IP Address to build the URL - Let's say if the user's IP Address is
154.123.0.1
, then the URL would behttp://154.123.0.1:5000/
![](https://user-images.githubusercontent.com/45410599/125153795-d969a480-e173-11eb-9080-69022ce49a49.jpg)
- Setting up the backend URL redirects you to the Home Screen where you can then either log in to an existing account or create a new one
- Authentication includes options such as email-password, Google and GitHub
![](https://user-images.githubusercontent.com/45410599/125154109-03bc6180-e176-11eb-9f1e-f3840b78d5f5.jpg)
![](https://user-images.githubusercontent.com/45410599/125154103-fdc68080-e175-11eb-8256-20d4c6c2f76d.jpg)
![](https://user-images.githubusercontent.com/45410599/125154107-015a0780-e176-11eb-970d-aaff96d1cfaa.jpg)
- Once logged in, you can view all your existing projects, and also create new ones with the
Add Project
button - After providing a name and description, the project will be created for you.
![](https://user-images.githubusercontent.com/45410599/125154465-cbb61e00-e177-11eb-9650-4a03150204b8.jpg)
![](https://user-images.githubusercontent.com/45410599/125154467-ce187800-e177-11eb-9378-11de92da7782.jpg)
![](https://user-images.githubusercontent.com/45410599/125154468-cf49a500-e177-11eb-8888-8afcf3fc6c01.jpg)
- You can view the current project members in Project Details Screen and also add new ones by using the
Add Project Member
button - While adding a new project member, you have to provide the team and role it must have
![](https://user-images.githubusercontent.com/45410599/125154910-22bcf280-e17a-11eb-9897-abe5d5468369.jpg)
![](https://user-images.githubusercontent.com/45410599/125154921-336d6880-e17a-11eb-8939-4eb147ac16ca.jpg)
![](https://user-images.githubusercontent.com/45410599/125154915-2ea8b480-e17a-11eb-8ffc-eb04e04d5c93.jpg)
- Using the
Upload
button, you can upload one or more images to the project - You can also edit the image before saving it to the project (
Cropping
orResizing
)
![](https://user-images.githubusercontent.com/45410599/125154945-50a23700-e17a-11eb-96b7-5c5197a9dc1f.jpg)
![](https://user-images.githubusercontent.com/45410599/125155012-b393ce00-e17a-11eb-8c9f-2c4e6707e0c0.jpg)
![](https://user-images.githubusercontent.com/45410599/125154994-9f4fd100-e17a-11eb-95aa-8b86367614f6.jpg)
- The uploaded images can then be labeled with custom-made labels
- Images with the same labels can then be used to track an object with the path tracking feature
![](https://github.com/scorelab/LabelLab/raw/master/labellab_mobile/screenshots/label_image/ss_2.png)
![](https://github.com/scorelab/LabelLab/raw/master/labellab_mobile/screenshots/label_image/ss_3.png)
![](https://github.com/scorelab/LabelLab/raw/master/labellab_mobile/screenshots/image_path/ss_2.png)
- Using the
Add Label
button, you can create labels to be used in the project - By pressing and holding down on a label. you can also edit it
![](https://user-images.githubusercontent.com/45410599/125155201-df638380-e17b-11eb-8873-be864b4eb344.jpg)
![](https://user-images.githubusercontent.com/45410599/125155202-dffc1a00-e17b-11eb-8bde-2d3809f57acf.jpg)
![](https://user-images.githubusercontent.com/45410599/125155204-e12d4700-e17b-11eb-9a3a-f011642fa484.jpg)
- Using the
Add Model
button, you can create models and also edit them afterward - Clicking on a model will take you to the Training screen where you can customize and then train it
![](https://user-images.githubusercontent.com/45410599/125155368-eccd3d80-e17c-11eb-86ac-1f59132b27c4.jpg)
![](https://user-images.githubusercontent.com/45410599/125155370-f191f180-e17c-11eb-938d-9889761ac259.jpg)
![](https://user-images.githubusercontent.com/45410599/125155373-f2c31e80-e17c-11eb-9566-cb7a1b43529a.jpg)
- You can view all teams in a Project and also create new ones, edit and delete them
- Each team has its own role and project members can be added to / removed from it
![](https://user-images.githubusercontent.com/45410599/122702581-525c9700-d26d-11eb-8a03-a5b755ab1855.jpg)
![](https://user-images.githubusercontent.com/45410599/125155618-c01a2580-e17e-11eb-9e64-ab0dc9e515f1.jpg)
![](https://user-images.githubusercontent.com/45410599/122704002-5ccc6000-d270-11eb-88cc-4d8cfc820c72.jpg)
- Inside every team, there is a chatroom in which all the team members can discuss the assigned tasks and progress of the project
![](https://user-images.githubusercontent.com/45410599/125155475-d4115780-e17d-11eb-8a90-6a188741e2c4.gif)
- You can view all the activity and progress in a project by clicking the
More
button in the Project Activity section - These activity logs can then be filtered to view
category-specific
member-specific
team-specific
andentity-specific
activity
![](https://user-images.githubusercontent.com/45410599/125154468-cf49a500-e177-11eb-8888-8afcf3fc6c01.jpg)
![](https://user-images.githubusercontent.com/45410599/125155702-50586a80-e17f-11eb-8983-34845e7eee64.jpg)
![](https://user-images.githubusercontent.com/45410599/125155701-4fbfd400-e17f-11eb-8cbd-b911ced385d1.jpg)
- Project members can create issues within a project. A list of all such issues can be viewed in the
Project Issues
section inside a project. - After providing a name, description, and category, the issue will be created for you.
- Issue details of a particular issue can be viewed and edited.
![](https://user-images.githubusercontent.com/56160262/189531716-3f9bbc68-2442-4d4b-a303-1e9c767a1d07.gif)
![](https://user-images.githubusercontent.com/56160262/189531181-e03028ed-074b-40a3-8aee-a023d82fc33e.gif)
![](https://user-images.githubusercontent.com/56160262/189531542-0f670ad5-02f8-451f-975e-da92ce0d374c.gif)
- To improve collaboration, each issue is associated with a comment section where the project members can discuss upon the issue.
![](https://user-images.githubusercontent.com/56160262/189530603-28ffe42e-b73d-4f7c-bf07-561967460d98.gif)
- Home
- Backend Documentation
- Frontend Documentation
- Mobile Documentation
- GSoC Project Reports
- Other