Perancangan Aplikasi SICALAB (Sistem Catat Analisis Laboratorium) pada Pusat Sumber Daya Geologi (PGSD) Kota Bandung

(1)

Perancangan Aplikasi SICALAB

(Sistem Catat Analisis Laboratorium)

pada

Pusat Sumber Daya Geologi (PSDG) kota Bandung

Laporan Praktek Kerja Lapangan

Diajukan untuk memenuhi syarat matakuliah Praktek Kerja Lapangan Teknik Informatika

Oleh :

10109376 – Alvian Reza Bachtiar 10109377 – Hendra Kurniawan 10109380 – Heri Setiawan

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

(2)

E-1

LAMPIRAN E

(3)

(4)

F-1

LAMPIRAN F

(5)

(6)

(7)

(8)

G-1

LAMPIRAN G

(9)

G-2

Pendidikan

Periode Sekolah/ Universitas Jurusan

1997-2003 SD Negeri 2 Abdi Negara -

2003-2006 SLTP Negeri 40 Bandung -

2006-2009 SMK Negeri 6 Bandung Otomotif

2009-Sekarang Universitas Komputer Indonesia (UNIKOM)

Bandung Teknik Informatika

Data Pribadi

NIM : 10109376

Nama Lengkap : Alvian Reza Bachtiar Tempat & Tgl. Lahir : Bandung , 29 Agustus 1991 Jenis Kelamin : Laki-Laki

Agama : Islam

Fakultas : Teknik dan Ilmu Komputer Jurusan : Teknik Informatika

Alamat : Jl. Bumi Abdi Negara 2 Blok. A3 No. 5 Cileunyi Wetan No. Telp : 081809554001

(10)

G-3

Pendidikan

Periode Sekolah/ Universitas Jurusan

1991-1997 SD Negeri 4 Adiarsa Karawang -

1997-2000 SLTP Negeri 2 Karawang -

2000-2003 SMA Negeri 1 Telukjambe IPA

Data Pribadi

NIM : 10109377 Nama Lengkap : Hendra Kurnia

Tempat & Tgl. Lahir : Karawang, 09 Junil 1984 Jenis Kelamin : Laki-Laki

Agama : Islam

Alamat : Jl. Batujajar Rt 07/01 Desa Cimareme, Kec. Ngamprah No. Telp : 085267254009

(11)

G-4

Pendidikan

Periode Sekolah/ Universitas Jurusan

1997-2003 SD Negeri 1 Petarukan -

2003-2006 SLTP Negeri 2 Ampelgading -

2006-2009 SMA Negeri 1 Petarukan IPA

Data Pribadi

NIM : 10109380 Nama Lengkap : Heri Setiawan

Tempat & Tgl. Lahir : Pemalang, 24 September 1990 Jenis Kelamin : Laki-Laki

Agama : Islam

Alamat : Jl. Desa Sirangkang Rt/Rw 04/01 Kec. Petarukan -Pemalang No. Telp : 087720000496

(12)

xvi

DAFTAR LAMPIRAN

LAMPIRAN A SOURCE CODE ... A-1

LAMPIRAN B SURAT BALASAN PENELITIAN KERJA PRAKTEK ... B-1

LAMPIRAN C DAFTAR KEHADIRAN KERJA PRAKTEK ... C-1

LAMPIRAN D NILAI KERJA PRAKTEK ... D-1

LAMPIRAN E LEMBAR PENGESAHAN ... E-1

LAMPIRAN F SURAT KETERANGAN PENGESAHAN HAK EKSKLUSIF ... F-1

(13)

i

KATA PENGANTAR

Segala puji syukur kita panjatkan kehadirat Allah swt yang telah memberikan rahmatnya sehingga kami dapat menyelesaikan penyusunan Laporan Kerja Praktek dengan tepat waktu, tugas ini dalah salah satu persyaratan akademik yang menjadi salah satu persyaratan pada mata kuliah Kerja Praktek Fakultas Teknik Komputer Jurusan Teknik Informatika di Universitas Komputer Indonesia ,dalam penyusunan Laporan Kerja Prektek ini kami mengambil judul “PERANCANGAN APLIKASI (SISTEM CATAT ANALISIS

LABORATORIUM) PUSAT SUMBER DAYA GEOLOGI (PSDG) KOTA BANDUNG”. Kami menyadari bahwa dalam penulisan Laporan Kerja Praktek ini tidak lepas dari kekurangan baik dalam penyaajian maupun isi, karna kami masih merasa terbatasnya pengetahuan dan kemampuan dalam penulisan Laporan Kerja Praktek ini,untuk itu harap kami mohon maaf apabila kesalahan itu terjadi.

Dalam penyusunan laporan ini kami ucapkan terima kasih kaarna kami mendapatkan bantuan dari rekan-rekan serta orang tua kami yang telah membantu menyelesaikan Laporan Kerja Praktek baik secara moril ataupun materil,dan juga dosen-dosen yang telah membimbing kami dalam menyelesaikan tugas ini.

Harapan bagi penulis semoga Laporan Kerja Praktek ini dapat memberikan manfaat bagi kami kususnya dan bagi semua pihak yang membaca laporan ini pada umumnya, akhir kata kita panjatkkan do’a kepada Allah SWT, semoga semua pihak yang membantu dalam

menyelesaikan laporan ini mendapatkan balasan yang berlipat.

(14)

DAFTAR PUSTAKA

[1] Wiswakarma, Komang. 2009. Membuat Katalog Online dengan PHP dan CSS. Lokomedia. Yogyakarta.

[2] Hermawan, Julius. 2004, Analisa Desain & Pemrograman php, Penerbit Andi, Yogyakarta.

[3] Sommerville, I. (2003), Software Enginering (Rekayasa Perangkat Lunak) edisi 6 jilid 1, Erlangga, Jakarta.

[4] Hakim, Lukmanul. 2009. Jalan Pintas Menjadi Master PH.

Lokomedia. Yogyakarta

(15)

1

BAB I

PENDAHULUAN

1.1.Latar Belakang

Pusat Sumber Daya Geologi (PSDG) kota Bandung adalah instansi pemerintahan yang melaksanakan penelitian, penyelidikan dan pelayanan Di Bidang Sumber Daya Geologi, saat ini berkantor di Jl. Soekarno Hatta No. 444 Bandung 40254, Jawa Barat – Indonesia. (PSDG) sendiri berada dibawah Kementerian ESDM, Badan Geologi, Departemen Energi dan Sumber Daya Mineral (DESDM),

Seperti diketahui PSDG merupakan instansi yang melaksanakan penelitian, penyelidikan dan pelayanan di bidang sumberdaya geologi, hal ini erat kaitanya dengan pengolahan data yang didapat dari lapangan dan di analisis di Laboratorium untuk didapatkan hasilnya dan kemudian hasil tersebut disajikan dalam bentuk penyusunan data dan lnformasi yang bisa dimanfaatkan oleh Publik dan umum, hal ini sesuai dengan Visi PSDG sendiri yaitu “peningkatan investasi sektor ESDM guna menunjang

