Cara Instalasi AL - QUR'AN DIGITAL dengan Vue JS - Alhikmah.My.Id

  


Al-Quran dan Terjemahan
qur'an digital

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"]


ALHIKMAH.MY.ID-qur'an-digital  qur'an-digital ( Sumber : https://github.com/wahyu9kdl/quran-digital )[/caption]

 

2. Lihat hasil Instalasi :



( Sumber : https://alquran-alhikmah.netlify.app/surah/1 )

Alhikmah.my.id-qur'an-digital

 

( 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:

san3 wahyu9kdl awfanspage https://www.linkedin.com/in/ahmad-wahyudi-41b6841b6 awgroupchannel awfanspage wahyu9kdl wahyu9kdl aw youtube channel http://feedproxy.google.com/~r/blogspot/ghpgr/~3/vyr1fhc7dbi/informasi-cara-mendapatkan-ribuan.html  Logo Logo Logo ALHIKMAH.MY.ID


Admin

AL HIKMAH

Follow My Blog

DMCA.com Protection Status

© ALHIKMAH.MY.ID
Source: https://www.alhikmah.my.id/

 

 

 

 

Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Cara Instalasi AL - QUR'AN DIGITAL dengan Vue JS - Alhikmah.My.Id"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel