Gambar 45. Tampilan Menu [Awal] Software Aplikasi Web SIPOP

V.

APLIKASI WEB SIPOP

Aplikasi Web Sistem Informasi Persistent Organic Pollutants (SIPOP) adalah aplikasi berbasis web yang hanya dapat dijalankan menggunakan program aplikasi web browser seperti Internet Explorer, Opera, Chrome, atau Firefox Mozzila, dan lain-lain. Aplikasi Web SIPOP dapat dijalankan dalam modus offline. Namun database POPs dan B3 serta database Teknologi dalam aplikasi web SIPOP ini hanya dapat dijalankan dalam modus online. Gambar berikut ini adalah tampillan aplikasi web SIPOP.

Frame Kiri (Menu)

Frame Kanan (Isi)

Gambar 45. Tampilan Menu [Awal] Software Aplikasi Web SIPOP 5.1. Menu Aplikasi Web SIPOP Di dalam aplikasi web SIPOP terdapat beberapa menu yang diletakkan pada bagian frame sebelah kiri. Menu ini dapat diklik dan menampilkan hasilnya ke dalam frame sebelah kanan. Berikut ini adalah menu-menu yang ada di dalam aplikasi web SIPOP :  Menu [ Awal ] digunakan untuk membuka tampilan aplikasi web SIPOP seperti gambar di atas. Menu ini terdiri dari dua konten, yaitu ‘Apa itu POPs?’ yang memberikan penjelasan singkat tentang POPs dan ‘Tentang SIPOP’ yang memberikan penjelasan singkat tentang kegiatan pengembangan SIPOP.  Menu [ Pencemar POPs ] terdiri dari dua sub menu, yaitu ‘Dirty Dozen’ yang menyediakan artikel berisikan penjelasan untuk 12 bahan pencemar POPs dan sub menu ‘9 New POPs’ yang menyediakan artikel berisikan penjelasan untuk 9 bahan POPs yang masih baru. - 28 -

 Menu [ Database ] terdiri dari 3 konten, yaitu database ‘POPs & B3’, database ‘Teknologi’ dan database ‘Kepakaran’ (link ke situs sistem informasi direktori kepakaran LIPI).  Menu [ Paket Teknologi ] digunakan untuk membuka dokumentasi yang berisi paket-paket teknologi penanganan POPs.  Menu [ Galeri POPs ] terdiri dari 3 konten, yaitu ‘Slide Foto POPs’ untuk menampilkan foto-foto yang menjelaskan bahaya bahan pencemar POPs, ‘Video Klip Edukasi’ untuk menampilkan tayangan edukasi yang menerangkan POPs kepada masyarakat, dan ‘Iptek untuk kita’ untuk menampilkan artikel iptek yang dapat menambah wawasan masyarakat tentang bahaya POPs.  Menu Regulasi digunakan untuk mengakses beberapa dokumentasi tentang regulasi dan peraturan perundangan yang berhubungan dengan POPs.  Menu Web Link digunakan untuk menghubungkan akses informasi ke situs lain yang berhubungan dengan POPs. Untuk membuka seluruh sub menu di dalamnya dapat digunakan tombol “Open All” dan untuk menutup seluruh sub menu digunakan tombol “Close All”

Gambar 46. Tampilan Menu Tree SIPOP - 29 -

5.1.1. Menu Awal Menu awal memberikan informasi judul sistem informasi dan nama institusi penyedia informasi serta alamat kantor penyedia informasi. Berikut ini adalah tampilan halaman web menu awal dengan judul Sistem Informasi Persistent Organic Pollutants (POPs) disingkat SIPOP dengan penyedia informasi Pusat Teknologi Lingkungan BPPT.

Gambar 47. Tampilan Halaman Web Menu Awal Konten pertama dalam menu awal adalah konten ‘Apa itu POPs’ yang menguraikan secara lengkap tentang bahan pencemar POPs berikut jenis-jenisnya yang sudah dilarang dengan tampilan seperti gambar di bawah ini. Scroll bar di sebelah kanan window dapat digunakan untuk membaca artikelnya hingga halaman terakhir.

Gambar 48. Tampilan Halaman Web Konten ‘Apa itu POPs’ - 30 -

Konten kedua dalam menu awal SIPOP adalah ‘Tentang SIPOP’ yang menjelaskan tentang kegiatan pengembangan sistem informasi ini dan rencana kerja dengan beberapa mitra kerjasama.

Gambar 49. Tampilan Halaman Web Konten ‘Tentang SIPOP’ 5.1.2. Menu Pencemar POPs Menu Pencemar POPs terdiri dari dua sub menu, yaitu sub menu ‘Dirty Dozen’ dan sub menu ‘9 New POPs’ yang dapat digunakan untuk menampilkan uraian masingmasing bahan POPs yang sudah dilarang dari hasil kegiatan konvensi stockholm. Keduapuluh satu bahan pencemar POPs tersebut adalah : Tabel 1. Bahan Pencemar POPs yang Sudah Dilarang

Kategori Dirty Dozen 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

Aldrin Chlordane DDT Dieldrin Endrin Heptachlor Hexachlorobenzene Mirex Toxaphene PCBs Dioxin Furan

Kategori 9 New POPs 1. 2. 3. 4. 5. 6. 7. 8. 9.

- 31 -

Chlordecone HBB Lindane Alpha HCH Beta HCH Tetra & Penta BDE Hexa & Hepta BDE PFOS PeCB

Gambar berikut ini adalah tampilan salah satu halaman web konten informasi bahan pencemar POPs yang termasuk ke dalam kategori ‘Dirty Dozen’ dan ‘9 New POPs’. Di dalamnya akan dijelaskan mengenai sifat fisika dan kimia bahan POPs tersebut, sejarah penggunaanya, bentuk pencemaran ke lingkungan, pengaruhnya terhadap kesehatan manusia dan hewan serta foto produk di pasaran yang mengandung bahan pencemar POPs tersebut.

Gambar 50. Tampilan Halaman Web Konten Dirty Dozen ‘Chlordane’

Gambar 51. Tampilan Halaman Web Konten 9 New POPs ‘Lindane’ - 32 -

5.1.3. Menu Database Menu database yang disajikan pada SIPOP versi 1.0 kali ini terdiri dari dua konten sub menu, yaitu :   

Sub menu database POPs dan B3 dengan konten data ada dalam paket aplikasi ini, namun beberapa informasi rinci merujuk pada alamat di situs lain. Sub menu database Teknologi dengan konten data ada dalam paket aplikasi ini dan beberapa informasi rinci merujuk pada alamat di situs www.enviro.bppt.go.id www.kelair.bppt.go.id. Sub menu database Kepakaran dengan konten data merujuk pada situs sistem informasi direktori kepakaran yang dikelola oleh LIPI.

5.1.3.1.

Sub Menu Database POPs dan B3

Tampilan sub menu database POPs dan B3 memberikan informasi Rekapitulasi Jumlah Data POPs & B3 pada bagian atasnya, di bagian bawahnya terdapat menu Pencarian Cepat (Quick Search), Pencarian Spesifik (Specific Search) dan Pengelolaan Data (Database Maintenance) seperti gambar berikut ini.

Gambar 52. Tampilan Halaman Web Konten Database POPs dan B3 Pada gambar halaman web di atas, informasi rekapitulasi jumlah data POPs dan B3 yang disajikan berdasarkan status penggunaannya, yaitu dilarang dipergunakan, masih dipergunakan dan terbatas dipergunakan. Pada menu berikutnya disediakan dua menu pencarian data POPs dan B3, yaitu Pencarian Cepat dan Pencarian Spesifik. - 33 -

5.1.3.1.1. Menu Pencarian Cepat (Quick Search). Pada menu ini, pengguna hanya menuliskan kata kunci data POPs atau B3 yang akan dicari. Mesin pencari akan menelusurinya secara acak pada kolom Nomor CAS, Kode HS, Nama Dagang, Nama IUPAC, Nama Trivial, Rumus Molekul, Sifat Fisik, Kegunaan, Dampak Kesehatan, Penanganan Resiko, Alat Pelindung Diri (APD), Sifat Bahaya, Status Penggunaan, Status Stockholm, atau keterangan lain dalam file database.

Gambar 53. Pencarian Data Melalui Menu Pencarian Cepat Cara penggunaanya adalah : 1. Ketikkan kata kunci yang akan dicari pada kolom isian. 2. Klik tombol [Cari] untuk mulai mencari data POPs dan B3, atau 3. Klik tombol [Reset] untuk menghapus kata kunci pada kolom isian. 5.1.3.1.2. Menu Pencarian Spesifik (Spesific Search). Pada menu ini, pengguna harus memilih salah satu basis pencarian, yaitu : Nomor CAS, Kode HS, Nama Dagang, Nama IUPAC, Nama Trivial, Rumus Molekul, Sifat Fisik, Kegunaan, Dampak Kesehatan, Penanganan Resiko, Alat Pelindung Diri (APD), Sifat Bahaya, Status Penggunaan, Status Stockholm, atau keterangan lainnya. Kemudian menuliskan kata yang akan dicari dalam database POPs dan B3.

Gambar 54. Pencarian Data Melalui Menu Pencarian Spesifik Cara penggunaanya adalah : 1. Klik tanda panah ke bawah [] pada kolom ‘Pencarian Berdasarkan :’. 2. Pilih salah satu basis pencarian. 3. Ketikkan kata kunci yang akan dicari sesuai basis pencarian pada kolom kata yang akan dicari. 4. Klik tombol [Cari Dari Database] untuk mulai penelusuran data, atau 5. Klik tombol [Bersihkan Form Isian] untuk mengubah basis pencarian dan menghapus kata kunci pada kolom kata yang dicari. Mesin pencari akan menelusuri data pada salah satu kolom dalam file database berasarkan basis pencarian yang telah ditentukan. Dalam contoh di atas, mesin pencari hanya akan mencari pada kolom data ‘Status Penggunaan’ dan menampilkan hasilnya ke layar monitor. - 34 -

Kedua cara pencarian ini baik pencarian cepat maupun pencarian spesifik akan menghasilkan hasil pencarian yang ditampilkan dalam format yang sama, yaitu masingmasing record data memuat informasi sebagai berikut : A. B. C. D. E. F. G. H. I. J. K. L. M.

No Urut Nomor CAS Kode HS Nama Dagang Nama IUPAC Nama Trivial Rumus Molekul Rumus Struktur Berat MR Sifat Fisik Titik Didih Titi Lebur Kelarutan

N. O. P. Q. R. S. T. U. V. W. X. Y.

Densitas Tekanan Uap Kegunaan Dampak Kesehatan Penanganan Resiko APD Kelas Bahaya Sifat Bahaya Simbol Bahaya Status Penggunaan Status Stockholm Info Lengkap URL

Tampilan halaman web hasil pencarian cepat maupun hasil pencarian spesifik akan terlihat seperti pada gambar di bawah ini. Semua informasi mengenai data yang dicari akan ditampilkan ke layar monitor termasuk informasi gambar rumus struktur dan simbol bahayanya. Informasi lebih lengkap lainnya mengenai data yang dimaksud seperti pengaruhnya terhadap kesehatan manusia dan lingkungan dapat ditelusuri lebih lanjut dengan memilih alamat link pada kolom ‘Info Lengkap URL : ’ yang terturlis dengan warna biru dan bergaris bawah di bagian akhir informasi tersebut.

Gambar 55. Tampilan Halaman Web Hasil Pencarian Cepat - 35 -

Informasi detail bahan POPs dan B3 yang ditelusuri bisa berasal dari bagian konten sistem informasi POPs sendiri atau merujuk pada alamat pada situs lain seperti contoh tampilan halaman web di bawah ini.

Gambar 56. Tampilan Halaman Web Informasi Detail Bahan POPs dan B3 5.1.3.1.3. Menu Pengelolaan Data (Database Maintenance) Menu ini digunakan untuk mengelola data POPs dan B3 dalam aplikasi web ini yang terdiri dari tabel data POPs dan B3 serta tabel data bahaya. Untuk mengaktifkan menu ini klik tombol [Database Maintenance] yang ada di bawah window seperti gambar berikut.

Gambar 57. Menu Pengelolaan Data (Database Maintenance) Sebelum masuk ke window pengelolaan database, pengguna diminta untuk melakukan prosedur login dahulu. Oleh karena itu disarankan hanya administrator dan operator database saja yang memiliki kode akses ke dalam menu ini. Ketikkan kode login yang telah didaftarkan pada kolom ‘Username’ lalu tekan tombol [OK]. Selanjutnya ketikkan kata kunci pada kolom ‘Password’ lalu tekan tombol [OK].

Gambar 58. Prosedur Login Pada Window Pengelolaan Data - 36 -

Jika kode login atau kata kunci yang diketikkan salah, komputer akan menampilkan pesan seperti pada gambar di bawah ini, klik tombol [OK] untuk mengulanginya kembali. Jika belum terdaftar laporkan ke administrator database untuk mendaftarkannya secara manual kode login dan kata kunci yang diinginkan.

Gambar 59. Pesan Kesalahan Pada Prosedur Login 5.1.3.2. Pengelolaan Data POPs dan B3 Jika pengguna telah berhasil melakukan prosedur login, maka window Pengelolaan Database POPs dan B3 akan tampil ke layar monitor seperti pada gambar di bawah ini. Menu ini digunakan untuk pengelolaan dan pemeliharaan database oleh administrator. Administrator dapat menambah, menghapus, menyunting dan memantau status database POPs dan B3 yang tersedia dalam aplikasi web SIPOP ini.

Gambar 60. Tampilan Halaman Web Window Pengelolaan Database POPs dan B3

- 37 -

Pada window pengelolaan database POPs dan B3 terdapat beberapa ikon untuk membuka menu-menu pengelolaan data untuk Tabel Data POPs dan B3. Fungsi masingmasing ikon tersebut adalah : Ikon Status digunakan untuk menampilkan menu ini, yaitu Tabel Rekapitulasi Data POPS dan B3 yang ada di dalam database. Ikon Edit digunakan untuk editing (menambah / menyunting / menghapus) record data POPs dan B3 yang dapat dilakukan secara remote juga. Ikon MyAdmin digunakan untuk mengelola tabel data POPs dan B3 menggunakan tools phpMyAdmin. Ikon Telusur digunakan untuk mencari dan menyunting record data POPs dan B3 dengan Tools Database Record Selector & Editor (DBRSE). Selain terdapat beberapa menu ikon untuk pengelolaan database, pada bagian bawah window ini ditampilkan kembali informasi tabel rekapitulasi database POPs dan B3 yang ada dalam aplikasi web SIPOP. Jumlah datanya dihitung berdasarkan status penggunaan yang ada di dalam tabel. 5.1.3.2.1. Form Editing Data POPs dan B3 Untuk menyunting data POPs dan B3 dapat dilakukan beberapa cara. Salah satunya adalah dengan menggunakan form isian ini. Pada form ini, pengguna dapat melihat data (Preview) dengan menavigasikan record selector yang ada di bagian bawah form tersebut. Selain itu pengguna dapat menyunting isi data (Edit), menambahkan data baru (Add/Append) atau menghapus data dari dalam tabel (Delete).

