Aplikasi Portal Berita Dengan Sumber Berita Dua Arah Berbasis Website

(1)

Aplikasi Portal Berita

Dengan Sumber Berita Dua Arah Berbasis Website

Skripsi

untuk memenuhi sebagian persyaratan mencapai derajat Sarjana S-1

Diajukan Oleh: Bandar Barokah NIM: 20120140005

PROGRAM STUDI TEKNOLOGI INFORMASI FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH YOGYAKARTA 2016

(2)

PERNYATAAN

Dengan ini saya menyatakan bahwa skripsi ini tidak mengandung karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak mengandung karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.

Yogyakarta, 12 Agustus 2016

(3)

PRAKATA

Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan skripsi dengan judul “Aplikasi Portal Berita Dengan Sumber Berita Dua Arah Berbasis Website”.

Laporan skripsi ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Sarjana Teknik (S.T.) pada Program Studi S1 Teknologi Informasi Universitas Muhammadiyah Yogyakarta.

Dalam melakukan penelitian dan penyusunan laporan skripsi ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada:

1. Papa tercinta Bambang Arioto yang senantiasa melatih kedisiplinan,

kemandirian, semangat, dan keagamaan kepada penulis. Memberikan pelajaran tentang arti perjuangan, tentang menghargai setiap proses dalam hidup dengan tiga pesan hidup utamanya yaitu lebih baik mati dari pada hidup malas, habiskan jatah gagalmu ketika kamu masih muda dan jangan pernah mendekte Tuhan.

2. Ibu tercinta Rospita Lina yang selalu mengingatkan dalam ibadah dan

perjuangan menyelesaikan skripsi, memberi semangat, dan mendoakan penulis dengan tulus di setiap waktu walaupun dari tempat yang sangat jauh.

3. Bapak Haris Setyawan, S.T., M.Eng. selaku pembimbing 1 yang telah

(4)

portal berita, serta membimbing penulis dengan kesabaran dan ketulusan. Memberikan masukan perihal pembangunan aplikasi yang baik dan benar.

4. Ibu Aprilia Kurnianti, S.T., M.Eng. selaku pembimbing 2 yang telah

bersedia meluangkan waktu untuk mengarahkan pembangunan aplikasi portal berita terkhusus terkait penulisan dengan penuh kesabaran dan ketulusan membimbing dan memberikan ilmu kepada penulis.

5. Bapak Dr. Ir. Dwijoko Purbohadi, S.T., M.T. selaku dosen penguji yang

telah memberikan masukan yang berarti pada saat pendadaran atau sidang skripsi.

6. Para dosen jurusan Teknologi Informasi UMY yang secara tidak langsung

menjadi inspirasi penulis dan telah memberika ilmu yang mendukung terselesaikannya penelitian.

7. Para staf jurusan Teknologi Informasi UMY, mas Andi Kurniawan dan

Mas Haris Firnandita yang senantiasa sabar dan membantu penulis dalam urusan administrasi.

8. Teman–teman Teknologi Informasi 2012 Universitas Muhammadiyah

Yogyakarta yang selalu saling memberikan dukungan untuk menyelesaikan tugas akhir.

Kepada semua yang telah berjasa dalam penulisan skripsi ini yang tidak bisa kami sebutkan satu persatu. Terima kasih untuk setiap doa dan dukungan dari anda semua.

(5)

(6)

(7)

(8)

INTISARI

Pembaca berita online akan mendapatkan informasi dan berita yang berasal dari pengelola berita dengan sumber berita berasal dari jurnalis berita atau memposting ulang dari media online lain. Sumber berita yang disampaikan oleh pengelola website hanya bersumber dari jurnalis yang jumlahnya terbatas jika dibandingkan luas wilayah Negara Indonesia. Jumlah jurnalis yang dimiliki berbanding lurus dengan biaya pengelolaan website yang akan semakin mahal. Pembaca berita membutuhkan informasi yang lebih luas dan cepat. Penulis merancang sebuah perangkat lunah berbasis website yang merupakan portal berita dengan sumber berita dua arah. Sumber berita yang dimaksud berasal dari jurnalis website dan berasal dari member berita yang berasal dari seluruh penjuru Indonesia. Metode yang digunakan dalam pembangunan aplikasi adalah metode waterfall. Inti dari metode waterfall adalah pengerjaan dari suatu sistem dilakukan secara berurutan atau secara linear. Dengan penggunaan metode waterfall, aplikasi berbasis website yang dibangun akan baik karena dikerjakan sesuai prosedur yang ada secara berurutan. Portal berita yang dibuat dapat memiliki sumber berita dua arah yang berasal dari member dan pengelola website. Sumber berita dari member terlebih dahulu difilter oleh administrator atau editor untuk disesuaikan dengan etika jurnalistik.

(9)

ABSTRACT

News reader online will get information and news derived from management news with news sources derived from journalist news or post repeated from the media other online .Source news given by the website only funded by journalist who was limited compared broad the country .The number of journalist who owned is directly proportional to management costs of websites which will be more expensive .News reader require the information broader and fast .Writer design a device lunah based of websites which is news portal with news sources two directions. News sources referred to derived from journalist website and derived from member news that come from all over side indonesia .Methods used in development application is the method waterfall .The nucleus of a method of waterfall is the of a system done in sequence or linearly .With the use of method waterfall , based program website built good will because done based on a procedure existing in successive .News portal made can have news sources two directions derived from member and the management of the website .News sources of member first been filtered by administrator or editor to adapted to ethics journalistic .

(10)

BAB I PENDAHULUAN 1.1 Latar Belakang

Tidak dapat dipungkiri jika era dimana informasi disebarkan dengan cepat melalui teknologi-teknologi elektronik yang lebih canggih sehingga penyebaran informasi melalui media mulai ditinggalkan. Penyebaran informasi yang lebih luas dan cepat menjadi faktor utama tergerusnya media cetak. Faktor lain yang melatar belakangi media elektronik berkembang sangat pesat adalah kemudahan penerima informasi dalam mengakses. Salah satu contoh dari media elektronik yang diambil adalah website. Semua pengunjung dapat mengakses informasi yang di posting oleh administrator dari website tersebut tanpa harus diperbanyak seperti media cetak. Masyarakat Indonesia bahkan seluruh dunia akan mendapatkan informasi dengan sangat cepat, bahkan hanya beberapa saat setelah kejadian berlangsung jika informasi yang disampaikan berupa berita. Berbeda dengan media cetak, pemberi informasi harus mencetak dalam bentuk kertas dan menyebarkannya ke calon penerima informasi. Kendala jarak dan waktu yang dibutuhkan untuk mencetak menjadi salah satu kesulitan media cetak untuk menjangkau penerima informasi dengan waktu yang cepat.

Dilihat dari sudut pandang finansial, penggunaan media elektronik atau website tidak semahal ketika menggunakan media cetak. Pengguna website hanya membutuhkan jaringan internet untuk mendapatkan semua informasi yang tersedia, sedangkan pengguna media cetak atau koran harus membeli bermacam-macam jenis koran jika ingin mendapatkan informasi dari banyak sudut pandang. Dari satu buah koran memang memiliki beberapa rubrik agar penikmat koran mendapatkan informasi secara luas, namun kekurangannya adalah informasi yang disampaikan di setiap rubrik menjadi kurang detail dan hanya dari satu sudut pandang. Penikmat media cetak harus membeli koran dengan spesifikasi tertentu jika ingin mendapatkan informasi yang lebih terfokus pada suatu bidang atau membeli koran lain jika ingin mendapatkan berita dari sudut pandang yang berbeda. Pengeluaran pengguna media cetak akan jauh lebih besar dibandingkan

(11)

dengan pengguna media elektronik dan informasi yang didapat oleh pengguna media elektronik akan jauh lebih banyak.

Website sebagai media pemberi informasi menjadi lebih familiar dan menarik karena website dapat memberikan informasi yang lebih hidup. Berbeda dengan media cetak yang hanya berupa gambar dan tulisan bahkan biasanya gambar dan tulisan tersebut hanya berwarna hitam putih, website dapat memberikan informasi berupa gambar, tulisan, suara, animasi sampai dengan video. Dengan demikian, penyampaian informasi akan lebih mudah dimengerti dan lebih enak untuk dinikmati.

Semakin maraknya media elektronik, maka akan semakin beragam informasi yang akan kita dapat. Namun perlu diperhatikan bahwa pemilik media akan menyampaikan informasi yang tidak merugikan pemilik media elektronik tersebut atau pihak yang telah bekerja sama. Peluang tersebut sering kali dijadikan sebuah lahan baru bagi para pemilik kepentingan untuk mempromosikan diri sampai dengan membersihkan nama baik. Kegiatan tersebut dilakukan sangat rapi dan terstruktur. Penyampaian informasi hanya akan terjadi satu arah, sehingga masyarakat hanya dijadikan sebagai objek penerima informasi. Masyarakat tidak diperbolehkan memberikan informasi baru ataupun opini tertentu menurut sudut pandangnya, terlebih jika informasi atau opini tersebut menyudutkan pemilik media atau pihak yang bekerja sama.

Banyaknya media yang memiliki kepentingan dan memberikan berita satu arah dengan masyarakat hanya sebagai penerima informasi membuat masyarakat menjadi bingung dalam memilih antara berita yang benar atau berita yang tidak benar.

