PRAKTIKUM SISTEM OTOMASI INDUSTRI LANJUTAN

JOB IIOT WEB

3-A MEKATRONIKA
KELOMPOK D:
Maleaky Yolan (44420007)
Mutiara Abubakar (44420009)
Hilal Ansyari Djihad (44420015)
Amrullah (44420020)

PROGRAM STUDI SARJANA TERAPAN TEKNIK MEKATRONIKA

JURUSAN TEKNIK MESIN
POLITEKNIK NEGERI UJUNG PANDANG
2023
 DAFTAR ISI

DAFTAR ISI ............................................................................................................ i

BAB I ...................................................................................................................... 1

PENDAHULUAN ................................................................................................... 1

1.1 TEORI DASAR ............................................................................................ 1

A. IIoT.......................................................................................................... 1

B. Web ......................................................................................................... 1

C. SCADA .................................................................................................... 2

D. Mod Sim ................................................................................................. 2

BAB II ..................................................................................................................... 3

PEMBAHASAN ..................................................................................................... 3

2.1 LANGKAH-LANGKAH PRAKTIKUM ..................................................... 3

A. Proses Pembuatan Web ........................................................................... 3

BAB III .................................................................................................................. 13

HASIL PERCOBAAN ......................................................................................... 13

3.1 HASIL WEB ............................................................................................... 13

BAB IV ................................................................................................................. 18

PENUTUP ............................................................................................................. 18

4.1 Kesimpulan ................................................................................................. 18

DAFTAR PUSTAKA ........................................................................................... 19

i
 BAB I
PENDAHULUAN
1.1 TEORI DASAR
A. IioT
IIoT (Industrial Internet of Things) adalah istilah yang merujuk pada
koneksi dan integrasi perangkat, sistem, dan teknologi dalam
lingkungan industri untuk meningkatkan efisiensi, produktivitas, dan
keamanan. IIoT memanfaatkan sensor, perangkat cerdas, komputasi
awan, analitik data, dan konektivitas internet untuk mengumpulkan,
menganalisis, dan bertindak atas data yang dihasilkan oleh peralatan
industri.
IIoT telah diterapkan dalam berbagai sektor industri, termasuk
manufaktur, energi, transportasi, pertanian, dan lainnya. Contoh
penerapannya meliputi pemantauan peralatan, pemeliharaan prediktif,
manajemen rantai pasokan cerdas, optimasi proses produksi,
pengendalian energi, dan sistem logistik berbasis IIoT.
B. Web
Web adalah nama umum untuk World Wide Web. Web adalah sebuah
sistem yang terdiri dari kumpulan halaman-halaman dokumen yang
terhubung satu sama lain melalui hyperlink. Web memungkinkan
pengguna untuk mengakses informasi, berbagi data, dan berinteraksi
dengan konten digital melalui internet.
Terdapat beberapa aplikasi yang dapat digunakan untuk
pengembangan web:

1. Text Editor, seperti Visual Studio Code, Sublime Text, dan Atom.

2. Browser, seperti Google Chrome dan Mozilla Firefox.

3. Local Server Environment, seperti XAMPP dan WampServer.

4. Design Tools, seperti Adobe Photoshop dan Adobe XD.

5. Version Control System, seperti Git.

1
C. SCADA

Supervisory Control and Data Acquition (SCADA) adalah sebuah sistem

yang dirancang untuk sebuah pengendalian dan pengambilan data dalam
pengawasan (Operator/Manusia). SCADA biasanya digunakan untuk
pengendalian suatu prosespada industri.

SCADA melibatkan pengumpulan data dari perangkat dan sensor yang

terhubung ke sistem SCADA, serta pemantauan dan pengendalian
operasi sistem secara real-time. Operator dapat memantau data, melihat
visualisasi dari proses produksi, dan mengambil tindakan untuk
mengontrol sistem.

D. Mod Sim

Model simulasi (Mod Sim) adalah sebuah metode yang digunakan untuk
mereproduksi perilaku sistem nyata dengan menggunakan model
matematika dan perangksat lunak komputer. Dalam mod sim, sistem
nyata diwakili oleh model yangmencerminkan karakteristik dan interaksi
antara komponen-komponen sistem. Aplikasi mod sim memiliki 2 versi,
yaitu mod sim32 dan mod sim64.

2
 BAB II
PEMBAHASAN

2.1 LANGKAH-LANGKAH PRAKTIKUM

A. Proses Pembuatan Web
1. Folder Sapproll
Pada folder Sapproll terdapat beberapa file script dan 2 folder, yaitu
config, dan logo.

Gambar 1. Folder Sapproll