Form isian data

Record Selector

Ikon operasi Tabel Data

Gambar 61. Tampilan Halaman Web Form Editing Data POPs dan B3 - 38 -

Tampilan form editing data POPs dan B3 pada gambar di atas terdiri dari 3 bagian, yaitu :    

Form isian data yang digunakan untuk menyunting data POPs dan B3. Record selector dan status record yang dapat digunakan untuk menavigasikan record data dan mengetahui posisi record data. Ikon operasi yang dapat digunakan untuk menyimpan, mengupdate, menghapus atau menampilkan laporan data. Tabel data yang digunakan untuk menampilkan data POPs dan B3 dalam bentuk tabel dengan urutan data terkini.

Cara penggunaan form editing data POPs dan B3 adalah : 1. Isi kolom isian berikut dengan benar : 

Nomor Urut akan terisi secara otomatis dengan nomor urut pendataan.



Nomor CAS diisi dengan nomor chemical abstract service (identitas bahan kimia).



KodeHS (Harmonized System Code) diisi dengan kode standar harmonisasi.



Nama Dagang diisi degan nama lain / sinonim yang biasanya digunakan atau digunakan untuk merk dagang.



Nama IUPAC (International Union of Pure and Applied Chemistry) diisi dengan nama penamaan standar internasional untuk bahan tersebut.



Nama Trivial diisi dengan nama umum yang biasa digunakan dalam penamaan senyawa POPs dan B3.



Sifat Fisik diisi dengan keterangan berupa wujud fisik, warna yang menggambarkan bentuk / sifat fisik dari senyawa POPs dan B3.



Berat MR (Molekul Relatif) diisi dengan nilai perbandingan massa 1 molekul unsur atau senyawa terhadap massa atom C-12 dalam satuan g/mol.



Titik Didih diisi dengan nilai standar titik didih yang ditetapkan oleh IUPAC, yaitu suhu dimana pendidihan terjadi pada tekanan 1 bar dalam satuan oC.



Titik Lebur diisi dengan nilai suhu di mana benda tersebut akan berubah wujud menjadi benda cair dalam satuan oC.



Kelarutan diisi dengan nilai kemampuan suatu zat kimia tertentu, zat terlarut (solute), untuk larut dalam suatu pelarut (solvent) dalam satuan g/100 ml.



Sifat Bahaya diisi dengan memilih salah satu pilihan sifat bahaya yang disediakan, yaitu :          

Eksplosif Gas Pengoksidasi Gas Bertekanan Cairan Mudah Menyala Padatan Mudah Menyala Bahan Yang Dapat Bereaksi Sendiri Padatan Piroporik Bahan Yang Dapat Menimbulkan Panas Sendiri Bahan Yang Apabila Kontak Dengan Air Menyebabkan G... Cairan Pengoksidasi - 39 -

             

Padatan Pengoksidasi Peroksida Organik Korosif Terhadap Logam Toksisitas Akut Korosifitas / Iritabilitas Pada Kulit Kerusakan Parah / Iritasi Pada Mata Sensitasi Saluran Pernafasan / Kulit Mutagenitas Sel Induk Karsinogenitas Toksisitas Terhadap Reproduksi Toksisitas Sistemik Pada Organ Target Spesifik Kar... Toksisitas Sistemik Pada Organ Target Spesifik Kar... Bahaya Aspirasi Bahaya Terhadap Lingkungan Akuatik / Perairan



Simbol Bahaya akan terisi secara otomatis dengan nama file gambar dan gambarnya dalam format jpg yang sesuai dengan sifat bahaya yang dipilih.



Densitas diisi dengan nilai ukuran kerapatan suatu zat yang dinyatakan banyaknya zat (massa) per satuan volume dalam satuan g/cm3.



Tekanan Uap diisi dengan nilai tekanan suatu uap pada kesetimbangan dengan fase bukan uapnya dalam satuan Pa.



Kegunaan diisi dengan keterangan kegunaan dari bahan POPs dan B3 yang dimaksud.



Dampak Kesehatan diisi dengan dampak bahan POPs dan B3 terhadap kesehatan manusia.



Penanganan Resiko diisi dengan cara penanganan yang harus dilakukan apabila seseorang terpapar bahan POPs dan B3 tersebut.



Alat Pelindung Diri (APD) diisi dengan nama alat pelindung diri yang perlu digunakan apabila seseorang bekerja dengan bahan POPs dan B3 tersebut.



Status Penggunaan diisi dengan status izin penggunaan di Indonesia (Dilarang Dipergunakan, Masih Dipergunakan, atau Terbatas Dipergunakan)



Status Konvensi diisi dengan status senyawa POPs dan B3 yang telah ditetapkan oleh Konvensi Stockholm sebagai dirty dozen POPs atau 9 new POPs.



Rumus Molekul diisi dengan rumus kimia yang memberikan informasi tentang jenis unsur pembentuk satu molekul senyawa dan jumlah atom masing-masing unsurnya.



Keterangan diisi dengan keterangan lain mengenai senyawa atau bahan POPs dan B3 tersebut.



Rumus Struktur diisi dengan memilih nama file gambar rumus kimia yang menggambarkan posisi atau kedudukan atom dan jenis ikatan antar atom pada molekulnya. Caranya adalah dengan mengupload nama file gambar rumus struktur tersebut, yaitu :  Klik tombol [Browse] untuk memilih nama file gambar rumus struktur yang akan diupload.  Pindah ke folder tempat file gambar rumus struktur berada.  Pilih nama file gambarnya lalu pilih tombol [Open] untuk memilihnya. - 40 -



File Gambar akan terisi secara otomatis saat nama file gambar rumus struktur telah dipilih atau akan terisi ‘noimage.jpg’ jika nama file gambar rumus struktur tidak dipilih.

Gambar 62. Tampilan Halaman Web Pemelihan File Gambar dan B3 2. Pilih salah satu menu tombol atau ikon pengoperasian data, yaitu : 

Ikon tombol [Append] atau ikon Append Data POPs dan B3.



Ikon tombol [Update] atau ikon Update Data dan B3.

untuk menambah data POPs



Ikon tombol [Delete] atau ikon Delete Data dan B3.

untuk menambah data POPs



Ikon ikon Reload Data untuk memanggil dan menampilkan datanya kembali ke layar monitor. Ikon tombol [Reset] mengembalikan kolom isian form pada data yang semula.



untuk menambah data

3. Jika telah selesai melakukan penambahan data, editing data dan penghapusan data, maka data terkini akan dimunculkan pada tabel data POPs dan B3 yang ada di bagian bawah window.

Gambar 63. Tabel Data POPs dan B3 4. Beberapa meu pada ikon operasi lain yang dapat digunakan adalah : 

Ikon Tabel Data digunakan untuk menampilkan tabel data POPs dan B3 dalam window yang terpisah.

- 41 -



Ikon Laporan Satuan Data untuk current record yang digunakan untuk menampilkan laporan satuan data pada posisi record yang muncul di layar monitor dalam window yang terpisah.



Ikon Laporan Satuan Data untuk seluruh record yang digunakan untuk menampilkan laporan satuan seluruh data POPs dan B3 yang ada di dalam tabel dalam window yang terpisah.

Gambar 64. Tampilan Laporan Tabel Data POPs dan B3

Gambar 65. Tampilan Laporan Data Satuan POPs dan B3 - 42 -

Dari semua kolom isian di atas, kolom yang wajib diisi dan tidak boleh kosong adalah Nomor CAS. Jika kolom ini tidak diisi, maka komputer akan menampilkan pesan error seperti pada gambar berikut di bawah ini.

Gambar 66. Pesan Error Jika Nomor CAS Tidak Diisi Sedangkan untuk kolom isian angka seperti Berat MR, Titik Didih, Titik Lebur, Kelarutan, Densitas dan Tekanan Uap harus diisi dengan bilangan dan tidak boleh diisi dengan karakter lain. Jika diisi dengan karakter lain, maka komputer akan menampilkan pesan error sesuai dengan nama kolom isiannya seperti contoh gambar berikut ini.

Gambar 67. Pesan Error Jika Nomor Kolom Isian Angka Diisi Karakter Lain Untuk mencegah duplikasi data, maka Nomor Urut akan dibuat secara otomatis oleh komputer. Selain itu Nomor CAS juga tidak boleh sama dengan Nomor CAS yang telah ada di dalam tabel data. Nomor CAS ini adalah unik sehingga tidak boleh sama antara record data yang satu dengan record data yang lain. Komputer akan menampilkan pesan error seperti pada gambar di bawah ini, jika Nomor CAS yang dimasukkan telah ada di dalam tabel data.

Gambar 68. Pesan Error Jika Nomor CAS Sudah Ada di Dalam Tabel Jika semua kondisi kolom isian data sudah benar, maka data baru akan disimpan ke dalam tabel data ‘popdanb3’ dalam database ‘sipop’ dan akan ditampilkan pada record data pertama dalam tabel data POPs dan B3 yang ada di bagian bawah ini.

- 43 -

5.1.3.2.2. Pengelolaan Tabel Data POPs dan B3 Menggunakan phpMyAdmin Di dalam aplikasi server Xampp terdapat tools phpMyAdmin yang dapat digunakan untuk mengakses sebuah tabel di dalam database yang dikelola oleh aplikasi server database MySQL. Dengan phpMyAdmin ini pula pengelolaan tabel data POPs dan B3 dapat dilakukan dengan mudah. Penggunaan tools phpMyAdmin ini hanya dapat dilakukan oleh administrator database. Aplikasi phpMyAdmin merupakan aplikasi sumber terbuka yang berguna untuk mengelola sebuah database berbasis web. Banyak fitur yang disediakan oleh tools ini untuk mengelola database POPs dan B3, namun pada sub bab ini hanya akan dijelaskan fitur pengelolaan yang meliputi browsing, editing, dan menghapus record data. Berikut ini adalah langkah-langkah yang dapat digunakan untuk mengelola tabel data POPs dan B3 menggunakan tools phpMyAdmin. 1.

Klik ikon MyAdmin yang berada di bawah label Tabel Data POPs dan B3, maka program browser akan membuka tabel data tersebut dan menampilkannya ke layar monitor.

Gambar 69. Membuka Window Tabel Data POPs dan B3 Teknologi Dengan phpMyAdmin 2.

Tabel data POPs dan B3 akan ditampilkan pada frame bagian bawah ini seperti gambar di bawah ini.

Gambar 70. Tampilan Halaman Web Aplikasi phpMyAdmin - 44 -

3.

Pada bagian atas window terdapat menu untuk mengakses tabel data seperti pada gambar berikut.

Gambar 71. Menu Mengakses Tabel Data POPs dan B3 Dengan phpMyAdmin Menu untuk memanipulasi data terletak di bagian atas halaman web ini, yaitu :  Menu Browse digunakan untuk menampilkan seluruh isi tabel data POPs dan B3 dalam bentuk tabel data.

Gambar 72. Menu Browse Untuk Menampilkan Tabel Data POPs dan B3  Menu Structure digunakan untuk menampilkan struktur tabel data POPs dan B3. Pada menu ini pengguna dapat menambah atau mengubah field tabel. Namun tidak disarankan untuk mengubahnya karena akan menyebabkan aplikasi web SIPOP tidak bisa berjalan dengan baik.

Gambar 73. Menu Structure Untuk Menampilkan Struktur Tabel Data POPs dan B3 - 45 -

 Menu SQL digunakan untuk menuliskan perintah pemanggilan data menggunakan bahasa standar (Structural Query Language).

Gambar 74. Menu SQL Untuk Menjalankan Perintah Manipulasi Data POPs dan B3  Menu Search digunakan untuk mencari data tertentu dan menampilkannya ke dalam tabel data.

Gambar 75. Menu Search Untuk Pencarian Data POPs dan B3  Menu Insert digunakan untuk menyisipkan atau menambahkan data baru ke dalam tabel data POPs dan B3.

Gambar 76. Menu Insert Untuk Menambah Data POPs dan B3 - 46 -

 Menu Export digunakan untuk mengexport tabel data POPs dan B3 ke dalam format lain (Excel, SQL, dan lainnya).

Gambar 77. Menu Export Untuk Mengekspor Data POPs dan B3  Menu Import digunakan untuk mengimpor data dalam format lain (Excel, SQL dan lainnya) ke dalam tabel data POPs dan B3.

Gambar 78. Menu Import Untuk Mengimport Data POPs dan B3  Menu Operasions digunakan menjalankan perintah untuk menghapus tabel data, memindahkan tabel data ke database lain, mengubah nama tabel, nama field tabel, menyalin struktur tabel data atau menyalin seluruh isi data ke dalam tabel lain, mengosongkan data dan menghapus tabel data. Tidak disarankan menggunakan menu ini selain administrator aplikasi web SIPOP.

Gambar 79. Menu Operations Untuk Memanipulasi Tabel Data POPs dan B3 - 47 -

 Menu Tracking digunakan untuk membuat versi database dengan menyusun tracking pernyataan definisi data dan pernyataan manipulasi data.

Gambar 80. Menu Tracking Untuk Membuat Versi Database  Menu Triger digunakan untuk mendifinisikan even triger tabel data.

Gambar 81. Menu Triger Untuk Even Triger Tabel Data 4.

Pada bagian atas tabel data POPs dan B3 terdapat menu navigasi record menampilkan data dan untuk menentukan kondisi/setting tampilan data dalam tabel.

Gambar 82. Menu Navigasi dan Setting Tabel Data Pada phpMyAdmin Fungsi dari beberapa tombol dan kolom dalam menu ini adalah sebagai berikut:  Tombol [<<] digunakan untuk menuju record data awal/pertama (Top/First).  Tombol [ < ] digunakan untuk menuju record data sebelumnya (Previous).  Pulldown menu [2 ▼] digunakan untuk menampilkan tabel data sesuai dengan nomor urut halaman web.  Tombol [ > ] digunakan untuk menuju record data berikutnya (Next).  Tombol [>>] digunakan untuk menuju record data terakhir (Last). - 48 -

 Kolom Show : Starting row : diisi dengan nomor awal record data yang ingin ditampilkan pertama kali dalam tabel data. Dalam contoh di atas adalah record data ke 60.  Menu Number of rows diisi dengan jumlah baris tampilan tabel data. Dalam contoh di atas adalah 30 baris.  Menu Headers every diisi dengan jumlah baris data yang akan ditampilkan di setiap header. Contoh di atas headers akan berulang setiap 100 baris.  Pulldown Menu Sort by key : [ None ▼ ] diisi dengan memilih pengurutan tampilan data (sort) berdasarkan primary key. Defaultnya adalah ‘None’ atau tidak diurutkan. 5.