percepatan pembangunan”.

(16)

2

Melihat hal diatas kami berinisiatip untuk memperbaiki sistem alir data analisis Laboratorium yang ada, adalah “Bagaimana membangun aplikasi pencatatan hasil analisis laboratorium di PSDG kota Bandung agar efisien waktu dan keakuratan hasil analisis laboratorium di dapat dengan mudah”.

Berdasrkan latar belakang yang telah diuraikan sebelumnya, maka dapat dijadikan sebagai bahan untuk menyusun laporan kerja praktek dengan judul “Aplikasi Sistem Catat Analisis Laboratorium (SICALAB) PSDG kota

Bandung”.

1.2.Indentifikasi Masalah

Berdasarkan latar belakang diatas maka identifikas masalah dari penelitian ini, ialah :

1. Bagaimana membuat aplikasi hasil analisis laboratorium yang terkomputerisasi.

2. Bagaimana membuat aplikasi hasil analisisi laboratorium yang terintegrasi secara utuh.

3. Bagaimana membuat aplikasi hasil analisisi laboratorium sehingga data yang dihasilkan akurat dan cepat disajikan untuk diperoses lebih lanjut oleh departemen lainya.

1.3.Maksud dan Tujuan

(17)

3

1.3.1. Maksud

Maksud dari penelitian ini adalah untuk membantu pegawai PSDG dalam membuat program untuk kebutuhan pencatatan hasil analisi laboratorium yang terkomputerisai, efisien dan akurat berbasis Web.

1.3.2. Tujuan

Tujuan yang ingin penulis capai dalam penelitian ini adalah :

1. Mengefisienkan waktu pegawai PSDG dalam mendapatkan data hasil analisis laboratorium, yang mana gedung / departemen saling berjauhan.

2. Menjamin keakuratan data hasil analisis laboratorium karena aplikasi berbasis Web, sehinga hasil analisis laboratorium bisa dipantau oleh departemen yang bertanggung jawab.

1.4.Batasan Masalah

1. Data

Data yang akan diolah berupa data – data yang menyangkut Analisis Laboratorium di bagian informasi Pusat Sumber Daya Geologi (PSDG) Kota Bandung

2. Fungsionalitas Proses

(18)

4

3. Pengguna

User : Memiliki hak akses untuk bisa mengolah data( tambah, view, hapus, edit )

Member : Memiliki hak akses untuk melihat informasi, memberi komentar terhadap program.

4. Permodelan terstruktur

Permodelan data yang digunakan untuk membangun aplikasi adalah Permodelan Objek Oriented ( OOP ), dibangun dengan menggunakan Framework CI ( Code Igniter )

5. Aplikasi Pembangun

a. Adobe Dreamweaver

