SDAPP LEARNING - Belajar Bahasa Inggris

SDApp Learning - Belajar Bahasa Inggris adalah media pembelajaran Bahasa Inggris yang ditargetkan kepada siswa SD kelas 1 hingga kelas 6.

Dibuat oleh Mahasiswa Semester 4 sebagai salah satu pemenuhan tugas Mata Kuliah Software Development Project, Program Studi Teknik Informatika, Sekolah Tinggi Teknik Malang Tahun 2020.

ONLINE DEMO => SDApp Web

DAFTAR ISI

Repository ini berisi source code aplikasi SDApp Learning versi Windows Form dengan ekosisten .NET Framework 4.7.1, dibangun menggunakan bahasa pemrograman Visual Basic dan dengan Software Microsoft Visual Studio 2019.

• SDAPP LEARNING - Belajar Bahasa Inggris
• DAFTAR ISI
• FITUR
• INSTALLASI
  • Panduan Untuk Pengguna
    • Prerequisite
    • Langkah - Langkah
  • Panduan Untuk Developer
    • Prerequisite
    • Langkah - Langkah
  • Penyimpanan Data Materi
• LANGUAGE
  • Visual Basic .NET 👁
  • TypeScript
• SUPPORTED PLATFORM
  • Web App
  • Windows
  • Mac OS
  • Android
  • IOS
• KONTRIBUTOR
  • Head Manager
  • Analyst
  • UI/UX Designer
  • Developer
  • Quality Assurance
• PROGRESS
• LICENSE
• CLOSING

FITUR

1. Menyediakan Materi yang dikhususkan untuk siswa kelas 1 - 6 SD
2. Offline Ready, Aplikasi ini dijalankan tanpa koneksi internet. sehingga dapat digunakan kapanpun tanpa perlu khawatir akan jaringan & koneksi.

INSTALLASI

Panduan Untuk Pengguna

Prerequisite

Aplikasi ini berjalan dengan menggunakan Windows Form, sehingga agar aplikasi dapat terinstall dan dijalankan dengan baik, diperlukan beberapa Requirement, diantaranya :

• Menggunakan sistem operasi Windows 8.0 ke atas
• Memiliki ekosistem .NET Framework minimal versi 4.7.1 yang telah terpasang pada Sistem Operasi. Apabila belum ada, silahkan download & install terlebih dahulu .NET Framework Runtime pada halaman resmi Microsoft Visual Studio

Langkah - Langkah

Setelah semua requirement terpenuhi, silahkan ikuti langkah-langkah berikut :

1. Download file SDApp.zip versi terbaru pada halaman Release
2. Extract file SDApp.zip dan jalankan file setup.exe
3. Lakukan instalasi seperti pada software biasa
4. Klik Finish dan aplikasi siap dijalankan

Panduan Untuk Developer

Prerequisite

Sebelum melakukan pengembangan terhadap aplikasi ini, terdapat beberapa requirement yang harus dipenuhi, yaitu :

• Menggunakan Sistem Operasi Windows sebagai paltform pengembangan
• Telah menginstall Microsoft Visual Studio
• Telah memiliki ekosistem .NET minimal versi 4.7.1, apabila belum, silahkan download dan install .NET Developer Pack terlebih dahulu melalui situs asli Microsoft Visual Studio SDK
• Memiliki Pengetahuan Tentang Visual Studio dan Visual Basic

Langkah - Langkah

1. Clone Repository ini dengan command line git clone https://github.com/AguzzTN54/SDApp.git , atau jika belum menginstall git, bisa juga download dan ekstrak secara manual
2. Double click pada file SDApp.sln
3. Pada Tab Solution, klik kanan pada SDApp lalu pilih properties, ganti versi .NET Framework sesuai dengan versi yang telah terinstall, jangan gunakan .NET di bawah versi 4.7.1, karena belum mendukung WebView. apabila belum ada Framework yang sesuai
4. Dalam pengembangannya aplikasi ini membutuhkan tambahan Reference, yaitu Markdig dan Webview. kedua third party terebut telah termasuk dalam berkas yang didownload, bisa ditemukan pada folder Resources/ContentReader
5. Pada Tab Solution, klik kanan pada Reference, hapus Microsoft.Toolkit.Forms.UI.Controls.WebView.dll apabila terdapat segitiga warna kuning, kemudian pilih Add Reference, dan cari berkas Markdig.dll dan Microsoft.Toolkit.Forms.UI.Controls.WebView.dll untuk ditambahkan
6. Pada Tab Toolbox, klik kanan di ruang kosong tab tersebut, pilih Choose Item, kemudian klik tombol Browse, cari Berkas Microsoft.Toolkit.Forms.UI.Controls.WebView.dll di folder Content Reader. Tunggu bebrapa saaat, Centang Webview lalu Apply.
7. Aplikasi siap dikembangkan