a. Card.php
File script card.php merupakan file yang berisi code untuk
ditampilkan pada menu monitor website, seperti gambar
pressure dan temperature serta nilainya.

Gambar 2. File Script card.php

3
b. Dashboard.php
File script dashboard.php merupakan file yang berisi code
untuk ditampilkan pada menu monitor website, seperti
gambar pressure dan temperature serta nilainya.

Gambar 3. File Script dashboard.php

c. Footer.php
File script footer.php merupakan file yang berisi code untuk
ditampilkan pada bagian kaki(bawah) website.

Gambar 4. File Script footer.php

4
d. Grafik.php
File script grafik.php merupakan file yang berisi code untuk
menampilkan 10 nilai terbaru dari pressure_101,
pressure_102, pressure_103, temp_101, temp_102, dan
temp_103 yang ada pada database dalam bentuk grafik (line
chart 2D) pada menu grafik website.

Gambar 5. File Script grafik.php

e. home.php
File script home.php merupakan file yang berisi code untuk
memanggil library javascript (jquery.min.js dan
jquery.latest.js) agar me-refresh data yang ada pada menu
monitor website.

Gambar 6. File Script home.php

5
f. Index.php
File script index.php merupakan file yang berisi code untuk
mengarahkan pengguna ke halaman login.

Gambar 7. File Script index.php

g. Login.php
File script login.php merupakan file yang berisi code untuk
menampilkan halaman login. Isi pada halaman login adalah
gambar, kolom untuk memasukkan USERNAME dan
PASSWORD, serta tombol untuk login.

Gambar 8. File Script login.php

6
h. Monitor.php
File script monitor.php merupakan file yang berisi code
untuk menampilkan isi dari halaman monitor pada website
seperti gambar dan nilai dari pressure_101, pressure_102,
pressure_103, temp_101, temp_102, dan temp_103.

Gambar 9. File Script monitor.php

i. Register.php
File script register.php merupakan file yang berisi code
untuk menampilkan halaman registrasi. Isi pada halaman
registrasi adalah kolom untuk mengisi USERNAME dan
PASSWORD yang ingin didaftarkan serta tombol untuk
mengirim USERNAME dan PASSWORD tersebut.

Gambar 10. File Script register.php

7
j. Style.css
File script style.css merupakan file yang berisi code untuk
mengatur tampilan website seperti, memberi margin,
memberi teks, mengubah warna dan memberi animasi pada
halaman website.

Gambar 11. File Script style.css

k. Tabel.php
File script tabel.php merupakan file yang berisi code untuk
menampilkan 20 nilai terbaru dari pressure_101,
pressure_102, pressure_103, temp_101, temp_102, dan
temp_103 yang ada pada database dalam bentuk tabel ke
dalam menu tabel website.

Gambar 12. File Script tabel.php

8
2. Folder Config
Pada folder config terdapat beberapa file script seperti
data_trans.php, fungsilogin.php, fungsiregis.php, dan koneksi.php,.

Gambar 13. Folder config

a. koneksi.php
File script koneksi.php merupakan file yang berisi code untuk
menghubungkan website ke database menggunakan MYSQL
Connector/ODBC.

Gambar 14. Script koneksi.php

b. Data_trans.php
File script data_trans.php merupakan file yang berisi code
untuk mengirim nilai pressure_101, pressure_102,
pressure_103, temp_101, temp_102, dan temp_103 ke tabel
data pada database.

Gambar 15. File Script data_trans.php

9
c. Fungsiregis.php
File script fungsiregis.php merupakan file yang berisi code
untuk mengirim USERNAME dan PASSWORD yang
didaftarkan ke dalam tabel data pada database, jika
USERNAME dan PASSWORD telah didaftarkan maka akan
diarahkan ke halaman login.

Gambar 16. File Script fungsiregis.php

d. Fungsilogin.php
File script fungsilogin.php merupakan file yang berisi code
untuk memilih USERNAME dan PASSWORD yang telah
didaftarkan, jika USERNAME dan PASSWORD sesuai dengan
yang ada pada database maka akan diarahkan ke halaman
dashboard.

Gambar 17. File Script fungsilogin.php

10
3. Folder Logo

Pada folder logo terdapat beberapa gambar yang dimasukkan ke

dalam website.

Gambar 18. Folder logo

a. Logo kontrol.jpg

Logo kontrol.jpg diletakkan pada posisi sidebar website diatas

menu monitor.

Gambar 19. Folder logo kontrol

b. Logo pnup.jpg

Logo pnup.jpg diletakkan pada tampilan halaman login

website.

Gambar 20. Folder logo pnup

11
c. Logo pressure.jpg