b. WampServer ( MySQL dan PHP MyAdmin c. Mozilla Firefox

d. Bahasa Pemrograman (PHP)

1.5. Metode Pengembangan Sitem

1.5.1. Waterfall

(19)

5

Gambar 1. Waterfall ( Pressman ) [3]

Secara garis besar metode waterfall mempunyai langkah-langkah sebagai berikut : Analisa, Design, Code dan Testing, Penerapan dan Pemeliharaan.

1. Analisa

(20)

6

2. Design

Proses desain akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada : struktur data, arsitektur perangkat lunak, representasi interface, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumen yang disebut software requirment. Dokumen inilah yang akan digunakan proggrammer

untuk melakukan aktivitas pembuatan sistemnya.

3. Coding & Testing

Coding merupan penerjemahan design dalam bahasa yang bisa dikenali oleh komputer. Dilakukan oleh programmer yang akan meterjemahkan transaksi yang diminta oleh user. Tahapan ini lah yang merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam artian penggunaan komputer akan dimaksimalkan dalam tahapan ini. Setelah pengkodean selesai maka akan dilakukan testing

terhadap sistem yang telah dibuat tadi. Tujuan testing adalah menemukan kesalahan-kesalahan terhadap sistem tersebut dan kemudian bisa diperbaiki.

4. Penerapan

(21)

7

5. Pemeliharaan

Perangkat lunak yang sudah disampaikan kepada pelanggan pasti akan mengalami perubahan. Perubahan tersebut bisa karena mengalami kesalahan karena perangkat lunak harus menyesuaikan dengan lingkungan (periperal atau sistem operasi baru) baru, atau karena pelanggan membutuhkan perkembangan fungsional.

Keuntungan Metode Waterfall

1. Kualitas dari sistem yang dihasilkan akan baik. Ini dikarenakan oleh pelaksanaannya secara bertahap. Sehingga tidak terfokus pada tahapan tertentu.

2. Document pengembangan sistem sangat terorganisir, karena setiap fase harus terselesaikan dengan lengkap sebelum melangkah ke fase berikutnya. Jadi setiap fase atau tahapan akan mempunyai dokumen tertentu.

Kelemahan waterfall

1. Diperlukan majemen yang baik, karena proses pengembangan tidak dapat dilakukan secara berulang sebelum terjadinya suatu produk.

2. Kesalahan kecil akan menjadi masalah besar jika tidak diketahui sejak awal pengembangan.

(22)

8

1.6. Sitematika Penulisan Laporan

Sistem penulisan yang digunakan dalam penyusunan laporan kerja praktek adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini menguraikan tentang latar belakang permasalahan, merumuskan inti permasalahan yang dihadapi, menentukan maksud dan tujuan, yang kemudian diikuti dengan pembatasan masalah dan sistematika penulisan. BAB II TINJAUAN PUSTAKA

Bab ini berisi tentang profil PSDG Jabar, sejarah internet, pengertian internet, sejarah web, unsure – unsure web, konsep dasar database, konsep dasar sistem informasi, dan perangkat lunak yang digunakan dalam pembangunan program web.

BAB III PEMBAHASAN

Bab ini berisi tentang hasil analisis terhadap seluruh sistem untuk mengetahui kebutuhan apa saja yang harus dipenuhi. Mencakup juga penjelasan rancangan basis data, Diagram Konteks, DFD (Data Flow Diagram), tabel relasi, dan rancangan website yang akan dibuat. Bab ini berisi tentang implementasi program hasil program, pengujian program serta kelebihan dan kekurangan program.

BAB IV KESIMPULAN DAN SARAN

(23)

9

BAB IV

Kesimpulan dan Saran

4.1KESIMPULAN

Sebagai Kesimpulan dari kegiatan pembuatan Aplikasi Sistem Catat Analisis Laboratorium (SICALAB) adalah sebagai berikut :

1. Aplikasi Sistem Catat Analisis Laboratorium (SICALAB) ini merupakan software aplikasi sebagai sebuah kelas sistem informasi yang terkomputerisasi, terdiri dari prosedur dalam pemprosesan data yang dibangun sebagi instrumen atau alat yang dapat memberikan informasi dengan cepat terhadap setiap kegiatan analisis laboratorium. Aplikasi sistem ini berbasis web yang terkomputerisasi dan terintegrasi, sehingga memberikan kemudahan bagi pegawai laboratorium untuk dengan cepat melakukan pencatatan data untuk analisis.

2. Aplikasi ini bersifat User Friendly, mengguakan perangkat lunak dan database open source dan dapat bersifat multiform. Serta output yang dihasilkan , dapat dilihat secara langsung.

4.2SARAN

(24)

(25)

102

BAB IV

Kesimpulan dan Saran

4.1KESIMPULAN

Sebagai Kesimpulan dari kegiatan pembuatan Aplikasi Sistem Catat Analisis Laboratorium (SICALAB) adalah sebagai berikut :

1. Aplikasi Sistem Catat Analisis Laboratorium (SICALAB) ini merupakan software aplikasi sebagai sebuah kelas sistem informasi yang terkomputerisasi, terdiri dari prosedur dalam pemprosesan data yang dibangun sebagi instrumen atau alat yang dapat memberikan informasi dengan cepat terhadap setiap kegiatan analisis laboratorium. Aplikasi sistem ini berbasis web yang terkomputerisasi dan terintegrasi, sehingga memberikan kemudahan bagi pegawai laboratorium untuk dengan cepat melakukan pencatatan data untuk analisis.

2. Aplikasi ini bersifat User Friendly, mengguakan perangkat lunak dan database open source dan dapat bersifat multiform. Serta output yang dihasilkan , dapat dilihat secara langsung.

4.2SARAN

(26)

25

BAB III

PEMBAHASAN

3.1 Analisis Sistem

Sebagai bahan pebanding dalam pembuatan sisitem pencatatan hasil analisisi laboratorium, maka penulis perlu melakukan analisisi pada sisitem yang sedang berjalan, dengan tujuan untuk mengevaluasi permasalahan serta hambatan-hambatan yang terjadi.

Berdasarkan hasil analisis terhadap sistem yang berjalan di PSDG kota Bandung, penulis menemukan masalah dimana hasil analisis laboratorium belum terintegrasi antar departemen terkait yang saling membutuhkan data dari hasil analisis laboratorium tersebut, olehkarena itu penulis bermaksud melakukan perbaikan terhadap sisitem pencatatan hasil analisisi di PSDG kota Bandung.

3.1.1 Analisis Prosedural dan Analisis Yang Sedang Berjalan

Setelah melakukan pengamatan dan wawancara di PSDG kota Bandung mengenai website dan analisi hasil laboratorium, maka dapat dilakukan analisis yang berjalan saat ini, yang mana antara hasil analisis laboratorium dan website terpisah, sehingga menyulitkan dalam pencatatan sertifikat karena antara defartemen laboratrium dan Tata Usaha berbeda rungan satu dengan yang lainnya. Berikut adalah prosedur pengolahan data laboratorium dan prosedur pengolahan data website PSDG kota Bandung :

Alur Pengolahan Data Laboratorium

1. Pengumpulan material yang akan di uji oleh Kelompok Penyelidik atau Pihak Lain. 2. Kemudian Material yang akan diujukan diserahkan pada pihak Tata Usaha untuk

pengisian dokumen yang diperlukan seperti pengisian Form Analisis, penomoran dan Form order pekerjaan.

3. Material yang telah dilengkapi dokumennya kemudian di serahkan ke pihak Preparsi Conto, untuk dicatat dan preparasi material.

4. Material yang telah di preparasi kemudian di serahkan kembali ke bagian Tata Usaha untuk di analisis sesuai dengan kebutuhan Laboratorium yang diinginkan

(27)

26

6. Hasil analisis yang diperoleh kemudian di serahkan kembali bagian Tata Usaha untuk

dicatat dan buatkan sertifikatnya.

Demikin alur pengolahan data laboratorium di PSDG kota Bandung Untuk mengetahui aliran proses pengolahan hasil analisis laboratorium di PSDG kota Bandung akan digambarkan dalam bentuk flowmap sebagai berikut :

Keterangan :

A1 = ArsipConto Lapangan Internal A2 = Arsip Conto Lapangan Eksternal

(28)

27

Alur Pengolahan Data Laboratorium

TATA USAHA / ADMINISTRASI

LABORATORIUM LABORATORIUM PREPARASI CONTO KELOMPOL PENYELIDIKAN /

PIHAK LAIN Pengisian Formulir Permintaan Analisis Penomoran Analisis Pengisian Formulir Order Pekerjaan Cetak Sertifikat Pendataan order pengujian dan pendistribusian ke lab Fisika & Kimia

Pencatatan Dan Preparasi Conto Pengisian Formulir Pengujian Data Hasil Analisis

Conto yang telah dipreparasi

1

A1

A2

A4 _A4 A3

Gambar3.1 Flowmap pengolahan data analisis laboratorium

Pengolahan data website PSDG kota Bandung :

1. _{Informasi mengenai PSDG dan data hasilanalisis laboratorium di serahkan kepada} seorang Admin.

2. _{Informasi mengenai PSDG dan data hasil analisis laboratorium kemudian dikelola oleh} admin untuk diproses ketahap berikutnya.

(29)

28

5. _{Setelah informasi dan data hasil analisis laboratorium diolah kemudian ditampilkan}

dalam website PSDG kota Bandung,

Untuk mengetahui aliran proses pengolahan informasi dan data hasil analisis laboratorium di website PSDG kota Bandung akan digambarkan dalam bentuk flowmap sebagai berikut :

Alur pengolahan data website

User Admin

Staf Laboratorium

Rekam Data Hasil Analisis Laboratorium Input Data Hasil

Analisis Laboratorium Data Hasil Analisis Laboratorium Informasi Data Hasil Analisis Laboratorium Informasi Data Hasil Analisis Laboratorium Tampilkan Data Hasil Analisis Laboratorium Data Hasil Analisis Laboratorium Database_PS DG

(30)

29

3.2 Analisis Kebutuhan Nonfungsional

Analisis kebutuhan non fungsional menggambarkan kebutuhan luar sistem yang diperlukan untuk menjalankan aplikasi yang dibangun. Adapun kebutuhan non fungsional untuk menjalankan website PSDG kota Bandung meliputi kebutuhan perangkat keras, kebutuhan perangkat lunak, dan pengguna yang memakai aplikasi. Analisis kebutuhan non fungsional bertujuan agar aplikasi yang dibangun dapat digunakan sesuai dengan kebutuhan dalam pengolahan data

3.2.1 Karakteristik Pengguna

Seperti bagaimana website pada umumnya website PSDG kota Bandung dapat mnampilkan berbagai informasi mengenai PSDG yang dapat dilihat oleh siapapun oleh pengguna website, dan dapat menampilkan data hasil analisis laboratorium namun pada data ini tidak semua pengunjung dapat mengakasesnya hanya yang terdaftar sebagai member dan

adminsaja yang dapat menggunakanya.

Pengguna Tanggung Jawab Hak Ases Tingkat

Keterampilan Kemampuan

Admin Meintenance web dan input data hasil analisis laboratorium

Mengelolah data member,

informasi tentang PSDG dan data hasil analisis laboratorium

Dapat maintenance dan menggunakan aplikasi dengan baik

Pernah

membuat dan maintenance sebuah aplikasi

Member Melihat informas tentang PSDG dan hasil analisis laboratorium

Mendapatkan informasi yang disediakan

terutama

mengenai data hasil analisis laboratorium

Dapat mencetak data hasil analisis laboratorium

Mampu menggunakan internet dan perangkat pencetak / print

Pengunjung Biasa

Melihat informasi seputar PSDG kota Bandung

Mendapat

informas yang terdapat diwebsite

PSDG kota

Bandung

Bisa mendapat informasi yang baru khususnya

mengenai geologi pertambangan

[image:30.595.78.548.411.832.2]

Mampu menggunakan internet

(31)

30

3.2.2 Analisis Hardware

Spesifilasi hardware minimum yang mendukung apliksi web ini dapat digunakan dengan baik, sebagai berikut :

Tabel 3.2 Spesifikasi Hardware

No Perangkat Keras Spesifikasi

1 Processor Dengan kecepatan minimum 2.0 Ghz

2 Memory / RAM Miimum 512 MB

3 VGA Dengan kecepatan minimum 64 MB

4 Harddisk Minimum kapasistas 40 GB

3.2.3 Analisis Software

Untuk mendukung dalam penyampaian informasi, dibutuhkan suatu fasiliatas yang memadai.. yaitu berupa pernagkat lunak (Software) yang dirancang untuk memudahkan dalam pencarian informasi. Adapun perangkat linak (Software) yang digunakan sebagai berikut :

Tabel 3.3 Spesifikasi Software

No Perangkat Lunak (Software) Spesifikasi

1 Siste Operasi Microsoft Windows XP

2 Program a. Wamp Server

b. Adobe Dreamweaver 8

3 Database MySQL

4 Perangkat Tambahan Web Browser

(32)

31

3.3 Analisis Kebutuhan Fungsional

3.3.1 Entity Relationship Diagram (ERD)

Diagram ERD adalah diagram yang menggambarkan data dalam bentuk entitas yang selain berelasi

dengan entitas lainnya. Gambar diagram ERD pada aplikasi PSDGdapat dilihat sebagai berikut :

Admin Id_admin Analisis Mineral No_analisis Poling Berita Id_berita Id_poling Pengaduan Id_pengaduan K_Info Id_info Mengelola Mengelola Mengelola Mengelola n I n I n I n I analisis_kimia No_analisis Analisis_batuba ra No_analisis Mengelola n I n n

(33)

32

3.3.2 Skema Relasi

admin PK id_admin username pass k_info PK id nama email subjek pesan FK1 id_admin pengaduan PK id nama alamat subjek pesan FK1 id_admin poling PK id_poling opsi jumlah FK1 id_admin berita PK id_berita judul tanggal isi nama_image FK1 id_admin batubara PK no_analisis nm_perusahaan alamat jumlah ap aa c h n o s FK1 id_admin industri PK no_analisis nm_perusahaan alamat jumlah so ai fe fe0 ca FK1 id_admin analisis PK no_analisis nm_perusahaan alamat telepon komoditi jumlah cu br as fe nb FK1 id_admin

(34)

33

3.3.3 Diagram Konteks

0

Web Pusat Sumber Daya

Geologi (SICALAB) Admin User Data Login Data Poling Data Pengaduan Data Kontak Informasi

Data Berita Data Analisis Batubara Data Analisis Batubara Gambut

Info Data Login

Info Data Poling Info Data Pengaduan Info Data Kontak informasi

Info Data Berita Info Data Analisis batubara Info Data Analisis Batubara Gambut

Info Data Kimia Mineral Data Analisis Kimia Mineral

Info Berita Info Fropil Sejarah Info tugas dan fungsi

Info visi dan misi Info struktur organisasi

Info kontak informasi Info pengaduan

Info analisis

Data Analisis

Data Kontak Informasi

Data Pengaduan

(35)

34

3.3.4 Data Flow Diagram (DFD) Level 1 Admin

1 Login Admin 3 Pengaduan 2 Kontak Informasi 4 laboratorium 5 Berita 6 Logout admin K_info pengaduan analisis batubara analisis_kimia berita Data login

Info Data login

Info Data pengaduan

Data Berita

Info Data Berita

Data login

Info Data login

Info Data informasi

Info Data pengaduan

Info Data pengaduan analisis

Info Data batubara

Info Data analisis kimia

Logout

Data Berita Info Data Berita Info Data Analisis

Info DataAnalisis batubara Info Data Analisis kimia

Info Data informasi

Data Analisis

Data Analisis batubara

Data analisis kimia

(36)

35

3.3.5 Data Flow Diagram (DFD) Leve 2 Delete Informasi

Admin 2.1

Delete Informasi K_info

Info Data informasi Data informasi

Data informasi Info Data informasi

Gambar 3.7 Data Flow Diagram (DFD) Leve 2 Delete Informasi

3.3.6 Data Flow Diagram (DFD) Level 2 Delete Pengaduan

Admin 3.1

Delete Pengaduan K_info

Info Data Pengaduan Data Pengaduan

Data Pengaduan Info Data Pengaduan

(37)

36

3.3.7 Data Flow Diagram (DFD) Level 2 Delete Analisis Laboratorium

Admin 4.1 Delete Analisis mineral 4.2 Delete Analisis Batubara 4.3 Delete Analisis Kimia analisis batubara analisis_kimia Data Analisis Data Analisis

Data Analisis batubara

Data analisis kimia Data analisis kimia

Info Data Analisis

Info Data Analisis

Info Data Analisis batubara

[image:37.595.85.527.444.673.2]

Gambar 3.9 Data Flow Diagram (DFD) Level 2 Delete Analisis Laboratorium

3.3.8 Data Flow Diagram (DFD) Level 2 Prngolahan Berita

Admin 5.1 List Berita berita 5.1 Tambah Berita Data Berita

Data Berita

Data Berita Info Data Berita

(38)

37

3.3.9 Data Flow Diagram (DFD) Level 1 Level User

User 1 Beranda 2 Profil 3 Publikasi 4 Kontak 5 Link Terkait analisis batubara analisis_kimia Info Sejarah

Info Tugas & Fungsi Info Visi & Misi Info Struktur Organisasi

Info Data Poling

Data Analisis Mineral Data Analisis Batubara Data Analisis Kimia Industri

Data Poling Info Data Analisis Mineral Info Data Analisis Batubara Info Data Analisis Kimia Industri

Data Kontak Informasi Data Pengaduan

Data Poling

Info Data Kontak Informasi Info Data Pengaduan

Info Data Poling

K_info

pengaduan Data Kontak Informasi

Data Pengaduan

Info Data Pengaduan Info Data Kontak Informasi

Data Analisis Mineral

Data Analisis Batubara

Data Analisis Kimia Industri Info Data Analisis

Info Data Analisis Batubara

Info Data Analisis Kimia

poling

Info Link Info Data Poling

Info Data Berita Info Data Poling

Data Poling

[image:38.595.84.529.136.616.2]

Info Data Poling Data Poling

(39)

38

3.3.10 Data Flow Diagram (DFD) Level 2 Profil

User

2.1 Profil

2.2 Sejarah

2.3 Tugas & Fungsi Info Data Tugas & Fungsi

Info Data Sejarah

2.4 Visi & Misi

2.5

Struktur Organisasi

Info Data Struktur Organisas Info Data Profil

Info Data Visi & Misi

(40)

39

3.3.11 Data Flow Diagram (DFD) Level 2 Analisi Laboratorium

User

3.1

Input Analisis Kimia analisis

batubara analisis_kimia 3.2 Input Analisis Batubara 3.3 Input Analisis Kimia

Industri

poling Data Analisis Kimia

Data Poling Data Analisis Kimia

Info Data Analisis

Data Analisis Batubara Data Poling

Data Poling

Info Data Poling Info Data Analisis Kimia

Data Analisis Batubara

Info Data Analisis Batubara Data Poling Info Data Poling

Info Data Analisis Batubara Info Data Poling

Data Analisis Kimia Industri Data Poling

Info Data Analisis Kimia Industri Info Data Poling

Data Poling Info Data Poling

Data Analisis Kimia Industri

Info Data Analisis Kimia Industri

Gambar 3.13 Data Flow Diagram (DFD) Level 2 Analisi Laboratorium

3.3.12 Data Flow Diagram (DFD) Level 2 Pengaduan

User 4.1 Input Kontak Informasi 4.2 Input Pengaduan K_info pengaduan poling Data Kontak Informasi

Info Data Kontak Informasi

Data Poling

Info Data Poling Data Poling

Data Pengaduan

Info Data Pengaduan Data Kontak Informasi

Data Poling

Info Data Kontak Informasi Info Data Poling

Data Pengaduan Data Poling

Info Data Pengaduan Info Data Poling

(41)

40

3.3. Spesifikasi Proses

1. Spesifikasi Proses Admin

Tabel 3.4 Spesifikasi Proses Admin

No. Proses 1

Nama Proses Login

Deskripsi Proses login ini dilakukan oleh seorang Admin dihalaman admin tersendiri, guna untuk mengolah datan yang tersedia di halaman Admin Input Data Username dan Password

Output - Info login gagal - Login berhasil

Logika Proses Begin data username dan password dimasukan

If username ada dan password benar {Then login Valid} else {Login telah gagal}

No. Proses 2.

Nama Proses Kontak Informasi

Deskripsi Proses melihat kontak informasi yang di kirim oleh pengguna halaman web user dan menghapus data informasi yang ada didatabase

Input Informasi dari data Informasi

Output Info data Informasi

Logika Proses Begin data data Informasi dihapus

If(data terhapus){

Pengolahan data berhasil

Then tampil}

Else

{pengolahan data gagal}

No. Proses 3

Nama Proses Pengaduan

Deskripsi Proses melihat Pengaduan yang di kirim oleh pengguna halaman web user dan menghapus data pengaduan yang ada didatabase

Input Informasi dari data Pengaduan

Output Info data pengaduan

Logika Proses Begin data data pengaduan dihapus

Then tampil}

