Disusun Oleh:
Tita Tri Uma
NIM. 3.33.19.0.23
NIM 3.33.19.0.23
Mengetahui, Menyetujui,
D3 Teknik Telekomunikasi
ii
HALAMAN PENGESAHAN PERUSAHAAN
NIM 3.33.19.0.23
Mengetahui, Menyetujui,
iii
KATA PENGANTAR
Puji dan syukur atas ke hadirat Allah SWT yang telah memberikan rahmat
dan hidayah-Nya serta salam tak lupa dihaturkan kepada Nabi Muhammad SAW
sebagai suri teladan bagi umat, sehingga penulis dapat menyelesaikan laporan
magang dengan judul “Rancang Bangun Dashboard Untuk Monitoring Pemakaian
Air Tirta Turus Asri Berbasis Internet of Things”. Laporan magang ini merupakan
laporan kegiatan yang dilakukan selama pelaksanaan magang di CV. Omah IoT
selama 6 bulan terhitung sejak 6 September 2021 – 28 Februari 2022
Magang ini merupakan salah satu program yang wajib dilaksanakan oleh
mahasiswa Diploma Tiga Teknik Telekomunikasi Politeknik Negeri Semarang.
Dengan melaksanakan magang ini, mahasiswa mendapat kemampuan yang
berkenaan dengan aktivitas nyata pada dunia kerja atau dunia usaha selain teori
yang didapat di perkuliahan.
iv
9. Seluruh pihak yang terlibat baik secara langsung maupun tidak langsung.
v
Penulis menyadari bahwa pada laporan magang ini masih terdapat
kekurangan. Oleh karena itu, kritik dan saran sangat diharapkan sehingga
penulis dapat melakukan perbaikan di masa mendatang. Semoga Laporan
Magang ini membawa manfaat bagi pengembangan ilmu.
Penulis
vi
DAFTAR ISI
HALAMAN JUDUL.....................................................................................................i
HALAMAN PENGESAHAN DARI POLINES..........................................................ii
HALAMAN PENGESAHAN DARI PERUSAHAAN..............................................iii
KATA PENGANTAR..................................................................................................iv
DAFTAR ISI................................................................................................................vi
DAFTAR GAMBAR..................................................................................................viii
DAFTAR TABEL........................................................................................................ix
BAB I PENDAHULUAN.............................................................................................1
1.1 Latar Belakang.....................................................................................................1
1.2 Ruang Lingkup.............................................................................................2
1.3 Tujuan..........................................................................................................2
1.4 Manfaat........................................................................................................3
1.5 Sistematika Penulisan..................................................................................4
BAB II GAMBARAN UMUM PERUSAHAAN.........................................................5
2.1 Profil Perusahaan.........................................................................................5
2.2 Managemen Tim..........................................................................................6
2.3 Ruang Lingkup Usaha..................................................................................6
2.4 Deskripsi Pekerjaan......................................................................................7
2.5 Jadwal Kerja.................................................................................................7
BAB III HASIL PELAKSANAAN MAGANG...........................................................8
3.1 Deskripsi Pelaksanaan Magang...................................................................8
3.2 Hasil Literasi................................................................................................9
3.2.1 Sistem Informasi.................................................................................9
3.2.2 Basis Data (Database)........................................................................9
3.2.3 Internet of Things (IoT)......................................................................9
3.2.4 XAMPP.............................................................................................10
3.2.5 MySQL.............................................................................................11
3.2.6 Visual Studio Code...........................................................................12
3.2.7 Hypertext Markup Languege (HTML).............................................12
3.2.8 Cascading Style Sheets (CSS)..........................................................13
vii
3.2.9 Boostrap............................................................................................13
3.2.10 Hypertext Preprocessor (PHP).......................................................13
3.2.11 Asynchronous Java Script (AJAX).................................................14
3.3 Perancangan Basis Data.............................................................................14
3.3.1 Diagram Use Case............................................................................15
3.3.2 Entity Relationship Diagram (ERD)................................................15
3.3.3 Perancangan Antarmuka Web..........................................................16
3.4 Perancangan Halaman Dashboard Untuk Monotoring Pemakaian Air. .17
3.4.1 Halaman Dashboard Admin............................................................17
3.4.2 Halaman Manajemen User..............................................................19
3.5 Hasil Pelaksanaan Magang......................................................................20
3.5.1 Halaman Dashboard Admin............................................................21
3.5.2 Halaman Manajemen User..............................................................23
3.6 Pengujian Aplikasi.....................................................................................25
3.7 Evaluasi Hasil Magang..............................................................................27
BAB IV PENUTUP......................................................................................................54
4.1 Kesimpulan................................................................................................28
4.2 Saran..........................................................................................................28
DAFTAR PUSTAKA...................................................................................................30
LAMPIRAN..................................................................................................................31
vii
i
DAFTAR GAMBAR
ix
DAFTAR TABEL
x
BAB I
PENDAHULUAN
CV. Omah IoT merupakan salah satu perusahaan yang bergerak dibidang
teknologi dengan fokus utamanya dibidang Internet of Things dan IT Solution.
CV.Omah IoT menyediakan layanan pembuatan hardware dan software terkait
Internet of Things dan pada bidang IT solution dengan menyediakan layanan
dalam membuat aplikasi android, situs web dan berbagai produk digital yang
dibutuhkan untuk bisnis ataupun pribadi dengan fitur yang sesuai kebutuhan
konsumen.
Diharapkan dengan adanya kerjasama ini melalui CV. Omah IoT akan
meringankan pekerjaan petugas pengelolaan air Tirta Turus Asri kemudian akan
juga berdampak baik terhadap masyarkat yang terbantu dengan sistem perekapan
melalui media website, warga nantinya juga akan dapat memantau langsung
penggunaan air dan juga tagihan sehingga warga akan turut serta dalam
pemantuan secara langsung penggunaan air setiap individu rumahnya.
1
1.2. Ruang Lingkup
Dalam Laporan Magang dengan judul “Rancang Bangun Website untuk
Sistem Monitoring Pemakaian Air Tirta Turus Asri Berbasis Internet of Things”
akan membahas mengenai proses pengerjaan pembuatan website Pengelolaan Air
Tirta Turus Asri. Ruang lingkup dalam laporan dibatasi dalam beberapa aspek:
1. Dasar teori projek rancang bangun website dalam tampilan dashborad untuk
sistem monitoring pemakaian air Tirta Turus Asri.
2. Konsep dasar dari pembuatan website dalam tampilan dashborad untuk
sistem monitoring pemakaian air Tirta Turus Asri.
3. Garis besar keperluan pembuatan pembuatan website dalam tampilan
dashborad untuk sistem monitoring pemakaian air Tirta Turus Asri.
4. Pengujian pembuatan website dalam tampilan dashborad untuk sistem
monitoring pemakaian air Tirta Turus Asri.
1.3. Tujuan
Tujuan diadakannya program magang yang di laksanakan oleh CV. Omah
IoT adalah sebagai berikut:
1. Peserta magang diharapkan dapat mengimplementasikan ilmu pengetahuan
yang diperoleh dari kampus pada dunia kerja serta meningkatkan baik soft
skill maupun hard skill.
2. Peserta magang diharapkan mendapatkan ilmu pengetahuan dan pengalaman
dalam dunia kerja yang sebenarnya, khususnya pada bidang telekomunikasi.
3. Terpenuhinya kurikulum wajib dari Program Diploma Tiga Teknik
Telekomunikasi Jurusan Teknik Elektro Politeknik Negeri Semarang untuk
melakukan magang industri.
4. Memberikan pengetahuan manfaat dari Internet of Things yang dapat
diterapkan dan mendukung Smarthome.
5. Membuat website yang mudah digunakan dengan tampilan yang menarik.
6. Membantu CV. Omah IoT untuk mengerjakan proyek-proyeknya, salah
satunya membangun website untuk Tirta Turus Asri sebagai sarana informasi
bagi pengguna dengan menggunakan Visual Studio Code (VSCode).
2
1.4. Manfaat
Manfaat dilaksanakannya program magang pada CV. Omah IoT adalah
sebagai berikut:
1.4.1. Bagi Mahasiswa
Bagi mahasiswa magang ini memiliki manfaat sebagai berikut:
1. Terpenuhinya kurikulum wajib dari Program Studi Diploma Tiga Teknik
Telekomunikasi Jurusan Teknik Elektro Politeknik Negeri Semarang untuk
melakukan magang industri.
2. Peserta magang mendapat pengetahuan dan pengalaman di dunia kerja yang
sebenarnya, khususnya di bidang telekomunikasi.
3. Hard skill dan soft skill peserta magang meningkat dan dapat melakukan
implementasi pengetahuan yang pernah diperoleh di kampus.
4. Mampu meningkatkan kemampuan mahasiswa dalam pengembangan website
menggunakan Visual Studio Code (VSCode) khususnya dalam
pengembangan front-end dan back-end pada website.
3
2. Sebagai sarana pengembangan kurikulum agar sesuai dengan kebutuhan
industri saat ini.
3. Sebagai sarana menjalin hubungan antara pihak institusi dengan industri.
BAB I PENDAHULUAN
BAB IV PENUTUP
4
BAB II
5
b. Misi :
Mengembangkan produk berkualitas dan kompetitif.
Memberi layanan yang professional kepada mitra.
Memberikan solusi yang optimal kepada mitra kerja dalam menghadapi
permasalahan di dunia IoT.
a. Internet of things
CV.Omah IoT menyediakan layanan pembuatan hardware berbasis IoT.
Dengan merangkai sistem tertanam dengan microcontroller beserta sensor
yang nantinya dapat diakses melalui web apps maupun mobile apps.
6
b. IT Solusion
CV. Omah IoT menyediakan layanan dalam membuatan aplikasi adroid, situs
web dan berbagai produk digital yang dibutuhkan untuk bisnis ataupun
pribadi dengan fitur yang sesuai dengan kebutuhan konsumen.
7
BAB III
8
Pada hari selanjutnya dimulai dari tahap pengenalan dengan magang dan
kerja pada perusahaan, kemudian dengan bantuan pembimbing mulai untuk
merancang projek dengan didahului pengenalan sistem serta pembelajaran agar
dalam proses pengerjaan memahami. Apabila terdapat kendala akan dibantu dan
mencari penyelesaian bersama denga pembimbing dan rekan magang.
Literasi sangat berguna untuk membantu mengartikan suatu hal yang belum
dipahami, atau menjadikan sebuah penemuan konsep atau ide untuk membuat
suatu projek. Selain itu literasi juga berguna sebagai penuntun dalam pengerjaan
projek. Berikut hasil literasi selama proses pengerjaan projek magang ini:
3.2.1 Sistem Informasi
Informasi merupakan sebuah hasil dari sebuah pengolahan data yang
melalui sekumpulan proses pada sebuah sistem, yang diolah sedemikian rupa
sehingga layak untuk disajikan kepada masyarakat umum. Sistem informasi
adalah kumpulan atau sususnan yang terdiri dari perangkat keras dan perangkat
lunak serta tenaga pelaksananya yang bekerja dalam sebuah proses berurutan dan
secara bersama-sama saling mendukung untuk menghasilkan suatu produk
(Nataniel & Hatta, 2009).
3.2.4 XAMPP
Xampp merupakan perangkat lunak bebas yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai
server yang berdiri sendiri (localhost) yang terdiri atas Apache HTTP Server.
Mysql database dan penerjemahan bahasa yang ditulis dengan bahasa
pemrograman PHP. Nama Xampp merupakan singkatan dari empat sistem operasi
yaitu Apache, Mysql, PHP, dan Perl.Program ini tersedia dalam GNU dan bebas,
merupakan web server yang mudah digunakan yang dapat melayani tampilan
halaman web yang dinamis (Sarwindah, 2018).
10
operasi yang ada, misalnya Windows, Linux, Mac OS, dan Solaris. Dari ke
semua sistem
operasi tersebut, software ini bersifat open source atau dapat digunakan secara
gratis.
2. A (Apache)
Apache merupakan aplikasi web server yang bertugas untuk menciptakan
halaman website yang benar berdasarkan kode program PHP yang ditulis oleh
pengembang web (developer). Memungkinkan juga untuk mengakses sistem
database terlebih dahulu untuk mendukung halaman situs yang dihasilkan.
3. M (MySQL / MariaDB)
MySQL merupakan salah satu aplikasi database server yang menerapkan bahasa
pemrograman SQL (Structured Query Language). Fungsi dari MySQL sendiri
adalah untuk mengelola dan membuat sistem basis data secara terstruktur dan
sistematis.
4. P (PHP)
PHP adalah bahasa pemrograman khusus berbasis web untuk kebutuhan pada
sisi server (back end). Sehingga, PHP sangat memungkinkan untuk membuat
suatu halaman website menjadi lebih dinamis dengan menerapkan server-side
scripting. PHP juga mendukung manajemen sistem pada Oracle, Postgresql,
Microsoft Access, dan lain sebagainya.
5. P (Perl)
Perl merupakan bahasa pemrograman untuk segala kebutuhan (cross platform)
yang berfungsi sebagai penunjuk eksistensi dari PHP. Perl biasanya banyak
digunakan untuk website development pada sistem berbasis CMS (Content
Management System) seperti WordPress.
3.2.5 MySQL
MySQL merupakan sebuah Relational Database Management System
(RDBMS) yang bersifat open source. Perangkat lunak database pada umumnya
disandingkan dengan bahasa pemrograman server web seperti PHP atau JSP.
MySQL (My Structured Query Language) adalah sebuah program pembuat dan
pengelola database atau yang sering disebut dengan DBMS (Database
11
Management System), sifat DBMS ini ialah open source. Selain itu MySQL juga
merupakan program pengakses database yang bersifat jaringan, sehingga bisa
digunakan untuk aplikasi Multi User (Josi, 2017) .
Visual Studio Code adalah kode editor sumber yang dikembangkan oleh
Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk
debugging, kontrol git yang tertanam dan GitHub, penyorotan sintaksis,
penyelesaian kode cerdas, snippet, dan refactoring kode. Ini sangat dapat
disesuaikan, memungkinkan pengguna untuk mengubah tema, pintasan keyboard,
preferensi, dan menginstal ekstensi yang menambah fungsionalitas tambahan
(Agustini & Kurniawan, 2019).
12
Gambar 3.4 Logo HTML 5
3.2.9 Bootstrap
Bootstrap adalah paket aplikasi siap pakai untuk membuat front-end
sebuah website. Bisa dikatakan, bootstrap adalah template desain web dengan
fitur plus. Bootstrap diciptakan untuk mempermudah proses desain web bagi
berbagai tingkat pengguna, mulai dari level pemula hingga yang sudah
berpengalaman (Christian et al., 2018). Bootstrap menyediakan kumpulan
komponen class interface dasar yang telah dirancang sedemikian rupa untuk
menciptakan tampilan yang menarik, bersih dan ringan. Selain komponen class
interface, bootstrap juga memiliki fitur grid yang berfungsi mengatur layout pada
halaman website.
14
Pada tahap ini, perancangan dilakukan berdasarkan analisis langsung pada
sistem yang akan dibangun. Tahapan ini untuk mengimplementasikan hasil
perancangan database secara logis menjadi tersimpan secara fisik pada media
penyimpanan eksternal sesuai dengan Database Management System
(DBMS)
Desain diagram use case yang dibuat pada sistem informasi Tirta Turus
Asri untuk menentukan peran dan aksi dari pengguna. Diagram use case sistem
informasi Tirta Turus Asri berbasis web yang ditunjukkan pada gambar 3.6.
Gambar 3.7 Diagram use case sistem informasi tirta turus asri
Pada bagian kiri dan aktor yang berperan yaitu bendahara dan petugas.
15
Kemudian pada bagian kanan aktor yang berperan yaitu admin dan warga. Bagian
tengah adalah aktifitas yang dilakukan oleh bendahara, petugas, admin dan
warga.
dari sebuah model data atau sebuah model jaringan yang menjelaskan
tentang data yang tersimpan (storage data) dalam sistem secara abstrak
(Muarie, 2015). Pada sistem ini terdiri dari beberapa tabel yaitu data_ warga,
data_tagihan, data_stand, data_loginn dan web_utama yang ditunjukkan pada
gambar 3.8.
16
Gambar 3.8 Relasi Tabel Website Tirta Turus Asri
Gambar 3.9 Tabel basis data sistem informasi Tirta Turus Asri
17
batas waktu tagihan, admin dapat memantau data aliran air warga.
Monitoring pada pengelolaan air Tirta Turus Asri terbagi menjadi dua
halaman dashboard, meliputi :
1. Halaman dashboard admin
2. Halaman dashboard manajemen user
warga, dalam menampilkan data admin dapat memilih rentang waktu data yang
akan ditampilkan. Gambar 3.10 merupakan perancangan halaman dashboard
admin.
Admin dapat memilih data yang akan ditampilkan berupa grafik pada data
volume air dan kekeruhan air dengan memilih icon grafik pada bagian bawah
gauge meter, dan akan muncul data berupa grafik pada hari yang sama. Gambar
3.11 merupakan perancangan tampilan data dengan grafik pada halaman
dashboard admin.
18
Gambar 3.11 Perancangan tampilan data dengan grafik pada halaman dashboard
admin
Untuk melihat data grafik dengan rentang waktu yang diinginkan maka admin
dapat memilih icon kalender tepat bersebelahan dengan icon grafik kemudian
dapat memilih data tiga hari berturut yang ingin ditampilkan pada kalender
dimulai dari memilih hari pertama dan hari terakhir rentang data. Gambar 3.12
merupakan perancangan pilihan rentang tanggal data grafik pada halaman
dashboard admin.
Gambar 3.12 Perancangan pilihan rentang tanggal data grafik pada halaman
dashboard admin
Pada data total pemakaian air seluruh warga ditampilkan dalam bentuk grafik
dan admin dapat memilih rentang waktu data pemakaian air yang akan
ditampilkan. Admin dapat memilih icon kalender kemudian memilih awal bulan
serta akhir bulan rentang data yang ingin ditampilkan. Gambar 3.13 merupakan
perancangan pilihan rentang waktu data pemakaian air pada halaman dashboard
admin.
19
Gambar 3.13 Perancangan pilihan tampilan data pemakaian air pada halaman
dashboard admin.
Pada kolom on/off terdapat fitur switch button yang berfungsi untuk melihat
aliran air pada setiap warga dalam keadaan mengalir atau tidak. Dalam kondisi off
menandakan bahwa air pada rumah warga mengalir dan jika dalam kondisi on
menandakan bahwa air dalam rumah warga sedang dihentikan dan tidak mengalir.
Gambar 3.15 merupakan perancangan fitur on/off pada tabel manajemen user.
20
Gambar 3.15 Perancangan fitur on/off pada tabel manajemen user
21
Gambar 3.16 Implementasi halaman dashboard admin
Admin dapat memilih data yang akan ditampilkan berupa grafik pada data
volume air dan kekeruhan air dengan memilih icon grafik pada bagian bawah
gauge meter, dan akan muncul data berupa grafik pada hari yang sama. Gambar
3.17 merupakan implementasi tampilan data dengan grafik pada halaman
dashboard admin.
Gambar 3.17 Implementasi tampilan data dengan grafik pada halaman dashboard
admin
Untuk melihat data grafik dengan rentang waktu yang diinginkan maka admin
dapat memilih icon kalender tepat bersebelahan dengan icon grafik kemudian
dapat memilih data tiga hari berturut yang ingin ditampilkan pada kalender
dimulai dari memilih hari pertama dan hari terakhir rentang data. Gambar 3.18
merupakan implementasi pilihan rentang tanggal data grafik pada halaman
dashboard admin.
22
Gambar 3.18 Implementasi pilihan rentang tanggal data grafik pada halaman
dashboard admin
Pada data total pemakaian air seluruh warga ditampilkan dalam bentuk grafik
dan admin dapat memilih rentang waktu data pemakaian air yang akan
ditampilkan. Admin dapat memilih icon kalender kemudian memilih awal bulan
serta akhir bulan rentang data yang ingin ditampilkan. Gambar 3.19 merupakan
implementasi pilihan rentang waktu data pemakaian air pada halaman dashboard
admin.
Gambar 3.19 Implementasi pilihan tampilan data pemakaian air pada halaman
dashboard admin.
23
warga baru pada tabel, dan search untuk mencari nama warga dalam tabel secara
cepat. Gambar 3.20 merupakan implementasi halaman dashboard manajemen
user.
Pada kolom on/off terdapat fitur switch button yang berfungsi untuk melihat
aliran air pada setiap warga dalam keadaan mengalir atau tidak. Dalam kondisi off
menandakan bahwa air pada rumah warga mengalir dan jika dalam kondisi on
menandakan bahwa air dalam rumah warga sedang dihentikan dan tidak mengalir.
Gambar 3.21 merupakan implementasi fitur on/off pada tabel manajemen user.
24
3.6 Pengujian Aplikasi
Pengujian yang dilakukan pada keberhasilan aplikasi yang telah dibuat sesuai
dengan perancangan sebagai berikut:
25
4. Pengujian Admin Admin dapat Sesuai
pemilihan memilih
rentang rentang
waktu data waktu pada
yang ingin data
ditampilkan pemakaian
pada grafik air dengan
pemakaian rentag enam
air bulan sesuai
dengan
pilihan
5. Pengujian Admin Admin Sesuai
halaman memilih
manajemen menu
user manajemen
user dan akan
tampil data
warga tirta
turus asri
dalam bentuk
tabel berserta
fiturnya
6. Pengujian Admin Admin dapat Sesuai
fitur on/off melihat fitur
pada tabel on/off
manajemen bekerja
user sesuai dengan
keadaan
pemakaian
air warga
26
3.7 Evaluasi Hasil Magang
Berdasarkan tugas projek magang sistem informasi pengelolaan air Tirta
Turus Asri yang telah dikerjakan, diawali dengan perencanaan berjalan dengan
lancar dan banyak mendapat masukan serta penyempurnaan oleh pembimbing
magang dan rekan magang lainnya. Kemudian selanjutnya proses pengerjaan
terdapat kendala dengan pemahaman dasar tentang pemrogaman yang dilakukan
sehingga membutuhkan waktu untuk belajar dan memahami konsep terlebih
dahulu kemudian barulah dilanjutkan dengan pengerjaan sehingga waktu
memulai yang terbilang tertunda beberapa minggu. Kendala lainnya datang dari
proses pengujian yang masih terdapat beberapa kesalahan program sehingga
beberapa fungsi masih belum berjalan dengan benar, seperti fitur on/off pada
yang mengalami fungsi tidak dapat diatur dengan sistem.
27
BAB IV
PENUTUP
4.1 Kesimpulan
1. Sistem informasi pengelolaan air Tirta Turus Asri merupakan media yang
dibuat untuk memudahkan pemantauan para pengurus terutama oleh admin.
4. Sistem Informasi yang dibuat masih belum sempurna dan masih bisa
dikembangkan lagi agar lebih praktis kedepannya.
4.2 Saran
Saran untuk Kampus (Politeknik Negeri Semarang)
28
Saran untuk Perusahaan (CV. Omah IoT)
29
DAFTAR PUSTAKA
Agustini, & Kurniawan, W. J. (2019). Sistem E-Learning Do’a dan Iqro’ dalam Peningkatan
Proses Pembelajaran pada TK Amal Ikhlas. Jurnal Mahasiswa Aplikasi Teknologi
Komputer Dan Informasi, 1(3), 154–159.
http://www.ejournal.pelitaindonesia.ac.id/JMApTeKsi/index.php/JOM/article/view/526
Christian, A., Hesinto, S., & Agustina, A. (2018). Rancang Bangun Website Sekolah Dengan
Menggunakan Framework Bootstrap ( Studi Kasus SMP Negeri 6 Prabumulih ). Jurnal
Sisfokom (Sistem Informasi Dan Komputer), 7(1), 22–27.
https://doi.org/10.32736/sisfokom.v7i1.278
Janah, R., & Syafitri, Y. (2019). Membangun Aplikasi Pemesanan Barang Berbasis Web
Dengan Menggunakan Framework Ajax Pada Penamart Bandar Lampung. Jurnal
JUSINTA, 3(2), 11–15.
Josi, A. (2017). Penerapan Metode Prototyping Dalam Membangun Website Desa (Studi
Kasus Desa Sugihan Kecamatan Rambang). Jti, 9(1), 50–57.
Lestanti, S., & Susana, A. D. (2016). Sistem Pengarsipan Dokumen Guru Dan Pegawai
Menggunakan Metode Mixture Modelling Berbasis Web. Antivirus : Jurnal Ilmiah
Teknik Informatika, 10(2), 69–77. https://doi.org/10.35457/antivirus.v10i2.164
Muarie, M. S. (2015). Rancang Bangun Sistem Ujian Online Pada Smp Negeri 8 Sekayu.
Jurnal Teknik Informatika Politeknik Sekayu (TIPS), 2(1), 28–40.
http://jurnal.polsky.ac.id/index.php/tips/article/view/38
Nataniel, D., & Hatta, H. R. (2009). Perancangan Sistem Informasi Terpadu Pemerintah
Daerah Kabupaten Paser. 4(1), 47–54.
Priyanti, D. (2013). Sistem Informasi Data Penduduk Pada Desa Bogoharjo Kecamatan
Ngadirojo Kabupaten Pacitan. IJNS - Indonesian Journal on Networking and Security,
2(4), 56. ijns.org
Sarwindah, S. (2018). Sistem Pendaftaran Siswa Baru Pada SMP N 1 Kelapa Berbasis Web
Menggunakan Model UML. Jurnal Sisfokom (Sistem Informasi Dan Komputer), 7(2),
110–115. https://doi.org/10.32736/sisfokom.v7i2.573
Setiadi, D., & Abdul Muhaemin, M. N. (2018). PENERAPAN INTERNET OF THINGS
(IoT) PADA SISTEM MONITORING IRIGASI (SMART IRIGASI). Infotronik :
Jurnal Teknologi Informasi Dan Elektronika, 3(2), 95.
https://doi.org/10.32897/infotronik.2018.3.2.108
30
LAMPIRAN
31
LAMPIRAN 1
Jam Jam
No. Tanggal Kegiatan Pekerjaan
Masuk Pulang
09.00 16.30 Pengenalan lingkungan dan merekam
1 6/9/2021
audio video moko monik
Meng-install dan pemahaman dasar
2 7/9/2021 08.00 16.30
android studio
Mengenali dan mencoba fitur dalam
3 8/9/2021 08.00 16.30
android studio dan ijin latihan Polines
TV
08.00 16.30 Membuat splash screen aplikasi
4 9/9/2021
prototype
Membuat menu home aplikasi
5 10/9/2021 08.00 16.30
protoype
Penyempurnaan aplikasi prototype
13/9/2021 08.00 16.30
6 sebelumnya
08.00 16.30 Melanjutkan pengerjaan aplikasi
7 14/9/2021
prototype
32
No. Tanggal Jam Jam Kegiatan Pekerjaan
Masuk Pulang
Mempelajari OOP dalam coding
16 27/9/2021 08.00 16.30 website tirta turus asri
Mempelajari OOP dalam coding
17 28/9/2021 08.00 16.30
website tirta turus asri
08.00 16.30 Mempelajari OOP dalam coding
18 29/9/2021
website tirta turus asri
08.00 16.30 Mempelajari perbedaan coding untuk
19 30/9/2021
android dan website
08.00 16.30 Mempelajari perbedaan coding
20 1/10/2021
untuk android dan website
08.00 16.30 Mempelajari perbedaan coding untuk
21 5/10/2021
android dan website
08.00 16.30 Imigrasi coding tirta turus asri ke
22 6/10/2021
tampilan android
08.00 16.30 Imigrasi coding tirta turus asri ke
23 7/10/2021
tampilan android
08.00 16.30 Ijin latihan Polines TV (Wisuda
24 8/10/2021
Pusat)
Merapikan tampilan admin tirta turus
25 11/10/2021 08.00 16.30
asri android
Instalasi alat melon bawen
26 12/10/2021 08.00 16.30
Menyempurnakan tampilan admin
27 13/10/2021 08.00 16.30
tirta turus asri android
Menyempurnakan tampilan admin
28 14/10/2021 08.00 16.30
tirta turus asri android
Instalasi alat melon bawen
29 15/10/2021 08.00 16.30
Menyempurnakan tampilan web
30 18/10/2021 08.00 16.30
utama tirta turus asri android
Briefing pembagian tugas akhir
31 19/10/2021 08.00 16.30
Menyempurnakan tampilan
32 20/10/2021 08.00 16.30
web profile tirta turus asri
Menyempurnakan tampilan web
33 21/10/2021 08.00 16.30
profile tirta turus asri
Penyempurnaan tampilan web profile
34 22/10/2021 08.00 16.30
tirta turus asri
Menyempurnakan tampilan web
35 25/10/2021 08.00 16.30
profile tirta turus asri
Penyempurnaan tampilan web profile
36 26/10/2021 08.00 16.30
tirta turus asri
Menyempurnakan tampilan web
37 27/10/2021 08.00 16.30
tagihan warga tirta turus asri
35
08.00 16.30 Melanjutkan merakit perangkat node
85 3/1/2022
turus asri
08.00 16.30 Membantu merakit perangkat
86 4/1/2022
koordinator turus asri
08.00 16.30 Melanjutkan membantu merakit
87 4/1/2022
perangkat koordinator turus asri
08.00 16.30 Desain pamflet turus asri farm
88 5/1/2022
Mengajukan,
Menyetujui,
Mahasiswa
Direktur Omah IoT
37
LAMPIRAN 2
Source code web sistem informasi pengelolaan air Tirta Turus Asri
<?php
session_start();
include "function.php";
$sa = new air();
$conn = $sa->koneksi();
$username = $_GET['u'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="./">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no'
name='viewport' />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="CoreUI - Open Source Bootstrap Admin
Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword"
content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboar
d">
38
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-
awesome.min.css">
</head>
<body>
<?php kepala_admin();
$page = (isset($_GET['page'])) ? $_GET['page'] : 0; ?>
<div class="main-panel">
<script src="../assets/js/core/jquery.min.js"></script>
<script src="../node_modules/GaugeMeter.js"></script>
<script src="../assets/js/core/popper.min.js"></script>
<script src="../assets/js/core/bootstrap-material-design.min.js"></script>
<script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
<script src="../assets/js/plugins/moment.min.js"></script>
<script src="../assets/js/plugins/sweetalert2.js"></script>
<script src="../assets/js/plugins/jquery.validate.min.js"></script>
<script src="../assets/js/plugins/jquery.bootstrap-wizard.js"></script>
<script src="../assets/js/plugins/bootstrap-selectpicker.js"></script>
<script src="../assets/js/plugins/bootstrap-datetimepicker.min.js"></script>
<!-- <script src="../assets/js/plugins/jquery.dataTables.min.js"></script> -->
<script src="../assets/js/plugins/bootstrap-tagsinput.js"></script>
<script src="../assets/js/plugins/jasny-bootstrap.min.js"></script>
<script src="../assets/js/plugins/fullcalendar.min.js"></script>
<script src="../assets/js/plugins/jquery-jvectormap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>
<script src="../assets/js/plugins/arrive.min.js"></script>
<script src="../assets/js/plugins/chartist.min.js"></script>
<script src="../assets/js/plugins/bootstrap-notify.js"></script>
<script src="../assets/js/material-dashboard.js?v=2.1.2"
type="text/javascript"></script>
<!-- <script src="../node_modules/jquery-3.5.1.min.js"></script> -->
<script src="../node_modules/GaugeMeter.js"></script>
39
<script src="../node_modules/bootstrap.min.js"></script>
<script src="../node_modules/pace.min.js"></script>
<script src="../node_modules/perfect-scrollbar-0.4.5.min.js"></script>
<script src="../node_modules/Chart.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></
script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></
script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gauge.js/1.3.7/gauge.min.js"></
script>
<script src="../node_modules/highcharts.js"></script>
<script src="../node_modules/exporting.js"></script>
<script src="../node_modules/export-data.js"></script>
<script src="../node_modules/accessibility.js"></script>
$("#add_data-data_user").click(function() {
$("#data-data_user").hide();
$("#crud-data_user").show();
});
function searching_data_user() {
var key = $('#search').val();
search_data_user(key);
}
//END
//MENAMBAHKAN USER
function sendData_data_user() {
var form_empty = false;
$('#userform input').each(function() {
if ($(this).val() === "") {
form_empty = true;
}
})
if (form_empty) {
alert("Data Belum Terisi")
} else {
}
}
//END
//MENAMPILKAN USER
function getData_data_user() {
$.ajax({
url: '../ta/olah.php',
data: {
p: 'read'
},
method: 'POST',
success: function(response) {
// console.log(response);
res = JSON.parse(response);
var list = "";
var hal = 0;
42
},
error: function(response) {
// console.log(response);
}
});
}
// END
function updateData_data_user() {
// console.log("oke");
var data = $('#editform').serialize() + '&p=edituser';
$.ajax({
url: '../ta/olah.php',
method: 'post',
data: data,
success: function(response) {
// console.log(response);
$('#editmodal').modal('hide');
// Swal.fire({
// position: 'middle',
// icon: 'success',
// title: 'Data berhasil diedit',
// showConfirmButton: false,
// timer: 1500
// })
// search();
window.location.reload();
}
})
}
43
//END
id: id_data,
p: 'hapus',
},
success: function(response) {
// console.log(response);
Swal.fire({
title: 'Data berhasil dihapus',
type: 'success',
}).then((result) => {
window.location.reload();
})
}
})
}
})) {
}
});
</script>
</body>
</html>
44