Di masing-masing record data terdapat ikon check box, edit dan delete seperti gambar di bawah ini. Untuk menghapus atau mengedit data klik terlebih dahulu ikon check box.  

Ikon Edit untuk menyunting record data.



Ikon Copy untuk menyalin record data

 6.

Ikon Kolom untuk mencentang / memilih kolom record data.

Ikon Hapus untuk menghapus record data.

Pada bagian bawah window dan bagian akhir tabel data terdapat menu seperti gambar di bawah ini yang berguna untuk menentukan kondisi/setting tampilan data dalam tabel, menavigasikan record data, mencetak data dan lainya.

Gambar 83. Menu Pengoperasian Data di Bagian Bawah Fungsi dari dari beberapa tombol dan kolom dalam menu ini adalah sebagai berikut : 

Ikon Check All digunakan untuk mengaktifkan check box (memilih) di seluruh record data yang tampil di dalam tabel data.



Ikon Change digunakan untuk menyunting record data yang check box nya telah diberi tanda centang ‘’.



Ikon Hapus digunakan untuk menghapus record data yang check box nya telah diberi tanda centang ‘’.



Ikon Hapus digunakan untuk mengirimkan record data yang check box nya telah diberi tanda centang ‘’. Tombol [<<] digunakan untuk menuju record data awal/pertama (Top/First). Tombol [ < ] digunakan untuk menuju record data sebelumnya (Previous). Pulldown menu [2 ▼] digunakan untuk menampilkan tabel data sesuai dengan nomor urut halaman web. Tombol [ > ] digunakan untuk menuju record data berikutnya (Next). Tombol [>>] digunakan untuk menuju record data terakhir (Last).

    

- 49 -

 Kolom Show : Starting row : diisi dengan nomor awal record data yang ingin ditampilkan pertama kali dalam tabel data. Dalam contoh di atas adalah record data ke 60.  Menu Number of rows diisi dengan jumlah baris tampilan tabel data. Dalam contoh di atas adalah 30 baris.  Menu Headers every diisi dengan jumlah baris data yang akan ditampilkan di setiap header. Contoh di atas headers akan berulang setiap 100 baris.  Pulldown Menu Sort by key : [ None ▼ ] diisi dengan memilih pengurutan tampilan data (sort) berdasarkan primary key. Defaultnya adalah ‘None’ atau tidak diurutkan.  Menu Print View dan Print View (with full texts) digunakan untuk mencetak tampilan tabel data ke printer atau ke file PDF.  Menu Export digunakan untuk mengekspor data pops dan B3 ke dalam berbagai macam format tabel data yang lain (Excel, CSV, TXT, ODT, DOC, dan lain-lain).  Menu Display Chart digunakan untuk menampilkan grafik data.  Menu Create View 7.

digunakan untuk mendefinisikan tabel view data.

Untuk mencetak data pastikan terlebih dahulu record data yang ingin ditampilkan dengan memilih kondisi pada kolom isian tombol Show : Start Row:, kolom isian Number of rows :, dan Headers every :. Klik menu Print View, maka tampilan preview laporan data akan ditampilkan ke dalam window atau tab control window yang terpisah seperti pada contoh gambar berikut ini.

Gambar 84. Tampilan Preview Laporan Data POPs dan B3 8.

Untuk mencetak ke printer, tentukan dulu nama printer nya melalui menu printer pada program aplikasi web browser yang digunakan. Untuk software Firefox adalah : Firefox  Print  Print. Atau tekan tombol keyboard Control+P.

- 50 -

Gambar 85. Tampilan Pilihan Printer Untuk Mencetak Laporan Data 5.1.3.2.3. Menambah dan Menghapus Data POPs dan B3 Dengan phpMyAdmin Langkah-langkah untuk menambah atau menghapus data bahan POPs ke dalam Tabel POPs dan B3 pada Database SIPOP adalah sebagai berikut : 1. Jika sudah berada dalam window tools phpMyAdmin, klik menu Insert untuk membuka form isian data POPs dan B3. 2. Jika belum berada dalam window tools phpMyAdmin, jalankan web browser terlebih dahulu dan buka alamat : http://localhost/phpmyadmin/ atau http://hostname/phpmyadmin/ 3. Klik menu database sipop yang ada di bagian sebelah kiri window. 4. Pilih tabel popdanb3 untuk menambah atau menghapus data POPs dan B3 dalam database SIPOP.

Gambar 86. Memilih Tabel POPs dan B3 Dalam Database SIPOP - 51 -

5. Klik Tab Insert untuk menambah data POPs dan B3. 6. Isikan data yang diminta di dalam kolom isian data sesuai dengan nama kolom (field) data, yaitu : a. b. c. d.

NomorUrut diisi dengan nomor urut pendataan dan tidak boleh duplikasi. NomorCAS diisi dengan nomor chemical abstract service KodeHS diisi dengan kode standar harmonisasi. NamaDagang diisi degan nama lain / sinonim yang biasanya digunakan atau digunakan untuk merk dagang. e. NamaIUPAC diisi dengan nama penamaan standar internasional untuk bahan tersebut. f. NamaTrivial diisi dengan nama umum yang biasa digunakan dalam penamaan senyawa POPs dan B3. g. RumusMolekul diisi dengan rumus kimia yang memberikan informasi tentang jenis unsur pembentuk satu molekul senyawa dan jumlah atom masing-masing unsurnya. h. RumusStruktur diisi dengan nama nama file rumus kimia yang menggambarkan posisi atau kedudukan atom dan jenis ikatan antar atom pada molekulnya dalam format jpg. i. BeratMR diisi dengan nilai perbandingan massa 1 molekul unsur atau senyawa terhadap massa atom C-12 dalam satuan g/mol. j. SifatFisik diisi dengan keterangan berupa wujud fisik, warna yang menggambarkan bentuk / sifat fisik dari senyawa POPs dan B3. k. TitikDidih diisi dengan nilai standar titik didih yang ditetapkan oleh IUPAC, yaitu suhu dimana pendidihan terjadi pada tekanan 1 bar dalam satuan oC. l. TitikLebur diisi dengan nilai suhu di mana benda tersebut akan berubah wujud menjadi benda cair dalam satuan oC. m. Kelarutan diisi dengan nilai kemampuan suatu zat kimia tertentu, zat terlarut, untuk larut dalam suatu pelarut (solvent) dalam satuan g/100 ml. n. Densitas diisi dengan nilai ukuran kerapatan suatu zat yang dinyatakan banyaknya zat (massa) per satuan volume dalam satuan g/cm3. o. TekananUap diisi dengan nilai tekanan suatu uap pada kesetimbangan dengan fase bukan uapnya dalam satuan Pa. p. Kegunaan diisi dengan keterangan kegunaan dari bahan POPs dan B3 yang dimaksud. q. DampakKesehatan diisi dengan dampak bahan POPs dan B3 terhadap kesehatan manusia. r. PenangananResiko diisi dengan cara penanganan yang harus dilakukan apabila seseorang terpapar bahan POPs dan B3 tersebut. s. Alat Pelindung Diri (APD) diisi dengan nama alat pelindung diri yang perlu digunakan apabila seseorang bekerja dengan bahan POPs dan B3 tersebut. t. SifatBahaya diisi dengan nomor kelas bahaya. u. Status Penggunaan diisi dengan status izin penggunaan di Indonesia. v. StatusStockholm diisi dengan status senyawa POPs dan B3 yang telah ditetapkan oleh Konvensi Stockholm sebagai dirty dozen POPs atau 9 new POPs. w. Keterangan diisi dengan keterangan lain mengenai senyawa atau bahan POPs dan B3 tersebut. x. LastUpdate diisi dengan tanggal dan jam perubahan data terakahir. - 52 -

Gambar 87. Menambah Data Pada Tabel popdanb3 Dalam Database SIPOP 7. Klik ikon [Go] untuk mulai menyimpan data ke dalam tabel popdanb3. 8. Setelah beberapa saat komputer akan menampilkan informasi mengenai perintah SQL yang dijalankan pada saat memasukkan data baru ke dalam tabel data POPs dan B3 seperti pada gambar di bawah ini.

Gambar 88. Perintah SQL Untuk Menambah Data Pada Tabel popdanb3 Perintah SQL untuk menambah data POPs & B3 dalam contoh di atas adalah:

- 53 -

INSERT INTO `sipop`.`popdanb3` (`NomorUrut`, `NomorCAS`, `KodeHS`, `NamaDagang`, `NamaIUPAC`, `NamaTrivial`, `RumusMolekul`, `RumusStruktur`, `BeratMR`, `SifatFisik`, `TitikDidih`, `TitikLebur`, `Kelarutan`, `Densitas`, `TekananUap`, `Kegunaan`, `DampakKesehatan`, `PenangananResiko`, ÀPD`, `SifatBahaya`, `StatusPenggunaan`, `StatusStockholm`, ÙRL`, `Keterangan`, `LastUpdate`) VALUES ('9999', '309-00-2', '', 'HHDN ', '1,2,3,4,10,10-Hexachloro1,4,4a,5,8,8a-hexahydro-1,4-endo,exo-5,8-dimethano-naphthaleneAldrin ', 'Aldrin ', 'C12H8Cl6 ', 'aldrin.jpg', '364,93', 'Tak berwarna dan tidak berbau', '293°F', '219°F', '20oC ', '0,027 ppb', '1.732g/cm3', '', '', '', '', '24 ', 'Dilarang dipergunakan', 'Dilarang dipergunakan', 'http://www.enviro.bppt.go.id/sipop/POPs/Aldrin/aldrin.htm ', 'Dirty Dozen POPs', '2014-08-06 00:00:00');

9. Klik Tab [Browse] dan ikon [>>] untuk melihat data POPs dan B3 yang baru saja dimasukkan yang berada pada record data terakhir.

Gambar 89. Melihat Data Pada Tabel Teknologi Dalam Database SIPOP 10. Pada tampilan gambar di atas menunjukkan tabel data popdanb3. Data yang baru saja dimasukkan ada di record data terakhir, yaitu dengan NomorUrut ‘9999 dan NomorCAS ‘309-00-2‘. 11. Ada 4 (empat) ikon penting dalam window di atas, yaitu : a.


b.


c.


d.


- 54 -

12. Untuk menghapus (delete) record data, beri tanda centang ‘’ kolom dengan mengklik ikon Kolom, lalu klik ikon Hapus, maka komputer akan menampilkan pesan konfirmasi seperti gambar di bawah ini.

Gambar 90. Konfirmasi Penghapusan Data Pada Tabel popdanb3 Dalam Database SIPOP 13. Klik tombol [OK] untuk mulai menghapus (delete) record data atau [Cancel] untuk membatalkannya. 14. Untuk menyunting (edit) record data, beri tanda centang ‘’ kolom dengan mengklik ikon Kolom, kemudian klik ikon Edit, maka komputer akan menampilkan record data tersebut dalam format penyuntingan.

Gambar 91. Menyunting Record Data POPs dan B3 Dengan phpMyAdmin 15. Tekan ikon [Go] jika telah selesai menyunting.

- 55 -

5.1.3.2.4. Pengelolaan Tabel Data Bahaya Dengan phpMyAdmin Tabel bahaya adalah tabel data untuk pengelolaan kode bahaya, kelas bahaya dan sifat bahaya bagi bahan pencemaran POPs dan B3 di dalam database SIPOP. Tabel ini dibuat merujuk pada metode pengelolaan pada MSDS. Berikut ini adalah langkah-langkah untuk mengelola tabel data bahaya menggunakan tools phpMyAdmin, yaitu : 1. Jika sudah berada dalam window tools phpMyAdmin, klik menu Insert untuk membuka form isian data POPs dan B3. 2. Jika belum berada dalam window tools phpMyAdmin, jalankan web browser terlebih dahulu dan buka alamat : http://localhost/phpmyadmin/ atau http://hostname/phpmyadmin/ 3. Klik menu database sipop yang ada di bagian sebelah kiri window dan pilih tabel bahaya untuk menyunting data bahaya dalam database SIPOP.

Gambar 92. Memilih Tabel Bahaya Dalam Database SIPOP 4. Klik Tab Browse untuk menampilkan data bahaya. 5. Pilih salah satu data dan beri tanda centang pada ikon kolom

.

6. Klik ikon Edit dan lakukan penyuntingan data bahaya pada kolom isian yang diperlukan, yaitu : a. b. c. d.

idbahaya diisi dengan nomor identifikasi atau nomor urut pendataan. sifatbahaya diisi dengan nomor diisi dengan nama sifat bahaya. kelasbahaya diisi dengan nomor klasifikasi bahaya. simbolbahaya diisi dengan nama file yang menyatakan simbol.

7. Jika telah selesai menyunting data, klik ikon [Go] di bagian bawah sebelah kanan window.

- 56 -

Gambar 93. Menyunting Data Bahaya Dalam Database SIPOP 5.1.3.2.5. Penelusuran Data POPs dan B3 Serta Data Bahaya Menggunakan DBRSE DBRSE adalah singkatan dari DataBase Record Selector and Editor. DBRSE merupakan aplikasi open source yang dapat digunakan untuk penelusuran data dalam database berbasis web menggunakan database server MySQL. Untuk penelusuran data POPs dan B3 serta data bahaya menggunakan tools DBRSE ini dapat dilakukan dengan cara sebagai berikut : 1. Klik ikon Telusur pada Menu Pengelolaan Database POPs dan B3. 2. Pilih tabel ‘popdanb3’ pada menu Pilihan Tabel.

Gambar 94. Pemilihan Tabel Data ‘popdanb3’ Dengan DBRSE 3. Tuliskan jumlah kolom yang akan ditampilkan ke layar monitor pada menu Jumlah Kolom. Nilai defaultnya adalah 4 kolom yang akan ditampilkan. 4. Tuliskan nomor awal record data pada menu Mulai nomor baris untuk menentukan permulaan data. Nilai defaultnya adalah 1 yang berarti dari awal record data. 5. Tuliskan jumlah baris yang ingin ditampilkan ke layar monitor pada menu Jumlah Baris. Nilai defaultnya adalah 0 yang berarti semua baris ditampilkan ke layar monitor. 6. Klik menu [Tampilkan Record Data] untuk mulai menampilkan semua record data pada kondisi pilihan menu di atas. - 57 -

Gambar 95. Hasil Penelusuran Data POPs dan B3 Dengan DBRSE 7. Pada bagian atas tampilan halaman web hasil penelusuran dengan DBRSE akan ditampilkan informasi umum tabel POPs dan B3 yang terdiri dari nama tabel, jumlah baris, jumlah total field data, dan jumlah field yang ditampilkan.