Else

{pengolahan data gagal} No. Proses 4.0

Nama Proses Publikasi

Deskripsi Proses Menampilkan data analisa laboratorium yang telah diisi oleh user Input

Output Info Data Analisis

(42)

41

Logika Proses Begin data Analisis, Analisis batubara, Analisis kimia

If(data ada){

Then tampil}

Else {pengolahan data gagal} No. Proses 4.1

Nama Proses Delete Analisis

Deskripsi Proses melihat data analisis kimia yang di kirim oleh pengguna halaman web user dan menghapus data analisis kimia yang ada didatabase Input

Output Info Data Analisis Kimia

Logika Proses Begin data data analisis kimia dihapus

Then tampil}

Else

Nama Proses Delete Analisis Batubara

Deskripsi Proses melihat data analisis batubara yang di kirim oleh pengguna halaman web user dan menghapus data analisis batubara yang ada didatabase

Input

Output Info Data Analisis Batubara

Logika Proses Begin data data analisis kimia batubara dihapus

Then tampil}

Else

Nama Proses Delete Analisis Kimia Industri

Deskripsi Proses melihat data analisis kimia batbara yang di kirim oleh pengguna halaman web user dan menghapus data analisis batubara yang ada didatabase

Input

Output Info Data Analisis Kimia Industri