Website pada umumnya memberikan informasi secara terfokus, misalnya website berita yang memberikan informasi berupa kejadian atau kondisi tertentu, website sastra memberikan informasi berupa hasil karya sastra. Pengguna website harus berpindah-pindah alamat website untuk mendapatkan informasi lain.

(12)

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas, dapat dirumuskan permasalahan-permasalahan sebagai berikut :

a. Media elektronik (terutama website) kebanyakan memiliki komunikasi satu arah, yaitu menggunakan masyarakat hanya sebagai penerima informasi.

b. Pengguna media informasi website tidak diberikan ruang untuk mengutarakan opini terkait informasi yang didapat.

c. Belum ada website yang memberikan informasi secara umum sekaligus menjadi wadah penyalur opini masyarakat secara luas.

d. Media elektronik mainstream tidak akan menampilkan berita atau informasi yang merugikan karena keberadaan media tersebut merupakan asas kepentingan pihak tertentu.

1.3 Batasan Masalah

Batasan masalah dalam penulisan skripsi berjudul “Aplikasi portal berita dengan sumber berita dua arah berbasis website” antara lain :

a. Rubrik yang tersedia pada website terkait informasi dan berita adalah rubrik berita politik, berita olahraga, berita ekonomi, berita teknologi, berita hiburan dan rubrik lain-lain.

b. Berita yang bersumber dari member berupa berita mentah yang akan diolah kembali oleh pengelola.

c. Bahasa yang digunakan pada website adalah bahasa Indonesia, karena informasi dan berita yang akan ditampilkan pada website ini merupakan informasi dan berita dari dalam Negeri.

1.4 Tujuan Penelitian

Membuat aplikasi berbasis website berisi informasi dan berita terupdate sekaligus menjadi penyalur opini masyarakat sehingga terjadi komunikasi dua arah antara pemilik website dan masyarakat umum.

(13)

1.5 Manfaat Penelitian

Hasil dari penelitian diharapkan dapat memberikan manfaat, diantaranya adalah sebagai berikut :

a. Bagi pengguna website, secara tidak langsung akan menambah pengetahuan dan informasi terkait keadaan dalam Negeri.

b. Bagi aktivis masyarakat dan kritikus, opini mereka dapat disalurkan secara langsung dalam bentuk komentar dan dapat dirangkai dalam bentuk tulisan yang lebih ilmiah ataupun berbentuk sastra untuk di posting oleh administrator.

c. Bagi pihak dan instansi secara umum, opini-opini yang dibangun oleh masyarakat baik dalam bentuk komentar, tulisan sastra dan tulisan ilmiah dapat dijadikan bahan pertimbangan dan evaluasi kinerja.

d. Bagi masyarakat, akan mendapatkan informasi dengan beberapa sudut pandang yaitu dari sudut pandang masyarakat dan sudut pandang wartawan dari website.

1.6 Sistematika Penulisan

Adapun sistematika penulisan yang digunakan adalah sebagai berikut : BAB I PENDAHULUAN

Pada bab I menjelaskan tentang latar belakang masalah, rumusan tujuan penelitian, manfaat penelitian, dan sistematika penulisan.

BAB II TINJUAN TEORI

Bab II berisi tentang teori-teori penunjang dan aplikasi yang digunakan untuk mengimplementasikan”Aplikasi Portal Berita Dengan Sumber Berita Dua Arah Berbasis Website” yang dibuat.

BAB III METODOLOGI PENELITIAN

Bab III berisi tentang penjelasan dan penguraian tentang tempat dan waktu penelitian, alat dan bahan penelitian, spesifikasi sistem.

(14)

BAB IV HASIL PENELITIAN DAN PEMBAHASAN

Bab IV berisikan tentang kebutuhan aplikasi, implementasi aplikasi, pengujian aplikasi yang dibuat.

BAB V KESIMPULAN DAN SARAN

(15)

BAB II

TINJAUAN PUSTAKA 2.1 Tinjuan Pustaka

Berkaca dari pesatnya laju perkembangan teknologi informasi, penyebaran informasi dan berita melalui media elektronik menjadi salah satu pilihan yang tepat untuk digunakan dalam dunia yang serba cepat sehingga waktu dapat berjalan lebih efisien. Penyampaian aspirasi dan opini masyarakat secara luas dalam bentuk apapun menjadi sangat sulit karena kurangnya media penampung dan penyalur dari aspirasi dan opini masyarakat itu sendiri.

Sistem penyampaian informasi dan berita menggunakan website sebagai media elektronik dilakukan pertama kali oleh Sir Timothy John “Tim” Berners -Lee pada tahun 1991. Tim merancang situs website bertujuan untuk memudahkan pertukaran informasi pada sesama peneliti di tempat Tim bekerja yaitu CERN.

Ulin Nuha (2010) dalam Membangun Website Sebagai Media Informasi dan Promosi Pada LPK Bimantara Klaten. Menggunakan PHP dan HTML sebagai bahasa pemrograman dan MySQL sebagai database penyimpan. Media penyampaian informasi hanya bersifat satu arah, yaitu hanya dari pihak LPK Bimantara Klaten saja sebagai pemberi informasi.

Andri Purnomo pada tahun 2014 dalam “pembangunan website portal penyuluhan dan pelelangan proyek di Dinas Tata Ruang, Permukiman dan Kebersihan Kabupaten Subang”. Dinas Dinas Tata Ruang, Permukiman dan Kebersihan sangat membutuhkan sebuah media online berupa website untuk mengelola dan menjalankan segala aktivitas dinas. Salah satunya adalah penyampaian informasi berita dinas, penyuluhan dan pelelangan proyek yang belum berbasis online, sehingga masih memiliki banyak kekurangan dalam menangani berbagai aktifitas kegiatan dinas.

Aditya Nurhadi pada tahun 2009 dalam Pembangunan Website berita online di harian umum Bandung raya. Dalam menggunakan sistem yang berbasis web database akan mempermudah dalam memanipulasi data untuk penyampaian informasi agar lebih akurat dan tepat waktu sesuai dengan yang diinginkan oleh

(16)

pengguna (user). Adapun sistem yang akan diperkenalkan oleh penulis adalah berupa website berita online. Website harian umum bandung raya dibuat dengan menggunakan bahasa pemrograman PHP dan menggunakan database MySQL sebagai databasenya.

Sebagian website berita memiliki komunikasi satu arah tanpa memberikan ruang untuk pembaca memberikan informasi dan berita terhadap sesama penikmat informasi pada website. Ada website yang memiliki sumber berita dan informasi dari para pengunjungnya salah satunya adalah, namun hal tersebut membuat semua berita menjadi terlalu liar dan tidak terkontrol karena semua member website tersebut yang memposting informasi atau beritanya langsung ditampilkan di halaman website setelah di submit oleh member yang bersangkutan. Postingan yang tidak disaring membuat kode etik jurnalis dan tata bahasa dalam jurnalis menjadi terabaikan. Hal lain yang menjadi kekurangannya adalah kualitas berita atau informasi yang disampaikan menjadi layak dipublikasi sebagai berita.

Oleh karena itu, website berita dengan komunikasi dua arah menjadi solusi untuk mewadahi website berita yang informasi dan beritanya terlalu terfokus pada hal-hal yang mainstream. Komunikasi dua arah yang akan dibuat sebagai solusi permasalahan dan kekurangan diatas bukan seperti komunikasi dua arah atau full duplex. Komunikasi dua arah yang dimaksud adalah komunikasi dari sisi keluar masuknya berita dan informasi. Berita dan informasi dapat masuk baik dari jurnalis website ataupun dari member website. Masuknya berita dan informasi tersebut akan disaring oleh administrator terlebih dahulu sebelum ditampilkan di halaman website. Penyaringan tersebut akan membuat berita dan informasi yang akan ditampilkan di website sesuai dengan aturan jurnalistik dan lebih menjual untuk dibaca. Solusi tersebut menjadi sebuah solusi yang tepat untuk menjawab penelitian-penelitian dari kekurangan yang dimiliki oleh website berita sebelumnya.

(17)

2.2 Landasan Teori 2.2.1 Teknologi Informasi

Teknologi Informasi (TI), atau dalam bahasa Inggris dikenal dengan istilah Information technology (IT) adalah istilah umum yang menjelaskan teknologi apa pun yang membantu manusia dalam membuat, mengubah, menyimpan, mengomunikasikan dan atau menyebarkan informasi. TI menyatukan komputasi dan komunikasi berkecepatan tinggi untuk data, suara, dan video. Contoh dari Teknologi Informasi bukan hanya berupa komputer pribadi, tetapi juga telepon, televisi, peralatan rumah tangga elektronik, dan peranti genggam modern (misalnya ponsel). Pengolahan penyimpanan dan penyebaran vocal, informasi bergambar, teks dan numerik oleh mikroelektronika berbasis kombinasi komputerisasi dan telekomunikasi. Istilah dalam pengertian modern pertama kali muncul dalam sebuah artikel 1958 yang diterbitkan dalam Harvard Business

Reviev, di mana penulis Leavitt dan Whister berkomentar bahwa “teknologi baru

belum memiliki nama tunggal yang didirikan disebut teknologi informasi (TI)”. beberapa bidang modern dan muncul teknologi informasi adalah generasi berikutnya teknologi web, bioinformatika, “Could Computing”, sistem informasi

global, dan lain sebagainya. Melalui

