digilib.uns.ac.id BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI 2.1. Tinjauan Pustaka Pembuatan Forum Komunikasi Organisasi memudahkan user untuk berkomunikasi dengan user lain dan saling berbagi informasi di dalam forum tersebut. Forum Komunikasi Organisasi ini sebelumnya sudah banyak dibuat, tetapi fungsi yang ada di dalam Forum tersebut dan kepada siapa Forum ditujukan/digunakan juga berbeda. Adapun Pembuatan Sistem Informasi/Aplikasi/Situs Web yang berkaitan dengan Forum Komunikasi yang pernah dibuat adalah sebagai berikut : 1) Aris Fakhrudin (2013). Judul dari project adalah Sistem Informasi Forum Solo International Performing Arts Community Berbasis Website. Berikut deskripsi dari system informasi yang dibuat, Solo International Performing Arts sebagai salah satu event festival budaya di kota Solo. Dalam penyaluran informasi untuk saling berdiskusi antar anggota SIPA masih belum efektif dan efisien. Tujuan dari pembuatan Tugas Akhir ini untuk membuat forum agar menjadi media diskusi dalam penyaluran informasi. Oleh karena itu perlu dibuat sistem informasi yang mampu untuk mengatasi permasalahan tersebut. Metode penelitian yang dipakai dalam perancangan dan pembuatan sistem ini yaitu metode observasi untuk pengumpulan data,wawancara, dan studi pustaka. Dengan adanya sistem informasi forum diharapkan anggota SIPA COMMUNITY dapat saling berdiskusi di dunia maya. Aplikasi ini dibuat menggunakan bahasa pemrograman PHP dan database MYSQL. Di dalam project ini system yang dibuat lebih ke arah untuk berdiskusi tentang topik-topik tertentu yang berhubungan dengan SIPA. 2) Hanida Prasasti Mega Putri (2010). Judul dari project adalah Membangun Website Forum Alumni SMK Negeri 1 Pangkalan Kerinci Riau. Berikut deskripsi dari system informasi yang dibuat, Seiring dengan pertambahan jumlah pengguna internet diseluruh commit to dunia user termasuk di Indonesia, makin 5
digilib.uns.ac.id 6 banyak lembaga yang ingin mempunyai home page atau website sendiri. SMK Negeri 1 Pangkalan Kerinci Riau adalah salah satu lembaga yang mulai menggunakan internet untuk mempermudah promosi sekolah kepada masyarakat sebagai bentuk pembuktian kualitas SMK Negeri 1 Pangkalan Kerinci Riau. Website forum disediakan untuk forum komunikasi peserta didik yang telah lulus. Maka dari itu dibuat sebuah sistem baru yang berguna untuk tempat berdiskusi alumni, mempermudah komunikasi, silaturahmi, dan bertukar informasi. Sistem ini dibuat menggunakan bahasa pemrograman PHP, HTML dan DBMS MySQL. Untuk dapat bergabung dalam forum, alumni hanya perlu mendaftar dalam website, lalu masuk ke forum untuk dapat berinteraksi dengan anggota yang lain. Di dalam project ini system yang dibuat lebih ke arah untuk menyimpan data-data alumnus dari SMK Negeri 1 Pangkalan Kerinci Riau, berdiskusi sesuai topic yang ada, dan saling membubuhkan komentar. 3) Riezal Ardhiansyah (2010). Judul dari project adalah Pembuatan Website Forum Sanninkai. Berikut deskripsi dari system informasi yang dibuat, Website dan forum Sanninkai dibuat untuk mengkomunikasikan kesamaan hobi dan aktivitas antar pencinta Kebudayaan Jepang. Website dan Forum ini adalah salah satu alternatif yang dapat digunakan untuk menunjukkan eksistensi dari Sanninkai. Dan tujuan dari pembuatan website dan forum ini agar anggota Sanninkai dapat saling bertukar informasi dan file. Pada Tugas Akhir ini telah dibuat suatu sistem yang memiliki fasilitas informasi login, home, galeri, buku tamu, dan forum diskusi. Aplikasi ini dibuat dengan menggunakan bahasa pemrograman PHP, MySQL dan beberapa bahasa pemrograman pendukung diantaranya yaitu HTML, CSS. Di dalam project ini system yang dibuat lebih ke arah untuk berdiskusi tentang kebudayaan Jepang.
digilib.uns.ac.id 7 2.2. Landasan Teori 2.2.1. Situs Web (Website) Website atau Situs Web merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan situs web ini adalah sebuah buku yang berisi topik tertentu. Website atau Situs Web juga merupakan kumpulan dari halaman-halaman web yang saling berkaitan didalam website tersebut. (Irawan Budi, 2005) Website juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Facebook, Friendster, dan lain-lain. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik. 2.2.2. Diagram Konteks (Context Diagram) Diagram konteks adalah sebuah diagram sederhana yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. (Kristanto Andri, 2003). Context Diagram adalah bagian dari Data Flow Diagram (DFD) yang berfungsi memetakan model lingkungan, yang dipresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. CD menyoroti sejumlah karakteristik penting sistem, yaitu :
digilib.uns.ac.id 8 a. Kelompok pemakai, organisasi atau sistem lain dimana sistem melakukan komunikasi (sebagai terminator); b. Data masuk, yaitu data yang diterima sistem dari lingkungan dan harus diproses dengan cara tertentu; c. Data keluar, yaitu data dihasilkan sistem dan diberikan ke dunia luar; d. Penyimpanan data (storage), yaitu digunakan secara bersama antara sistem dengan terminator. Data ini dapat dibuat oleh sistem dan digunakan oleh lingkungan atau sebaliknya data dibuat oleh lingkungan dan digunakan oleh sistem. Hal ini berarti pembuatan simbol data storage dalam CD dibenarkan, dengan syarat simbol tersebut merupakan bagian dari dunia di luar sistem. e. Batasan, antara sistem dan lingkungan (Sulistya Ika P., 2000). 2.2.3. Data Flow Diagram (DFD) Pengertian Data Flow Diagram (DFD) adalah diagram yang menggunakan notasi simbol untuk menggambarkan arus data sistem. (Jogiyanto Hartono, 2005). Model ini berfungsi untuk menggambarkan sistem sebagai jaringan kerja antar fungsi yang berhubungan satu sama lain dengan aliran dan penyimpanan data. DFD pada dasarnya sebuah diagram yang menjelaskan bagaimana hubungan bersama dari bagian file, laporan, sumber dokumen, dan sebagainya. DFD termasuk alat komunikasi medium yang baik antara designer dan pemakai, karena mudah dipahami (hanya berisi 4 simbol). Tujuan dari DFD adalah membuat/mengetahui aliran (track) aliran data seluruhnya dari sistem. Data dan proses adalah hal yang kritis untuk dipahami. DFD berbeda dengan sistem alur (sistems flowchart) dan program alur (program flowcharts) karena keduanya lebih mengarah ke hasil (orientation).
digilib.uns.ac.id 9 Pada umumnya tahapan dimulai dari 0,1,2, dan seterusnya. Tahapan 0 menggambarkan sistem secara global. Meskipun sudah cukup rinci dengan menggambarkan database yang akan menampung aliran data, namun pada tahap ini, semua proses hanya digambarkan sebagai sebuah sistem secara umum dan tidak rinci. (Sulistya Ika P., 2000). Tabel 2.1. Komponen dan Keterangan Data Flow Diagram Bentuk komponen Keterangan Entitas Entitas Sumber atau tujuan dari aliran data atau ke system Aliran Data Menggambarkan aliran data dari satu proses ke proses yang lainnya Proses Fungsi yang mentransformasikan data secara umum Berkas/tempat penyimpanan Komponen yang berfungsi untuk menyimpan data atau file 2.2.4. ERD (Entity Relation Diagram) ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol. Pada dasarnya ada tiga simbol yang digunakan (Fathansyah, 1995), yaitu :
digilib.uns.ac.id 10 a. Entiti Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain. Simbol dari entiti ini biasanya digambarkan dengan persegi panjang. b. Atribut Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain. Gambar atribut diwakili oleh simbol elips. c. Hubungan / Relasi Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Relasi dapat digambarkan sebagai berikut : Satu ke satu (One to one) Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B. Satu ke banyak (One to many) Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan 1 entitas pada himpunan entitas A. Banyak ke banyak (Many to many) Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B. Tabel 2.2. Komponen dan Keterangan Entity Relation Diagram Bentuk komponen Keterangan Entitas Entitas Segala sesuatu yang dapat digambarkan oleh data
digilib.uns.ac.id 11 Bentuk komponen Keterangan Aliran Data Penghubung antara himpunan relasi dengan himpunan entitas dan himpunan entitas dengan atribut Atribut Pendeskripsian karakteristik dari entitas Atribut Kunci Atribut Kunci Pembeda dari entitas dan bersifat unik Relasi Menunjukkan adanya hubungan di antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda 2.2.5. HTML HTML merupakan halaman yang berada pada suatu situs internet atau web. HTML merupakan metode yang menautkan (link) satu dokumen ke dokumen lain melalui teks (Lia Kuswayatno, 2006). Kegunaan HTML adalah sebagai berikut : a. Memodifikasi format teks. b. Menampilkan daftar sesuatu dalam bentuk point-point (item). c. Membuat link. d. Menampilkan informasi dalam bentu tabel. e. Membuat online form yang bisa menangani pendaftaran atau transaksi secara online. f. Dengan adanya HTML, kita bisa mempublikasikan dokumen secara online sehingga bisa diakses seluruh dunia.
digilib.uns.ac.id 12 2.2.6. Cascading Style Sheet (CSS) Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS dapat kita gunakan dalam mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS bisa juga diartikan sebagai bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. CSS digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML, sebagai contoh, kode HTML murni tidak memungkinkan untuk untuk mengatur ukuran font yang diterapkan pada setiap sel dan bahkan tag <BASEFONT> pun tak berpengaruh pada selsel tabel (Abdul, 2003). 2.2.7. Hypertext Preprocessor (PHP) PHP adalah merupakan bahasa program yang bersifat compiler. PHP singkatan dari Hypertext Preprocessor yang di gunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. (Kasiman, 2006). PHP adalah script yang digunakan untuk membuat halaman website yang dinamis. (Anhar, 2010) 2.2.8. USB Webserver V8 Dalam pengerjaan tugas akhir ini, software yang digunakan bernama USB Webserver. USBWebserver adalah kombinasi dari webserver perangkat lunak populer: Apache, MySQL, PHP dan PHPMyAdmin. USBWebserver sangat memungkinkan untuk mengembangkan dan menunjukkan situs php Anda, di mana-mana dan kapan saja. Keuntungan dari USBWebserver adalah
digilib.uns.ac.id 13 dapat menggunakannya dari USB. Berikut fasilitas yang ada dalam USB Webserver : a. Apache Software ini bisa kita dapatkan secara gratis, dan bersifat open source. Atau dalam artian kita dapat menggunakan dan mengubah script secara gratis. Fungsi dari Apache adalah menampilkan halaman web sesuai dengan script php yang telah di buat sebelumnya. b. PHP PHP adalah merupakan bahasa program yang bersifat compiler. PHP singkatan dari Hypertext Preprocessor yang di gunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. (Kasiman, 2006). PHP adalah script yang digunakan untuk membuat halaman website yang dinamis. (Anhar, 2010) c. MySQL MySQL merupakan software yang tergolong database server dan bersifat open source (Abdul Kadir, 2009). SQL atau Structured Query Language merupakan software yang khusus di gunakan untuk mengolah database. Hal ini memungkinkan SQL untuk dapat menambah, mengubah, menghapus data yang terdapat dalam database. SQL merupakan software yang bersifat rational atau dalam artian program ini menggunakan tabel data untuk memisahkan beberapa data yang memungkinkan untuk menghindari duplicate data. d. PHPMyAdmin PHPMyAdmin adalah suatu program opensource yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database MySQL. Program ini mempermudah dan mempersingkat kerja penggunanya. Dengan kelebihannya, para pengguna awam tidak harus paham sintak-sintak SQL dalam pembuatan database dan tabel. (Firdaus, 2007)
digilib.uns.ac.id 14 2.2.9. Notepad++ Dalam pengerjaan Tugas Akhir ini penulis menggunakan Notepad++ sebagai editor coding. Notepad++ adalah sebuah penyunting teks dan penyunting kode sumber yang berjalan di sistem operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa pemrograman. 2.2.10. Black-Box Testing (Pengujian Kotak Hitam) Black-Box Testing yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sesuai dengan spesifkasi yang dibutuhkan. Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan spesifkasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat dengan kasus benar dan kasus salah, misalkan untuk kasus proses login maka kasus uji yang dibuat adalah : a. Jika user memasukan nama pemakai (username) dan kata sandi (pasword) yang benar. b. Jika user memasukan nama pemakai (username) dan kata sandi (pasword) yang salah, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya atau keduanya salah (Shalahudin dan Rosa, 2011).