Logika Proses Begin data data analisis kimia Industri dihapus

Then tampil}

Else

No. Proses 5

Nama Proses Berita

(43)

42

Input Data Berita

Output Info Data Berita

Logika Proses Begin data Berita dimasukkan

If(data ada){ Pengolahan data berhasil Then tampil}

Else

Nama Proses List Berita

Deskripsi Proses ini digunakan oleh admin untuk melihat data berita yang telah ditampilkan diweb

Input

Output Info Data List Berita

Logika Proses Begin data Berita ditampilkan

If(data ada) ){ Pengolahan data ada Then tampil}

Else

{pengolahan data tidak ada} No. Proses 5.2

Nama Proses Tambah Berita

Deskripsi Proses ini digunakan oleh admin untuk menambahkan berita baru yang akan ditampilkan diweb

Input Data Berita

Output Info Data Berita

Logika Proses Begin data Berita ditambahkan

If(data bertambah){ Pengolahan data berhasil

Then tampil}

Else

No. Proses 6

Nama Proses Logout

Deskripsi Proses Logout seorang admin dari pengolahan administrator Input

Output Info pesan Logout Logika Proses Begin logout diklik

(44)

43

2. Spesifikasi Proses User

Tabel 3.5 Spesifikasi Proses User

No. Proses 1

Nama Proses Beranda

Deskripsi Proses ini digunakan user untuk melihat berita-berita mengenai PSSDG kota Bandung

Input Data Poling

Output Info Data Poling

Logika Proses Begin data Polong diinputkan

If(data bertambah){ Pengolahan data berhasil

Then tampil}

Else

Nama Proses Profil

Deskripsi Proses yang dilakukan oleh user untuk mengetahui mengenai profil, sejarah, tugas dan fungsi, visi dan misi, dan struktur organisasi dari PSDG kota Bandung

