[Mobile] User Interface / User Experience

[salimtirit]

Issue

For the final milestone, we need to report our mobile app's user interface/ user experience. For each user interface design, we need to provide links to the code in the project repository. We need to put screenshots of all implemented mobile interfaces. We will use this issue to collect all of them.

Task(s)

• [x] Take screenshots of every page on the mobile page
• [x] Provide links to the code in the project repository.
• [x] Cross-check

Deliverable(s)

• Screenshots and links

Acceptance Criteria

• Complete documentation of every screen.

Deadline of the issue

02.01.2023 @08:00

Reviewer

None

Deadline for Review

No response

[salimtirit]

App Starting Page

• Classes

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/intro/intro.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/main.dart

Login Page

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/user/login.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/user/login.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/user_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/persistence_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/login/login.dart

Register Page

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/user/register.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/user/register.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/user_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/persistence_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/login/registration.dart

Home Page

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.g.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/user/user.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/user/user.g.dart

• Resources https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/resources/constants.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/resources/text_styles.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/resources/custom_colors.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/navigator_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/course_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/persistence_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/appbar.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/course_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/homepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/search_bar.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/profile_picture.dart

Search Learning Space

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/course_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/search_bar.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/homepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/home/appbar.dart

Learning Space Join

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/course_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart

Topics

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/course/course.g.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/course_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/topic_tile.dart

Create Topic

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/topic/create_topic.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/topic_tile.dart

Delete Topic (Tap and Hold To Topic Tile)

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/course_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/topic_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/topic/long_press_dialog.dart

Resources (Inside Topic)

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.g.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/topicpage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/resource_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/add_button.dart

Create New Resource

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/topic/topic.g.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/add_resource_page.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/markdown_input.dart

Resource Page

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/edit_button.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/edit_resource_page.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/resourcepage.dart

Press and Hold On Resource Tile Options Menu

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.g.dart

• Services

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/long_press_dialog.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/resource_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/topicpage.dart

Delete Resource

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/long_press_dialog.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/resource_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/topicpage.dart

Edit Resource

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/resource/resource.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/edit_button.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/edit_resource_page.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/resourcepage.dart

Create New Note (From Resource)

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/note/note.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/note/note.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/note_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/content_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/resource/resourcepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/note/create_note_page.dart

Events

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/event/event.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/event/event.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/event_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart

Create a New Event

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/event/event.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/event/event.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/event_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/event/create_event.dart

Event View

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/event/event.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/event/event.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/event_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/event/event_view.dart

[salimtirit]

Discussions

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/discussion_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/discussion_view.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/comment_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/markdown_input.dart

Add Discussion

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/discussion_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/discussion_view.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/create_discussion.dart

View Comments

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/comment.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/comment.g.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/discussion_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/discussion_view.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/comment_tile.dart

Add Comment

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/discussion.g.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/comment.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/discussion/comment.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/discussion_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/locator.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/discussion_view.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/discussion/comment_tile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/markdown_input.dart

[salimtirit]

Profile About

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/profile_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/navigator_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/profile_picture.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/dashboard_view.dart

Profile Joined Spaces

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/profile_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/navigator_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/profile_picture.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/dashboard_view.dart

Profile Created Spaces

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/profile_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/navigator_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/profile_picture.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/dashboard_view.dart

Edit Profile

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/profile/profile.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/profile_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/navigator_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/profile/profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/profile/edit_profile.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/profile_picture.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/dashboard_view.dart

[salimtirit]

Error Page

• Classes
• Services
• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/topic/topicpage.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/course/coursepage.dart

[salimtirit]

Feed

• Classes https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/feed/activity.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/classes/feed/activity.g.dart

• Services https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/feed_service.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/services/navigator_service.dart

• View https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/feed/feed.dart https://github.com/bounswe/bounswe2022group3/blob/master/app/mobile/lib/view/widgets/profile_picture.dart