MiSide-Desktop-Main-Menu

Project Javascript Electron - MiSide Desktop Main Menu

Proyek ini dibuat menggunakan bahasa javascript dan menggunakan framework electron. Electron memungkinkan browser window jalan di lingkungan desktop yang disebut sebagai chromium. Proyek ini dapat langsung dibuild dan dijalankan menjadi sebuah file exe (Aplikasi Desktop).

Guide

Sebagai Pengguna

Ekstrak folder zip Miside Desktop Main Menu.zip ke folder manapun. Lalu jalankan Miside Desktop Main Menu.exe untuk menjalankan aplikasi.

Setup aplikasi selesai.

Sebagai Developer

Clone source code github, lalu masuk ke proyeknya, buka terminal jalankan npm install untuk mengunduh depedensi. Setelah menginstal depedensi, jalankan npm run build untuk melakukan build (Pastikan menggunakan hak administrator).

Sebagai developer kamu dapat mengaksesnya lewat aplikasinya melalui folder dist yang sudah dilakukan build. Atau kamu dapat langsung menjalankan program ini dengan npm start di terminal. Jika kamu menjalankan program menggunakan npm start, ada dua variabel pengambilan data json pada file main.js Ada untuk pengembangan dan build. Pakailah variabel yang menggunakan pengembangan.

Setup aplikasi selesai.

Masalah

Ketika aplikasi pertama kali dijalankan, menu aplikasi, dan music akan kosong ketika dibuka, oleh karena itu pengguna harus mengisi datanya di menu SETTINGS.

Aturan Pengisian Data

Masuk ke menu SETTINGS lalu extend menu CONFIGURATION.

1. Menu Application: Pengguna harus menyediakan sebuah folder yang berisikan shortcut aplikasi dengan ekstensi .url, .lnk, dan .exe. Selain itu maka tidak akan terbaca. Klik CHANGE APPS FOLDER pada menu CONFIGURATION kemudian pilih foldernya, wallpaper akan dimuat ulang dan menu APPLICATION sekarang berisikan daftar aplikasi dari folder tersebut.

2. Menu Musics: Pengguna harus menyediakan sebuah folder yang berisikan file dengan ekstensi .mp3, .ogg, dan .m4a. Selain itu maka tidak akan terbaca. Klik CHANGE MUSICS FOLDER pada menu CONFIGURATION kemudian pilih foldernya, wallpaper akan dimuat ulang dan menu MUSICS sekarang berisikan daftar musik dari folder tersebut.

3. Menu Browser Shortcut: Pengguna dapat menambahkan shortcut url ke web tertentu. Jika ingin menambahkan shortcut pastikan membuatnya dengan format seperti berikut. { "name": "nama shortcut", "link": "link urlnya" }.

Kombinasi Key

Ctrl+F = Memfokuskan kembali menu. Ctrl+R = Mereload kembali menu. Alt+Tab = Untuk dapat mengakses taskbar kembali. Alt+D = Membuka menu developer.

Menu Developer

Gunakan kombinasi key Alt+D untuk masuk ke mode developer dan membuka menu developer.

CRUD DIR = dapat melakukan CRUD folder dan file. Cara penggunaan:

• CREATE = create fl example.json d:/storage (Membuat file example.json ke lokasi disk d folder storage).

• CREATE = create dir example c:/storage (Membuat folder example ke lokasi disk c folder storage).

• READ = read fl example.json d:/storage | atau | read fl d:/storage/example.json

• READ = read dir example c:/storage | atau | read dir c:/storage/example

• UPDATE = update fl example.json ex.json d:/storage (Mengubah nama file).

• UPDATE = update fl example.json "Hello, World!" d:/storage (Mengubah isi file).

• UPDATE = update dir example ex c:/storage (Mengubah nama folder).

• DELETE = delete fl example.json d:/storage (Menghapus file).

• DELETE = delete dir example c:/storage (Menghapus folder).