Input

Output Info Profil PSDG

Logika Proses Klik Profil tampil Info Profil PSDG No. Proses 2.1

Nama Proses sejarah

Deskripsi Proses yang dilakukan oleh user untuk mengetahui mengenai sejarah berdirinya PSDG kota Bandung

Input

Output Info sejarah PSDG

Logika Proses Klik Sejarah tampil Info sejarah PSDG No. Proses 2.2

Nama Proses Tugas dan Fungsi

Deskripsi Proses yang dilakukan oleh user untuk mengetahui mengenai tugas dan fungsi dari PSDG kota Bandung

Input

Output Info Tugas dan Fungsi PSDG

Logika Proses Klik Tugas dan Fungsi tampil Info Tugas dan Fungsi PSDG No. Proses 2.3

Nama Proses Visi dan Misi

Deskripsi Proses yang dilakukan oleh user untuk mengetahui mengenai visi dan misi dari PSDG kota Bandung

Input

Output Info Visi dan Misi PSDG

Logika Proses Klik Visi dan Misi tampil Info Visi dan Misi PSDG No. Proses 2.4

(45)

44

Deskripsi Proses yang dilakukan oleh user untuk mengetahui struktur organisasi dari

PSDG kota Bandung Input

Output Info Struktur Organisasi PSDG

Logika Proses Klik Struktur Organisasi tampil Info Struktur Organisasi PSDG No. Proses 3.0

Nama Proses Publikasi

Deskripsi Proses yang dilakukan user untuk menginputkan data hasil analisis kimia, analisis kimia batubara, dan analisis kimia industri

Input Data Analisi Kimia Data Analisi Batubara Data Analisi Kimia Industri Output Info Data Analisi Kimia

Info Data Analisi Batubara Info Data Analisi Kimia Industri

Logika Proses Begin data analisis kimia, analisis batubara,analisis kimia industri

dimasukkan

Else

Nama Proses Analisis Kimia

Deskripsi Proses yang dilakukan user untuk menginputkan data hasil analisis kimia Input Data Analisi Kimia

Output Info Data Analisi Kimia

Logika Proses Begin data analisis kimia dimasukkan

Else

Nama Proses Analisis Batubara

Deskripsi Proses yang dilakukan user untuk menginputkan data hasil analisis kimia batubara

Input Data Analisi Batubara Output Info Data Analisi Batubara

Logika Proses Begin data analisis kimia batubara dimasukkan

Else

Nama Proses Analisis Kimia Industri

Deskripsi Proses yang dilakukan user untuk menginputkan data hasil analisis kimia industri

(46)

45

Output Info Data Analisi Kimia Industri

Logika Proses Begin data analisis kimia industri dimasukkan

Else

Nama Proses Kontak

Deskripsi Prose yang dilakukan user untuk melakukan kontak informasi (saran untuk PSDG) dan Pengaduan tentang PSDG, dari user/pengunjung Input Data Kontak Informasi

Data Pengaduan Data Poling

Output Info Data Kontak Informasi Info Data Pengaduan Info Data Poling

Logika Proses Begin data Kontak Informasi, Pengaduan dimasukkan

Else

Nama Proses Kontak Informasi

Deskripsi Proses untuk melakukan saran informasi (kontak informasi) dari seorang user kepada PSDG kota Bandung

Input Data Kontak Informasi Output Info Data Kontak Informasi

Logika Proses Begin data Kontak Informasi dimasukkan

Else

Nama Proses Pengaduan

Deskripsi Proses untuk melakukan pengaduan mengenai PSDG kota bandung

Input Data Pengaduan

Output Info Data Pengaduan

Logika Proses Begin data pengaduan dimasukkan

Else

Nama Proses Link Terkait

(47)

46

Input

Output

Logika Proses Klik Link situs maka akan menampilkan situs yang terkait

3.3. Kamus Data

No Kamus Keterangan

1. Nama Aliran Data Data login Deskripsi Input data login Struktur Data Id+Username+pass

Id [0-9]

Username [A-Z | a-z |0-9]

pass [A-Z | a-z |0-9]

2. Nama Aliran Data Data berita

Deskripsi Pengolahan data berita yang akan ditampilkan Struktur Data Id_berita+judul+tanggal+isi

Id_berita [0-9]

judul [A-Z | a-z |0-9]

tangga [0-9]

isi [A-Z | a-z |0-9]

3. Nama Aliran Data Data Analisis Mineral Deskripsi Proses input analisis mineral

Struktur Data Nomor_analisis+Nama_perusahaan+Alamat+No_telepon+Komodit i+Jumlah+Cu+Br+As+Fe+Nb

Nomor_analisis [0-9]

Nama_perusahaan [A-Z | a-z |0-9] Alamat [A-Z | a-z |0-9] No_telepon [A-Z | a-z |0-9] Komoditi [A-Z | a-z |0-9] Jumlah [A-Z | a-z |0-9]

Cu [0-9]

Br [0-9]

As [0-9]

Fe [0-9]

Nb [0-9]

4. Nama Aliran Data Data Analisis Batubara Deskripsi Proses input analisis batubara

Struktur Data Nomor_analisis+Analisis_untuk+Alamat+Jumlah_contoh+Analisis _proksimat+Analisi_abu+Karbon/C+Hidrogen/H+Nitrogen/N+Oksi gen/O2+Sulfur/S

Nomor_analisis [0-9]

Analisis_untuk [A-Z | a-z |0-9] Alamat [A-Z | a-z |0-9] Jumlah_contoh [0-9]

Analisis_proksimat [0-9] Analisi_abu [0-9]

(48)

47

Hidrogen/H [0-9]

Nitrogen/N [0-9] Oksigen/O2 [0-9]

Sulfur/S [0-9]

5. Nama Aliran Data Data Analisis Kimia industri Deskripsi Proses input analisis kimia industri

Struktur Data No_analisis+Analisis_untuk+Lokasi+Jumlah_conto+SO2+AI2O3+ Fe2O3+Fe+CaO

No_analisis [0-9]

Analisis_untuk [A-Z | a-z |0-9] Lokasi [A-Z | a-z |0-9] Jumlah_conto [0-9]

SO2 [0-9]

AI2O3 [0-9]

Fe2O3 [0-9]

Fe+CaO [0-9]

6. Nama Aliran Data Data Kontak Informasi

Deskripsi Proses pengisian kontak informasi

Struktur Data Your_name+Email_Address+Message_subject+Enter_message

Id [0-9]

Your_name [A-Z | a-z |0-9] Email_Address [A-Z | a-z |0-9] Message_subject [A-Z | a-z |0-9] Enter_message [A-Z | a-z |0-9] 7 Nama Aliran Data Data pengaduan

Deskripsi Proses pengisian pengaduan

Struktur Data Your_name+ Address+ Message_subject+ Enter_message

Id [0-9]

