Step by Step Install Aplikasi 360

Oleh Imam Syauqi

 INSTAL APLIKASI
Sebelum memulai ada beberapa aplikasi yang harus disiapkan yaitu:
Docker Desktop
Untuk install aplikasinya bisa di download di sini. Lalu, tekan tombol biru download.
Node JS
Untuk install aplikasinya bisa di download di sini. Lalu, pilih download for windows.

INSTALASI DOCKER
1. Sebelumnya pastikan virtualization pada settingan BIOS sudah menyala.
2. Install Docker, selama proses instalasi docker PC akan minta restart.
 Setelah diinstal docker akan meminta “Close and Restart” dan akan muncul box
seperti di bawah setelah restart klik “Accept”.

Figure 1 Service Agreement

 Berikut tampilan Home pada docker dan penjelasannya:

2
3 1
4

5
6

Figure 2 Home Menu

 1. Settings, pada menu ini checklist “Start Docker Desktop when you log in”.

2. Containers, untuk melihat container yang sudah kita masukan.

3. Images, untuk melihat images file yang kita pakai.
4. Volumes, untuk melihat kapasitas volume yang tersedia.
5. Add Extensions, untuk menambahkan tools debugging, testing, networking, dan security.
6. Link WSL Update.
7. Indikator docker sudah berjalan atau belum. Merah – Failed, Kuning – Running, Hijau – Ready.

3. Instal WSL update, WSL update bisa di download di sini. Kemudian restart kembali.

Figure 3 WSL Update

4. Skip Tutorial dan akan kembali ke Home Menu dan indikator sudah berubah hijau.

Figure 4 Skip Tutorial

 IMPORT DOCKER
1. Run as administrator Command Prompt.

Figure 5 CMD Run As Administrator

2. Import docker image.

Daftar docker image:

1. diklat-be.tar [Image Name]

2. diklat-cms.tar [Image Name]
3. mysql.tar [Image Name]
Ketikkan perintah di CMD

Figure 6 docker image import

“docker load -i [Image Name]”

di bagian [Image Name] jika tidak bisa hanya dengan namanya diganti dengan path atau
lokasi file tersebut. Cara belihat lokasi file tersebut
Klik Kanan – Properties – Security – Object Name di bagian object name disitu lokasi file.

Figure 7 File Location

 Copy path file tersebut lalu paste kan dibagian [Image Name] dan ditambahkan kutip buka
dan penutup seperti "D:\PUSJEMEN_NEW\data_Apps_Pusjemen\Installations\docker
images\mysql.tar" atau jika anda menggunakan Win 11 Klik Kanan – Copy as path atau Klik
File – Ctrl + Shift + C lalu langsung paste kan di CMD. Ulangi untuk ketiga docker tersebut.

3. Cek Image yang terimport.

Ketikkan perintah “docker image ls” untuk melihat image yang sudah terimport. Jika
ketiganya sudah terimport lanjut ke step berikutnya.

Figure 8 imported docker image

 Konfigurasi Environment
1. .env.backend
Pada file ini pastikan bagian APP_URL sudah sesuai dengan ip server. Lalu, SAVE.

192.168.101.42:8081

Figure 9 backend configuration

Figure 10 My IP

Ganti IP di APP_URL sesuai dengan yang kita punya yaitu 192.168.101.42 (IP Saya berbeda dengan
anda punya), untuk melihat IP jalankan CMD seperti cara sebelumnya lalu ketikkan perintah
“ipconfig”.

2. .env.cms
Pada file ini pastikan bagian BASE_API_URL sudah sesuai dengan ip server. Lalu, SAVE.

192.168.101.42:8081

Figure 11 CMS Configuration

 RUN PROJECT
1. Masuk direktori project
“D:\PUSJEMEN_NEW\data_Apps_Pusjemen\DATA APPS”.

Ketik “cmd” pada lokasi

folder maka akan
terbuka cmd pada
direktori tersebut.

Figure 12 Project Directory

2. Jalankan docker compose

Ketikkan perintah “docker compose up -d --build”

Figure 13 Docker Compose

3. Test localhost
Buka browser di PC lalu di kolom search ketik “localhost:8081” dan akan muncul Laravel.

Figure 14 Browser Test

 Install Apps
1. Pastikan Node JS sudah terinstall
2. Buka kembali CMD lalu masukkan perintah “npm install -g npm”.

Figure 15 npm install

3. Setelah itu masukkan perintah “npm install -g npm”.

Figure 16 pnpm install

4. Masuk ke directory diklat-app

Lalu ketik cmd pada

kolom tersebut

Figure 17 diklat-app directory

5. Jalankan perintah “pnpm i”.

Figure 18 pnpm i
6. Jika sudah, buka kembali folder diklat-app dan masuk ke folder src/renderer/config.

Figure 19 config location

7. Edit file “config” menggunakan notepad dan ubah ip server.

192.168.101.42:8081

Figure 20 edit config

8. Lalu buka CMD kembali dengan directory diklat-app.

Figure 21 pnpm package

9. Masuk ke directory D:\PUSJEMEN_NEW\data_Apps_Pusjemen\diklat-app\release\build,
disitu sudah terdapat exe SISFO dan jalankan.

Aplikasi sudah bisa digunakan.

 How to Update
1. Login Docker
Login sebagai Tanyudie “docker login -u tanyudie”, tanyudie adalah usernamenya, passnya
“dckr_pat_Mwe4qFNQNpBx2YEWOpUnK6bB1HA”.

Figure 22 docker login

2. Docker Pull
Setelah login pull data docker diklat-cms dan diklat-be yang baru.

- “docker pull tanyudie/diklat-cms”

Figure 23 pull diklat-cms

- ”docker pull tanyudie/diklat-be

Figure 24 pull diklat-be

3. Docker Compose Ulang

Lakukan kembali docker compose pada folder DATA APPS, pastikan path directorynya benar.

“docker compose up -d –build”

Figure 25 docker compose ulang

4. Masuk ke dalam container backend

Untuk masuk ke container backend memerlukan container id, berikut caranya:

- ”docker container ls” ini perintah untuk mengecek container. Lalu, copy “dataapps-backend-1”.

- “docker exec -it dataapps-backend-1 sh” paste container id seperti di bawah ini.
5. Storage Link dan Migrate
Setelah masuk ke dalam container jalan dua perintah berikut:

- “php artisan storage:link”, untuk membuat jika belum ada dan menghubungkannya dengan
storage yang sudah dibuat.

Figure 26 storage:link

- “php artisan migrate”, untuk migrasi data

Figure 27 migrate