Penyimpanan Data Materi

Semua data materi mulai dari kelas 2 hingga kelas 6 berupa plain text yang disimpan dalam tabel Microsoft Office Access. Text Materi disimpan dalam dalam format Markdown. Ketika database mendapat request dari form, data akan diparse menjadi markup html, kemudian ditampilkan ke dalam Form melalui perantara WebView.

Interaksi antar Visual Studio dan Ms.Access dilakukan dengan tambahan runtime Microsoft Access Database Engine 2015. Runtime ini dapat diganti atau disesuiakan sesuai dengan kemampuan Developer.

LANGUAGE

Visual Basic .NET 👁

Aplikasi dibangun dengan Windows Form ekosistem .NET 4.7.2 menggunakan Softaware Visual Studio 2019.
Versi ini dapat diinstall dan dijalankan pada Sistem Operasi Windows 10.

TypeScript

Aplikasi dibangun berdasarkan konsep Progressive Web App & Trusted Web Activity menggunakan bahasa pemrograman Typescript yang berbasis Javascript dengan dukungan Library React JS dan Workbox.
Aplikasi versi Javascript berjalan melalui browser sehingga dapat dijalankan di berbagai platform dengan baik
Source Code & Demo Versi Web Aplikasi ini dapat diakses pada Repository SDApp Web App

SUPPORTED PLATFORM

Berdasarkan Issue "Alternaif untuk platform selain Windows #11" Tim Developer merasa tertantang dan juga membangun aplikasi SDApp Learning yang dapat dijalankan dari berbagai platform. sehingga pengguna dapat merasakan pengalaman yang sama meskipun memiliki perbedaan operating sistem. Package Aplikasi untuk platform selain Windows dapat ditemukan pada halaman Release atau dapat dilihat di bawah ini

Web App

Aplikasi dibangun menggunakan Bahasa Pemrograman Typescript kemudian dideploy ke Heroku untuk Back End dan Google Firebase Hosting untuk Front End. Meskipun merupakan berbasis web, Aplikasi ini tetap dapat dijalankan meskipun dalam keadaan offline. ini dapat terjadi atas dukungan dari library Workbox

Keunggulan dari Web Application ini, adalah dapat diakses dari berbagai platform tanpa perlu susah susah mendonwload & meginstall file installer yang cukup besar. Web App ini juga telah menerapkan konsep Progressive Web App sehingga dapat ditambahkan ke homescreen dan bersifat layaknya Aplikasi Native lainnya, baik pada Android, Windows, maupun IOS. Web Application ini dapat diakses melalui :
https://sdapp-learning.web.app

Windows

Untuk menginstall package yang dibangun dengan ekosistem .NET, sistem operasi harus memiliki .NET Framework Runtime, apabila tidak, maka aplikasi tidak dapat berjalan. Untuk itu developer hendak mengatasi masalah tersebut dengan membangun versi alternatif yang lebih mudah untuk diinstall, diantaranya :

1. VB.NET Version, Merupakan Aplikasi utama, dibangun dengan Windows Form menggunakan Visual Studio 2019 dengan ekosistem .NET 4.7.2.
   SDApp Learning - VB.NET - 35.9 MB
2. TWA Version, Merupakan pengembangan dari Versi Web App yang telah dibundle menjadi satu installer. Versi ini berjalan dengan cara "Numpang" pada aplikasi browser, khususnya Chrome, sehingga size dari versi ini terbilang sangatlah kecil. namun harus online saat pertama kali aplikasi dibuka, namun proses installasi cukup rumit
   SDApp Learning - Appx Bundle - 20 KB