Gambar 96. Informasi Umum Tabel POPs dan B3 Arti dari masin-masing informasi tersebut di atas adalah sebagai berikut :    

Table Name berisi informasi mengenai nama tabel data. Rows berisi informasi jumlah baris record data yang ada di dalam tabel. Fields Total berisi informasi jumlah kolom / field tabel data dalam tabel. Fields Showing berisi informasi mengenai jumlah kolom / field tabel data yang ditampilkan ke layar monitor.  Goto To Daftar Tabel digunakan untuk menuju daftar tabel yang ada. 8. Setiap record data yang ditampilkan, terdapat menu edit dan menu hapus pada bagian kiri di setiap record data. Fungsi kedua menu tersebut adalah sebagai berikut :  Ikon Edit data

untuk menyunting record data yang bersangkutan.

 Ikon Delete data

untuk menghapus record data yang bersangkutan.

9. Menu [Ed] / edit / sunting data akan menyajikan seluruh kolom data / field pada tabel ‘popdanb3’ pada layar monitor agar dapat disunting oleh pengguna seperti pada gambar di bawah ini.

- 58 -

Gambar 97. Menyunting Record Data POPs dan B3 Dengan DBRSE 10. Setelah penyuntingan data POPs dan B3 selesai dilakukan, klik menu [Save] untuk menyimpan hasil perubahan record data ke dalam database. 11. Pada saat memilih menu [X] untuk menghapus salah satu record data, komputer akan memberikan konfirmasi penghapusan data. Pilih [OK] untuk menghapus dan [Cancel] untuk membatalkannya

Gambar 98. Konfirmasi Penghapusan Record Data POPs dan B3 Selain data POPs dan B3, DBRSE dapat juga digunakan untuk menyunting dan menelusuri data bahaya dengan cara sebagai berikut : 1. Klik ikon Telusur pada Menu Pengelolaan Database POPs dan B3. 2. Pilih tabel ‘bahaya‘ pada menu Pilihan Tabel. 3. Tuliskan j uga jumlah kolom yang akan ditampilkan ke layar monitor pada menu Jumlah Kolom. Nilai defaultnya adalah 4 kolom yang akan ditampilkan. 4. Kemudian tuliskan nomor awal record data pada menu Mulai nomor baris untuk menentukan permulaan data. Nilai defaultnya adalah 1 yang berarti dari awal record data. 5. Selanjutnya tuliskan jumlah baris yang ingin ditampilkan ke layar monitor pada menu Jumlah Baris. Nilai defaultnya adalah 0 yang berarti semua baris ditampilkan ke layar monitor. - 59 -

6. Klik menu [Tampilkan Record Data] untuk mulai menampilkan semua record data pada kondisi pilihan menu di atas.

Gambar 99. Pemilihan Tabel Data ‘bahaya’ Dengan DBRSE 7. Hasil penelusuran data akan terlihat seperti pada gambar di bawah ini.

Gambar 100. Hasil Penelusuran Data ‘bahaya’ Dengan DBRSE - 60 -

8. Pada bagian atas tampilan halaman web hasil penelusuran dengan DBRSE akan ditampilkan informasi umum tabel bahaya yang terdiri dari nama tabel, jumlah baris, jumlah total field data, dan jumlah field yang ditampilkan.

Gambar 101. Informasi Umum Tabel Bahaya Arti dari masin-masing informasi tersebut di atas adalah sebagai berikut :  Table Name berisi informasi mengenai nama tabel data.  Rows berisi informasi jumlah baris record data yang ada di dalam tabel.  Fields Total berisi informasi jumlah kolom / field tabel data dalam tabel.  Fields Showing berisi informasi mengenai jumlah kolom / field tabel data yang ditampilkan ke layar monitor.  Goto To Daftar Tabel digunakan untuk menuju daftar tabel yang ada. 9. Setiap record data bahaya yang ditampilkan, terdapat menu ikon edit dan menu ikon hapus pada bagian kiri di setiap record data. Fungsi kedua menu tersebut adalah sebagai berikut :  Ikon Edit data

untuk menyunting record data yang bersangkutan.

 Ikon Delete data

untuk menghapus record data yang bersangkutan.

10. Menu [Ed] / edit / sunting data akan menyajikan seluruh kolom data / field pada tabel ‘bahaya’ pada layar monitor agar dapat disunting oleh pengguna seperti pada gambar di bawah ini.

Gambar 102. Menyunting Record Data Bahaya Dengan DBRSE 12. Setelah penyuntingan data bahaya selesai dilakukan, klik menu [Save] untuk menyimpan hasil perubahan record data ke dalam database. - 61 -

13. Pada saat memilih menu [X] untuk menghapus salah satu record data bahaya, komputer akan memberikan konfirmasi penghapusan data. Pilih [OK] untuk menghapus dan [Cancel] untuk membatalkannya

Gambar 103. Konfirmasi Penghapusan Record Data Bahaya

5.1.3.3. Sub Menu Database Teknologi Tampilan sub menu Database Teknologi memberikan informasi Rekapitulasi Koleksi Dalam Database pada bagian atasnya, di bagian bawahnya terdapat menu Pencarian Cepat (Quick Search), Pencarian Spesifik (Specific Search) dan Pengelolaan Data (Database Maintenance) seperti gambar berikut ini.

Gambar 104. Tampilan Halaman Web Konten Database Teknologi

- 62 -

Pada gambar halaman web di atas, informasi rekapitulasi jumlah artikel teknologi yang disajikan berdasarkan kategori teknologinya. Pada menu berikutnya disediakan dua menu pencarian data teknologi, yaitu Pencarian Cepat dan Pencarian Spesifik. 5.1.3.3.1. Menu Pencarian Cepat (Quick Search). Pada menu ini, pengguna hanya menuliskan kata kunci data teknologi yang akan dicari. Mesin pencari akan menelusurinya secara acak pada kolom Judul Teknologi, Abstrak Teknologi, Kata Kunci Teknologi, Media Masa Penerbit, Alamat Link Artikel, Penulis Artikel, Nama Intansi, Alamat Email Penulis, Situs Institusi, dan keterangan lainnya dalam file database.

Gambar 105. Pencarian Data Melalui Menu Pencarian Cepat Cara penggunaanya adalah : 1. Ketikkan kata kunci yang akan dicari pada kolom isian. 2. Klik tombol [Cari] untuk mulai mencari data teknologi, atau 3. Klik tombol [Reset] untuk menghapus kata kunci pada kolom isian. 5.1.3.3.2. Menu Pencarian Spesifik (Spesific Search). Pada menu ini, pengguna harus memilih salah satu basis pencarian, yaitu : Judul Teknologi, Abstrak Teknologi, Kata Kunci Teknologi, Media Masa Penerbit, Alamat Link Artikel, Penulis Artikel, Nama Intansi, Alamat Email Penulis, Situs Institusi, dan keterangan lainnya. Kemudian menuliskan kata yang akan dicari dalam Database Teknologi.

Gambar 106. Pencarian Data Melalui Menu Pencarian Spesifik - 63 -

Cara penggunaanya adalah : 1. Klik tanda panah ke bawah [] pada kolom ‘Pencarian Berdasarkan : 2. Pilih salah satu basis pencarian. 3. Ketikkan kata kunci yang akan dicari sesuai basis pencarian pada kolom kata yang akan dicari. 4. Klik tombol [Cari Dari Database] untuk mulai penelusuran data, atau 5. Klik tombol [Bersihkan Form Isian] untuk mengubah basis pencarian dan menghapus kata kunci pada kolom kata yang dicari. Mesin pencari akan menelusuri data pada salah satu kolom dalam file database berasarkan basis pencarian yang telah ditentukan. Dalam contoh di atas, mesin pencari hanya akan mencari pada kolom data ‘Judul Teknologi’ dan menampilkan hasilnya ke layar monitor. Kedua cara pencarian ini baik pencarian cepat maupun pencarian spesifik akan menghasilkan hasil pencarian yang ditampilkan dalam format yang sama, yaitu masingmasing record data memuat informasi sebagai berikut :    

Nomor Judul Kata Kunci Kategori

   

Media Masa Alamat Link Penulis Instansi

   

Email Situs Instansi Keterangan Abstrak

Tampilan halaman web hasil pencarian cepat maupun hasil pencarian spesifik akan terlihat seperti pada gambar di bawah ini. Semua informasi mengenai data yang dicari akan ditampilkan ke layar monitor. Informasi lebih lengkap lainnya mengenai artikel teknologi yang dimaksud dapat ditelusuri lebih lanjut dengan memilih alamat link pada kolom ‘Alamat Link : ’ yang terturlis dengan warna biru dan bergaris bawah.

Gambar 107. Tampilan Halaman Web Hasil Pencarian Cepat

- 64 -

Informasi detail artikel teknologi yang ditelusuri bisa berasal dari bagian konten sistem informasi ini sendiri atau merujuk pada alamat pada situs lain seperti contoh tampilan halaman web di bawah ini.

Gambar 108. Tampilan Halaman Web Informasi Detail Artikel Teknologi 5.1.3.3.3. Menu Pengelolaan Data (Database Maintenance) Menu ini digunakan untuk mengelola data teknologi dan kategorinya dalam aplikasi web ini yang terdiri dari tabel data Teknologi dan Kategori. Untuk mengaktifkan menu ini klik tombol [Database Maintenance] yang ada di bawah window seperti gambar berikut.

Gambar 109. Menu Pengelolaan Data (Database Maintenance) Sebelum masuk ke window pengelolaan database, pengguna diminta untuk melakukan prosedur login dahulu. Oleh karena itu disarankan hanya administrator dan operator database saja yang memiliki kode akses ke dalam menu ini. Ketikkan kode login yang telah didaftarkan pada kolom ‘Username’ lalu tekan tombol [OK]. Selanjutnya ketikkan kata kunci pada kolom ‘Password’ lalu tekan tombol [OK].

Gambar 110. Prosedur Login Pada Window Pengelolaan Data - 65 -

Jika kode login atau kata kunci yang diketikkan salah, komputer akan menampilkan pesan seperti pada gambar di bawah ini, klik tombol [OK] untuk mengulanginya kembali. Jika belum terdaftar laporkan ke administrator database untuk mendaftarkannya secara manual kode login dan kata kunci yang diinginkan.

Gambar 111. Pesan Kesalahan Pada Prosedur Login 5.1.3.4.

Pengelolaan Data Teknologi dan Kategori Teknologi

Jika pengguna telah berhasil melakukan prosedur login, maka window Pengelolaan Database Teknologi akan tampil ke layar monitor seperti pada gambar di bawah ini. Menu ini digunakan untuk pengelolaan dan pemeliharaan database oleh administrator. Administrator dapat menambah, menghapus, menyunting dan memantau status database Teknologi yang tersedia dalam aplikasi web SIPOP ini.

Gambar 112. Tampilan Halaman Web Window Pengelolaan Database Teknologi - 66 -

Pada window pengelolaan database Teknologi terdapat beberapa ikon untuk membuka menu-menu pengelolaan data untuk Tabel Data Teknologi dan Kategori Teknologi. Fungsi masing-masing ikon tersebut adalah : Ikon Status digunakan untuk menampilkan menu ini, yaitu Tabel Rekapitulasi Data Teknologi yang ada di dalam database. Ikon Tambah digunakan untuk menambah record data Teknologi dan data Kategori Teknologi yang dapat dilakukan secara remote juga. Ikon Edit digunakan untuk editing (menambah / menyunting / menghapus) record data Teknologi dan Kategori Teknologi yang dapat dilakukan secara remote juga. Ikon MyAdmin digunakan untuk mengelola tabel data Teknologi dan Kategori Tekologi menggunakan tools phpMyAdmin. Ikon Telusur digunakan untuk mencari dan menyunting record data Teknologi dan Kategori Teknologi menggunakan Tools Database Record Selector & Editor (DBRSE). Selain terdapat beberapa menu ikon untuk pengelolaan database, pada bagian bawah window ini ditampilkan kembali informasi tabel rekapitulasi database Teknologi yang ada dalam aplikasi web SIPOP. Jumlah datanya dihitung berdasarkan kategori teknologi yang ada di dalam tabel. 5.1.3.4.1. Form Isian Penambahan Data Teknologi Untuk menambah data paket teknologi dapat dilakukan beberapa cara. Salah satunya dalah dengan menggunakan form isian penambahan data teknologi yang dapat diaktifkan dengan mengklik ikon ‘Tambah’ data di bawah label Tabel Data Teknologi.

Form isian data teknologi

Gambar 113. Tampilan Halaman Web Form Isian Penambahan Data Teknologi - 67 -

Ada 12 kolom isian yang harus diisi untuk menambah data paket teknologi seperti terlihat pada gambar di bawah ini.

Gambar 114. Form Isian Penambahan Data Paket Teknologi Cara pengisian form isian penambahan data peket teknologi adalah sebagai berikut : 1.

ID Patek diisi dengan nomor identifikasi paket teknologi. Nomor identifikasi ini akan bertambah secara otomatis tanpa harus diisi. Nomor ID ini adalah unik, sehingga tidak boleh sama antara record data yang satu dengan yang lain.

2.

Judul Teknologi diisi dengan menuliskan judul atau nama paket teknologi atau artikel mengenai teknologi.

3.

Abstrak diisi dengan menuliskan uraian singkat atau abstraksi tentang paket teknologi ini.

4.

Kata Kunci diisi dengan menuliskan beberapa kata penting yang dianggap sebagai kunci dan dapat mewakili isi paket teknologi ini.

5.

Kategori diisi dengan memilih salah satu dari beberapa kategori atau jenis pengelompokkan paket teknologi ini. Klik tanda panah ke bawah yang ada di bagian kanan pulldown menu kolom ini.

6.

Media Masa diisi dengan menuliskan nama media masa tempat diterbitkannya paket teknologi ini.

7.

Alamat Link diisi dengan menuliskan alamat link lokasi path direktori/folder tempat dokumentasi lengkap paket teknologi ini disimpan dalam format html / php / pdf. - 68 -

8.

Penulis diisi dengan menuliskan nama lengkap penulis / pemilik / nara sumber utama paket teknologi ini.

9.

Institusi diisi dengan menuliskan nama lengkap instansi dimana penulis / pemilik / nara sumber utama paket teknologi ini berada.

