|
|
1. Install XAMPP
|
|
|
|
|
|
> Sebelum menggunakan sistem integrasi di lokal, perlu diinstal terlebih
|
|
|
> dahulu server pada komputer. Berikut ini adalah tahapan menginstal XAMPP sebagai
|
|
|
> server *local.*
|
|
|
|
|
|
1. Klik 2x file instal XAMPP.exe
|
|
|
|
|
|
2. Lakukan proses instalasi hingga selesai.
|
|
|
|
|
|
<!-- -->
|
|
|
|
|
|
1. *Install website BPS Community*
|
|
|
|
|
|
1. *Pindahkan folder forum ke folder C:\\xampp\\htdocs*
|
|
|
|
|
|
<img src="./media/image1.png" width="542" height="332" />
|
|
|
|
|
|
2. Selanjutnya lakukan pembuatan basisdata melalui PHPMyAdmin.
|
|
|
Masukan alamat
|
|
|
berikut http://localhost/phpmyadmin/ ke dalam browser anda.
|
|
|
Tampilannya akan
|
|
|
seperti ini
|
|
|
|
|
|
<img src="./media/image2.png" width="533" height="287" />
|
|
|
|
|
|
3. Lalu klik New untuk melakukan pembuatan basis data baru.
|
|
|
Ketikkan “forum” ke dalam kolom nama basis data.
|
|
|
|
|
|
<img src="./media/image3.png" width="523" height="281" />
|
|
|
|
|
|
4. Sebelum melakukan import basis data, karena ukuran file SQL yang
|
|
|
cukup besar, maka harus dilakukan sedikit modifikasi pada file
|
|
|
config.inc.php pada folder **C:\\xampp\\ phpMyAdmin**
|
|
|
|
|
|
<img src="./media/image4.png" width="539" height="330" />
|
|
|
|
|
|
5. Setelah file tersebut dibuka, masukan kode berikut ini ke dalam
|
|
|
file tersebut.
|
|
|
$cfg\['UploadDir'\] = 'upload';
|
|
|
$cfg\['ExecTimeLimit'\] = 0;
|
|
|
|
|
|
<img src="./media/image5.png" width="523" height="332" />
|
|
|
|
|
|
6. Save file tersebut. Kemudian buat folder bernama “upload” pada
|
|
|
folder **C:\\xampp\\ phpMyAdmin** tersebut. Dan masukan file
|
|
|
SQL (forum.sql) yang akan di import ke dalam folder
|
|
|
upload tersebut.
|
|
|
|
|
|
<img src="./media/image6.png" width="523" height="320" />
|
|
|
|
|
|
7. Restart service Apache dan MySQL nya
|
|
|
|
|
|
<img src="./media/image7.png" width="531" height="342" />
|
|
|
|
|
|
8. Kembali ke web browser buka localhost/phpmyadmin dan buka
|
|
|
database “forum” yang telah dibuat pada tahapan sebelumnya. Lalu
|
|
|
klik menu ”import”
|
|
|
|
|
|
<img src="./media/image8.png" width="531" height="286" />
|
|
|
|
|
|
9. Pilih file forum.sql pada menu “select from the web server
|
|
|
upload directory”
|
|
|
|
|
|
<img src="./media/image9.png" width="499" height="268" />
|
|
|
|
|
|
10. Setelah dipilih, klik tombol Kirim dan tunggu hingga proses
|
|
|
import selesai
|
|
|
|
|
|
11. Setelah proses import selesai, aplikasi Website BPS Community
|
|
|
dapat diakses melalui web browser dengan alamat localhost/forum.
|
|
|
|
|
|
|
|
|
**PANDUAN PENGGUNAAN**
|
|
|
|
|
|
1. *Login*
|
|
|
|
|
|
1. *Masukan* localhost/forum/login ke address bar web browser
|
|
|
|
|
|
<img src="./media/image10.png" width="481" height="270" />
|
|
|
|
|
|
2. Masukkan username dan password. Daftar username beserta
|
|
|
passwordnya dapat dilihat pada database tabel user atau akan
|
|
|
dijelaskan oleh penulis
|
|
|
|
|
|
3. Klik tombol submit atau tekan enter, sistem akan mengarahkan web
|
|
|
browser ke localhost/forum/utama
|
|
|
|
|
|
<img src="./media/image11.png" width="491" height="276" />
|
|
|
|
|
|
2. *Baca Berita dan berkomentar*
|
|
|
|
|
|
1. *Pilih berita yang akan dibaca di halaman utama, atau dapat juga
|
|
|
memilih berita yang ada pada menu berita.*
|
|
|
|
|
|
<img src="./media/image12.PNG" width="485" height="272" />
|
|
|
|
|
|
2. *Setelah memilih berita, sistem akan menampilkan konten
|
|
|
berita tersebut.*
|
|
|
|
|
|
<img src="./media/image13.png" width="485" height="261" />
|
|
|
|
|
|
3. *Apabila ingin berkomentar, tulis komentar di kolom komentar
|
|
|
yang berada dibawah konten berita tersebut.*
|
|
|
|
|
|
<img src="./media/image14.png" width="474" height="255" />
|
|
|
|
|
|
4. *Klik submit dan komentar akan ditayangkan oleh sistem*
|
|
|
|
|
|
<img src="./media/image15.png" width="474" height="255" />
|
|
|
|
|
|
3. *Buat Berita*
|
|
|
|
|
|
1. *Arahkan kursor mouse ke dropdown postingku, kemudian pilih
|
|
|
beritaku*
|
|
|
|
|
|
2. *Pada halaman beritaku, klik tombol new*
|
|
|
|
|
|
<img src="./media/image16.png" width="494" height="266" />
|
|
|
|
|
|
3. *Isi judul berita pada form judul, konten berita pada kolom
|
|
|
content, dan upload gambar (apabila ingin menyertakan gambar) di
|
|
|
kolom gambar.*
|
|
|
|
|
|
<img src="./media/image17.png" width="503" height="271" />
|
|
|
|
|
|
4. *Klik tombol submit dan tunggu hingga berita divalidasi admin*
|
|
|
|
|
|
4. *Baca Artikel dan berkomentar*
|
|
|
|
|
|
1. *Pilih artikel yang akan dibaca yang ada pada menu forum.*
|
|
|
|
|
|
<img src="./media/image18.png" width="489" height="275" />
|
|
|
|
|
|
2. *Setelah di klik, system akan menampilkan konten dari artikel
|
|
|
tersebut*
|
|
|
|
|
|
<img src="./media/image19.png" width="489" height="263" />
|
|
|
|
|
|
3. *Apabila ingin berkomentar, tulis komentar di kolom komentar
|
|
|
yang berada dibawah konten berita tersebut.*
|
|
|
|
|
|
<img src="./media/image20.png" width="467" height="251" />
|
|
|
|
|
|
5. *Buat Artikel*
|
|
|
|
|
|
1. *Arahkan kursor mouse ke dropdown postingku, kemudian pilih
|
|
|
threadku*
|
|
|
|
|
|
2. *Pada halaman beritaku, klik tombol new*
|
|
|
|
|
|
<img src="./media/image21.png" width="486" height="261" />
|
|
|
|
|
|
3. *Isi judul berita pada form judul, konten berita pada kolom
|
|
|
content, dan upload gambar (apabila ingin menyertakan gambar) di
|
|
|
kolom gambar.*
|
|
|
|
|
|
<img src="./media/image22.png" width="479" height="258" />
|
|
|
|
|
|
4. *Klik tombol submit dan tunggu hingga berita divalidasi admin*
|
|
|
|
|
|
6. *Cari informasi pegawai*
|
|
|
|
|
|
1. *Pilih menu organisasi pada menu bar. Sistem akan menunjukkan
|
|
|
halaman organisasi*
|
|
|
|
|
|
2. *Apabila hendak mencari berdasarkan wilayah, pilih wilayahnya,
|
|
|
apabila ingin mencari langsung namanya atau NIP nya ketik di
|
|
|
sebelah kanan bagian cari pegawai kemudian tekan “cari”. Seperti
|
|
|
contoh disini akan dicari pegawai atas nama Rivan*
|
|
|
|
|
|
<img src="./media/image23.png" width="502" height="270" />
|
|
|
|
|
|
3. *Hasilnya adalah sebagai berikut*
|
|
|
|
|
|
<img src="./media/image24.png" width="491" height="264" />
|
|
|
|
|
|
<img src="./media/image25.png" width="624" height="350" />
|
|
|
|
|
|
|
|
|
|