3. Universal Installer, Memiliki file size yang cukup besar. 100% offline sejak pertama kali diinstall. Mudah untuk diinstall. Tidak bergantung pada aplikasi lain. Dibangun menggunakan Library Electron
   SDApp Learning.msi - 64.2 MB
   SDApp Learning.exe - 64.2 MB

Mac OS

Untuk Saat ini hanya tersedia versi App bundle nya saja. Ini merupakan pengembangan dari versi Web App. berjalan di atas browser berbasis Chrome, memiliki file size yang sangat kecil, namun harus online saat pertama kali dijalankan, serta langkah instalasi yang rumit.
SDApp Learning_TWA - Mac OS - 707 KB

Android

Developer juga menyadari bahwa tingkat penggunaan mobile device bagi anak anak usia SD lebih tinggi dibanding penggunaan Desktop Device. Selain itu Mobile device dirasa lebih praktis digunakan dimana saja. Terdapat 2 versi aplikasi yang dibangun oleh developer, yaitu versi TWA / Custom Tab dan Native. keduanya bisa didapatkan melalui link berikut :

1. TWA Version
   Versi TWA, merupakan hasil dari pengembangan SDApp Progressive Web App yang kemudian dibundle menjadi satu package yang dapat diinstall layaknya aplikasi Native lainnya. Versi TWA berjalan di atas browser Chrome, sehingga apabila Chrome tidak terinstall atau masih versi lawas, Versi TWA ini tidak akan berjalan dengan baik. Untuk mendownload versi ini, dapat melalui link berikut :
   SDApp - Learning_TWA.apk - 3.1 MB
2. Native Version
   Dibangun Secara Native, berdiri sendiri, tidak terpengaruh aplikasi lain untuk dijalankan, support Android 6.0 ( Marsmallow ) ke Atas, Versi Native dapat didownload melalui link Berikut :
   SDApp Learning.apk Comming Soon

IOS

Aplikasi IOS dan Android ( Native ), memiliki satu source code yang sama, hanya saja menjalani proses Production yang berbeda. Aplikasi untuk IOS dapat didownload melalui link berikut :
SDApp Learning.ipa Comming Soon

KONTRIBUTOR

Aplikasi dibagun bersama Tim yang berjumlah 22 Mahasiswa dari kelas TI Semester 4 Tahun 2020 dengan rincian sebagai berikut :

Head Manager

1. Iksanul Karim

Analyst

1. Wildan ( Head )
2. Alvarisqi N
3. Andini
4. Arga
5. Bayu Laksana Aji
6. Indhika
7. Miranda D. A.
8. Reynaldi
10. Veren

UI/UX Designer

1. Haikal ( Head )
2. Faris
3. Abdulloh M. A.
4. Sila

Developer

1. Agustinus Y. ( Head )
2. Dimas E.
3. M. Nabiel
4. Venda

Quality Assurance

1. Aan Krisdianto
2. Diaztin
3. Yuri Ken

PROGRESS

Date	Do
13 April 2020	Menyusun TIM
20 April 2020	Menentukan Logo Tim
11 May 2020	Merancang Proyek
14 Juni 2020	Merancang Desain Aplikasi
7 Juli 2020	Tahap Development ( VB.NET )
21 Juli 2020	Tahap Development ( PWA/TWA )
28 Juli 2020	Tahap Development ( Windows/Mac )
10 Agustus 2020	Tahap Production
----	Quality Assurance
----	Release Aplikasi

LICENSE

GPL-3.0

CLOSING

Demikian Sedikit Penjelasan mengenai Aplikasi SDApp Learning - Belajar Bahasa Inggris , Semoga dapat bermanfaat bagi pembaca atau siapapun yang terlibat, baik secara praktis maupun teoritis. Kami menyadari waktu pengerjaan aplikasi ini cukup singkat dan hasilnya jauh dari kata sempurna, untuk itu kami sangat mengharap kritik dan saran yang membangun sebagai bahan evaluasi kami dalam pengembangan project selanjutnya.

Selain kritik dan saran pembaca/pengguna dapat juga melakukan submit issue ketika menemukan masalah pada aplikasi ini pada Halaman Submit Issue ini.

Akhir Kata kami Ucapkan Terimakasih