10. Email diisi dengan menuliskan alamat surat elektronik penulis / pemilik / nara sumber utama / instansi yang menyediakan paket teknologi ini. 11. URL Situs diisi dengan menuliskan alamat situs penulis / pemilik / nara sumber utama / instansi dimana paket teknologi ini berasal. 12. Keterangan diisi dengan menuliskan keterangan lain yang ingin diberikan tentang paket teknologi ini. 13. Klik tombol [Tambahkan Ke Dalam Tabel] untuk memasukkan data baru atau tombol [Bersihkan Form Isian] untuk menghapus isian form di layar monitor. Dari keduabelas kolom isian di atas, ada beberapa kolom yang wajib diisi dan tidak boleh kosong, yaitu : ID Patek, Judul Teknologi, Abstrak, Kata Kunci, Kategori, Media Masa, Nama Penulis, dan Instansi. Gambar berikut ini adalah pesan error yang akan muncul jika salah satu dari kolom isian data di atas tidak diisi. Klik tombol [OK] untuk melanjutkan pengisian kolom data tersebut.

Gambar 115. Pesan Error Jika Salah Satu Kolom Wajib Tidak Diisi

- 69 -

Khusus untuk ID Patek tidak boleh sama dengan nomor ID yang telah ada di dalam tabel data. Nomor ini adalah unik sehingga tidak boleh sama antara record data yang satu dengan record data yang lain. Disarankan menggunakan nomor yang telah diberikan oleh komputer secara otomatis muncul pada kolom data ID Patek. Jika terdapat duplikasi nomor ID ini, maka komputer akan memberikan pesan ke layar monitor sebagai berikut :

Ikon back  yang dimaksud adalah ikon yang berada pada menu ikon dalam web browser. Jika semua kondisi kolom isian data tidak ada masalah, maka data baru akan disimpan ke dalam tabel data teknologi, dan form isian penambahan data akan ditampilkan kembali dalam kondisi kosong dengan nomor ID Paket yang berikutnya. 5.1.3.4.2. Form Penambahan Data Kategori Teknologi Untuk menambah data kategori/jenis teknologi dapat dilakukan beberapa cara juga. Salah satunya adalah dengan menggunakan form isian penambahan data kategori teknologi yang dapat diaktifkan dengan mengklik ikon ‘Tambah Data’ di bawah label Tabel Data Kategori.

Form isian data kategori

Gambar 116. Tampilan Halaman Web Form Isian Penambahan Data Kategori Teknologi Hanya ada dua kolom isian yang harus diisi untuk menambah data kategori teknologi seperti terlihat pada gambar di atas, yaitu : 1. ID Kategori diisi dengan nomor identifikasi kategori teknologi. Nomor identifikasi ini akan bertambah secara otomatis tanpa harus diisi. Nomor ID ini adalah unik, sehingga tidak boleh sama antara record data yang satu dengan record data yang lain. 2. Nama Kategori diisi dengan judul/nama kategori/jenis teknologi

- 70 -

Gambar 117. Form Isian Penambahan Data Kategori Teknologi Jika salah satu atau kedua kolom isian tidak diisi atau kosong, maka komputer akan menampilkan pesan kesalahan seperti pada gambar berikut ini. Klik tombol [OK] untuk melanjutkan pengisian kolom data tersebut.

Gambar 118. Pesan Error Jika Salah Satu Kolom Atau Keduanya Tidak Diisi Khusus untuk ID Kategori tidak boleh sama dengan nomor ID yang telah ada di dalam tabel data. Nomor ini adalah unik sehingga tidak boleh sama antara record data yang satu dengan record data yang lain. Disarankan menggunakan nomor yang telah diberikan oleh komputer secara otomatis muncul pada kolom data ID Kategori. Jika terdapat duplikasi nomor ID ini, maka komputer akan memberikan pesan ke layar monitor sebagai berikut :

Ikon back  yang dimaksud adalah ikon yang berada pada menu ikon dalam web browser. Jika semua kondisi kolom isian data tidak ada masalah, maka data baru akan disimpan ke dalam tabel data kategori, dan form isian penambahan data akan ditampilkan kembali dalam kondisi kosong dengan nomor ID Kategori yang berikutnya. 5.1.3.4.3. Form Penyuntingan Data Teknologi Untuk menyunting data Teknologi dapat dilakukan beberapa cara. Salah satunya adalah dengan menggunakan form isian ini. Pada form ini, pengguna dapat melihat data (Preview) dengan menavigasikan record selector yang ada di bagian bawah form tersebut. Selain itu pengguna dapat menyunting isi data (Edit), menambahkan data baru (Add/Append) atau menghapus data dari dalam tabel (Delete).Tampilan form penyuntingan data teknologi adalah seperti pada gambar di bawah ini. - 71 -

Form isian data

Record Selector

Ikon operasi

Tabel Data

Gambar 119. Tampilan Halaman Web Form Penyuntingan Data Teknologi Tampilan form penyuntingan/editing data Teknologi pada gambar di atas terdiri dari 4 bagian, yaitu : a. Form isian data yang digunakan untuk menyunting data Teknologi. b. Record selector dan status record yang dapat digunakan untuk menavigasikan record data dan mengetahui posisi record data. c. Ikon operasi yang dapat digunakan untuk menyimpan, mengupdate, menghapus atau menampilkan laporan data. d. Tabel data yang digunakan untuk menampilkan data Teknologi dalam bentuk tabel dengan urutan data terkini. Cara penggunaan form penyuntingan data Teknologi adalah : 1. Isi kolom isian berikut dengan benar :     

ID Patek akan terisi secara otomatis dengan nomor urut pendataan atau nomor identifikasi paket teknologi. Judul Teknologi diisi dengan judul atau nama paket teknologi. Abstrak diisi dengan penjelasan singkat atau abstraksi tentang paket teknologi. Kata Kunci diisi dengan beberapa kata yang dianggap penting dan menjadi kunci dalam paket teknologi. Penulis diisi degan nama penulis / pemilik atau nara sumber utama paket teknologi.

- 72 -



Kategori diisi dengan memilih salah satu pilihan kategori teknologi yang disediakan, yaitu :      

     

Teknologi Pengolahan Air Bersih Teknologi Pengolahan Air Limbah Teknologi Pengelolaan Air Teknologi Lingkungan Teknologi Informasi dan Komputer Teknologi Penanganan POPs

Media Masa diisi dengan nama media masa tempat diterbitkannya paket teknologi. Alamat Link diisi dengan nama lokasi direktori atau folder tempat dokumentasi lengkap paket teknologi ini disimpan dalam format html/php/pdf. Institusi diisi dengan nama intansi penulis / pemilik atau nara sumber utama paket teknologi. URL Situs diisi dengan nama alamat situs penulis / pemilik atau nara sumber / instansi paket teknologi. E-Mail diisi dengan alamat surat elektronik penulis / pemilik / nara sumber / instansi paket teknologi. Keterangan diisi dengan keterangan lain mengenai paket teknologi.

2. Pilih salah satu menu tombol atau ikon pengoperasian data, yaitu : 

Ikon tombol [Append] atau ikon Append Data



Ikon tombol [Update] atau ikon Update Data



Ikon tombol [Delete] atau ikon Delete Data






untuk menambah data. untuk menambah data. untuk menambah Teknologi.

3. Jika telah selesai melakukan penambahan data, editing data dan penghapusan data, maka data terkini akan dimunculkan pada tabel data Teknologi yang ada di bagian bawah window.

Gambar 120. Tabel Data Teknologi 4. Beberapa menu pada ikon operasi lain yang dapat digunakan adalah : 

Ikon Tabel Data digunakan untuk menampilkan tabel Teknologi dalam window yang terpisah. - 73 -

Gambar 121. Tampilan Laporan Tabel Data Teknologi 

Ikon Laporan Satuan Data untuk current record yang digunakan untuk menampilkan laporan satuan data pada posisi record yang muncul di layar monitor dalam window yang terpisah.



Ikon Laporan Satuan Data untuk seluruh record yang digunakan untuk menampilkan laporan satuan seluruh data Teknologi yang ada di dalam tabel dalam window yang terpisah.

Gambar 122. Tampilan Laporan Data Satuan Teknologi - 74 -

Dari semua kolom isian di atas, kolom yang wajib diisi dan tidak boleh kosong adalah ID Patek. Oleh karena itu untuk menghindari kesalahan, kolom ID Patek ini tidak dapat diedit dan secara otomatis komputer akan memberikan ID Patek baru terhadap data teknologi yang baru diisi ke dalam database. Selain ID Patek, kolom pilihan Kategori teknologi juga harus dipilih. Jika tidak dipilih, maka komputer akan menampilkan pesan error/kesalahan yang menunjukkan bahwa kategori paket teknologi harus dipilih seperti pada tampilan gambar berikut ini.

Gambar 123. Pesan Error Jika Kategori Teknologi Tidak Dipilih Jika semua kondisi kolom isian data sudah benar, maka data baru akan disimpan ke dalam tabel data ‘teknologi’ dalam database ‘sipop’ dan akan ditampilkan pada record data pertama dalam tabel data Teknologi yang ada di bagian bawah window. 5.1.3.4.4. Form Penyuntingan Data Kategori Teknologi Untuk menyunting data Kategori Teknologi dapat juga dilakukan beberapa cara. Salah satunya adalah dengan menggunakan form isian seperti gambar di bawah ini. Pada form ini, pengguna dapat melihat data (Preview) dengan menavigasikan record selector yang ada di bagian bawah form tersebut. Selain itu pengguna dapat menyunting isi data (Edit), menambahkan data baru (Add/Append) atau menghapus data dari dalam tabel (Delete).Tampilan form penyuntingan data kategori teknologi adalah seperti pada gambar di bawah ini.

Gambar 124. Tampilan Halaman Web Form Penyuntingan Data Kategori Teknologi - 75 -

Tampilan form penyuntingan/editing data Kategori Teknologi pada gambar di atas terdiri dari 4 bagian, yaitu : a. Form isian data yang digunakan untuk menyunting data Kategori Teknologi. b. Record selector dan status record yang dapat digunakan untuk menavigasikan record data dan mengetahui posisi record data. c. Ikon operasi yang dapat digunakan untuk menyimpan, mengupdate, menghapus atau menampilkan laporan data. d. Tabel data yang digunakan untuk menampilkan data Kategori Teknologi dalam bentuk tabel dengan urutan data terkini. Cara penggunaan form penyuntingan data Kategori Teknologi adalah : 1. Isi kolom isian berikut dengan benar :  

ID Kategori akan terisi secara otomatis dengan nomor urut pendataan atau nomor identifikasi kategori teknologi. Nama Kategori diisi dengan judul atau nama kategori teknologi.

2. Pilih salah satu menu tombol atau ikon pengoperasian data, yaitu : 

Ikon tombol [Append] atau ikon Append Data



Ikon tombol [Update] atau ikon Update Data



Ikon tombol [Delete] atau ikon Delete Data Teknologi.






untuk menambah data. untuk menambah data. untuk menambah Kategori

3. Jika telah selesai melakukan penambahan data, editing data dan penghapusan data, maka data terkini akan dimunculkan pada tabel data Kategori Teknologi yang ada di bagian kanan window.

Gambar 125. Tabel Data Kategori Teknologi - 76 -

4. Ikon Tabel Data digunakan untuk menampilkan tabel Laporan Kategori Teknologi dalam window yang terpisah.

Gambar 126. Tampilan Laporan Tabel Data Kategori Teknologi Dari kedua kolom isian di atas, kedua kolom isian ini adalah wajib diisi dan tidak boleh kosong. Untuk menghindari kesalahan pemberian nomor ID Kategori, kolom ini tidak dapat diedit dan secara otomatis komputer akan memberikan ID Kategori baru yang unik terhadap data kategori teknologi yang baru diisi ke dalam database. Selain itu, kolom isian Nama Kategori teknologi juga harus disi dan tidak boleh sama dengan yang sudah ada. Jika tidak diisi, maka komputer akan menampilkan pesan error/kesalahan yang menunjukkan bahwa nama kategori harus diisi seperti pada gambar di bawah ini.

Gambar 127. Pesan Error Jika Nama Kategori Teknologi Tidak Diisi Jika Nama Kategori Teknologi yang diisi sudah ada di dalam database, maka komputer akan menampilkan pesan error/kesalahan yang menunjukkan bahwa nama kategori tersebut sudah ada seperti pada gambar di bawah ini.

- 77 -