Logo pressure.jpg diletakkan pada tampilan halaman monitor

(pressure_101, pressure_102, dan pressure_103).

Gambar 21. Folder logo pressure

d. Logo suhu.jpg

Logo suhu.jpg diletakkan pada halaman monitor (temp_101,

temp_102, dan temp_103).

Gambar 22. Folder logo suhu

12
 BAB III
HASIL PERCOBAAN

3.1 HASIL WEB

1. Membuka aplikasi XAMPP terlebih dahulu, yang mana berfungsi
untuk membukalocalhost/lokal server. Kemudian pada bagian
actions untuk Module Apache dan MySQL di-start.

Gambar 23. Tampilan Aplikasi XAMPP

2. Membuka aplikasi chrome, lalu ketik
“localhost/phpmyadmin/index.php” pada bagian searching, yang
mana berfungsi sebagai tempat meng-input database.

Gambar 24. Tampilan Chrome

13
3. Membuat database seperti yang terlihat pada gambar 15

Gambar 25. Pembuatan Database

4. Melakukan pengujian melalui Aplikasi Injector MySQL

Gambar 26. Tampilan Aplikasi Injector MySQL

5. Mengkoneksikan aplikasi Injector MySQL dengan Mod Sim32

Gambar 27. Mengkoneksikan Aplikasi Injector MySQL dengan

ModSim32

14
6. Membuat file pada aplikasi Mod Sim32, yang berfungsi untuk
melakukan simulasi.Setelah itu, masuk pada aplikasi Injector
MySQL, lalu klik initiate dan run.

Gambar 28. Membuat File untuk Melakukan Simulasi

7. Masuk pada aplikasi chrome, lalu ketik “localhost/sapproll” pada
bagian searching, kemudian klik “enter” agar diarahkan ke
halaman dashboard (login).

Gambar 29. Tampilan login.

15
8. Tampilan Dashboard jika berhasil login.

Gambar 30. Tampilan dashboard.

9. Hasil Simulasi
a. Monitor

Gambar 31. Hasil Simulasi pada Menu Monitor

16
b. Grafik

Gambar 32. Hasil Simulasi pada Menu Grafik

c. Tabel

Gambar 33. Hasil Simulasi pada Menu Tabel

17
 BAB IV
PENUTUP
4.1 Kesimpulan
IIoT (Industrial Internet of Things) adalah istilah yang merujuk pada
koneksi dan integrasi perangkat, sistem, dan teknologi dalam
lingkungan industri untuk meningkatkan efisiensi, produktivitas, dan
keamanan. IIoT memanfaatkan sensor, perangkat cerdas, komputasi
awan, analitik data, dan konektivitas internet untuk mengumpulkan,
menganalisis, dan bertindak atas data yang dihasilkan oleh peralatan
industri.
Web adalah nama umum untuk World Wide Web. Web adalah sebuah
sistem yang terdiri dari kumpulan halaman-halaman dokumen yang
terhubung satu sama lain melalui hyperlink. Web memungkinkan
pengguna untuk mengakses informasi, berbagi data, dan berinteraksi
dengan konten digital melalui internet.
Adapun eksperimen yang dilakukan, yaitu menghubungkan dan
mengakses database serta mengirimkan data dari input yang diinginkan
untuk ditampilkan pada UI website yang dibuat.

18
 DAFTAR PUSTAKA

Aldi S. Briantama, Fredy Setiawan. (2021). Industrial Internet of Things

(IIoT). Diakses pada tanggal 5 Juli 2023, dari
https://kamalogis.ft.ugm.ac.id/2021/04/30/industrial-internet-of-
things-iiot/

Anugerah Ayu Sendari. (2020). Web adalah Bagian Penting dalam Internet,
Kenali Pengertian dan Sejarahnya. Diakses pada tanggal 5 Juli
2023, dari https://www.liputan6.com/hot/read/4438604/web-adalah-
bagian-penting-dalam-internet-kenali-pengertian-dan-
sejarahnya#%3A~%3Atext%3DWeb%20adalah%20nama%20umu
m%20untuk%2Cmereka%20beda%20satu%20sama%20lain

Loyality to Growth. (2023). Memepelajari Apa Itu Sistem Scada dan Cara
Kerjanya. Diakses pada tanggal 7 Juli 2023, dari
https://laskarotomasi.com/scada/

Intel. (2022). Questa* Intel® FPGA Edition, ModelSim* , and QuestaSim*

Simulator Support. Diakses pada tanggal 7 Juli 2023, dari
https://www.intel.co.id/content/www/id/id/support/programmable/su
pport- resources/design-examples/quartus/simulation-manual-
howto.html

19