Your_name [A-Z | a-z |0-9] Address [A-Z | a-z |0-9] Message_subject [A-Z | a-z |0-9] Enter_message [A-Z | a-z |0-9] 8. Nama Aliran Data Data poling

Deskripsi Proses pemilihan data apa yang akan dicari oleh pengguna web Struktur Data Id_poling+Opsi+Jumlah

Id_poling [0-9]

Opsi [A-Z | a-z |0-9]

(49)

48

3.3. Struktur Tabel

Tabel 3.6 admin

NO Nama Field Tipe Data Ukuran Atribut

1. Id Int 11 Primary Key

2. username Varchar 100

3. pass Varchar 40

Table 3.7 Analisis

1. no_analisis Int 11 Primary Key

2. nm_a Varchar 100

3. alamat tex

4. telepon Varchar 20

5. komoditi Varchar 30

6. jumlah Varchar 20

7. cu Int 6

8. br Int 6

9. as Int Int

10. fe Int Int

11. nb Int Int

Tabel 3.8 Berita

1. Id_berita Int 11 Primary Key

2. judul Varchar 100

3. tanggal date

4. isi Varchar 5000

(50)

49

Tabel 3.9 K_info

1. id Int 11 Primary Key

2. nama Varchar 50

3. email Varchar 100

4. subjek Varchar 50

5. pesan text

Tabel 3.10 Pengaduan

1. id Int 11 Primary key

2. nama Varchar 50

3. alamat Varchar 100

4. subjek Varchar 100

5. pesan text

Tabel 3.11 Poling

1. Id_poling Int 11 Primary Key

2. opsi Varchar 100

3. jumlah int 9

Tabel 3.12 Batubara

1. no_analisis Int 11 Primary key

2. nm_perusahaan Varchar 100

3. alamat text

4. Jumlah Varchar 20

5. ap Int 6

(51)

50

7. c Int 6

8. h Int 6

9. n Int 6

10. o Int 6

11. s Int 6

Tabel 3.13 Industri

1. no_analisis Int 11 Primary key

2. nm_perusahaan Varchar 100

3. alamat text 999999

4. jumlah Varchar 20

5. so Int 6

6. ai Int 6

7. fe Int 6

8. fe0 Int 6

(52)

51

3.4 Rancangan Program Aplikasi

3.5.1 Struktur Menu

Struktur menu menggambarkan menu – menu yang terdapat pada website PSDG Bandung.

3.5.1.1 Bagian Menu Utama

Gambar3.15 Bagan Menu Utama

3.5.1.2 Bagian Menu Admin

(53)

52

3.5.2 Perancangan Desain Program Aplikasi

3.5.2.1 Desain Home

(54)

53

3.5.2.2 Desain Halaman Profil PSDG

(55)

54

[image:55.595.75.541.135.576.2]

3.5.2.3 Desain Halaman Sejarah

(56)

55

[image:56.595.74.540.135.578.2]

3.5.2.4 Desain Halaman Tugas dan Misi

(57)

56

[image:57.595.76.541.138.572.2]

3.5.2.5 Desain Halaman Visi dan Misi

(58)

57

[image:58.595.74.540.133.578.2]

3.5.2.6 Desain Halaman Struktur Organisasi

(59)

58

[image:59.595.75.541.135.578.2]

3.5.2.7 Desain Halaman Publikasi

(60)

59

[image:60.595.71.540.135.711.2]

3.5.2.8 Desain Halaman Analisis Mineral

(61)

60

3.5.2.9 Desain Halaman Analisis Batubara

HEADER

FOOTER

Form Analisis Batubara

T09

Keterangan :

- User mengisi Form Analisis Mineral

- Klik Button Submit - jika Benar

1. Maka akan menampilkan pesan berhasil

- Jika salah

2. Maka akan menampilkan pesan kesalahan

Beranda Profil Publikasi Kontak LinkTerkait

[image:61.595.75.533.129.710.2]

Analisis Mineral Analisis Batubara Analisis Kimia Logo Nomor Analisis Nama Perusahaan Alamat Nama Perusahaan Nama Perusahaan Nama Perusahaan Analisis Proksimat Analisis Abu Karbon/C Hidrogen Sulfur SUBMIT

(62)

61

3.5.2.10 Desain Halaman Analisis Kimia

HEADER

FOOTER

Form Analisis Kimia

T10

Keterangan :

- User mengisi Form Analisis Mineral

- Klik Button Submit - jika Benar

1. Maka akan menampilkan pesan berhasil

- Jika salah

2. Maka akan menampilkan pesan kesalahan

Beranda Profil Publikasi Kontak LinkTerkait

[image:62.595.75.536.130.719.2]

Analisis Mineral Analisis Batubara Analisis Kimia Logo Nomor Analisis Nama Perusahaan Alamat Nama Perusahaan Nama Perusahaan Nama Perusahaan SO2 Al2O3 Fe2O3 FeO CaO SUBMIT

(63)

62

[image:63.595.75.541.136.575.2]

3.5.2.11 Desain Halaman Kontak

(64)

63

[image:64.595.71.538.131.624.2]

3.5.2.12 Desain Halaman Kontak Informasi

(65)

64

[image:65.595.71.538.130.625.2]

3.5.2.13 Desain Halaman Kontak Pengaduan

(66)

65

[image:66.595.75.541.137.573.2]

3.5.2.14 Desain Halaman Link terkait

(67)

66

[image:67.595.75.540.137.575.2]

3.5.2.15Desain Halaman Login Admin

(68)

67

[image:68.595.73.540.132.574.2]

3.5.2.16 Desain Halaman Home Admin

(69)

68

[image:69.595.75.540.133.578.2]

3.5.2.17 Desain Halaman Kontak Informasi Admin

(70)

69

[image:70.595.76.540.133.577.2]

3.5.2.18 Desain Halaman Kontak Pengaduan Admin

(71)

70

[image:71.595.77.537.135.575.2]

3.5.2.19 Desain Halaman Analisis Mineral

(72)

71

[image:72.595.77.537.134.575.2]

3.5.2.20 Desain Halaman hasil Analisis Batubara

(73)

72

3.5.2.21 Desain Halaman Analisis Kimia

HEADER

FOOTER T21

- Klik Kontak Informasi menuju T17

- Klik Pengaduan menuju T18 - Klik Analisis mineral meuju T19 - Klik delete maka tampil pesan delete - Klik Analisis Batubara menuju T20

- Klik Analisis Kimia menuju T21 - Klik Berita menuju T22

- Klik Logout menuju T23

Kontak

Informasi Pengaduan Analisis Mineral Analisis Kimia Berita

Logo Logout

A.Batubara

No Analisis Nama

Perusahaan Alamat Telepon Komodit SO2

[image:73.595.75.538.134.549.2]

Ai2 O3 Fe2O3 Fe O Ca O

(74)

73

[image:74.595.75.540.132.577.2]

