tried adding more pages to the onboarding tutorial

Toga-Party · Mar 16, 2021 · 5b76a37 · 5b76a37
1 parent 8aece63
commit 5b76a37
Show file tree

Hide file tree

Showing 8 changed files with 90 additions and 6 deletions.
diff --git a/app/src/main/java/me/togaparty/notable_android/OnboardingActivity.kt b/app/src/main/java/me/togaparty/notable_android/OnboardingActivity.kt
@@ -38,24 +38,70 @@ class OnboardingActivity : AppCompatActivity() {
 	private val data: ArrayList<PaperOnboardingPage> by lazy {
 
 		arrayListOf<PaperOnboardingPage>().apply {
+
 			add(
 				PaperOnboardingPage(
-				"Glossary", "Search the glossary for common terms and familiarize yourself with the fundamentals of music theory",
-				Color.parseColor("#ffffff"), R.drawable.book_icon_150, R.drawable.search_icon
+				"Scan", "This section contains the following features: Capture Image, Retake Image, Crop, and Save Image.",
+				Color.parseColor("#ffffff"), R.drawable.camera_icon_150, R.drawable.image_icon
 			)
 			)
+
 			add(
-				PaperOnboardingPage(
-				"Scan", "Supports image cropping and rotation adjustments after capture of the music sheet; resulting image can then be saved into the app's gallery",
-				Color.parseColor("#ffffff"), R.drawable.camera_icon_150, R.drawable.image_icon
+					PaperOnboardingPage(
+							"Capture Image", "An image of a music sheet must first be captured.",
+							Color.parseColor("#ffe573"), R.drawable.capture_icon, R.drawable.capture_icon
+					)
 			)
+			add(
+					PaperOnboardingPage(
+							"Retake Image", "If not satisfied with the initial captured image, the user can opt to retake the image.",
+							Color.parseColor("#ffe573"), R.drawable.arrow_back, R.drawable.arrow_back
+					)
+			)
+			add(
+					PaperOnboardingPage(
+							"Crop", "After capture of image, the user would be given the chance to crop, rotate or scale the photo.",
+							Color.parseColor("#ffe573"), R.drawable.crop_icon, R.drawable.crop_icon
+					)
 			)
+			add(
+					PaperOnboardingPage(
+							"Save Image", "If the user is satisfied with the image, they can now save it to the gallery.",
+							Color.parseColor("#ffe573"), R.drawable.save_image, R.drawable.save_image
+					)
+			)
+
 			add(
 				PaperOnboardingPage(
-				"Gallery", "Gives you the ability to process digital music sheets. Processed music sheets can then be inspected to provide an instant look-up of scanned symbols and access to the playback of a fully generated melody",
+				"Gallery", "This section contains: Delete Image, Process Image, and Inspect Music.",
 				Color.parseColor("#ffffff"), R.drawable.files_icon_150, R.drawable.file_icon
 			)
 			)
+			add(
+					PaperOnboardingPage(
+							"Delete Image", "The user has the option to delete an image.",
+							Color.parseColor("#ffe573"), R.drawable.trash, R.drawable.trash
+					)
+			)
+			add(
+					PaperOnboardingPage(
+							"Process Image", "The music sheet must be first processed before they can be inspected.",
+							Color.parseColor("#ffe573"), R.drawable.ic_icons8_refresh, R.drawable.ic_icons8_refresh
+					)
+			)
+			add(
+					PaperOnboardingPage(
+							"Inspect Music", "After processing the music sheet, the inspect music button will then appear. " +
+							"Clicking the inspect button will redirect the users to a page where an instant look-up of scanned symbols are shown and playback of a fully generated melody are accessible.",
+							Color.parseColor("#ffe573"), R.drawable.search_icon_150, R.drawable.search_icon_150
+					)
+			)
+			add(
+					PaperOnboardingPage(
+							"Glossary", "The user can search the glossary for common terms and familiarize themselves with the fundamentals of music theory",
+							Color.parseColor("#ffffff"), R.drawable.book_icon_150, R.drawable.search_icon
+					)
+			)
 		}
 	}
 	companion object {

diff --git a/app/src/main/res/drawable/arrow_back.xml b/app/src/main/res/drawable/arrow_back.xml
@@ -0,0 +1,5 @@
+<vector android:autoMirrored="true" android:height="150dp"
+    android:tint="?attr/colorControlNormal" android:viewportHeight="24"
+    android:viewportWidth="24" android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/black" android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
+</vector>
diff --git a/app/src/main/res/drawable/capture_icon.xml b/app/src/main/res/drawable/capture_icon.xml
@@ -0,0 +1,5 @@
+<vector android:height="150dp" android:tint="?attr/colorControlNormal"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/black" android:pathData="M9.4,10.5l4.77,-8.26C13.47,2.09 12.75,2 12,2c-2.4,0 -4.6,0.85 -6.32,2.25l3.66,6.35 0.06,-0.1zM21.54,9c-0.92,-2.92 -3.15,-5.26 -6,-6.34L11.88,9h9.66zM21.8,10h-7.49l0.29,0.5 4.76,8.25C21,16.97 22,14.61 22,12c0,-0.69 -0.07,-1.35 -0.2,-2zM8.54,12l-3.9,-6.75C3.01,7.03 2,9.39 2,12c0,0.69 0.07,1.35 0.2,2h7.49l-1.15,-2zM2.46,15c0.92,2.92 3.15,5.26 6,6.34L12.12,15L2.46,15zM13.73,15l-3.9,6.76c0.7,0.15 1.42,0.24 2.17,0.24 2.4,0 4.6,-0.85 6.32,-2.25l-3.66,-6.35 -0.93,1.6z"/>
+</vector>
diff --git a/app/src/main/res/drawable/crop_icon.xml b/app/src/main/res/drawable/crop_icon.xml
@@ -0,0 +1,5 @@
+<vector android:height="150dp" android:tint="?attr/colorControlNormal"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/black" android:pathData="M17,15h2V7c0,-1.1 -0.9,-2 -2,-2H9v2h8v8zM7,17V1H5v4H1v2h4v10c0,1.1 0.9,2 2,2h10v4h2v-4h4v-2H7z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_icons8_refresh.xml b/app/src/main/res/drawable/ic_icons8_refresh.xml
@@ -0,0 +1,9 @@
+<vector android:height="150dp" android:viewportHeight="32"
+    android:viewportWidth="32" android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#00000000"
+        android:pathData="M25.7,10.9C23.9,7.4 20.2,5 16,5c-4.7,0 -8.6,2.9 -10.2,7M6.2,21c1.8,3.5 5.5,6 9.8,6 4.7,0 8.6,-2.9 10.2,-7"
+        android:strokeColor="#000000" android:strokeWidth="2"/>
+    <path android:fillColor="#00000000"
+        android:pathData="M26,5L26,11 20,11M6,27L6,21 12,21"
+        android:strokeColor="#000000" android:strokeWidth="2"/>
+</vector>
diff --git a/app/src/main/res/drawable/save_image.xml b/app/src/main/res/drawable/save_image.xml
@@ -0,0 +1,5 @@
+<vector android:height="150dp" android:tint="?attr/colorControlNormal"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/black" android:pathData="M19,12v7L5,19v-7L3,12v7c0,1.1 0.9,2 2,2h14c1.1,0 2,-0.9 2,-2v-7h-2zM13,12.67l2.59,-2.58L17,11.5l-5,5 -5,-5 1.41,-1.41L11,12.67L11,3h2z"/>
+</vector>
diff --git a/app/src/main/res/drawable/search_icon_150.xml b/app/src/main/res/drawable/search_icon_150.xml
@@ -0,0 +1,5 @@
+<vector android:height="150dp" android:tint="?attr/colorControlNormal"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/black" android:pathData="M15.5,14h-0.79l-0.28,-0.27C15.41,12.59 16,11.11 16,9.5 16,5.91 13.09,3 9.5,3S3,5.91 3,9.5 5.91,16 9.5,16c1.61,0 3.09,-0.59 4.23,-1.57l0.27,0.28v0.79l5,4.99L20.49,19l-4.99,-5zM9.5,14C7.01,14 5,11.99 5,9.5S7.01,5 9.5,5 14,7.01 14,9.5 11.99,14 9.5,14z"/>
+</vector>
diff --git a/app/src/main/res/drawable/trash.xml b/app/src/main/res/drawable/trash.xml
@@ -0,0 +1,4 @@
+<vector android:height="150dp" android:viewportHeight="26"
+    android:viewportWidth="26" android:width="150dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#000000" android:pathData="M11,-0.0313C10.1641,-0.0313 9.3438,0.1328 8.75,0.7188C8.1563,1.3047 7.9688,2.1367 7.9688,3L4,3C3.4492,3 3,3.4492 3,4L2,4L2,6L24,6L24,4L23,4C23,3.4492 22.5508,3 22,3L18.0313,3C18.0313,2.1367 17.8438,1.3047 17.25,0.7188C16.6563,0.1328 15.8359,-0.0313 15,-0.0313ZM11,2.0313L15,2.0313C15.5469,2.0313 15.7188,2.1602 15.7813,2.2188C15.8438,2.2773 15.9688,2.4414 15.9688,3L10.0313,3C10.0313,2.4414 10.1563,2.2773 10.2188,2.2188C10.2813,2.1602 10.4531,2.0313 11,2.0313ZM4,7L4,23C4,24.6523 5.3477,26 7,26L19,26C20.6523,26 22,24.6523 22,23L22,7ZM8,10L10,10L10,22L8,22ZM12,10L14,10L14,22L12,22ZM16,10L18,10L18,22L16,22Z"/>
+</vector>