diff --git a/app/src/main/java/me/togaparty/notable_android/OnboardingActivity.kt b/app/src/main/java/me/togaparty/notable_android/OnboardingActivity.kt index 9c3fe83..07673d6 100644 --- 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 by lazy { arrayListOf().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 new file mode 100644 index 0000000..7c4de56 --- /dev/null +++ b/app/src/main/res/drawable/arrow_back.xml @@ -0,0 +1,5 @@ + + + diff --git a/app/src/main/res/drawable/capture_icon.xml b/app/src/main/res/drawable/capture_icon.xml new file mode 100644 index 0000000..06f24aa --- /dev/null +++ b/app/src/main/res/drawable/capture_icon.xml @@ -0,0 +1,5 @@ + + + diff --git a/app/src/main/res/drawable/crop_icon.xml b/app/src/main/res/drawable/crop_icon.xml new file mode 100644 index 0000000..33dd316 --- /dev/null +++ b/app/src/main/res/drawable/crop_icon.xml @@ -0,0 +1,5 @@ + + + diff --git a/app/src/main/res/drawable/ic_icons8_refresh.xml b/app/src/main/res/drawable/ic_icons8_refresh.xml new file mode 100644 index 0000000..66462b0 --- /dev/null +++ b/app/src/main/res/drawable/ic_icons8_refresh.xml @@ -0,0 +1,9 @@ + + + + diff --git a/app/src/main/res/drawable/save_image.xml b/app/src/main/res/drawable/save_image.xml new file mode 100644 index 0000000..bb1260f --- /dev/null +++ b/app/src/main/res/drawable/save_image.xml @@ -0,0 +1,5 @@ + + + diff --git a/app/src/main/res/drawable/search_icon_150.xml b/app/src/main/res/drawable/search_icon_150.xml new file mode 100644 index 0000000..25ed90e --- /dev/null +++ b/app/src/main/res/drawable/search_icon_150.xml @@ -0,0 +1,5 @@ + + + diff --git a/app/src/main/res/drawable/trash.xml b/app/src/main/res/drawable/trash.xml new file mode 100644 index 0000000..c721ccc --- /dev/null +++ b/app/src/main/res/drawable/trash.xml @@ -0,0 +1,4 @@ + + +