3.5.2.22 Desain Halaman Berita Admin

(75)

74

[image:75.595.75.540.133.580.2]

3.5.2.23 Desain Halaman Tambah Berita

(76)

75

[image:76.595.76.539.136.563.2]

3.5.2.25 Desain Halaman Logout

(77)

76

3.5 Jaringan Sematik

(78)

77

T01

T14 T07

T11 T02

T03

T06 T05 T04

T10 T09 T08

T13 T12

T15 T16

T20 T19 T17

T18

[image:78.595.102.513.86.757.2]

T22 T21

(79)

78

3.6 Implementasi dan Hasil

Tahap Implementasi sistem merupakan tahap menterjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan yang sesungguhnya. Seluruhnya kode program website menggunakan HTML, PHP, dan jquery.

3.7.1 Perangkat Lunak Pendukung

Perangkat lunak yang dipasang pada sistem komputer yang digunakan untuk membangun

aplikasi website ini adalahsebagi berikut : 1. Sistem Operasi Windows 7 x64-bit

2. Wamp Server version 2.1

3. Macromedia Dreamweaver 8 untuk desain web dan penulisan kode program. 4. Adobe Photoshop CS-5 untuk desain gambar pada website

3.7.2 Perangkat Keras Pendukung

Kebutuhan minimal perangkat keras (hardware) yang diperlukan untuk mengimplementasikan program aplikasi ini adalah perangkat keras komputer PC kompatibel dengan spesifikasi yang tersebut dibawah ini. Semakin tinggi spesifikasi komputer semakin baik untuk menjalankan program aplikasi ini :

a. 1 Gigahertz (GHz) atau lebih 32-bit (x86) atau 64-bit(x64) Prosessor. b. 1 Gigabyte (GB) RAM (32-bit) atau 2 GB RAM (64-bit).

c. 16 GB Space Harddisk (32-bit) atau 20 GB (64-bit) d. LAN CARD

(80)

79

3.7.3 Implementasi Prosedur dan Data

Dalam pembuatan aplikasi website PSDG Jawa Barat ini menggunakan Macromedia Dreamweaver 8 untuk mendesain, PHP untuk bahasa pemograman dan MySQL untuk Databasenya, serta menggunakan direktori folder pada server untuk menyimpan data.

3.7.4 Implementasi Antarmuka

Berikut ini beberapa contoh tampilan antarmuka pengguna yang telah dibuat dengan aplikasi Macromedia Dreamweaver 8.

3.7.5 Tampilan aplikasiWebsite SICALAB PSDG

(81)

80

3.7.5.1 Tampilan Home

[image:81.595.75.539.236.606.2]

Halaman Home merupakan halaman yang pertama kali muncul ketika User mengakses halaman website. Oleh karena itu halaman home ini berisi seputar berita dan informasi umum mengenai Pusat PSDG.

(82)

81

3.7.5.2Tampilan Profile PSDG

[image:82.595.77.540.208.562.2]

Halaman Profil PSDG ini berisi mengenai profil dan keterangan mengenai PSDG Jawa Barat

(83)

82

3.7.5.3 Tampilan Sejarah PSDG

Halaman Profil PSDG ini berisi mengenai sejarah dan keterangan mengenai PSDG Jawa Barat

(84)

83

3.7.5.4 Tampilan Tugas dan Fungsi PSDG

[image:84.595.73.539.209.554.2]

Halaman Tugas dan Fungsi PSDG ini berisi mengenai informasi Tugas dan Fungsi pada PSDG Jawa Barat

(85)

84

3.7.5.5 Tampilan Visi dan Misi PSDG

[image:85.595.75.540.237.642.2]

Halaman Visi dan Misi PSDG ini berisi mengenai Visi dan Misi dalam PSDG Jawa Barat tersebut

(86)

85

3.7.5.6 Tampilan Struktur Organisasi PSDG

Halaman ini berisi mengenai Struktur organisasi dalam PSDG Jawa Barat

(87)

86

3.7.5.7 Tampilan Form Analisis Mineral

Halaman ini, user memilih Analisis Mineral dan mengisi Form untuk mengambil sempel yang ingin di teliti

(88)

87

3.7.5.8 Tampilan Form Analisis Batubara

Halaman ini, user memilih Analisis batubara dan mengisi Form untuk mengambil sempel yang ingin di teliti

(89)

88

3.7.5.9 Tampilan Form Analisis Kimia

Halaman ini, user memilih Analisis Kimia dan mengisi Form untuk mengambil sempel yang ingin di teliti

(90)

89

3.7.5.10 Tampilan Kontak Informasi

Halaman ini, user dapat melihat informasi serta dapat mengirim saran maupun yang lain dengan mengisi Form dibawahnya

(91)

90

3.7.5.11 Tampilan Kontak Pengaduan

Halaman ini, user dapat mengadukan keluhan maupun pengaduan dalam pelayanan maupun dalam kekurangan yangs sesuai dirasakan, dengan cara mengisi Form pengaduan diabawahnya

(92)

91

3.7.5.12. Tampilan Berita

Halaman Berita user dapat melihat berita – berita terbaru yang terdapat di situs ini

(93)

92

3.7.5.13 Tampilan Link terkait

Halaman ini, user dapat melihat Link – link yang terkait dengan PSDG Jawa Barat

(94)

93

3.7.5.14 Tampilan Login Admin

Halaman Login Admin, halaman ini hanya untuk Login Admin

(95)

94

3.7.5.15 Tampilan Kontak Informasi Admin

Halaman ini, admin dapat melihat Saran maupun informasi yang telah dikirmkan oleh user, dan admin juga dapan menghapus pesan tersebut

(96)

95

3.7.5.16 Tampilan Kontak Pengaduan Admin

Halaman ini, admin dapat melihat Pengaduan maupun saran yang telah dikirmkan oleh user, dan admin juga dapan menghapus pesan tersebut

(97)

96

3.7.5.17 Tampilan Form Hasil Analisis Mineral

Halaman ini, admin dapat melihat Hasil dari form analisis Mineral yang telah di inputkan oleh User, serta admin dapat mengkonfirmasikan maupun menghapus pesan tersebut.

(98)

97

3.7.5.18 Tampilan Form Hasil Analisis Batubara

Halaman ini, admin dapat melihat Hasil dari form analisis Batubara yang telah di inputkan oleh User, serta admin dapat mengkonfirmasikan maupun menghapus pesan tersebut.

(99)

98

3.7.5.19 Tampilan Form Hasil Analisis Kimia

Halaman ini, admin dapat melihat Hasil dari form analisis Kimia yang telah di inputkan oleh User, serta admin dapat mengkonfirmasikan maupun menghapus pesan tersebut.

(100)

99

3.7.5.20 Tampilan Berita Admin

Halaman ini, adalah home berita Admin dapat melihat berita yang telah di upload serta admin dapat menghapus berita

(101)

100