(http://id.wikipedia.org/wiki/Teknologiinformasi).

Untuk mengetahui pengertian teknologi informasi terlebih dahulu harus mengerti pengertian dari teknologi dan informasi itu sendiri. Teknologi adalah pengembangan dan aplikasi dari alat, mesin, material dan proses yang menolong manusia menyelesaikan masalahnya. Informasi adalah hasil pemrosesan, manipulasi dan pengorganisasian atau penataan dari sekelompok data yang mempunyai nilai pengetahuan (knowledge) bagi penggunanya. Pengertian teknologi informasi menurut beberapa ahli :

Teknologi Informasi adalah suatu teknologi yang digunakan untuk mengolah data, termasuk memproses, mendapatkan, menyusun, menyimpan, memanipulasi data dalam berbagai cara untuk menghasilkan informasi yang berkualitas, yaitu informasi yang relevan, akurat dan tepat waktu, yang digunakan untuk keperluan

(18)

pribadi, bisnis, dan pemerintahan dan merupakan informasi yang strategis untuk pengambilan keputusan. Teknologi ini menggunakan seperangkat komputer untuk mengolah data, sistem jaringan untuk menghubungkan satu komputer dengan komputer yang lainnya sesuai dengan kebutuhan, dan teknologi telekomunikasi digunakan agar data dapat disebar dan diakses secara global (Wawan Wardiana, 2002).

Teknologi Informasi adalah teknologi yang menggabungkan komputasi (komputer) dengan jalur komunikasi berkecepatan tinggi yang membawa data, suara dan video. William dan Sawyer memberikan pemahaman tentang TI adalah kombinasi dari komputer yang berhubungan dengan saluran komunikasi dengan transmisi data kecepatan tinggi, baik dalam bentuk teks, audio dan video. Data dalam bentuk multimedia yang ditampung dengan menggunakan computer (Williams dan Sawyer, 2003).

Teknologi Informasi adalah salah satu alat yang digunakan oleh para manajer untuk mengatasi perubahan yang terjadi. Dalam hal ini perubahan yang dimaksud adalah perubahan informasi yang telah diolah dan dibuat sebelumnya dalam penyimpanan computer (Kenneth C.Loudon, 2004).

2.2.2 Website

Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Jadi dapat dikatakan bahwa pengertian website adalah kumpulan halaman-halaman yang digunakan untuk menampilkani informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman website dengan halaman website lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext.

Istilah lain yang sering ditemui sehubungan dengan website adalah homepage. Homepage adalah halaman awal sebuah domain. Misalnya, ketika pertama kali

(19)

membuka salah satu website, halaman pertama yang muncul disebut dengan homepage, jika pengguna meng-klik menu-menu yang ada dan meloncat ke lokasi yang lainnya, disebut web page,sedangkan keseluruhan isi atau konten domain disebut website. Hingga saat ini, website banyak mengalami perkembangan yang begitu cepat seiring dengan perkembangan teknologi informasi. Jenis-jenis website dikelompokkan berdasarkan fungsi, sifat, dan bahasa pemograman yang digunakan.

Rahmat Hidayat (2010) dalam Cara Praktis Membangun Website Gratis memaparkan Jenis-jenis website berdasarkan sifatnya, antara lain:

1. Website dinamis: website dinamis adalah sebuah website yang menyediakan content atau isi yang selalu berubah-ubah setiap saat. Contoh website dinamis adalah website berita (www.kompas.com, www.merdeka.com,

www.detik.com).

2. Website statis: website statis adalah website yang contentnya sangat jarang diubah. Contoh website statis adalah web profil organisasi.

2.2.3 Berita

Goodhue (1995) mendefinisikan teknologi sebagai alat yang digunakan oleh individu untuk membantu menyelesaikan tugas-tugas mereka. Dalam penelitian sistem informasi, teknologi merujuk pada sistem komputer yang terdiri dari perangkat keras, perangkat lunak dan data serta dukungan layanan yang disediakan untuk membantu para pemakai dalam menyelesaikan tugasnya.

Berita adalah sebuah informasi yang penting dan menarik perhatian serta menarik minat khalayak pendengar (Menurut Paul de Massenner). Berita adalah laporan tentang suatu peristiwa, opini, kecenderungan, situasi, kondisi interpretasi yang penting, menarik, masih baru dan harus disampaikan secepatnya kepada khalayak (menurut Charnley dan James M. Neal). Berita adalah laporan tentang fakta atau ide yang termassa, yang dapat menarik perhatian pembaca, karena sesuatu yang luar biasa, penting, mencakup sisi human interest seperti humor, emosi dan ketegangan (Assegaf, 2005).

(20)

Sedangkan Mitchel V. Charnley dalam bukunya Reporting edisi III (Holt-Reinhart & Winston, New York, 1975) menyebutkan berita adalah laporan yang tepat waktu mengenai fakta atau opini yang memiliki daya tarik atau hal penting atau kedua-duanya bagi masyarakat luas. Dengan demikian dapat disimpulkan

bahwa “berita adalah suatu fakta atau ide atau opini aktual yang menarik dan

akurat serta dianggap penting bagi sejumlah besar pembaca, pendengar maupun

penonton.”

Dalam Buku "Dasar-Dasar Jurnalistik" A.M. Hoeta Soehoet. Beliau adalah pendiri sekaligus Mantan Rektor Institut Ilmu Sosial dan Ilmu Politik (IISIP) Jakarta:

1. Berita adalah keterangan mengenai peristiwa atau isi pernyataan manusia 2. Berita bagi seseorang adalah keterangan mengenai suatu peristiwa atau isi

pernyataan seseorang yang menurutnya perlu diketahui untuk mewujudkan filsafat hidupnya

3. Berita bagi suatu surat kabar adalah keterangan mengenai peristiwa atau isi pernyataan yang perlu bagi pembacanya untuk mewujudkan filsafat hidupnya

Suatu peristiwa bisa disebut berita apabila sudah disiarkan, dilaporkan, atau diinformasikan. Berita dalam media cetak dapat dilihat pada surat kabar, tabloid, atau majalah. Di dalam berita, selalu terdapat informasi. Untuk mengetahui informasi dengan berpegang unsur-unsur berita, dalam berita harus terdapat unsur-unsur 5W 1H yaitu:

1. What - apa yang terjadi di dalam suatu peristiwa? 2. Who - siapa yang terlibat di dalamnya?

3. Where - di mana terjadinya peristiwa itu? 4. When - kapan terjadinya?

5. Why - mengapa peristiwa itu terjadi? 6. How - bagaimana terjadinya?

(21)

Secara sosiologis, berita adalah semua hal yang terjadi di dunia. Dalam gambaran yang sederhana, seperti dilukiskan dengan baik oleh para pakar jurnalistik, berita adalah apa yang ditulis surat kabar, apa yang disiarkan radio, dan apa yang ditayangkan televisi. Berita menampilkan fakta, tetapi tidak setiap fakta merupakan berita. Berita biasanya menyangkut orang-orang, tetapi tidak setiap orang bisa dijadikan berita. Berita merupakan sejumlah peristiwa yang terjadi di dunia, tetapi hanya sebagian kecil saja yang dilaporkan.

2.2.4 Informasi

Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian (event) yang nyata (fact) yang digunakan untuk pengambilan keputusan (Kadir, 2005).

Informasi adalah hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian

– kejadian (event) yang nyata (fact) yang digunakan untuk pengambilan keputusan (Jogiyanto HM, 1999).

Apabila cara dan biaya untuk memperoleh informasi sulit dan mahal, maka orang menjadi tidak berminat untuk memperolehnya, atau akan mencari alternatif substitusinya (Budi Sutedjo Dharma Oetomo, 2002).

2.2.5 Database dan MySQL

Menurut Connolly dan Begg (2010), database adalah sekumpulan data tersebar yang berhubungan secara logis, dan penjelasan dari data ini dirancang untuk memenuhi kebutuhan informasi dari suatu organisasi.

Menurut Inmon (2005), database adalah sekumpulan data yang saling berhubungan yang disimpan (biasanya dengan redudansi yang terkontrol dan terbatas) berdasarkan skema. Sebuah database dapat melayani single atau multiple applications.

Menurut Gottschalk dan Saether dalam jurnal (2010), database adalah sekumpulan data yang terorganisir untuk mendukung banyak aplikasi secara efisien dengan memusatkan data dan mengontrol data redundant.

(22)

Berdasarkan definisi-definisi yang dijabarkan oleh para ahli di atas, maka dapat disimpulkan database adalah sekumpulan data yang saling berhubungan dan terorganisir yang disimpan berdasarkan skema dengan memusatkan data dan mengontrol data redundant untuk memenuhi kebutuhan informasi dari suatu organisasi.

Ada beberapa komponen yang terdapat pada suatu database antara lain : 1. Table

Sebuah komponen yang digunakan untuk menyimpan suatu data yang telah di akses dan dimasukkan kedalamnya.

2. Record

Isi atau data dari table tersebut yang telah dikelola. Record dapat mempunyai beberapa macam data. Dan data bervariasi tersebut di simpan kedalam table dan itulah yang disebut record.

3. Field

Pemberian identitas suatu data dimana data tersebut akan di letakkan. Sesuai dengan pengelompokan datanya.

Strukture database adalah suatu pengaturan field-field pada suatu tabel pada database. Beberapa struktur database adalah sebagai berikut :

1. Nama Field

Digunakan sebagai suatu pemberian identitas atau member keterangan pada field.

2. Data Type

Pemberian suatu tipe pada field sesuai dengan identitas yang telah diberikan.

3. Ukuran Data

Pemberian suatu panjang atau banyak data yang telah di inputkan. 4. Keterangan

Memberikan suatu keterangan atau deskripsi pada sebuah field.

MySQL adalah sebuah perangkat lunak sistem manajemen basis

(23)

yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, di mana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial SwediaMySQL AB, di mana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius. (http://www.biznetgiocloud.com/?p=1008)

2.2.6 Bahasa Pemrograman PHP

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum (wikipedia). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat di http://www.php.net.

PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Sangat berbeda jika dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client).

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dan lain sebagainya.

Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor. PHP dapat digunakan dengan

(24)

gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source.

Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di seluruh dunia. Menurut wikipedia pada februari 2014, sekitar 82% dari web server di dunia menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content Management System) populer seperti Joomla, Drupal, dan WordPress. Kita bisa saja membuat website hanya menggunakan HTML saja. Web yang dihasilkan dengan HTML (dan CSS) ini dikenal dengan website statis, dimana konten dan halaman web bersifat tetap. Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data kedalam database, membuat halaman yang berubah-ubah sesuai input dari user, memproses form, dan lain sebagainya. Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script. (http://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-web/)

2.2.7 Bahasa Pemrograman HTML

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla dan lain sebagainya.

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan

(25)

sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-Lee Robert ketika mereka bekerja di CERN (lembaga penelitian fisika energi tinggi di Jenewa) pada tahun 1989. (https://id.wikibooks.org/wiki/Pemrograman_HTML)

2.2.8 UML (Unified Modeling Language)

Menurut Nugroho (2010:6), UML (Unified Modeling Language) adalah

„bahasa‟ pemodelan untuk sistem atau perangkat lunak yang berparadigma

„berorientasi objek”. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.

2.2.9 Usecase Diagram

“Diagram untuk menunjukkan peran dari berbagai pengguna dan bagaimana

peran-peran menggunakan sistem.” Satzinger, Jackson dan Burd (2009).

Use case diagram digunakan untuk memodelkan bisnis proses berdasarkan perspektif pengguna sistem. Use case diagram terdiri atas diagram untuk use case dan actor. Actor merepresentasikan orang yang akan mengoperasikan atau orang yang berinteraksi dengan sistem aplikasi.

Use case merepresentasikan operasi-operasi yang dilakukan oleh actor. Use case digambarkan berbentuk elips dengan nama operasi dituliskan di dalamnya. Actor yang melakukan operasi dihubungkan dengan garis lurus ke use case.

2.2.10 Class Diagram

Class Diagram mendeskrpsikan suatu struktur objek sistem. Dan menggambarkan kelas – kelas dalam sistem tersebut yang berhubungan dengan kelas lain yang didalamnya terdiri dari atribut dan operation.

(26)

Class diagram digunakan untuk menampilkan kelas-kelas dan paket-paket di dalam system. Class diagram memberikan gambaran system secara statis dan relasi antar mereka. Biasanya, dibuat beberapa class diagram untuk sistem tunggal. Beberapa diagram akan menampilkan subset dari kelas-kelas dan relasinya. Dapat dibuat beberapa diagram sesuai dengan yang diinginkan untuk mendapatkan gambaran lengkap terhadap system yang dibangun.

Class diagram adalah alat perancangan terbaik untuk tim pengembang. Diagram tersebut membantu pengembang mendapatkan struktur system sebelum kode ditulis, dan membantu untuk memastikan bahwa system adalah desain terbaik.

2.2.11 Activity Diagram

Activity Diagram adalah diagram yang menggambarkan worlflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.

Komponen yang ada pada activity diagram antara lain : 1. Activity atau state : Menunjukan aktivitas yang dilakukan.

2. Initial activity atau initial state : Menunjukan awal aktivitas dimulai. 3. Final Activity atau final state : Menunjukan bagian akhir dari aktivitas. 4. Decission : Digunakan untuk menggambarkan test kondisi untuk

memastikan bahwa control flow atau object flow mengalir lebih ke satu jalur. Jumlah jalur sesuai yang diinginkan.

5. Merge : Berfungsi menggabungkan flow yang dipecah oleh decission. 6. Synchronization : Dibagi menjadi 2 yaitu fork dan join. Fork digunakan

untuk memecah behaviour menjadi activity atau action yang paralel, sedangkan join untuk menggabungkan kembali activity atau action yang paralel.

(27)

7. Swimlanes : Memecah activity diagram menjadi baris dan kolom untuk membagi tanggung jawab obyek-obyek yang melakukan aktivitas.

8. Transition : Menunjukan aktivitas selanjutnya setelah aktivitas sebelumnya.

2.3 Arsitektur

Arsitektur Website merancang desain dan perencanaan situs. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web. Website arsitektur menjadi konsep singkat yang digunakan untuk mengatur konten website.

Dalam alur website portal berita dengan sumber berita dua arah yang akan diteliti memiliki empat objek utama yaitu administrator, pembaca website, member website dan server.

(28)

Dalam alur rancangan yang mencangkup empat objek dijelaskan lebih detail sebagai berikut:

a. Administrator : bisa disebut juga operator. Administrator atau operator berfungsi sebagai pengatur postingan dalam website. Baik itu postingan bersumber dari jurnalis dari website ataupun request postingan dari member website.

b. Pembaca Website : merupakan pengguna website yang hanya memiliki hak untuk membuka dan membaca website. Pembaca website dapat membuka seluruh konten berita dan informasi yang telah di posting oleh administrator. c. Member Website : memiliki hak akses yang lebih besar dibandingkan

pembaca website yaitu dapat memberikan informasi atau berita baru yang nantinya akan disaring oleh administrator. Selain itu member website juga dapat memberikan komentar pada postingan yang telah di post oleh administrator.

d. Database : merupakan media penyimpanan yang menyimpan semua hal terkait website. Database akan dapat diupdate dan diatur oleh administrator.

(29)

BAB III

METODELOGI PENELITIAN 3.1 Tempat dan Waktu Penelitian

Penelitian ini mengambil tempat di Kota Yogyakarta dengan objek penelitian masyarakat pengguna majalah online berupa website. Adapun penelitian dilaksanakan mulai tanggal 30 Maret 2016 sampai dengan tanggal 10 Juni 2016.

3.2 Jenis Data dan Teknik Pengumpulan Data

Jenis data yang digunakan adalah data primer dan data sekunder, data primer merupakan data yang diperoleh atau dikumpulkan oleh peneliti secara langsung dari sumber datanya. Data tersebut didapat dari sumber data yang dikumpulkan secara khusus yang berhubungan langsung dengan permasalahan yang diteliti. Sedangkan data sekunder merupakan data yang sudah tersedia sehingga kita tinggal mendari dan mengumpulkan. Walaupun data sekunder secara fisik sudah tersedia, namun data yang diambil dan dikumpulkan harus disaring serta diambil intisari data yang akan digunakan untuk penelitian.

Teknik pengumpulan data dalam penelitian ini adalah dengan metode angket (kuesioner), yakni teknik pengumpulan data yang dilakukan dengan cara memberikan seperangkat pertanyaan atau pernyataan kepada orang lain yang dijadikan responden dan kemudian responden diminta menjawab sesuai dengan pendapat mereka.

3.3 Teknik Pengambilan Sampel

Pengambilan sampel dalam penelitian ini menggunakan teknik convenience sampling yang artinya mengambil sampel menurut kemudahan untuk mengakses sampel tersebut dan anggota populasi tersebut tidak mempunyai peluang yang sama untuk terpilih menjadi sampel. Dalam teknik ini, peneliti tidak mempunyai pertimbangan lain kecuali berdasarkan kemudahan saja.

(30)

3.4 Analisis Kebutuhan

3.4.1 Analisis Kebutuhan Sistem Fungsional

1. Administrator

a. Sistem harus dapat melakukan entry berita dan informasi.

i. Pengguna bisa memasukkan berbagai jenis berita dan informasi dengan membedakan berdasarkan kategori pada rubrik website. ii. Pengguna dapat memilah data dari kiriman member website untuk

diposting pada website.

iii. Pengguna dapat menolak data dari kiriman member website jika tidak layak untuk diposting pada website.

iv. Pengguna dapat mengedit data dari kiriman member website jika ada beberapa konten yang harus diubah sebelum diposting pada website.

b.Sistem harus dapat melakukan pendataan user (konsumen). i. Pengguna dapat menampilkan konsumen yang terdaftar. ii. Pengguna bisa menghapus data member.

2. Editor

Sistem harus dapat melakukan :

i. Pengguna dapat melakukan filter terkait berita dari member. ii. Pengguna dapat melakukan filter terkait foto dari member. 3. Member

Sistem harus dapat melakukan :

i. Pengguna dapat memberikan komentar pada berita dan informasi yang diposting oleh administrator.

ii. Pengguna dapat memberikan penilaian suka (like) pada berita dan informasi yang diposting oleh administrator.

iii. Pengguna dapat memberikan berita atau informasi untuk diposting oleh administrator.

(31)

4. Pengguna (User)

User hanya akan dapat melakukan view atau membaca berita dan informasi yang telah di post oleh administrator. Jika user ingin memberikan komentar pada berita dan informasi, maka user harus login dengan plugin facebook atau mendaftarkan diri sebagai member.

3.4.2 Analisis Kebutuhan Sistem Non Fungsional

1. Operasional a. Perangkat Keras

Perangkat keras yang digunakan minimal memiliki spesifikasi : I. Menggunakan sistem operasi Windows 8 (bisa juga dibuka

dengan menggunakan sistem operasi Windows 7, Machintos, Linux).

II. Proccesor Intel Pentium IV atau lebih. III. RAM 256 – 512MB atau lebih.

IV. Media koneksi internet (modem, LAN, Wi-Fi) b. Perangkat Lunak

Pembuatan desain pada website bahasa pemrograman HTML, CSS dan PHP. Sedangkan untuk penyempurnaan desain grafis agar website ini terlihat menarik maka digunakanlah adobe photoshop dan corel draw sebagai pengembang multimedia pada website. Database yang digunakan adalah MySql yang telah terinstall pada sebuah hosting. Selain untuk menyimpan data desain template untuk website yang berupa gambar maupun file php dan css. Database ini juga menyimpan data input yang merupakan hasil masukan dari software yang terintegrasi dengan website ini yang kemudian nantinya akan ditampilkan sebagian data tersebut pada salah satu halaman website. Digunakannya template yang telah tersedia di internet yaitu pada situs http://all-free-download.com/free-website-templates/ berupa CCS HTML5 bertujuan unutk mempermudah pengembangan aplikasi.

(32)

2. Keamanan

Sistem keamanan yang diterapkan adalah dengan mencantumkan username baik untuk administrator, editor dan member.

3. Informasi

I. Digunakan untuk menginformasikan kepada pengguna (administrator atau member) apabila username atau password yang dimasukkan salah.

II. Digunakan untuk menyampaikan berita dan informasi di setiap rubrik pada website baik informasi tersebut berasal dari jurnalis website atau member website.

III. Administrator mendapatkan informasi terkait member yang memberikan data berupa informasi dan berita.

4. Kinerja

I. Penyampaian informasi dan berita yang lebih masif dari member website akan meminimalisir kinerja jurnalis. II. Member akan mendapatkan informasi berupa data

penyampaian informasi dan berita dari member atau jurnalis.

(33)

3.5 Jalan Penelitian

Tahap pada alur penelitian di atas digambarkan dalam flow chart pada gambar 3.3

Mulai

Menganalisis Kebutuhan

Hasil Analisi Kebutuhan

Data dan Kebutuhan

Lengkap?

Perancangan dan Pembuatan Sistem

Hasil Rancangan dan Sistem

Pengujian Sistem

Berhasil? TIDAK

Membuat Laporan Akhir

Laporan

Selesai YA Pengumpulan Data dan Menganalisi Kebutuhan

TIDAK

Gambar 3. 1 Alur penelitian

Penelitian Aplikasi portal berita dengan informasi dua arah serta penyalur opini masyarakat berbasis website menggunakan metode SDLC, hal ini bertujuan

(34)

apabila dalam perjalanan sistem tersebut terdapat kesalahan, kerusakan ataupun error maka dilakukan analisis kebutuhan kembali dari awal memperbaiki sistem. Alur penelitian penulis dilakukan dalam beberapa tahap sebagai berikut:

1. Menganalisis kebutuhan

Analisis kebutuhan pada dasarnya merupakan tahap merancang dan membangun sebuah sistem informasi. Analisis kebutuhan mencangkup kebutuhan software dan kebutuhan hardware, analisis kebutuhan isi dan interaksi menu pada aplikasi. Sebelum membuat program aplikasi berbasis website, terlebih dahulu melakukan wawancara terhadap beberapa orang terkait penggunaan majalah online berupa website. Wawancara yang dilakukan akan melengkapi data dari kuisioner yang sangat terbatas jumlah data yang dapat diterima. Wawancara akan memberikan data terkait bagaimana fitur-fitur yang diharapkan oleh pengguna penggunaan majalah online berupa website agar website yang dibuat sesuai dengan harapan pengguna.

2. Pengumpulan data dan menentukan kebutuhan

Pengumpulan data berasal dari requirement yang telah ditentukan berdasarkan penggabungan data primer dan sekunder. requirement merupakan daftar kebutuhan dan persyaratan dari aplikasi. Dengan adanya requirement, pembuatan aplikasi akan dapat terarah dan terstruktur. Selain itu, requirement juga dapat membantu dalam melakukan testing ketika aplikasi telah selesai dibuat.

3. Perancangan dan pembuatan sistem

Sebelum sistem atau aplikasi dibuat, penulis membuat rancangan dari aplikasi website. Pembuatan rancangan tersebut bertujuan agar website yang dibuat dapat sesuai dengan yang diharapkan dan tidak akan ada fitur yang dihilangkan atau tertinggal.

4. Pengujian sistem

Sistem akan diuji sesuai dengan requirement yang telah ditentukan sebelumnya. Seluruh requirement harus terpenuhi dan tidak ada yang tertinggal

(35)

ataupun tidak sesuai dengan requirement. Pengujian akan dilakukan dengan menggunakan metode balckbox.

3.6 Perancangan Sistem

3.6.1 Use Case Diagram

Proses pembangunan sistem website portal berita alternatif dengan komunikasi informasi berita dua arah dimulai dengan proses merangkum requirement analysis. Proses requirement analysis merupakan proses untuk mendapatkan persyaratan-persyaratan aplikasi, jalannya aplikasi, fitur aplikasi sampai dengan larangan pada aplikasi. Dalam requirement, akan melibatkan beberapa aktor dalam jalannya aplikasi. Aktor yang terlibat dalam aplikasi ini antara lain :

1. Administrator 2. Editor

3. User Biasa 4. Member

Keempat aktor memiliki aktifitas masing-masing. Aktor yang satu dengan aktor yang lain memiliki persyaratan dan role yang dapat digunakan. Penggambarannya akan terlihat dengan use case diagram. Use case yang akan dibuat dalam sistem secara umum seperti dijelaskan pada gambar 3.2 dan gambar 3.3. Gambar 3.2 merupakan kegiatan-kegiatan dari aktor administrator dan aktor editor. Sedangkan gambar 3.3 merupakan kegiatan-kegiatan dari aktor member dan user biasa.

(36)

Editor Administrator Mengedit Profil Mengubah Password Menghapus User Menambah User

Melihat Jumlah User Melihat jumlah Admin

dan editor Melakukan Search Mendapatkan Notifikasi foto baru Mendapat Notifikasi Berita Baru Menambah Kategori Berita Menambah Kategori Album Mengedit Kategori Menambah Berita Menerima Berita Menolak Berita Mengupdate Berita Menghapus Berita Menambah Album Menambah Galeri Menambah Foto Menghapus Foto Mengupdate Album Merespon Pesan Menghapus Pesan Menonaktifkan Komentar Menambah Banner Menghapus Banner Membuat Berita Utama

Gambar 3. 2 Use case actor administrator dan editor

Berdasarkan Use case Gambar 3.2 dapat dilihat actor administrator dan aktor editor memiliki role yang berbeda.

(37)

a. Administrator

Administrator merupakan aktor yang dapat melakukan aktifitas apapun yang terdapat didalam website. Administrator dapat diartikan seperti super user yang kegiatannya tidak dibatasi kecuali hal-hal yang bersifat rahasia akun. Dilihat dari Use case gambar 3.2 administrator dapat melakukan beberapa kegiatan sebagai berikut :

1. Login

2. Mengedit profil 3. Mengubah password

4. Menghapus member atau user 5. Menambah member atau user 6. Melakukan search

7. Mendapat notifikasi berita baru 8. Mendapat notifikasi foto baru 9. Menambah kategori album 10.Menambah kategori berita 11.Menambah berita

12.Menerima berita 13.Mengupdate berita 14.Membuat berita utama 15.Menambah foto 16.Menghapus foto 17.Mengupdate galeri 18.Menambah galeri 19.Menghapus pesan

20.Menonaktifkan komentar 21.Menghapus banner 22.Menambahkan banner 23.Merespon pesan 24.Megedit kategori

(38)

25.Melihat jumlah admin, editor dan member 26.Melihat jumlah user

Semua kegiatan yang ada di website admin dapat digunakan oleh administrator. Administrator dapat mengelola secara penuh halaman umum website. Dalam usecase diagram pada gambar 3.2 terdapat penghubung antar usecase berupa relasi asosiassi. Selain itu terdapat penghubung include yang merupakan penjelas bahwa setelah aktor melakukan kegiatan pada usecase terkait maka selanjutnya akan dipindahkan secara otomatis oleh website ke usecase lainnya sesuai dengan arah panah. Sedangkan penghubung extend merupakan penjelas bahwa aktor dapat melakukan kegiatan pada usecase terkait ataupun tidak (optional).

b. Editor

Editor merupakan pengguna atau aktor yang mengatur website utama dengan kemampuan dibawah administrator. Editor hanya diberikan izin untuk melakukan beberapa hal. Ada banyak kegiatan yang tidak dapat dilakukan oleh editor namun dapat dilakukan oleh administrator. Berikut daftar kegiatan yang dapat dilakukan oleh administrator :

1. Login

2. Mengedit profil 3. Mengubah password

4. Menghapus member atau user 5. Menambah member atau user 6. Melakukan search

7. Mendapat notifikasi berita baru 8. Mendapat notifikasi foto baru 9. Menambah kategori album 10.Menambah kategori berita 11.Menambah berita

12.Menerima berita 13.Mengupdate berita 14.Membuat berita utama

(39)

15.Menambah foto 16.Menghapus foto 17.Mengupdate gallery

Dilihat dari daftar kegiatan yang dapat dilakukan oleh editor, dapat diartikan bahwa editor hanya diberikan izin untuk mengelola website terkait berita dan foto.

(40)

User Biasa

Member

Melihat Berita Utama

Melihat Berita Favorit

Melihat Berita Populer

Memilih Kategori

Melihat Statistik Melihat Semua Berita

Melihat Petunjuk

Mengontak Admin

Daftar Melakukan Search

<<include>>

Forget Password

<<extend>>

Menganti Password

Mengedit Profil

Mengupload Berita

Mengupload Gambar

Memberikan Komentar

Gambar 3. 3 Use case actor member dan user biasa

Berdasarkan Use case Gambar 3.3 terlihat aktor member dan user biasa memiliki role yang berbeda. Usecase diagram diatas merupakan usecase diagram terkait halaman web utama.

(41)

a. Member

Aktor member merupakan transformasi dari aktor user biasa yang telah mendaftarkan dirinya sebagai member website. Aktor member memiliki kegiatan-kegiatan sebagai berikut :

1. Melihat berita utama 2. Melihat semua berita 3. Melihat berita favorit 4. Melihat berita populer 5. Memilih kategori 6. Melihat statistik 7. Melihat petunjuk

8. Mengontak admin atau mengirim pesan 9. Melakukan search

10.Masuk ke home 11.Login

12.Mengganti password 13.Mengedit profil 14.Mengupload berita 15.Mengupload gambar 16.Memberikan komentar

Fitur-fitur yang ada didalam website semua dapat digunakan oleh member. Komunikasi dua arah yang dimaksudkan dalam website ini terjadi antara aktor member dengan aktor administrator atau editor. Member dapat memberikan informasi berupa berita ataupun gambar yang di upload kedalam sistem, selanjutnya menunggu editor atau administrator untuk mengedit dan mengkonfirmasi berita yang di upload oleh member tersebut.

(42)

b. User Biasa

Aktor user biasa memiliki hak yang lebih sedikit dibandingkan dengan aktor member. Aktor user biasa memiliki kegiatan-kegiatan sebagai berikut :

1. Melihat berita utama 2. Melihat semua berita 3. Melihat berita favorit 4. Melihat berita populer 5. Memilih kategori 6. Melihat statistik 7. Melihat petunjuk

8. Mengontak admin atau mengirim pesan ke admin 9. Melakukan search

10.Masuk ke home 11.Daftar

Ketika pengguna website hanya sebagai aktor user biasa, maka website hanya akan seperti website berita lainnya. Hanya kegiatan membaca berita yang dapat dilakukan seperti pada website berita lain.

(43)

3.6.2 Class Diagram

Class diagram dibuat untuk menjelaskan hubungan antara kelas yang satu dengan kelas yang lainnya. Didalam beberapa kelas, terdapat atribut yang menjelaskan komponen apa saja yang terdapat didalam kelas tersebut dan terdapat operation yang berfungsi sebagai penjelas kegiatan apa saja yang dapat dilakukan oleh suatu aktor ketika berada didalam kelas tersebut.

Pada gambar 3.4 terlihat beberapa simbol dan bagian dari class diagram, simbol-simbol tersebut antara lain :

Tabel 3.1 Simbol dalam class diagram

Gambar Simbol Keterangan

+

Public, berarti atribut ataupun operation tersebut dapat diakses secara publik.

-Private, berarti atribut ataupun operation tersebut tidak dapat diakses secara publik dan membutuhkan persyaratan lain agar atribut dan operation tersebut dapat digunakan.

(44)

- Nama pengguna : varchar - Password : varchar + OnClick() : void + Validate() : void + ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Lupa_Sandi

- Jawaban pertanyaan keamanan : varchar + OnClick() : void

+ Validate() : void + ShowErroeAlert() : varchar + OnSuccess() : varchar

Menu_Utama + Berita utama : varchar + Berita Favorit : varchar + Berita Populer : varchar + Statistik : int + OnClick() : void + Select() : void + View() : varchar

Komentar - UserName : varchar - Isi komentar : varchar - OnClick() : void - Submit() : void - View() : varchar Administrator

- Username : varchar Menu_Admin

- ManagemenUser : varchar - ManagemenBerita : varchar - ManagemenWeb : varchar - ManagemenMenu : varchar - OnClick() : void - Select() : void

Managemen_Berita - Tambah Berita : varchar - Data Berita : varchar - OnClick() : void - Submit() : void - Edit() : void - Update() : void - Upload() : void - ShowErroeAlert() : varchar - OnSuccess() : varchar

Update_profil - NamaUser : varchar - Nama Lengkap : varchar - Email : varchar - No.Telp/HP : bigint - OnClick() : void - Validate() : void - Submit() : void - ShowErroeAlert() : varchar - OnSuccess() : varchar - GetData() : varchar

Member - Username : varchar

Berita

+ JudulBerita : varchar + IsiBerita : varchar + Komentar : varchar + Sumber : varchar + OnClick() : void + Select() : void + Insert() : varchar

Registrasi - Username : varchar - Password : varchar - Ulangi Password : varchar - Nama Lengkap : varchar - Email : varchar - No.Telp/HP : bigint - Foto : varchar - Scan KTP : varchar + OnClick() : void + Validate() : void + ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Berita_Utama + Foto Berita : varchar + Judul Beita : varchar + Deskripsi Singkat : varchar + OnClick() : void + Select() : void + View() : varchar

Berita_Favorit + Judul Berita : varchar + Tanggal Terbit : date + OnClick() : void + Select() : void + View() : varchar

Berita_Populer + Foto Berita : varchar + Judul Beita : varchar + Deskripsi Singkat : varchar + Tanggal Terbit : date + OnClick() : void + Select() : void + View() : varchar

Statistik + Total Pengunjung : int + Pengunjung hari ini : int + Total Pengunjung : int + Hitz Hari ini : int + Pengunjung Online : int + getData() : int + view() : int Managemen_Galery

- Tambah Foto : varchar - Data Foto : varchar - OnClick() : void - Submit() : void - Edit() : void - Update() : void - Upload() : void - ShowErroeAlert() : varchar - OnSuccess() : varchar Kategori_berita

+ Olahraga : varchar + Teknologi : varchar + Ekonomi : varchar + Polotik : varchar + Hiburan : varchar + Lain-lain : varchar - OnClick() : void - Select() : void

1 ManagemenWeb

- data header : varchar - data hubungi : varchar - halaman statis : varchar - data komentar : varchar - banner : varchar - OnClick() : void - Select() : void ManagemenBerita

- data kategori : varchar - data berita : varchar - data album : varchar - data galery : varchar - OnClick() : void - Select() : void ManagemenUser

- data admin : varchar - data member : varchar - OnClick() : void - Select() : void

(45)

Pada gambar 3.4 dihubungkan dengan garis relasi yang memiliki makna tertentu, makna-makna tersebut disesuaikan dengan hubungan dan fungsi antar tabel yang berhubungan, relasi-relasi yang dipakai antara lain dapat dilihat pada tabel 3.2

Tabel 3.2 Relasi yang digunakan dalam class diagram

Nama Relasi Gambar Keterangan

Association Relasi antar kelas dengan makna umum. Biasanya disertai dengan multiplicity (keterangan banyak).

Directed Association

Relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain. Agregation Relasi antar kelas dengan makna semua

bagian (whole-part).

Dependency Relasi antar kelas dengan makna kebergantungan antar kelas.

Generalisation Relasi antar kelas dengan makna kebergantungan antar kelas.

Compotition Relasi antar kelas dengan makna ada beberapa kelas yang merupakan bagian dari kelas utama.

Pada gambar 3.4 menjelaskan bahwa aplikasi berbasis website yang akan dibuat dibagi atas beberapa class yang saling berhubungan. Kelas-kelas yang saling berhubungan memiliki arti dan makna yang berbeda-beda antara hubungan yang satu dengan yang lain.

(46)

Kelas-kelas yang berelasi secara detail antara lain :

a. Relasi antara class Menu_admin dengan class ManagemenUser, ManagemenBerita dan ManagemenWeb

Menu_Admin - ManagemenUser : varchar - ManagemenBerita : varchar - ManagemenWeb : varchar - ManagemenMenu : varchar - OnClick() : void - Select() : void

ManagemenWeb - data header : varchar - data hubungi : varchar - halaman statis : varchar - data komentar : varchar - banner : varchar - OnClick() : void - Select() : void ManagemenBerita

- data kategori : varchar - data berita : varchar - data album : varchar - data galery : varchar - OnClick() : void - Select() : void ManagemenUser

- data admin : varchar - data member : varchar - OnClick() : void - Select() : void

Gambar 3. 5 Relasi antara class Menu_admin dengan class ManagemenUser,

ManagemenBerita dan ManagemenWeb

Relasi antara class Menu_admin dengan class ManagemenUser, ManagemenBerita dan ManagemenWeb dihubungkan dengan relasi komposisi. Relasi tersebut berarti class ManagemenUser, ManagemenBerita dan ManagemenWeb merupakan komponen penyusun dari class Menu_Admin. Dengan relasi komposisi, tergambar sangat jelas bahwa class ManagemenUser, class ManagemenBerita ataupun class ManagemenWeb tidak dapat berdiri sendiri untuk dapat digunakan melainkan harus berasal dari class menu_admin terlebih dahulu.

(47)

b. Relasi antara class Login dengan class registrasi

- Nama pengguna : varchar - Password : varchar + OnClick() : void + Validate() : void

+ ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Registrasi

- Username : varchar - Password : varchar - Ulangi Password : varchar - Nama Lengkap : varchar - Email : varchar

- No.Telp/HP : bigint - Foto : varchar - Scan KTP : varchar + OnClick() : void + Validate() : void

+ ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Gambar 3. 6 Relasi antara class Login dengan class registrasi

Relasi antara class Login dengan class registrasi dihubungkan dengan relasi dependency atau dalam bahasa indonesianya relasi dependensi. Relasi dependensi merupakan Relasi antar kelas dengan makna ketergantungan antar kelas. Jadi ketika pengguna akan melakukan login, maka pengguna tersebut harus terdaftar terlebih dahulu yaitu dengan mendaftarkan dirinya pada class registrasi untuk mendapatkan username dan password untuk login.

(48)

c. Relasi antara class Login dengan class Update_profil

- Nama pengguna : varchar - Password : varchar + OnClick() : void + Validate() : void + ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Update_profil

- NamaUser : varchar - Nama Lengkap : varchar - Email : varchar - No.Telp/HP : bigint - OnClick() : void - Validate() : void - Submit() : void

- ShowErroeAlert() : varchar - OnSuccess() : varchar - GetData() : varchar

Gambar 3. 7 Relasi antara class Login dengan class Update_profil

Relasi antara class Login dengan class Update_profil dihubungkan dengan relasi agregation yaitu relasi antar kelas dengan makna semua bagian (whole-part). Ketika member ingin masuk kedalam class update_profil, maka terlebih dahulu harus melakukan login. Tanpa melakukan login, member tidak dapat melakukan update_profil.

d. Relasi antara class Login dengan class administrator dan member

Relasi antara class Login dengan class administrator dan member dihubungkan dengan Directed Association yaitu relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain. Class Login digunakan oleh pengguna member dan administrator.

(49)

- Nama pengguna : varchar - Password : varchar + OnClick() : void + Validate() : void + ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Administrator

- Username : varchar

Member

- Username : varchar

Gambar 3. 8 Relasi antara class Login dengan class administrator dan

member

e. Relasi antara class Login dengan class lupa_sandi

- Nama pengguna : varchar - Password : varchar + OnClick() : void + Validate() : void + ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Lupa_Sandi

- Jawaban pertanyaan keamanan : varchar + OnClick() : void

+ Validate() : void + ShowErroeAlert() : varchar + OnSuccess() : varchar

Gambar 3. 9 Relasi antara class Login dengan class lupa_sandi

Relasi antara class Login dengan class lupa_sandi dihubungkan dengan relasi dependensi. Class lupa_sandi hanya akan dapat dilakukan dan digunakan setelah pengguna masuk kedalam class login.

(50)

f. Relasi antara class menu_utama dengan class berita_utama, berita favorit, dan berita populer

Menu_Utama

+ Berita utama : varchar + Berita Favorit : varchar + Berita Populer : varchar + Statistik : int + OnClick() : void + Select() : void + View() : varchar

Berita_Utama

+ Foto Berita : varchar + Judul Beita : varchar + Deskripsi Singkat : varchar + OnClick() : void + Select() : void + View() : varchar

Berita_Favorit

+ Judul Berita : varchar + Tanggal Terbit : date + OnClick() : void + Select() : void + View() : varchar

Berita_Populer

+ Foto Berita : varchar + Judul Beita : varchar + Deskripsi Singkat : varchar + Tanggal Terbit : date + OnClick() : void + Select() : void + View() : varchar

Gambar 3. 10 Relasi antara class menu_utama dengan class berita_utama,

berita favorit, dan berita populer

Relasi antara class menu_utama dengan class berita_utama, berita favorit, dan berita populer dihubungkan dengan relasi komposisi. Artinya ada tiga class penyusun class menu_utama. Class penyusun tersebut juga tidak dapat digunakan jika tidak difungsikannya class menu_utama, begitu juga sebaliknya.

g. Relasi antara class menu_utama dengan class login

Relasi antara class menu_utama dengan class login terhubung dengan relasi generalisasi. Menu utama akan terbuka ketika member telah melakukan login dan sukses jika posisinya adalah pengguna ingin masuk langsung sebagai member (bukan user biasa).

(51)

- Nama pengguna : varchar - Password : varchar + OnClick() : void + Validate() : void

+ ShowErrorAlert() : varchar + OnSuccess() : varchar + Input() : void

Menu_Utama

+ Berita utama : varchar + Berita Favorit : varchar + Berita Populer : varchar + Statistik : int

+ OnClick() : void + Select() : void + View() : varchar

Gambar 3. 11 Relasi antara class menu_utama dengan class login

h. Relasi antara class menu_utama dengan class statistik

Relasi antara class menu_utama dengan class statistik dihubungkan dengan relasi asosiasi one to one. Relasi tersebut bermakna satu menu utama memiliki satu statistik dan satu statistik tersebut diperuntukkan untuk satu menu utama.

(52)

Menu_Utama

+ Berita utama : varchar + Berita Favorit : varchar + Berita Populer : varchar + Statistik : int + OnClick() : void + Select() : void + View() : varchar

Statistik

+ Total Pengunjung : int + Pengunjung hari ini : int + Total Pengunjung : int + Hitz Hari ini : int + Pengunjung Online : int + getData() : int + view() : int

1 1

Gambar 3. 12 Relasi antara class menu_utama dengan class statistik

i. Relasi antara class menu_utama dengan class kategori_berita Menu_Utama

+ Berita utama : varchar + Berita Favorit : varchar + Berita Populer : varchar + Statistik : int

+ OnClick() : void + Select() : void + View() : varchar

Kategori_berita

+ Olahraga : varchar + Teknologi : varchar + Ekonomi : varchar + Polotik : varchar + Hiburan : varchar + Lain-lain : varchar - OnClick() : void - Select() : void

Gambar 3. 13 Relasi antara class menu_utama dengan class kategori_berita

Relasi antara class menu_utama dengan class kategori_berita dihubungkan dengan relasi asosiasi one to many yang berarti satu menu utama memiliki banyak kategori_berita ataupun banyak kategori_berita diperuntukkan untuk satu menu_utama.

(53)

j. Relasi antara class kategori_berita dengan class berita

Berita

+ JudulBerita : varchar + IsiBerita : varchar + Komentar : varchar + Sumber : varchar + OnClick() : void + Select() : void + Insert() : varchar Kategori_berita

+ Olahraga : varchar + Teknologi : varchar + Ekonomi : varchar + Polotik : varchar + Hiburan : varchar + Lain-lain : varchar - OnClick() : void - Select() : void

Gambar 3. 14 Relasi antara class kategori_berita dengan class berita

Relasi antara class kategori_berita dengan class berita dihubungkan dengan relasi agregasi. Class berita merupakan bagian dari class kategori_berita, hal itu berarti semua berita yang ada dimiliki oleh kategori_berita terkait.

(54)

k. Relasi antara class berita dengan class komentar

Komentar

- UserName : varchar - Isi komentar : varchar - OnClick() : void - Submit() : void - View() : varchar Berita

+ JudulBerita : varchar + IsiBerita : varchar + Komentar : varchar + Sumber : varchar + OnClick() : void + Select() : void + Insert() : varchar

Gambar 3. 15 Relasi antara class berita dengan class komentar

Relasi antara class berita dengan class komentar terhubung dengan relasi agregasi. Dengan relasi agregasi, dimaksudkan bahwa class komentar merupakan bagian dari class berita. Setiap berita memiliki bagian komentar masing-masing yang berbeda di setiap berita.

(55)

l. Relasi antara class menu_utama dengan class managemen_berita dan managemen_galery

Menu_Utama

+ Berita utama : varchar + Berita Favorit : varchar + Berita Populer : varchar + Statistik : int

+ OnClick() : void + Select() : void + View() : varchar

Managemen_Berita

- Tambah Berita : varchar - Data Berita : varchar - OnClick() : void - Submit() : void - Edit() : void - Update() : void - Upload() : void

- ShowErroeAlert() : varchar - OnSuccess() : varchar

Managemen_Galery

- Tambah Foto : varchar - Data Foto : varchar - OnClick() : void - Submit() : void - Edit() : void - Update() : void - Upload() : void

- ShowErroeAlert() : varchar - OnSuccess() : varchar

Gambar 3. 16 Relasi antara class menu_utama dengan class

managemen_berita dan managemen_galery

Relasi antara class menu_utama dengan class managemen_berita dan managemen_galery dihubungkan dengan relasi agregasi. Class menu_utama merupakan main class dari sub class bernama class managemen_berita dan managemen_galery.

(56)

3.6.3 Activity Diagram

Activity Diagram akan menjelaskan bagaimana jalannya aplikasi dan hubungan antara pengguna, website dan database. Activity diagram pada rancangan website yang akan dibuat dibagi menjadi beberapa Activity diagram yaitu :

a. Activity Diagram Administrator

Activity Diagram Administrator menggambarkan bagaimana kegiatan yang dilakukan oleh user atau aktor administrator dengan website. Website yang dimaksud adalah website pengolah website utama. Administrator setelah membuka website harus mengisi form login yang telah ditampilkan secara otomatis oleh website. Jika username dan password yang dimasukkan oleh administrator adalah benar, maka administrator akan masuk kedalam menu home atau halaman utama yang terdapat banyak sekali pilihan-pilihan kegiatan yang dapat dilakukan oleh administrator. Namun jika username dan password yang dimasukkan oleh administrator adalah salah, maka website akan memberikan notifikasi bahwa username dan password yang dimasukkan oleh administrator salah dan langsung kembali ke halaman login. Administrator akan diberikan beberapa pilihan yang dapat dipilih ataupun tidak. Pilihan yang dipilih oleh administrator secara langsung akan direspon oleh website untuk menampilkan halaman terkait dengan data terupdate.

(57)

ACTIVITY DIAGRAM ADMINISTRATOR ADMINISTRATOR WEBSITE Pha se Membuka Website Membuka Halaman Login Memasukkan Username &

Password Request Menampilkan Halaman Home Menampilkan Pilihan Memilih Managemen User

Memilih Managemen Berita & Foto

Memilih Managemen Halaman Statis

Memanagemen halaman satatis

Memilih Managemen Iklan

Menampilkan Managemen User

Menampilkan Managemen Berita & Foto

Menampilkan Managemen Halaman Statis

Menampilkan Managemen Pesan

Menampilkan Managemen Iklan

Logout Memanagemen User

Memanagemen Berita & Foto

Memilih Managemen Pesan

Memanagemen Pesan

Memanagemen Iklan Memilih Managemen Header

Memanagemen Header Menampilkan Managemen Header YA TIDAK SALAH BENAR YA TIDAK YA TIDAK YA TIDAK YA TIDAK YA TIDAK YA TIDAK

(58)

b. Activity Diagram Editor

ACTIVITY DIAGRAM EDITOR

EDITOR WEBSITE

Membuka Website Membuka Halaman

Memasukkan Username & Password Request

Menampilkan Halaman Home

Menampilkan Pilihan Memilih edit Profil

Memilih Managemen Berita & Foto

Menampilkan Edit Profil

Menampilkan Managemen Berita & Foto

Logout

YA TIDAK

Mengedit Profil

Memilih Managemen Berita & Foto

YA TIDAK

BENAR SALAH

Gambar 3. 18 Activity Diagram Editor

Sama seperti gambar 3.17 Activity Diagram Administrator, Activity Diagram Editor juga harus memasukkan terlebih dahulu username dan password agar

(59)

website dapat merespon dengan tampilan menu home yang berisi banyak pilihan. Jika dibandingkan antara Activity Diagram administrator dengan Activity Diagram editor terlihat jelas bahwa kegiatan dan interaksi yang dapat dilakukan oleh editor lebih sedikit dibandingkan dengan administrator. Hal tersebut terlihat dari jumlah pilihan yang dapat dipilih oleh aktor editor. c. Activity Diagram Login

ADMIN/EDITOR/MEMBER WEBSITE DATABASE

Membuka Website Menampilkan Halaman Login

Memasukkan Username & Password

Request

Verivikasi Username & Password

MenampilkanHalaman Home

SALAH BENAR

Gambar 3. 19 Activity Diagram Login

Agar lebih mengerucut dan detail serta lebih mudah dipahami, Activity Diagram dipecah-pecah kembali menjadi Activity Diagram lain yang sebenarnya juga sudah tercantum pada Activity Diagram administrator dan Activity Diagram editor. Dalam Activity Diagram login, ada tambahan swimline database yang berfungsi untuk lebih memperjelas interaksi antara swimline pengguna (administrator, editor dan member) dan swimline website. Dalam Activity Diagram terlihat jelas fungsi dari swimline database yang

(60)

berfungsi untuk memverifikasi username dan password yang dimasukkan oleh pengguna. Sedangkan fungsi dari website hanya menampilkan result dari verifikasi database.

d. Activity Diagram Managemen User

Activity Diagram Managemen User merupakan Activity Diagram penjelas ketika aktor administrator memilih managemen user. Didalam managemen user terdapat beberapa aktifitas lagi yang tergambar pada gambar 3.20. Activity Diagram Managemen User lebih menekankan pada detail isi dan kegiatan yang dapat dilakukan oleh administrator dalam pilihan managemen user dan menjelaskan alur kegiatan beserta hubungan antara pengguna, website dan database.

(61)

MANAGEMEN USER

ADMIN WEBSITE DATABASE

P h a s e Membuka Managemen User Menampilkan Managemen User Request Data Terbaru Memberikan Daftar Data Terbaru Menambah User Baru Menampilkan Form User Baru Mengisi Form

Request _{Key Dan Data Lain}Verifikasi Primary

Menampilkan Hasil Verivikasi

Menampilkan Data Terbaru Memilih Data Untuk

Memblokir User

Mengolah Data Request

Menampilkan Data Terbaru Setelah Pemblokiran Logout YA TIDAK YA TIDAK YA TIDAK

(62)

e. Activity Diagram Managemen Berita MANAGEMEN BERITA

ADMIN/EDITOR WEBSITE DATABASE

P h a s e Memilih Managemen

Berita Menampilkan Pilihan

Memilih Menagemen Kategori Berita dan Album Foto

Memberikan Data Terbaru

Menampilkan Kategori Berita dan Album Foto Memenagemen Kategori Berita

dan Album Foto

Memilih Managemen Berita dan Foto

Memberikan Data Terbaru

Menampilkan Berita dan Foto Terbaru Memanagemen

Berita dan Foto

Lougout YA TIDAK YA TIDAK YA TIDAK

(63)

Sama seperti Activity Diagram Managemen User, Activity Diagram Managemen Berita juga menjelaskan lebih rinci terkait managemen berita. Hubungan antara pengguna, website dan database akan dapat terlihat secara terperinci. Pilihan menu-menu dan kegiatan yang dilakukan oleh administrator juga beraneka ragam sesuai dengan keinginan dan kebutuhan. Terdapat beberapa decision pada Activity Diagram Managemen Berita yang berfungsi sebagai penegasan keputusan untuk memilih pilihan terkait atau tidak. Jika iya, maka database akan mengambil data terbaru dan ditampilkan oleh website untuk dapat dikelola oleh pengguna. Jika tidak, pengguna dapat memilih pilihan yang lain atau sama sekali tidak memilih (dalam konteks Activity Diagram Managemen Berita ini pilihan terakhir dari pengguna yang ditampilkan oleh sistem adalah logout).

(1)

Source Code index.php <?php

error_reporting(0); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<title>:: Administrator Login ::</title> <meta name="keywords" content="" /> <meta name="description" content="" />

$(document).ready(function(){

$("#submit1").hover( function() {

$(this).animate({"opacity": "0"}, "slow"); },

function() {

$(this).animate({"opacity": "1"}, "slow"); }

); });

(2)

<style> .alert {

padding: 8px 35px 8px 14px; margin-bottom: 20px;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3;

border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; }

.alert h4 { margin: 0; }

.alert .close { position: relative; top: -2px;

right: -21px; line-height: 20px; }

.alert-success {

background-color: #dff0d8; border-color: #d6e9c6; color: #468847;

}

.alert-danger, .alert-error {

background-color: #f2dede; border-color: #eed3d7; color: #b94a48;

}

.alert-info {

background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; }

.alert-block {

padding-top: 14px; padding-bottom: 14px; }

.alert-block > p, .alert-block > ul { margin-bottom: 0; }

(3)

margin-top: 5px; }

</style>

</head> <body>

<p align="center" style="font-size: 25px; font-weight: bold;">Administrator Login</p>

<br>

<h2>Login</h2>

<img id="url_user"

src="./images/mailicon.png" alt="">

</div>

</div>

<img id="url_password"

src="./images/passicon.png" alt=""> </div>

(4)

<br>

<input type="image"

src="./images/submit_hover.png" id="submit1" value="Sign In">

</div> </form>

</div>

</div>

</body> </html>

Source Code Navigation.php <?php

if ($_SESSION["leveluser"] == 'admin'){ ?>

<li><a class="menuitem">Manajemen User</a>

<ul class="submenu"> <li><a

href="media.php?module=user">Data Admin</a></li> <li><a href="media.php?module=member">Data Member</a></li>

</ul> </li>

<li><a class="menuitem">Manajemen Berita</a>

<ul class="submenu"> <li><a

(5)

<li><a href="media.php?module=berita">Data Berita</a></li> <li><a href="media.php?module=album">Data Album</a></li>

<li><a href="media.php?module=galerifoto">Data Galeri</a></li>

</ul> </li>

<li><a class="menuitem">Manajemen Web</a>

<ul class="submenu"> <li><a

href="media.php?module=header">Data Header</a></li> <li><a href="media.php?module=login">Data Arsip Login</a></li>

<li><a href="media.php?module=hubungi">Data Hubungi</a></li>

<li><a

href="media.php?module=halamanstatis">Halaman Statis</a></li> <li><a

href="media.php?module=komentar">Data Komentar</a></li> <li><a

href="media.php?module=banner">Banner</a></li> </ul> </li>

</ul> </div> </div>

</div> <?php } else{ ?>

<li><a class="menuitem">Manajemen User</a>

<ul class="submenu"> <li><a

href="media.php?module=user">Data User</a></li> </ul> </li>

<li><a class="menuitem">Manajemen Berita</a>

(6)

<ul class="submenu"> <li><a

href="media.php?module=kategori">Data Kategori</a></li> <li><a href="media.php?module=berita">Data Berita</a></li> <li><a href="media.php?module=album">Data Album</a></li>

<li><a href="media.php?module=galerifoto">Data Galeri</a></li>

</ul> </li>

</ul> </div> </div>

</div> <?php } ?>

Aplikasi Portal Berita Dengan Sumber Berita Dua Arah Berbasis Website