Gambar 128. Pesan Error Jika Nama Kategori Teknologi Sudah Ada Jika semua kondisi kolom isian data sudah benar, maka data baru akan disimpan ke dalam tabel data ‘kategori’ dalam database ‘sipop’ dan akan ditampilkan pada record data pertama dalam tabel data Kategori Teknologi yang ada di bagian kanan window. Di dalam aplikasi server Xampp terdapat tools phpMyAdmin yang dapat digunakan untuk mengakses sebuah tabel di dalam database yang dikelola oleh aplikasi server database MySQL. Dengan phpMyAdmin ini pula pengelolaan tabel data teknologi dapat dilakukan dengan mudah. Penggunaan tools phpMyAdmin ini hanya dapat dilakukan oleh administrator database melalui host lokal (http://localhost/), sehingga tidak dapat diakses secara online melalui jaringan komputer. 5.1.3.4.5. Pengelolaan Tabel Data Teknologi Menggunakan phpMyAdmin Banyak fitur yang disediakan oleh tools phpMyadmin untuk mengelola sebuah database, namun pada sub bab ini hanya akan dijelaskan fitur pengelolaan yang meliputi browsing, editing, dan menghapus record data. Berikut ini adalah langkah-langkah yang dapat digunakan untuk mengelola tabel data teknologi menggunakan tools phpMyAdmin. 1. Klik ikon phpMyAdmin yang berada di bawah label Tabel Data Teknologi, maka program browser akan membuka tabel data teknologi dan menampilkannya di bagian bawah atau dalam window / tab control window secara terpisah.

Gambar 129. Membuka Tabel Data Teknologi Dengan phpMyAdmin - 78 -

2. Tabel data teknologi juga dapat ditampilkan dalam window yang teripsah dan tidak dalam satu frame window seperti tampilan di bawah ini.

Gambar 130. Tampilan Tabel Data Teknologi Melalui phpMyAdmin 3. Pada bagian atas window terdapat menu untuk mengakses tabel data seperti pada gambar berikut.

Gambar 131. Menu Mengakses Tabel Data Teknologi Dengan phpMyAdmin  Menu Browse digunakan untuk menampilkan data teknologi dalam bentuk tabel data.

Gambar 132. Menu Browse Untuk Menampilkan Tabel Data Teknologi - 79 -

 Menu Structure digunakan untuk menampilkan struktur tabel data teknologi. Pada menu ini pengguna dapat menambah atau mengubah field tabel. Namun tidak disarankan untuk mengubahnya karena akan menyebabkan aplikasi web SIPOP tidak bisa berjalan dengan baik.

Gambar 133. Menu Structure Untuk Menampilkan Struktur Tabel Data Teknologi  Menu SQL untuk membuka window yang berguna untuk menuliskan perintah akses ke tabel dalam bahasa SQL (Structural Query Language).

Gambar 134. Menu SQL Untuk Menjalankan Perintah Manipulasi Data Teknologi  Menu Search untuk mencari data melalui pilihan pencarian berdasarkan kolom tabel yang ada.

Gambar 135. Menu Search Untuk Pencarian Data Teknologi - 80 -

 Menu Insert untuk menambahkan data teknologi yang baru ke dalam tabel data teknologi.

Gambar 136. Menu Insert Untuk Menambah Data Teknologi  Menu Export untuk mengekspor data teknologi ke dalam format tabel data yang lain (Excel, SQL, dan lainnya)..

Gambar 137. Menu Export Untuk Mengekspor Data Teknologi  Menu Import untuk memasukkan data dari tabel data dalam format lain (Excel, SQL dan lainnya) ke dalam tabel data Teknologi.

- 81 -

Gambar 138. Menu Export Untuk Mengimport Data Teknologi  Menu Operasions digunakan menjalankan perintah untuk menghapus tabel data, memindahkan tabel data ke database lain, mengubah nama tabel, nama field tabel, menyalin struktur tabel data atau menyalin seluruh isi data ke dalam tabel lain, mengosongkan data dan menghapus tabel data. Tidak disarankan menggunakan menu ini selain administrator aplikasi web SIPOP.

Gambar 139. Menu Operations Untuk Memanipulasi Tabel Data Teknologi  Menu Tracking digunakan untuk membuat versi database dengan menyusun tracking pernyataan definisi data dan pernyataan manipulasi data.

- 82 -

Gambar 140. Menu Tracking Untuk Membuat Versi Database  Menu Triger digunakan untuk mendifinisikan even triger tabel data.

Gambar 141. Menu Triger Untuk Even Triger Tabel Data Teknologi 4. Pada bagian atas tabel data Teknologi terdapat menu navigasi record data untuk menampilkan dan menentukan kondisi/setting tampilan data dalam tabel.

Gambar 142. Menu Navigasi dan Setting Tabel Data Pada phpMyAdmin Fungsi dari beberapa tombol dan kolom dalam menu ini adalah sebagai berikut :

- 83 -

 Tombol [<<] digunakan untuk menuju record data awal/pertama (Top/First).  Tombol [ < ] digunakan untuk menuju record data sebelumnya (Previous).  Pulldown menu [2 ▼] digunakan untuk menampilkan tabel data sesuai dengan nomor urut halaman web.  Tombol [ > ] digunakan untuk menuju record data berikutnya (Next).  Tombol [>>] digunakan untuk menuju record data terakhir (Last).  Kolom Show : Starting row : diisi dengan nomor awal record data yang ingin ditampilkan pertama kali dalam tabel data. Dalam contoh di atas adalah record data ke 60.  Menu Number of rows diisi dengan jumlah baris tampilan tabel data. Dalam contoh di atas adalah 30 baris.  Menu Headers every diisi dengan jumlah baris data yang akan ditampilkan di setiap header. Contoh di atas headers akan berulang setiap 100 baris.  Pulldown Menu Sort by key : [ None ▼ ] diisi dengan memilih pengurutan tampilan data (sort) berdasarkan primary key. Defaultnya adalah ‘None’ atau tidak diurutkan. 5. Di masing-masing record data terdapat ikon check box, edit dan delete seperti gambar di bawah ini. Untuk menghapus atau mengedit data klik terlebih dahulu ikon check box. 











6. Pada bagian bawah window dan bagian akhir tabel data terdapat menu seperti gambar di bawah ini yang berguna untuk menentukan kondisi/setting tampilan data dalam tabel, menavigasikan record data, mencetak data dan lainya.

Gambar 143. Menu Pengoperasian Data Teknologi di Bagian Bawah Fungsi dari dari beberapa tombol dan kolom dalam menu ini adalah sebagai berikut : 










Ikon Hapus digunakan untuk mengirimkan record data yang check box nya telah diberi tanda centang ‘’. - 84 -

 Tombol [<<] digunakan untuk menuju record data awal/pertama (Top/First).  Tombol [ < ] digunakan untuk menuju record data sebelumnya (Previous).  Pulldown menu [2 ▼] digunakan untuk menampilkan tabel data sesuai dengan nomor urut halaman web.  Tombol [ > ] digunakan untuk menuju record data berikutnya (Next).  Tombol [>>] digunakan untuk menuju record data terakhir (Last).  Kolom Show : Starting row : diisi dengan nomor awal record data yang ingin ditampilkan pertama kali dalam tabel data. Dalam contoh di atas adalah record data ke 60.  Menu Number of rows diisi dengan jumlah baris tampilan tabel data. Dalam contoh di atas adalah 30 baris.  Menu Headers every diisi dengan jumlah baris data yang akan ditampilkan di setiap header. Contoh di atas headers akan berulang setiap 100 baris.  Pulldown Menu Sort by key : [ None ▼ ] diisi dengan memilih pengurutan tampilan data (sort) berdasarkan primary key. Defaultnya adalah ‘None’ atau tidak diurutkan.  Menu Print View dan Print View (with full texts) digunakan untuk mencetak tampilan tabel data ke printer atau ke file PDF.  Menu Export digunakan untuk mengekspor data teknologi ke dalam berbagai macam format tabel data yang lain (Excel, CSV, TXT, ODT, DOC, dan lain-lain).  Menu Display Chart digunakan untuk menampilkan grafik data.  Menu Create View


7. Untuk mencetak data pastikan terlebih dahulu record data yang ingin ditampilkan dengan memilih kondisi pada kolom isian tombol Show : Start Row:, kolom isian Number of rows :, dan Headers every :. Klik menu Print View, maka tampilan preview laporan data akan ditampilkan ke dalam window atau tab control window yang terpisah seperti pada contoh gambar berikut ini.

Gambar 144. Tampilan Preview Laporan Data Teknologi - 85 -

8. Untuk mencetak ke printer, tentukan dulu nama printer nya melalui menu printer pada program aplikasi web browser yang digunakan. Untuk software Firefox adalah : Firefox  Print  Print. Atau tekan tombol keyboard Control+P.

Gambar 145. Tampilan Pilihan Printer Untuk Mencetak Laporan Data 5.1.3.4.6. Menambah dan Menghapus Data Teknologi Dengan phpMyAdmin Langkah-langkah untuk menambah atau menghapus data teknologi ke dalam Tabel Teknologi pada Database SIPOP adalah sebagai berikut : 1. Jika sudah berada dalam window tools phpMyAdmin, klik menu Insert untuk membuka form isian data teknologi. 2. Jika belum berada dalam window tools phpMyAdmin, jalankan web browser terlebih dahulu dan buka alamat : http://localhost/phpmyadmin/ 3. Klik menu database sipop yang ada di bagian sebelah kiri window. 4. Pilih tabel teknologi untuk menambah atau menghapus data teknologi dalam database SIPOP.

Gambar 146. Memilih Tabel Teknologi Dalam Database SIPOP - 86 -

5. Klik Tab Insert untuk menambah data teknologi. 6. Isikan data yang diminta di dalam kolom isian data sesuai dengan nama kolom (field) data, yaitu : a. b. c. d. e. f. g.

idteknologi untuk nomor identifikasi teknologi. judul untuk nama judul teknologi. abstrak untuk penjelasan ringkas / abstraksi artikel teknologi. katakunci untuk kata-kata penting yang menjadi kunci dari artikel teknologi. kategori untuk menentukan kategori dari artikel teknologi. mediamasa untuk nama media masa di mana artikel teknologi diterbitkan. alamatlink untuk menunjukkan lokasi (path) direktori atau alamat link URL artikel teknologi disimpan. h. penulis untuk nama penulis artikel teknologi. i. instansi untuk nama instansi tempat penulis berasal. j. email untuk alamat surat elektronik penulis atau instansi. k. url untuk alamat situs penulis atau instansi. l. keterangan untuk memberikan keterangan lain mengenai teknologi.

Gambar 147. Menambah Data Pada Tabel Teknologi Dalam Database SIPOP 7. Klik ikon [Go] untuk mulai menyimpan data ke dalam tabel teknologi. - 87 -

8. Setelah beberapa saat komputer akan menampilkan informasi mengenai perintah SQL yang dijalankan pada saat memasukkan data baru ke dalam tabel data teknologi seperti pada gambar di bawah ini.

Gambar 148. Perintah SQL Untuk Menambah Data Pada Tabel Teknologi Perintah SQL untuk menambah data teknologi dalam contoh di atas adalah :

INSERT INTO `sipop`.`teknologi` (ìdteknologi`, `judul`, àbstrak`, `katakunci`, `kategori`, `mediamasa`, àlamatlink`, `penulis`, ìnstansi`, èmail`, ùrl`, `keterangan`) VALUES ('595', 'Penjernihan Air Menggunakan Arang Sekam Padi', 'Kebutuhan akan air bersih di daerah pedesaan dan pinggiran kota untuk air minum, memasak, mencuci dan sebagainnya harus diperhatikan. Cara penjernihan air perlu diketahui karena semakin banyak sumber air yang tercemar limbah rumah tangga maupun limbah industri. Cara penjernihan air baik secara alami maupun kimiawi akan diuraikan dalam tulisan ini. Cara-cara yang disajikan dapat digunakan di desa karena bahan dan alatnya mudah didapat. Bahan-bahannya antara lain batu, pasir, kerikil, arang tempurung kelapa, arang sekam padi, tanah liat, ijuk, kaporit, kapur, tawas, biji kelor dan lain-lain.', 'Penjernih Air', '1', 'Sistem Informasi Teknologi Pengolahan Air Kab. Pandeglang', 'http://www.kelair.bppt.go.id/Sitpa/Artikel/SekamPadi/index.html', 'Teknologi Tapat Guna - Pengelolaan Air dan Sanitasi', 'Menteri Negara Riste dan Teknologi ', '[email protected]', 'http://www.iptek.net.id/ind/warintek/?mnu=6&ttg=5&doc=5b3', '');

9. Klik Tab [Browse] dan ikon [>>] untuk melihat data teknologi yang baru saja dimasukkan yang berada pada record data terakhir.

- 88 -

Gambar 149. Melihat Data Pada Tabel Teknologi Dalam Database SIPOP 10. Pada tampilan gambar di atas menunjukkan tabel data teknologi. Data yang baru saja dimasukkan ada di record data terakhir, yaitu dengan idteknologi ‘595’ dan judul ‘Penjernihan Air Menggunakan Arang Sekam Padi’. 11. Ada 4 (empat) ikon penting dalam window di atas, yaitu : a.


b.


c.


d.


12. Untuk menghapus (delete) record data, beri tanda centang ‘’ kolom dengan mengklik ikon Kolom, lalu klik ikon Hapus, maka komputer akan menampilkan pesan konfirmasi seperti gambar di bawah ini.

Gambar 150. Konfirmasi Penghapusan Data Pada Tabel Teknologi Dalam Database SIPOP 13. Klik tombol [OK] untuk mulai menghapus (delete) record data atau [Cancel] untuk membatalkannya. - 89 -

14. Untuk menyunting (edit) record data, beri tanda centang ‘’ kolom dengan mengklik ikon Kolom, kemudian klik ikon Edit, maka komputer akan menampilkan record data tersebut dalam format penyuntingan.

Gambar 151. Menyunting Record Data Teknologi Dengan phpMyAdmin 15. Tekan ikon [Go] jika telah selesai menyunting. 5.1.3.4.7. Pengelolaan Tabel Data Kategori Menggunakan phpMyAdmin Pengelolaan tabel data kategori teknologi menggunakan tools phpMyAdmin juga hanya dapat dilakukan oleh administrator database melalui host lokal (http://localhost/), sehingga tidak dapat diakses secara online melalui jaringan komputer. Fitur yang disediakan oleh tools ini untuk mengelola sebuah database antara lain browsing, editing, menghapus record data, mencetak data, mengeksport data, dan lain-lain. Berikut ini adalah beberapa langkah yang dapat digunakan untuk mengelola tabel data kategori teknologi menggunakan tools phpMyAdmin. - 90 -

1. Klik ikon phpMyAdmin yang berada di bawah label Tabel Data Kategori, maka program browser akan membuka tabel data kategori dan menampilkannya di bagian bawah atau dalam window / tab control window secara terpisah.

Gambar 152. Membuka Tabel Data Kategori Dengan phpMyAdmin 2. Tabel data kategori juga dapat ditampilkan dalam window yang terpisah dan tidak dalam satu frame window seperti tambilan di bawah ini.

Gambar 153. Tampilan Tabel Data Kategori Melalui phpMyAdmin - 91 -

3. Pada bagian atas window terdapat menu untuk mengakses tabel data seperti pada gambar berikut ini.

Gambar 154. Menu Mengakses Tabel Data Kategori Dengan phpMyAdmin  Menu Browse digunakan untuk menampilkan data kategori dalam bentuk tabel data.  Menu Structure digunakan untuk menampilkan struktur tabel data kategori. Pada menu ini pengguna dapat menambah atau mengubah field tabel. Namun tidak disarankan untuk mengubahnya karena akan menyebabkan aplikasi web SIPOP tidak bisa berjalan dengan baik.  Menu SQL untuk membuka window yang berguna untuk menuliskan perintah akses ke tabel dalam bahasa SQL (Structural Query Language).  Menu Search untuk mencari data melalui pilihan pencarian berdasarkan kolom tabel yang ada.  Menu Insert untuk menambahkan data kategori yang baru ke dalam tabel data teknologi.  Menu Export untuk mengekspor data kategori ke dalam format tabel data yang lain (Excel, SQL, dan lainnya).  Menu Import untuk memasukkan data dari tabel data dalam format lain (Excel, SQL dan lainnya) ke dalam tabel data kategori.  Menu Operasions digunakan menjalankan perintah untuk menghapus tabel data, memindahkan tabel data ke database lain, mengubah nama tabel, nama field tabel, menyalin struktur tabel data atau menyalin seluruh isi data ke dalam tabel lain, mengosongkan data dan menghapus tabel data. Tidak disarankan menggunakan menu ini selain administrator aplikasi web SIPOP.  Menu Tracking digunakan untuk membuat versi database dengan menyusun tracking pernyataan definisi data dan pernyataan manipulasi data.  Menu Triger digunakan untuk mendifinisikan even triger tabel data. 4. Pada bagian atas tabel data kategori juga terdapat menu navigasi record data untuk menampilkan dan menentukan kondisi/setting tampilan data dalam tabel.

Gambar 155. Menu Navigasi dan Setting Tabel Data Pada phpMyAdmin Fungsi dari beberapa tombol dan kolom dalam menu ini adalah sebagai berikut :  Tombol [<<] digunakan untuk menuju record data awal/pertama (Top/First).  Tombol [ < ] digunakan untuk menuju record data sebelumnya (Previous).  Pulldown menu [2 ▼] digunakan untuk menampilkan tabel data sesuai dengan nomor urut halaman web.  Tombol [ > ] digunakan untuk menuju record data berikutnya (Next).  Tombol [>>] digunakan untuk menuju record data terakhir (Last).  Kolom Show : Starting row : diisi dengan nomor awal record data yang ingin ditampilkan pertama kali dalam tabel data. Dalam contoh di atas adalah record data ke 6.

- 92 -

 Menu Number of rows diisi dengan jumlah baris tampilan tabel data. Dalam contoh di atas adalah 3 baris.  Menu Headers every diisi dengan jumlah baris data yang akan ditampilkan di setiap header. Contoh di atas headers akan berulang setiap 100 baris.  Pulldown Menu Sort by key : [ None ▼ ] diisi dengan memilih pengurutan tampilan data (sort) berdasarkan primary key. Defaultnya adalah ‘None’ atau tidak diurutkan. 5. Di masing-masing record data terdapat ikon check box, edit dan delete seperti gambar di bawah ini. Untuk menghapus atau mengedit data klik terlebih dahulu ikon check box. 











6. Pada bagian bawah window dan bagian akhir tabel data terdapat menu seperti gambar di bawah ini yang berguna untuk menentukan kondisi/setting tampilan data dalam tabel, menavigasikan record data, mencetak data dan lainya.

Gambar 156. Menu Pengoperasian Data Kategori di Bagian Bawah Fungsi dari dari beberapa tombol dan kolom dalam menu ini adalah sebagai berikut : 










Ikon Hapus digunakan untuk mengirimkan record data yang check box nya telah diberi tanda centang ‘’. Tombol [<<] digunakan untuk menuju record data awal/pertama (Top/First). Tombol [ < ] digunakan untuk menuju record data sebelumnya (Previous). Pulldown menu [2 ▼] digunakan untuk menampilkan tabel data sesuai dengan nomor urut halaman web. Tombol [ > ] digunakan untuk menuju record data berikutnya (Next). Tombol [>>] digunakan untuk menuju record data terakhir (Last). Kolom Show : Starting row : diisi dengan nomor awal record data yang ingin ditampilkan pertama kali dalam tabel data. Dalam contoh di atas adalah record data ke 6.

     

- 93 -

 Menu Number of rows diisi dengan jumlah baris tampilan tabel data. Dalam contoh di atas adalah 3 baris.  Menu Headers every diisi dengan jumlah baris data yang akan ditampilkan di setiap header. Contoh di atas headers akan berulang setiap 100 baris.  Pulldown Menu Sort by key : [ None ▼ ] diisi dengan memilih pengurutan tampilan data (sort) berdasarkan primary key. Defaultnya adalah ‘None’ atau tidak diurutkan.  Menu Print View dan Print View (with full texts) digunakan untuk mencetak tampilan tabel data ke printer atau ke file PDF.  Menu Export digunakan untuk mengekspor data kategori ke dalam berbagai macam format tabel data yang lain (Excel, CSV, TXT, ODT, DOC, dan lain-lain).  Menu Display Chart digunakan untuk menampilkan grafik data.  Menu Create View


7. Untuk mencetak data pastikan terlebih dahulu record data yang ingin ditampilkan dengan memilih kondisi pada kolom isian tombol Show : Start Row:, kolom isian Number of rows :, dan Headers every :. Klik menu Print View, maka tampilan preview laporan data akan ditampilkan ke dalam window atau tab control window yang terpisah seperti pada contoh gambar berikut ini.

Gambar 157. Tampilan Preview Laporan Data Kategori - 94 -

5.1.3.4.8. Menambah dan Menghapus Data Kategori Dengan phpMyAdmin Langkah-langkah yang harus dilakukan untuk menambah dan menghapus data kategori teknologi ke dalam Tabel Data Kategori pada database SIPOP adalah berikut : 1. 2. 3. 4.

Jika sudah berada dalam window tools phpMyAdmin, klik menu Insert untuk membuka form isian data kategori. Jika belum berada dalam window tools phpMyAdmin, jalankan program web browser dan buka alamat : http://localhost/phpmyadmin/ Klik menu database sipop yang ada di bagian sebelah kiri window. Pilih tabel kategori untuk menambah atau menghapus data kategori teknologi dalam database SIPOP.

Gambar 158. Memilih Tabel Kategori Dalam Database SIPOP 5. 6.

Klik Tab Insert untuk menambah data kategori. Isikan data yang diminta di dalam kolom isian data sesuai dengan nama kolom/field data, yaitu IDKATEGORI untuk nomor identifikasi kategori teknologi dan NAMAKATEGORI untuk nama kategori teknologi.

Gambar 159. Menambah Data Pada Tabel Kategori Dalam Database SIPOP 7. Klik ikon [Go] untuk mulai menyimpan data ke dalam tabel kategori. - 95 -

8. Setelah beberapa saat komputer akan menampilkan informasi mengenai perintah SQL yang dijalankan pada saat memasukkan data baru ke dalam tabel data kategori seperti pada gambar di bawah ini.

Gambar 160. Perintah SQL Untuk Menambah Data Pada Tabel Kategori Perintah SQL untuk menambah data kategori dalam contoh di atas adalah : INSERT INTO `sipop`.`kategori` (ÌDKATEGORI`, `NAMAKATEGORI`) VALUES ('12', 'Teknologi Penanganan POPs'); 9.

Klik Tab [Browse] dan ikon [>>] untuk melihat data kategori yang baru saja dimasukkan yang berada pada record data terakhir.

Gambar 161. Melihat Data Pada Tabel Kategori Dalam Database SIPOP - 96 -

10. Pada tampilan gambar di atas menunjukkan tabel data kategori teknologi. Data yang baru saja dimasukkan ada di record data terakhir, yaitu dengan IDKATEGORI ‘12’ dan NAMAKATEGORI ‘Teknologi Penanganan POPs. 11. Ada 4 (empat) ikon penting dalam window di atas, yaitu : a.


b.


c.


d.


12. Untuk menyunting (edit) record data, beri tanda centang ‘’ kolom dengan mengklik ikon Kolom, kemudian klik ikon Edit, maka komputer akan menampilkan kembali record data tersebut dalam format penyuntingan. 13. Untuk menghapus (delete) record data, beri tanda centang ‘’ kolom dengan menekan ikon Kolom, lalu klik ikon Hapus, maka komputer akan menampilkan pesan konfirmasi seperti gambar di bawah ini.

Gambar 162. Konfirmasi Penghapusan Data Pada Tabel Kategori Dalam Database SIPOP 14. Klik Ikon [OK] untuk mulai menghapus (delete) record data atau [Cancel] untuk membatalkan penghapusan data 5.1.3.4.9. Penelusuran Data Teknologi dan Kategori Tekologi Menggunakan DBRSE Dalam aplikasi web SIPOP untuk mengelola data kategori dan data teknologi selain dapat menggunakan tools phpMyAdmin untuk mengelola datanya, juga disediakan tools DBRSE (Database Record Selector and Editor) yaitu tools yang dapat digunakan untuk menelusuri record data dan menyuntingnya. Berbeda dengan tools phpMyAdmin yang hanya dapat dijalankan dalam mode local host (http://localhost/), maka tools DBRSE dapat dijalankan dalam mode remote host (misalnya : http://www.SIPOP.org/). Sehingga dapat digunakan untuk pengelolaan data pada aplikasi web SIPOP secara remote. Untuk mengaktifkan tools DBRSE ini klik menu Cari Data dalam menu pengelolaan data di bagian atas window SIPOP Database Maintenance, maka komputer akan menampilkan tools DBRSE di dalam window yang sama atau jika diperlukan secara otomatis akan ditampilkan ke dalam window atau tab control window yang terpisah. Untuk mengoperasikan tools DBRSE ini, pengguna harus menentukan beberapa konfigurasi setting yang akan ditampilkan untuk menentukan kondisi tampilan data yang diperlukan, di antaranya adalah :

- 97 -

1. Pulldown Pilih Tabel untuk memilih tabel data yang akan dibuka. Pilihlah salah satu tabel kategori atau tabel teknologi. 2. Kolom isian Jumlah Kolom diisi dengan jumlah kolom data (field) yang akan ditampilkan ke layar monitor. 3. Kolom isian Mulai nomor baris diisi dengan nomor record data ke berapa yang akan ditampilkan ke layar monitor. Jika diisi angka 0 berarti seluruh record data akan ditampilkan. 4. Kolom isian Jumlah Baris diisi dengan jumlah baris record data yang akan ditampilkan ke layar monitor. Jika diisi angka 0 atau dikosongkan berarti seluruh baris record data akan ditampilkan. 5. Jika tabel data memiliki record data, maka tampilan tabel yang dihasilkan akan menampilkan sejumlah kolom data atau semua kolom data dalam tabel, mana yang lebih sedikit. 6. Angka isian pada nomor adalah lebih besar dari 0 dan kurang dari atau sama dengan 99. Angka 0 akan menghasilkan semua kolom dalam tabel tidak peduli berapa banyak kolom yang ada. 7. Jika telah ditentukan konfigurasi setting pencarian datanya, kemudian tekan tombol [Tampilkan Record Data] untuk mulai menampilkan data ke layar monitor. 8. Untuk kembali ke tampilan awal menu DBRSE, klik menu [Mulai dari awal] yang ada di sebelah kanan window di bawah menu ikon pengelolaan data teknologi dan kategori.

Gambar 163. Tampilan Pengelolaan Data Menggunakan DBRSE

- 98 -

Contoh tampilan penelusuran data untuk tabel kategori dan tabel teknologi adalah seperti pada gambar di bawah ini.

Gambar 164. Tampilan Hasil Penelusuran Tabel Data Kategori Menggunakan DBRSE

Gambar 165. Tampilan Hasil Penelusuran Tabel Data Teknologi Menggunakan DBRSE

- 99 -

Pada contoh hasil penelusuran kedua tabel data kategori dan teknologi di atas, pada bagian atas tabel, tools DBRSE memberikan informasi mengenai tabel yang sedang ditampilkan. Informasi yang diberikan adalah :    

Table Name berisi informasi mengenai nama tabel data. Rows berisi informasi jumlah baris record data yang ada di dalam tabel tersebut. Fields Total berisi informasi jumlah kolom / field tabel data dalam tabel tersebut. Fields Showing berisi informasi mengenai jumlah kolom / field tabel data yang ditampilkan ke layar monitor.  Goto To Daftar Record digunakan untuk kembali menuju tabel record data.  Goto To Daftar Tabel digunakan untuk kembali menuju daftar tabel yang ada. Selain informasi di atas, pada bagian kiri setiap record data terdapat dua buah tombol untuk menyunting dan menghapus record data, yaitu :  Ikon Edit data  Ikon Delete data

untuk menyunting record data yang bersangkutan. untuk menghapus record data yang bersangkutan.

Untuk menyunting record data, klik ikon edit data yang ada di sebelah kiri record data yang dimaksud, maka seluruh data dengan nomor identifikasi yang dimaksud akan ditampilkan pada form editing seperti pada gambar di bawah ini. Setelah penyuntingan selesai dilakukan klik tombol [Save] untuk menyimpan perubahan data.

Gambar 166. Editing Data Teknologi Menggunakan DBRSE - 100 -

Gambar 167. Editing Data Kategori Teknologi Menggunakan DBRSE Setelah melakukan perubahan, pada saat tombol [Save] ditekan untuk menyimpan datanya, maka komputer akan menampilkan status update query yang dijalankan ke layar monitor dan memberikan pesan ‘Data telah berhasil disimpan !’, lalu menampilkan tabel data kembali. Berikut ini adalah contoh status update query pada data teknologi dan data kategori saat dilakukan perubahan.

Gambar 168. Status Update Query Saat Editing Data Teknologi Dengan DBRSE

Gambar 169. Status Update Query Saat Editing Data Kategori Dengan DBRSE Untuk menghapus record data, klik ikon delete yang ada di sebelah kiri record data yang dimaksud, maka komputer akan memberikan pesan peringatan untuk meyakinkan kembali penghapusan record data tersebut seperti pada gambar di bawah ini.

Gambar 170. Pesan Konfirmasi Penghapusan Record Data Oleh DBRSE - 101 -

5.1.3.5.

Sub Menu Database Kepakaran

Sub Menu Database Kepakaran merupakan database yang berada pada alamat situs lain, yaitu http://elib.pdii.lipi.go.id/sidik/home. Alamat situs ini dikelola oleh Pusat Dokumentasi dan Informasi Ilmiah (PDII) Lembaga Ilmu Pengetahuan Indonesia (LIPI). Situs direktori kepakaran menyajikan informasi data kepakaran berdasarkan bidang kepakarannya. Pada halaman web awal situs ini pengguna dapat menelusuri direktori kepakaran berdasarkan menu tab control yang disediakan, yaitu : 

Tab control Menu Pakar Terpopuler Dilihat, yaitu menu untuk menelusuri pakar berdasarkan jumlah ditelusurinya pakar tersebut.



Tab control Bidang Ilmu, menu untuk menelusuri pakar berdasarkan bidang ilmu pengetahuan yang ada.



Tab control Sub Bidang Ilmu, menu untuk menelusuri pakar berdasarkan sub bidang ilmu pengetahuan yang ada.



Tab control Bidang Kepakaran, menu untuk menelusur pakar berdasarkan bidang kepakarannya.

Berikut ini adalah gambar tampilan situs Database Kepakaran.

Gambar 171. Situs Direktori Kepakaran – PDII LIPI

- 102 -

5.1.4.

Menu Paket Teknologi

Pada Menu Paket Teknologi disajikan paket-paket teknologi yang berhubungan dengan penanganan limbah POPs. Paket-paket teknologi disajikan dalam bentuk dokumentasi hypertext yang membahas teknologi penanganan limbah POPs secara detail dengan harapan dapat diterapkan oleh pengguna yang membutuhkannya. Untuk membuka paket teknologi di dalamnya klik judul paket teknologi yang terdapat di dalam daftar paket teknologinya. Misalnya :  Klik Menu Paket Teknologi  Klik Judul Paket Teknologi (Contoh : Substitusi Pestisida) Berikut ini adalah beberapa contoh tampilan halaman web paket teknologi.

Gambar 172. Halaman Web Paket Teknologi Substitusi Pestisida - 103 -

5.1.5.

Menu Galeri POPs

Menu Galeri POPs bertujuan untuk menyajikan informasi tentang POPs dalam bentuk gambar atau klip video maupun tulisan iptek sederhana yang dapat memberikan edukasi / pendidikan kepada masyarakat mengenai bahaya POPs. Di dalam menu Galeri POPs terdiri dari 3 sub menu, yaitu :   

Sub Menu Slide Foto POPs untuk menyajikan gambar-gambar atau foto-foto dalam bentuk slide yang berhubungan dengan edukasi POPs. Sub Menu Video Klip Edukasi untuk menyajikan tayangan video klil tentang pendidikan POPs. Sub Menu Iptek Untuk Kita berisi daftar iptek sederhana yang dapat menjelaskan kepada masyarakat bagaimana cara mendeteksi POPs di sekitar kita dan caracara sederhana penanganannya.

5.1.5.1. Slide Foto POPs Langkah-langkah untuk menampilkan dan mengoperasikan halaman web slide foto POPs adalah sebagai berikut : 1. 2. 3.

Klik menu [Galeri POPs] untuk membuka sub menu di dalamnya. Klik sub menu [Slide Foto POPs] untuk membuka halaman web Galeri Foto Bahaya dan Dampak POPs Terhadap Lingkungan dan Kesehatan. Arahkan mouse cursor tepat di atas salah satu foto berjalan / bergerak dari arah kanan ke kiri. Gambar foto yang tepat berada di bawah mouse cursor tersebut akan muncul di bawah tampilan halaman web tersebut.

Gambar 173. Halaman Web Slide Foto POPs - 104 -

5.1.5.2.

Sub Menu Video Klip Edukasi

Langkah-langkah untuk menampilkan dan mengoperasikan halaman web Video Klip Edukasi POPs adalah sebagai berikut : 1.

Klik menu [Galeri POPs] untuk membuka sub menu di dalamnya.

2.

Klik sub menu [Video Klip Edukasi] untuk membuka halaman web Galeri Video Untuk Pendidikan POPs.

3.

Klik salah satu gambar yang mewakili judul video klip pada bagian atas tampilan halaman webnya.

4.

Klik ikon Play yang berada di tengah tampilan video klip untuk memutar video atau memberhentikannya (pause).

5.

Gunakan video player console seperti gambar di bawah ini untuk menavigasikan pemutaran vide klipnya,

Gambar 174. Video Player Console Gambar berikut ini adalah contoh tampilan halaman web video klip edukasi POPs.

Gambar 175. Halaman Web Video Klip Edukasi Agar dapat diputar dalam web browser, beberapa web browser memerlukan plugin adobe flash player. Pastikan web browser yang digunakan telah memiliki plugin adobe flash player tersebut. Paket plugin tersebut dapat diunduh dari situs resmi adobe, yaitu : http://www.adobe.com/support/flashplayer/downloads.html - 105 -

5.1.5.3.

Sub Menu Iptek Untuk Kita

Langkah-langkah untuk menampilkan dan mengoperasikan halaman web Iptek Untuk Kita adalah sebagai berikut : 1. Klik menu [Galeri POPs] untuk membuka sub menu di dalamnya. 2. Klik sub menu [Iptek Untuk Kita] untuk membuka halaman web Galeri IPTEK seperti gambar di bawah ini.

Gambar 176. Halaman Web Galeri IPTEK Beberapa judul iptek sederhana yang disediakan dalam sub menu Iptek Untuk Kita adalah sebagai berikut :  POPs Dioxin ada di Pembalut Wanita  Pembuatan Pestisida Organik atau Bio-Pestisida Membuat Bio-Starter Dengan Bahan Lokal Endosulfan dan Ancamannya  Pedoman Pengganti Senyawa POPs  Lembar Data Keselamatan Bahan / Material Safety Data Sheet (MSDS)  Azadiractin (C35H44O16) Sebagai Alternatif Pengganti DDT 3. Pilih salah satu judul iptek sederhana dari daftar yang ada dengan menekan tombol mouse tepat di atas gambar yang mewakili judul iptek sederhana tersebut. Gambar di bawah ini adalah salah satu contoh halaman web iptek sederhana yang berjudul ‘POPs Dioxin ada di Pembalut Wanita’. - 106 -

Gambar 177. Halaman Web Iptek Sederhana 4. Gunakan horizontal scrollbar dan vertical scrollbar untuk menampilkan halaman web yang tidak terlihat di layar monitor. 5.1.6.

Menu Regulasi

Pada menu regulasi, pengguna dapat membuka dokumentasi beberapa regulasi atau peraturan perundangan yang berhubungan dengan POPs dan B3. Beberapa peraturan perundangan yang disajikan dalam halaman web regulasi, yaitu :       

PP. R.I. No. 74 Tahun 2001 Tentang Pengelolaan Bahan Berbahaya dan Beracun National Implementation Plan on Elimination and Reduction of Persistent Organic ollutants in Indonesia (July 2008) Stockholm Convention on Persistent Organic Pollutants (POPs) 2009 UU No. 19 Tahun 2009 Tentang Pengesahan Konvensi Stockholm Tentang Bahan Pencemar Organik Yang Persisten The 9 New POPs - An introduction to the nine chemicals added to the Stockholm Convention by the Conference of the Parties at its fourth meeting (August 2010) Guidance for a Global Monitoring Programme for POPs Guidance for the inventory of polybrominated diphenyl ethers (PBDEs) listed under the Stockholm Convention on Persistent Organic Pollutants. - 107 -

Klik salah satu judul peraturan perundangan yang ada atau ikon di belakang judul tersebut dari dalam regulasi untuk menampilkannya ke layar monitor. Selain itu pada bagian bawah halaman web ini, juga terdapat alamat link yang menuju situs resmi Kementerian Hukum dan Hak Azasi Manusia Republik Indonesia.

Gambar 178. Tampilan Halaman Web Regulasi POPs

Gambar 179. Contoh Tampilan Dokumentasi Regulasi NIP POPs - 108 -

5.1.7.

Menu Web Link

Halaman web link berisi daftar beberapa alamat web situs lain yang memberikan informasi mengenai POPs baik yang ada di Indonesia maupun di luar negeri. Beberapa nama situs yang terdapat dalam halaman web link ini adalah sebagai berikut.           

EPA – US EPA – Persitent Organic Pollutants : A global issue, a global response (Bahasa Indonesia ) European Commission Environment – POPs (Bahasa Indonesia ) UNECE – United Nations Economic Commission for Europe – Protocol on POPs (Bahasa Indonesia ) GreenPeace International – What are Persitent Organic Pollutants ? (Bahasa Indonesia ) World Health Organization – Food Safety Persitent Organic Pollutants / POPs (Bahasa Indonesia ) Warehouse of Persistent Organic Pollutants in East Asia Countries (Bahasa Indonesia ) Persistent Organic Polutants Tool Kit (Bahasa Indonesia ) UNEP - Persistent Organic Polutants (Bahasa Indonesia ) Rotterdam Convention (Bahasa Indonesia ) Pusarpedal Kementerian Lingkungan Hidup Wikipedia POPs

Gambar 180. Halaman Web Links POPs Untuk menuju halaman web situs yang dituju, klik salah satu nama situsnya atau klik gambar ikon bendera merah putih bahasa Indonesia.

untuk menyajikan informasi situs yang dituju dalam

- 109 -

Gambar-gambar berikut ini adalah contoh tampilan halaman web situs EPA tentang POPs dalam bahasa Inggris dan bahasa Indonesia.

Gambar 181. Halaman Web Situs EPA Dalam Bahasa Inggris

Gambar 182. Halaman Web Situs EPA Dalam Bahasa Indonesia - 110 -

5.2. Pendaftaran Username dan Password Pengelola Database Karena kegiatan pendaftaran kode login dan kata kunci untuk pengelolaan database tidak terlalu sering dilakukan dan tidak diperlukan mendaftarkan banyak pengguna, maka pada aplikasi web SIPOP ini tidak disediakan program/frontend khusus untuk melakukan registrasi pengguna. Penambahan, penghapusan atau penyuntingan kode login dan kata kunci pengguna sebagai pengelola database dilakukan secara manual dengan menyunting langsung file password aplikasi ini menggunakan program notepad.exe. Berikut ini adalah langkah-langkah untuk melakukan pendaftaran kode login dan kata kunci pengguna baru : 1. Buka program notepad.exe dengan mengklik Menu Start  All Programs  Accessories  Notepad 2. Dapat juga dengan mengklik Menu Start  Run atau Menu Start  All Programs  Accessories  Run, kemudian ketikkan ‘notepad’ lalu klik tombol [OK].

Gambar 183. Menjalankan Program Notepad Dari Run Prompt 3. Setelah program notepad tampil di layar monitor, klik menu File  Open untuk membuka file password dalam aplikasi web SIPOP yang berada di dalam direktori / folder c:\xampp\htdocs\SIPOP

Gambar 184. Program Aplikasi Notepad - 111 -

4. Klik drive (C:)  folder xampp  folder htdocs  folder SIPOP  folder DBPopsB3 untuk membuka file password database POPs dan B3. 5. Klik drive (C:)  folder xampp  folder htdocs  folder SIPOP  folder DBTeknologi untuk membuka file password database Teknologi. 6. Ubah file type dari Text Documents (*.txt) menjadi All Files (*.*) 7. Pilih file dbpwdfile.js lalu tekan tombol [Open].

Gambar 185. Membuka File Password ‘dbpwdfile.js’ 8. Perhatikan baris yang memiliki kata ‘username’ dan ‘password’ dalam file dbpwdfile.js seperti pada gambar di bawah ini.

Gambar 186. Menyunting File Password ‘dbpwdfile.js’ Dengan Notepad 9. Untuk menyuntingya, klik langsung pada baris yang dimaksud, ubah atau hapus username dan password yang diinginkan. 10. Untuk menambahnya blok satu baris, lalu copy dan sisipkan (paste) ke baris berikutnya. Ketikkan juga username dan password yang diinginkan. 11. Jika telah selesai simpan perubahannya dengan mengklik menu File  Save, lalu klik menu File  Exit untuk menutup program notepad. - 112 -

5.3. Editing Konten Aplikasi Web SIPOP Konten aplikasi web SIPOP sebagian besar adalah dokumen hypertext (HTML) yang dikembangkan menggunakan aplikasi Microsoft Office Prontpage. Jika diperlukan pengguna dapat memodifikasi isi dari konten aplikasi web SIPOP. Berikut ini adalah langkah-langkah yang dapat dilakukan untuk menyunting file hypertext dalam aplikasi web SIPOP. 1.

2.

Pastikan Program Microsoft Office Frontpage telah terinstalasi dalam komputer. Jika belum ada, program tersebut diinstalasikan menggunakan cdrom Microsoft Office Profesional. Paket cdrom Microsoft Office Profesional adalah terpisah dari paket cdrom aplikasi web SIPOP. Selanjutnya klik ikon [Start]  [Program]  [Microsoft Office]  [Microsoft Office Prontpage 2003] seperti pada gambar di bawah ini.

Gambar 187. Menu Untuk Menjalankan Program Aplikasi Microsoft Office Frontpage 3.

Setelah program aplikasi Microsoft Office Prontpage muncul di layar monitor, klik menu [File]  [Open] seperti gambar di bawah ini.

Gambar 188. Menu Open File Untuk Membuka Dokumen Hypertext - 113 -

4.

Buka lokasi direktori instalasi aplikasi web SIPOP di c:\xampp\htdocs\SIPOP dengan mengklik pulldown menu yang ada tanda panah ke bawah [] seperti pada gambar berikut.

Gambar 189. Menu Membuka Dokumen Hypertext Pada Direktori Aplikasi Web SIPOP 5.

Pilih salah satu file yang akan disunting, maka dokumen akan dibuka oleh aplikasi Microsoft Office Prontpage dan tampil di layar monitor. Jika ingin membuat dokumen hypertext baru, simpan nama file dokumen hypertext tersebut di dalam folder c:\xampp\htdocs\SIPOP juga agar dapat diakses secara online.

Gambar 190. Editing Konten Aplikasi Web SIPOP Dengan Microsoft Office Frontpage - 114 -

Pada program aplikasi Microsoft Office Frontpage dokumen hypertext dapat ditampilkan dalam 4 mode, yaitu :  Mode Design untuk menyunting dokumen hypertext.  Mode Split membagi window Microsoft Office Frontpage menjadi dua bagian, yaitu bagian atas untuk menampilkan kode sumber (source code) HTML dan bagian bawah untuk menampilkan disain layar.  Mode Code untuk menampilkan kode sumber (source code) HTML dokumen hypertext ke layar monitor.  Mode Preview untuk menampilkan layout tampilan akhir dokumen hypertext jika dibaca melalui program aplikasi web browser. Petunjuk lebih detail penggunaan program aplikasi Microsoft Office Frontpage ini dapat dilihat pada menu [Help] dalam aplikasi ini. Selain itu untuk lebih memudahkan proses editing konten aplikasi web SIPOP disarankan pengguna telah menguasai pemrograman HTML untuk pembuatan dokumen hypertext. Tutorial pemrograman HTML dapat diunduh juga secara gratis dari jaringan internet. Secara garis besar dokumen hypertext tersusun dalam format dimana setiap isi dokumen berada di dalam tag pembuka dan selalu diakhiri dengan tag penutup seperti contoh di bawah ini. <TITLE> …………. …………………….. ……………………..

Gambar 191. Mode Code Pada Editing Konten Aplikasi Web SIPOP - 115 -

5.4. Mencetak Tampilan Layar Untuk mulai mencetak dokumen yang sudah tampil di layar monitor, dapat dilakukan dengan cara sebagai berikut : 1. Siapkan kertas ukuran A4 pada printer. 2. Klik menu print pada web browser. Contoh di bawah ini menggunakan web browser firefox, maka klik menu [Firefox]  [Print]  [Print Preview]

Gambar 192. Menu Mencetak Pada Web Browser Firefox 3. Klik menu [Print] untuk langsung mencetak ke printer atau klik menu [Page Setup] untuk mengkonfigurasi layout tampilkan di kertas. Menu [Page] digunakan untuk memilih halaman yang akan dicetak. Menu [Scale] digunakan untuk memperbesar atau memperkecil skala tampilkan. Klik menu [Portrait] atau [Landscape] untuk mengubah orientasi pencetakan secara vertikal atau horizontal. Klik menu [Close] untuk selesai dari menu mencetak.

Gambar 193. Modifikasi Layout Saat Mencetak - 116 -

4. Pada menu [Page Setup] terdapat dua tab control, yaitu Format & Options dan Margins & Header/Footer untuk mengubah layout hasil pencetakan.

Gambar 194. Menu Tab Control Format & Options dan Margins & Header/Footer 5. Pada menu [Print] ditampilkan beberapa pilihan printer yang terhubung dengan komputer. Pilihlah nama printer sesuai dengan yang terhubung ke komputer. Klik menu [Properties] untuk memilih jenis kertas dan ukuran kertasnya.

Gambar 195. Menu Perubahan Jenis Printer 6. Klik tombol [OK] untuk mulai mencetak ke printer. - 117 -

Gambar 45. Tampilan Menu [Awal] Software Aplikasi Web SIPOP

Recommend Documents