Cara Instalasi AL - QUR'AN DIGITAL dengan Vue JS - Alhikmah.My.Id
Apa Itu Vue JS?
"Vue.js - Kerangka Kerja JavaScript nan Progresif. Serba Guna - Awdev "
Vue JS merupakan framework JavaScript yang biasa digunakan developer untuk membuat UI dan single-page application (SPA). Vue JS ini lebih dikenal dengan sebutan Vue saja dan cara pengucapannya seperti membaca kata view (/vju:/).1. Framework yang diciptakan oleh developer Google, Evan You pada 2013 lalu ini dirancang dari dasar sekali agar dapat diimplementasikan secara bertahap. Intinya pustaka hanya difokuskan pada layar tampilan saja sehingga sangat mudah untuk diintegrasikan dengan pustaka atau projek yang lain. Selain itu, Vue juga mendukung SPA yang canggih saat dipadukan dengan tools modern dan dukungan pustaka. Kelebihan Vue JS adalah memiliki fitur utama lebih fokus pada rendering dan komposisi komponen, serta lebih ringan dibanding framework lainnya.
Vue JS Tutorial
Ada beberapa tools yang harus kamu persiapkan untuk belajar Vue JS, di antaranya:
Teks Editor
Nodejs dan NPM
Vue CLI
Web Browser
Bagi kamu yang baru pertama kali belajar, disarankan menggunakan teks editor atau web browser saja untuk bisa memahami konsep dasar Vue JS dulu. Setelah itu baru kamu bisa mencoba tools Nodejs dan Vue CLI untuk membuat aplikasi yang kompleks.
Cara Intalasi AL- QUR'AN DIGITAL
1. Pengertian Al-Qur'an Digital
Perkembangan ilmu pengetahuan teknologi yang semakin pesat menjadikan Android sebagai generasi baru platform mobile yang menarik untuk dikembangkan. Beragam aplikasi free content diciptakan untuk memenuhi kebutuhan sekaligus sebagai daya tarik bagi para pengguna Android. Fitur-fitur baru pun mulai dirilis, diantaranya adalah fitur voice recognition.
Situasi masyarakat yang semakin sibuk dan kurangnya pengetahuan tata cara dalam membaca Al Qur’an maupun dalam memahami makna dari Al Qur’an serta kurang efisiennya pencarian terjemahan secara manual.
Dengan memanfaatkan teknologi yang sedang berkembang serta sebagai solusi dari masalah tersebut adalah merancang aplikasi Al Qur’an menggunakan voice recognition sebagai media pencarian terjemahan Al Qur’an berbasis Android. Pemanfaatan fitur voice recognition mampu mengubah input suara menjadi output berupa penulisan text.
Aplikasi ini menyediakan layanan ayat Al Qur’an 30 juz beserta terjemahan dalam bahasa Indonesia, fitur voice recognition yang berfungsi untuk mencari kata dalam terjemahan Al Qur’an, serta layanan tajwid sebagai pengetahuan tata cara dalam membaca Al-Qur'an.
2. Sumber Referensi Instalasi
"Instalasi repo github - Awdev - qur'an digital"
Sumber Referensi Instalasi github dari Projects Yang Pernah Saya Buat Silahkan Anda Lihat di sini ( https://github.com/wahyu9kdl/quran-digital )
jika Anda membukanya Maka Anda akan mengetahuinya dan Anda dapat menjalankannya.
Lihat Score nya di github :
1. Lihat Repo Github
( Sumber : https://github.com/wahyu9kdl/quran-digital )
[caption id="" align="alignnone" width="720"]

2. Lihat hasil Instalasi :
( Sumber : https://alquran-alhikmah.netlify.app/surah/1 )
( Sumber : https://alquran-alhikmah.netlify.app/surah/1 )
Dari Situ Anda Akan Menemukan Hal - hal yang bisa Anda gunakan untuk Membuat Al-Qur'an Digital dan Sebaiknya Anda Baca Keterangannya berikut ini ;
README.md - ©️ Awdev - Free Oppen Score . Dari Project Github tersebut Berikut ini Keterangannya :
القرآن
qur'an digital
Live Acces Modul Aplication AL QUR'AN DIGITAL Original Design AWDEV - @wahyu9kdl
HOME
https://alquran-alhikmah.netlify.app/
🎨 Created ALHIKMAH.MY.ID - Deploy on Netlify - 💡 Creator Desaign AWDEV
♥️ Support me
القرآن الكريم
Surah 1 Al-Fatihah ( الفاتحة )
Pembukaan, 7 ayat
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ
Al-Quran dan Terjemahan
Al-Quran dengan Terjemahan Indonesia dibangun dengan Vue Quasar Framework
Sumber data
Aplikasi ini menggunakan data quran dari quran.com-api . Terima kasih untuk karya-karya hebat ini. Baarakallahu fiihum.
Install
Jika Anda ingin menjalankan proyek ini ke server pengembangan Anda sendiri dan mungkin membuat perubahan apa pun, Anda dapat melakukannya dengan mengikuti langkah-langkah di bawah ini. Dan harap dicatat, gunakan proyek ini untuk membantu orang sebagai proyek kemanusiaan (JANGAN TERMASUK IKLAN APAPUN KE APLIKASI).
Disebutkan juga oleh pengembang Quran.com, dia memberi tahu saya di Quran.com Discord Server bahwa kami dapat menggunakan data (terutama ketika saya meminta gambar quran & audio quran) hanya jika aplikasinya gratis (tidak ada iklan, tidak ada biaya, dll).
jika aplikasi Anda bukan untuk uang (tidak ada iklan, dll) dan menghormati firman Allah maka👍
Tentang gambar quran dari android.quran.com
Anda hanya dapat menggunakan gambar ponsel quran jika lagi gratis tanpa biaya aplikasi dll.
Garpu/unduh proyek ini
Masuk ke direktori proyek melalui CMD/Terminal
Lari:npm install
Jalankan: npm run devuntuk pengembangan (secara otomatis akan membuka browser)
Jalankan: npm run builduntuk produksi
Menikmati!
GITHUB
Untuk Bisa Membuat Projects ini Anda Harus instal dan Cloning Git Repository
Caranya Dengan menggunakan Github .
Gunakan Cara- cara berikut ini :
HTTPS
https://github.com/wahyu9kdl/quran-digital.git
SSH
git@github.com:wahyu9kdl/quran-digital.git
GITHUB CLI
gh repo clone wahyu9kdl/quran-digital
Pengaturan proyek
npm install
Kompilasi dan hot-reload untuk pengembangan
npm run serve
Kompilasi dan perkecil untuk produksi
npm run build
Lints dan memperbaiki file
npm run lint
Sesuaikan konfigurasi
Lihat Referensi Konfigurasi .
✅Sebarkan Pratinjau untuk alquran-alhikmah siap!
NameLink
🔨 Latest commit
9e7add99f0a951d37b9fa1e46b38b39ccb8cc1e1
🔍 Latest deploy log
https://app.netlify.com/sites/alquran-alhikmah/deploys/624530e7f9d88000086c87c7
😎 Deploy Preview
https://deploy-preview-3--alquran-alhikmah.netlify.app
📱 Preview on mobileToggle QR Code...
Untuk mengedit komentar pemberitahuan pada permintaan tarik, buka pengaturan situs Netlify Anda .
Nah , Begitulah Cara Anda Dapat Membuat Al-qur'an Digital . Semoga Referensi ini dapat Bermanfaat bagi kita Semua.
Salam ,
Cara Instalasi AL - QUR'AN DIGITAL dengan Vue JS - Alhikmah.My.Id
© Vue - ALHIKMAH.MY.ID
Source: https://www.alhikmah.my.id/2022/04/vue.html
TAG :
#ALHIKMAH
#WEBSITE
#IMAGE
#ISLAMI
#AWDEV
SCORE :
https://www.alhikmah.my.id/
PULICATION :
ALHIKMAH.MY.ID,ALHIKMAH.EU.ORG,AWDEV.EU.ORG,WEB.ALHIMAH.EU.ORG,DEVOLOPER.ADEV.EU.ORG,WAHYU9KDL.GITHUB.IO
Connect with me:
Admin
© ALHIKMAH.MY.ID
Source: https://www.alhikmah.my.id/