• Tidak ada hasil yang ditemukan

PERANCANGAN MAJALAH ONLINE MEDAN CULTURE BERBASIS WEBSITE TUGAS AKHIR RIO F SIPAYUNG

N/A
N/A
Protected

Academic year: 2022

Membagikan "PERANCANGAN MAJALAH ONLINE MEDAN CULTURE BERBASIS WEBSITE TUGAS AKHIR RIO F SIPAYUNG"

Copied!
105
0
0

Teks penuh

(1)

TUGAS AKHIR

RIO F SIPAYUNG 152406092

PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN

(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

RIO F SIPAYUNG 152406092

PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN

(3)

Judul : Perancangan Majalah Online Medan Culture Berbasis Website

Kategori : Tugas Akhir

Nama : Rio F Sipayung

Nomor induk mahasiswa : 152406092

Program studi : Diploma (D-III) Teknik Informatika Fakultas : MIPA - Universitas Sumatera Utara

Diluluskan di Medan, Januari 2019

Diketahui/Disetujui Oleh Ketua Program Studi D-3 TI FMIPA USU,

Pembimbing,

Dra. Normalina Napitupulu, M. Sc NIP. 196311061989022001

Prof. Dr. Tulus, Vor. Dipl. Math., M.Si., Ph. D NIP. 196209011988031002

(4)

PERANCANGAN MAJALAH ONLINE MEDAN CULTURE BERBASIS WEBSITE

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Januari 2019

Rio F Sipayung 152406092

(5)

Puji syukur penulis ucapkan kepada Tuhan Yang Maha Esa atas limpahan berkat dan rahmat-Nya sehingga kajian tugas akhir dengan judul Perancangan Majalah Online MEDAN CULTURE Berbasis Website dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.

Terimakasih penulis sampaikan kepada Pak Prof. Dr. Tulus,Vor.

Dipl..Math,Msi.,Ph.D selaku Pembimbing Akademik penulis yang selalu memberi pengarahan dan bimbingan baik kritik dan saran kepada penulis selama penyusunan tugas akhir dari awal hingga selesai. Terimakasih kepada Ibu Dra.

Normalina Napitupulu, M.Sc dan Bapak Drs. James Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program Studi Teknik Informatika D3 FMIPA USU, Penulis mengucapkan terima kasih kepada kedua orang tua penulis Ayahanda Parmin Sipayung dan Ibunda Kalijah Manurung serta keluarga yang telah banyak memberi doa dan dukungan untuk penulis. Dan tidak lupa juga saya sampaikan terimakasih kepada Hafiz Rahmadsyah,Riyadhi Simatupang,Ari Misnadi,Arif Rivaldi Simanjuntak,Nurdiansyah Purba,Ahmad Radhi Akbar,M.hidayat,Abangda Kukuh Anugerah yang telah mendukung saya,Teman-semua pihak yang telah banyak membantu penulis dalam menyelesaikan Tugas Akhir ini yang tidak dapat disebutkan satu persatu. Semoga Tuhan Yang Maha Esa membalasnya.

(6)

Kajian ini bertujuan untuk merancang suatu Majalah Online. Website dirancang sesuai dengan kebutuhan informasi yang semakin maju seiring dengan perkembangan teknologi komputer sangat cepat, baik dari segi perangkat keras dan perangkat lunak. Sistem ini dirancang dengan menggunakan perangkat lunak XAMPP dengan bahasa pemrograman PHP MySQL.Dengan demikian perancangan suatu sistem informasi memerlukan data dan informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi kebutuhan sesuai yang diinginkan. Sistem meliputi modul-modul masukan data yang berkaitan dengan informasi terbaru tentang Kehidupan Masyarakat Kota Medan,profil,kehidupan sosial,musik,gaya hidup dan data-data yang berguna untuk untuk Masyarakat Kota Medan.

Kata kunci : Sistem, Website, XAMPP, PHP MySQL

(7)

This study aims to contrive a web Magazine. The website is designed in accordance with the information needs of the more advanced along with the development of computer technology is very fast, both in terms of hardware and software. This system is designed using XAMPP software with MySQL PHP programming language. Thus, the design of an information system requires accurate data and information for the information system designed to meet the needs as desired. The system includes data entry modules related to the latest information about the company medan people,profiles, social life,music,life style, and data useful for the medan people.

Key words : System, Website, XAMPP, PHP MySQL .

(8)

Halaman PERSETUJUAN

PEERNYATAAN i

PENGHARGAAN ii

ABSTRAK iii

ABSTRACT iv

DAFTAR ISI v

DAFTAR ISI vi

DAFTAR GAMBAR vii

DAFTAR TABEL viii

DAFTAR SINGKATAN xi

BAB 1. PENDAHULUAN

1.1 Latar Belakang...1

1.2 Rumusan Masalah...2

1.3 Batasan Masalah ...2

1.4. Tujuan Penelitian ...3

1.5 Manfaat Penelitian ...3

1.6 Metodologi Penelitian...4

1.7 Sistematika Penulisan ...5

BAB 2. LANDASAN TEORI 2.1. Sistem Informasi ...6

2.1.1 Karakteristik sistem ...7

2.1.2 Karakteristik Informasi...7

2.1.3 Elemen sistem...8

2.2 Komponen Sistem Informasi ...8

2.3 Sasaran Sistem Informasi ...10

2.4 Pengertian Komputer ...11

2.5 Pengertian Internet ...13

2.5.1 Jaringan Komputer ...14

2.6 Sejarah Web ...14

2.6.1 Aplikasi web ...15

2.6.2 Web Server ...15

2.7 Sejarah PHP ...16

2.7.1 Kelebihan PHP ...16

(9)

BAB 3. ANALISIS DAN PERANCANGAN SISTEM

3.1 Perancangan sistem...21

3.2 Diagram Konteks ...21

3.3 Perancangan Database ...22

3.4 Flowchart Perancangan majalah online Medan Culture ...24

BAB 4. IMPLEMENTASI SISTEM 4.1. Implementasi Sistem...30

4.2. Tujuan Implementasi Sistem ...30

4.3. Komponen-Komponen Implementasi Sistem...31

4.3.1. Kebutuhan Perangkat Keras ...31

4.3.2. Perangkat lunak(Software) ...31

4.3.3. Perangkat operator(Brainware)...32

4.4. Tampilan WEB ...33

4.4.1. Halaman Utama ...33

4.4.2. Tampilan Social...34

4.4.3. Tampilan Beranda Admin ...35

4.4.4. Tampilan kritik dan saran Admin ...36

4.4.5. Tampilan Lifestyle...37

4.4.6. Tampilan Input Ivent ...38

4.4.7. Tampilan Input Pengumuman ...38

4.4.8. Tampilan Mengubah Password ...39

4.4.9. Tampilan Form kritik dan saran ...40

BAB 5. PENUTUP 5.1. Kesimpulan ...41

5.2. Saran ...42 DAFTAR PUSTAKA

LAMPIRAN

Lampiran A : Kartu Bimbingan Tugas Akhir Lampiran B : Surat Keterangan Uji Program

Lampiran C : Surat Keterangan Dosen Pembimbing Tugas Akhir Lampiran D : Listing Program

(10)

Nomor Judul Halaman Gambar

2.1 Komponen Sistem Informasi 12

3.1 Diagram Konteks 31

3.2 Flowchart Menu Utama 37

3.3 Flowchart Login Admin 38

3.4 Flowchart Login Admin 39

4.1 Tampilan Halaman 43

4.2 Tampilan Social 44

4.3 Tampilan Beranda Admin 45

4.4 Tampilan Kritik dan Saran Admin 46

4.5 Tampilan Lifestyle 47

4.6 Tampilan Input Ivent 48

4.7 Tampilan Input Pengumuman 48

4.8 Tampilan Mengubah Password 49

4.9 Tampilan Form Kritik dan Saran 50

(11)

Nomor Judul Halaman Tabel

3.1 Data Login Admin 32

3.2 Kritik dan Saran 32

3.3 Social 33

3.4 Lifestyle 33

3.5 Music 34

3.6 Simbol Flowchart 35

(12)

DFD = Data Flow Diagram

HTML = HypertText Markup Language

ARPANET = Advanced Research Project Agency Network HTTP = HyperText Transfer Protocol

PHP = Parents Helping Parents DBMS = DataBase Manajement sistem

(13)

1.1 Latar Belakang

Majalah merupakan penerbityang dicetakmenggunakantintapadakertas, diterbitkan berkala, misalnya mingguan, dwimingguan, atau bulanan. Majalah berisi bermacam- macamartikeldalam subyek yang bervariasi, yang ditujukan kepada masyarakatumumdan ditulis dengan gayabahasayang mudah dimengerti oleh banyak orang. Biasanya, majalah didanai olehiklan, harga penjualan, biaya berlangganan yang dibayar di awal, atau ketiganya.

Majalah Online disebut juga Web Magazine merupakan pengembangan dari Majalah biasa yang dimuat didalam media cetak kertas. Majalah online ataupun majalah elektronik tidak lagi dimuat dalam media cetak kertas melainkan pada media elektronik seperti komputer, laptop, smartphone dan teknologi lainnya.

Kota Medan merupakan ibukota provinsi sumatera utara,Indonesia. Kota ini merupakan kota terbesar ketiga setelah Jakarta dan Surabaya, Medan adalah kota multietnis yang mana penduduknya terdiri dari orang-orang dengan latar belakang budaya dan agama yang berbeda- beda.

Masyarakat kota medan umumnya pada saat ini cenderung lebih suka mendapatkan informasi dari media elektronik karena lebih mudah dan efisien karena alat elektronik saat ini bisa dibawa kemana saja contoh seperti smartphone dan laptop, dan didukung oleh akses informasi yang sudah sangat mudah diakses dari internet, sehingga majalah biasa yang dicetak dalam kertas saat ini sudah mulai ditinggalkan oleh masyarakat

Maka dari itu diperlukan sebuah sistem informasi untuk mempermudah masyarakat umum.

Dalam hal ini meliputi informasi dari setiap sisi kota medan dan sekitarnya, termasuk akses informasi lengkap bagi warga yang ingin mengetahui lebih dalam tentang kehidupan masyarakat di kota medan.

Setelah meninjau dari permasalahan ini, penulis terdorong untuk melakukan penelitian seputar informasi budaya kota medan baik itu gaya hidup, seni, permasalahan di kota medan dan

(14)

Ada beberapa program yang dapat digunakan dalam pembuatan sistem informasi pariwisata, salah satunya yang digunakan adalah PHP (Hypertext Preprocessor.)PHP dapat digunakan dengan gratis dan bersifat Open Source. Aplikasi ini merupakan aplikasi yang sangat mudah penggunaannya. Salah satunya adalah melalui aplikasi XAMPP Control Panel sebagai server yang berdiri sendiri (Localhost). Server web Apache berfungsi sebagai simulasi pengembangan website. Tool pengembangan web ini mendukung teknologi web populer seperti PHP. Serta penggunaan aplikasi Sublime Text sebagai aplikasi text editor tempat mengetik coding aplikasi.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan di atas, dapat dirumuskan suatu pokok permasalahan yaitu bagaimana merancang dan membangun sebuah sistem informasi Majalah Online MEDAN CULTURE menggunakan PHP dan Sistem Database, dan menjadi sebuah website yang kompleks dan mudah digunakan oleh masyarakat umum.

1.3 Batasan Masalah

Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat suatu batasan masalah, yaitu :

1. Sistem dirancang untuk menampilkan informasi seputar Kota medan, baik dalam gaya hidup masyarakat, seni, masalah yang sering terjadi, Pemerintahan, dan perkembangan Kota Medan.

2. Sistem ini dirancang dengan menggunakan PHP.

1.4 Tujuan

Tujuan Perancangan Majalah Online MEDAN CULTURE ini yaitu:

1. Memenuhi sebagian syarat mengikuti Ujian Tugas Akhir Program Diploma III (DIII) Program Studi Teknik Informatika di Universitas Sumatera Utara.

2. Untuk Membuat sebuah Majalah online yang menyangkut berbagai aspek kehidupan masyarakat Kota Medan.

(15)

3. Untuk membantu memudahkan masyarakat Kota medan dalam mendapatkan informasi tentang kehidupan dan perkembangan budaya kota medan maupun berpartisipasi dalam membangun kota medan mengatasi permasalahan yang sering terjadi.

1.5 Manfaat

Adapun manfaat dari penelitian ini adalah : 1. Bagi penulis

Untuk membantu dalam penyusunan Laporan Semester sebagai syarat untuk mengikuti Ujian Tugas Akhir program Diploma III (D3) Program Studi Teknik Informatika di Universitas Sumatera Utara. Selain itu, penulisan laporan ini diharapkan dapat berguna bagi penulis sendiri untuk menambah wawasan tentang perancangan sistem informasi khususnya Sistem Informasi Pariwisata Berbasis web serta memperdalam ilmu tentang pemrograman web.

2. Bagi Universitas Sumatera Utara

Untuk media informasi seputar cara hidup masyarakat Kota Medan dan sekitarnya Yang merupakan salah satu Kota yang ada Provinsi Sumatera Utara.

3. Bagi pembaca

Untuk mengenal lebih dalam seputar kehidupan bermasyarakat dan masalah-masalah yang sering terjadi di Kota medan, dan memberikan wawasan tentang sistem informasi kepada generasi penerus Kota Medan.

1.6 Metodelogi

Metode adalah suatu cara atau teknik yang sistematik untuk mengerjakan atau menyelesaikan sesuatu. Berikut ini metodologi penelitian yang gunakan dalam membangun sistem ini, yaitu :

a. Pengumpulan Data

Pengumpulan data-data yang kaitannya dengan permasalahan yang terjadi diatas dengan cara membaca buku-buku, infromasi online dan membaca bahan-bahan dari sumber lainnya . b. Analisis Sistem

Dilakukan untuk memperoleh informasi tentang sistem, menganalisis data–data yang ada

(16)

c. Perancangan (Desain)

Membangun / mengembangkan sistem yang diusulkan berupa perancangan sistem , dimana tahapan ini dapat dibangun dengan memperoleh informasi diantaranya memastikan informasi yang didapat akurat, memberikan ulasan-ulasan yang terperinci.

d. Penulisan Program (Coding),

Membuat program didalam aplikasi yang dibuat agar dapat berjalan sesuai dengan yang difungsikan.

e. Uji Program.

Pengujian akan dilaksanakan jika program telah selesai dikerjakan. Bila saat pengujian terdapat kesalahan maka perlu adanya perbaikan terhadap program agar menghasilkan hasil yang maksimal.

(17)

1.7 Stistematika Penulisan

Adapun bagian utama dari sistematika penulisan tugas akhir ini yaitu:

BAB 1. PENDAHULUAN

Bab ini berisi latar belakang diangkatnya judul tugas akhir, perumusan masalah yang diambil, batasan-batasan masalahnya, tujuan dan manfaat penelitian, metodologi penulisan, dan sistematika penulisan dari penyusunan tugas akhir ini.

BAB 2. TINJAUAN PUSTAKA

Bab ini menjelaskan mengenai landasan teori untuk menjadi acuan pada proses pengambilan data, analisa data serta pembahasan.

BAB 3. ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan analisis dari rules yang akan digunakan dengan teknik representasi rule-based knowledge dan perancangan sistem yang akan dibuat yaitu Web Magazine MEDAN CULTURE.

BAB 4. IMPLEMENTASI DAN PENGUJIAN

Bab ini menjelaskan implementasi dari analisis yang dilakukan dan pengujian terhadap sistem.

BAB 5. KESIMPULAN DAN SARAN

Bab ini menguraikan rangkuman dari masing-masing sub-sub bab yang ada serta memberi saran agar bermanfaat untuk pengembangan dari sistem ini selanjutnya

(18)

2.1 Sistem Informasi

Istilah sistem berasal dari bahasa Yunani yaitu “sistema” yang berarti kesatuan. Sistem adalah sekumpulan komponen yang saling berhubungan yang harus bekerja bersama-sama untuk menghasilkan suatu kesatuan metode, prosedur teknik yang digabungkan dan diatur sedemikian rupa sehingga menjadi satu kesatuan yang berfungsi untuk mencapai tujuan. Informasi merupakan hal yang sangat penting dalam suatu organisasi. Tanpa adanya informasi yang baik dan akurat, maka sistem yang dirancang atau yang digunakan dalam organisasi akan menjadi tidak baik dan mungkin tidak akan bertahan lama.

Pengertian sistem dan informasi menurut beberapa ahli adalah sebagai berikut:

1. Sistem adalah sekelompok unsur yang erat hubungannya satu dengan yang lainnya yang berfungsi bersama-sama untuk mencapai tujuan tertentu (Tata Sutabri,2005).

2. Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai tujuan tertentu (Jogiyanto Hartono, 1990).

3. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya (Jogiyanto Hartono, 1999).

4. Informasi adalah data yang telah diproses sedemikian rupa sehingga meningkatkan pengetahuan seorang yang menggunakan data tersebut (Abdul kadir, 2003).

5. Sistem informasi adalah sistem yang diciptakan oleh para analisis dan manajer guna melaksanakan tugas khusus tertentu yang sangat esensial bagi berfungsinya organisasi (George M.Scott,2001).

Dari pengertian pengertian sistem dan informasi tersebut, maka istilah sistem mengandung arti kumpulan dari bagian-bagian, unsur-unsur atau

(19)

komponen-komponen aliran informasi yang saling berhubungan satu sama lainnya yang tersusun secara teratur dan merupakan satu kesatuan yang saling bergantung untuk mencapai suatu tujuan.

2.1.1 Karakteristik Sistem

Menurut Tata Sutabri (2003:42) suatu sistem memiliki karakteristik atau sifat- sifat tertentu yang menunjang atau mendukung proses kegiatan untuk mencapai Karakteristik tersebut adalah:

1. Komponen sistem yaitu suatu sistem yang terdiri dari sejumlah komponen yang saling berinteraksi membentuk satu kesatuan yang bisa berupa subsistem.

2. Batasan sistem adalah daerah yang membatasi antara satu sistem dengan satu sistem lainnya atau dengan lingkungan luarnya yang memungkinkan suatu sistem dipandang sebagai kesatuan yang menunjukkan ruang lingkup tujuan dari sistem itu sendiri.

3. Lingkungan luar sistem yaitu semua yang berada di luar batas sistem yang mempengaruhi operasi/pelaksanaan sistem yang bersifat menguntungkan atau merugikan sistem tersebut.

4. Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem lainnya, yang memungkinkan sumber daya mengalir dan menghasilkan keluaran dari subsistem sebagai masukan untuk sub sistem lainnya dengan melalui penghubung.

5. Masukan sistem adalah energi yang dimasukkan berupa perawatan dan sinyal ke dalam sistem.

6. Keluaran sistem yaitu hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang bermanfaat.

7. Pengolahan sistem yaitu suatu sistem juga mempunyai bagian pengolahan yang akan merubah masukan menjadi keluaran.

2.1.2 Karakteristik Informasi

Karakteristik Informasi dibagi menjadi beberapa jenis yaitu:

(20)

2. Luas Informasi 3. Frekuensi Informasi 4. Jadwal Informasi 5. Waktu Informasi 6. Akses Informasi

2.1.3 Elemen Sistem

Menurut Abdul Kadir (2003:54), ada beberapa elemen yang membentuk sebuah sistem, yaitu:

1. Tujuan

Setiap sistem memiliki tujuan (goal), entah hanya satu atau mungkin banyak.

Tujuan inilah yang menjadi pemotivasi yang mengarahkan sistem. Tanpa tujuan sistem menjadi tak terarah dan tak terkendali. Tentu saja, tujuan antar satu sistem dengan sistem lain berbeda.

2. Masukan

Masukan (input) sistem adalah segala sesuatu yang masuk kedalam sistem dan selanjutnya menjadibahan untuk diproses.

3. Proses

Proses merupakan bagian yang melakukan perubahan atau transformasi dari masukan menjadi keluaran yang berguna.

4. Keluaran

Keluaran (output) merupakan hasil dari pemrosesan. Pada sistem informasi, keluaran bisa berupa informasi, saran, cetakan laporan, dan sebagainya.

5. Umpan Balik

Umpan balik digunakan untuk mengendalikan baik masukan maupun proses.

2.2 Komponen Sistem Informasi

Sistem informasi pada dasarnya terbentuk melalui suatu kelompok kegiatan operasi yang tetap, yaitu:

1. Mengumpulkan data 2. Mengelompokkan data 3. Menghitung

(21)

4. Menganalisa

5. Menyajikan laporan

Komponen – komponen yang ada dalam sistem informasi meliputi beberapa blok:

1. Blok Masukan (input)

Blok masukan ini mewakili data yang masuk kedalam sistem informasi. Input disini termasuk metode - metode dan media untuk menangkap data yang akan dimasukan, yang dapat berupa dokumen - dokumen dasar.

2. Blok Model

Blok ini terdiri dari kombinasi prosedur, logika dan model matematika yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan.

3. Blok Keluaran (output)

Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkat manajemen serta semua pemakai sistem.

4. Blok Teknologi

Teknologi merupakan Alat yang digunakan untuk menerima masukan,menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari 3 bagian utama, yaitu teknisi, perangkat lunak (software) dan perangkat keras (hardware).

5. Blok Basis Data

Basis data merupakan kumpulan data yang saling berhubungan satu dengan yang lainnya, tersimpan diperangkat keras computer, basis data diakses atau dimanipulasi dengan menggunakan paket perangkat lunak yang disebut database manajemen sistem (DBMS).

6. Blok Kendali

Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem bisa dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi. Menurut O’Brien

(22)

dari people (orang), hardware (perangkat keras), software (piranti lunak), computer networks dan data communications (jaringan komunikasi), dan database (basis data) yang mengumpulkan, mengubah dan menyebarkan informasi di dalam suatu bentuk organisasi. Untuk lebih jelasnya dapat dilihat pada Gambar 2.1 tentang komponen sistem informasi.

Gambar 2.1 Komponen Sistem Informasi

2.3 Sasaran Sistem Informasi Sasaran sistem informasi adalah:

1. Meningkatkan penyelesaian tugas.

2. Pemakai harus lebih produktif agar menghasilkan keluaran yang memiliki mutu yang tinggi.

3. Meningkatkan efektifitas secara keseluruhan.

4. Sistem harus mudah dan sering digunakan.

5. Meningkatkan efektifitas ekonomi.

6. Keuntungan yang diperoleh dari sistem harus lebih besar dari biaya yang dikeluarkan.

(23)

2.4 Pengertian Komputer

Dalam merancang sebuah sistem informasi, digunakan suatu alat pendukung yaitu computer Bahasa computer berasal dari bahasa asing yaitu To Compute, yang artinya hitung. Dengan demikian komputer diartikan sebagai alat hitung atau mesin hitung. Akan tetapi komputer diartikan sebagai alat hitung atau mesin hitung. Akan tetapi komputer sangat berbeda dengan kalkulator.

Perbedaannya adalah komputer dapat mengolah data dengan kecepatan dengan ketelitian yang tinggi. Selain itu komputer dapat menyimpan data dalam memory atau storage unitnya dan dapat melakukan proses secara kontiniu dan otomatis tanpa banyak campur tangan manusia. Sejalan dengan perkembangan komputer banyak para ahli mendefenisikan pengertian komputer yang pada intinya semuanya hampir sama seperti di bawah ini:

1. Komputer adalah rangkaian pekerjaan elektronika yang bekerja sama dalam melakukan rangkaian – rangkaian pekerjaan secara otomatis melalui instruksi atau program yang diberikan kepadanya.

2. Komputer sebagai suatu mesin elektronik bertujuan mengolah data yang mampu menerima masukan dan keluaran dalam melaksanakan pekerjaan Arithmatic Logical Unit ( calculating, selecting, moving, soring, comparing dan lain – lain ) dan mengendalikan Control Unit ( peralatan mekanisme, pengolahan data dan lain – lain )

3. Komputer merupakan mesin elektronik yang dapat melakukan serangkaian perintah – perintah dari user dengan bahasa yang dimengerti oleh manusia (bahasa tingkat tinggi) dan bahasa yang dimengerti oleh komputer (bahasa mesin) dalam memproses data.

Dari pengertian tersebut dapat disimpulkan bahwa pengertian komputer adalah alat pengolah data yang terdiri dari hardware, software dan brainware yang saling berkaitan erat.Namun demikian harus disadari bahwa meskipun komputer

(24)

perintah atau instruksi yang diberikan oleh manusia melalui bahasa pemrograman.

Dalam pengolahan data tersebut harus menggunakan alat – alat untuk mempercepat jalannya proses pengolahan data yang tentunya memerlukan suatu prosedur pengolahan beserta orang – orang yang mampu melaksanakan pengolahan data, mulai dari perekaman data, pengumpulan data, pemasukan data, perhitungan – perhitungan sampai kepada pembuatan laporan atau informasi yang diinginkan.

Sistem komputerisasi adalah suatu sistem yang berdiri atas komputer danseluruh komponen-komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki beberapa komponen yaitu:

a. Perangkat Keras (hardware)

Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegunaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu:

1. Alat input

Alat input adalah alat untuk memasukkan program maupun data yang akan diprosesn oleh komputer, seperti keyboard, mouse, scanner.

2. Alat Proses

Alat prose atau CPU (Central Processing Unit), merupakan alat atau unit terpenting didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengelolahan data berlangsung, seperti motherboard dan processor.

3. Alat Output

Alat Output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

b. Perangkat Lunak (software)

Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan perangkat komputer komputer dapat menjalankan fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai alat pengolahan data, komponen

(25)

ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer dan pengguna komputer (user), sehingga komputer dapat digunakan.

c. Pengguna Komputer

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu:

1. Sistem Analisis

Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.

2. Programmer

Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem analisis ke dalam suatu bahasa pemrograman tertentu.

3. Computer Operator

Orang yang bertugas menangani pengelolahan data secara langsung.

4. Data Entry Operator

Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga pemeriksaan dan pengiriman informasi

2.5 Pengertian Internet

Internet (kependekan dari interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan standar sistem global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai protokol pertukaran paket (packet switching communication protocol) untuk melayani miliaran pengguna di seluruh dunia. Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaidah ini dinamakan internet working ("antar jaringan").

Internet dibentuk oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan

(26)

komunikasi dalam jarak yang tidak terhingga melalui saluran telepon. Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet.Daya internet itu terletak pada informasi itu sendiri, bukan pada jaringan komputer.

2.5.1 Jaringan Komputer

Jaringan adalah sebuah sistem operasi yang terdiri atas sejumlah komputer dan perangkat jaringan lainnya yang bekerja bersama-sama untuk mencapai suatu tujuan yang sama atau suatu jaringan kerja yang terdiri dari titik-titik (nodes) yang terhubung satu sama lain dengan atau tanpa kabel. Masing-masing nodes berfungsi sebagai stasiun kerja (workstations). Salah satu nodes sebagai media jasa atau server, yaitu yang mengatur fungsi tertentu dari nodes lainnya.

Pada dasarnya teknologi jaringan komputer itu sendiri merupakan perpaduan antara tenologi komputer dan juga teknologi komunikasi. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area, Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dan menyalurkan arus informasi dari suatu area ke area lainnya.

2.6 Sejarah Web

Penemu situs web adalah Sir Timothy John "Tim" Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertama kali muncul pada tahun 1991 untuk memudahkan tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (Consei European pour la Recherce Nuclaire) (tempat dimana Tim bekerja) mengumumkan bahwa World Wide Web dapat digunakan secara gratis oleh publik.

(27)

2.6.1 Aplikasi Web

Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang disebut HTML (HypertText Markup Language) dan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan berikut, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain yaitu PHP. Aplikasi Web sendiri dapat dibagi menjadi dua bagian, yaitu:

a. Web Statis b. Web dinamis

Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus- menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi Web dinamis Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan perubahan inforamasi dan halaman-halaman Web dapat ditangani melalui perubahan data,bukan melalui perubahan program.Sebagai implementasinya aplikasi Web dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab terhadap kemuktakhiran data, dan tidak menjadi

tanggung jawab pemrograman atau webmaster.

2.6.2 Web Server

Web Server adalah server yang melayani permintaan client terhadap halaman web. Middleware adalah perangakat lunak yang bekerja sama dengan web server dan berfungsi menterjemahkan kode-kode tertentu, menjalankan kode- kode tersebut dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat lunak di sisi client yang digunakan untuk mengakses informasi web. Contoh Internet Explorer, Netscape, dan Mozilla.

(28)

2.7 Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul- modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpret PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

2.7.1 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan

(29)

diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP dapat berjalan pada web server yang dirilis oleh Microsft, seperti IIS atau PWS juga pada Apache, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.

2. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

3. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.

4. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap membantu pengembangannya.

5. PHP dapat berjalan pada 3 operating sistem, yaitu: Linux, Unix, dan Windows serta dapat juga dijalankan secara runtime pada suatu console.

2.7.2 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:

1. PHP Tidak mengenal Package.

2. Jika tidak di encoding, maka kode PHP dabat dibaca semua orang & untuk meng encodingnya dibutuhkan tool dari Zend yang mahal sekali biayanya.

3. PHP memiliki kelemahan keamanan. Jadi Programmer harus jeli & berhati- hati dalam melakukan pemrograman & Konfigurasi PHP.

2.7.3 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML, yaitu:

(30)

a) Embedde Script

Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML. Contoh penulisan Embedded Script dapat dilihat berikut ini:

<html>

<head>

<title>uji</title>

<head>

<body>

<? echo "Hallo"?>

</body>

</html>

b) Non Embedded Script

Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.

Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedde menempatkan script HTML sebagai bagian dari script PHP. Contoh Penulisan Non Embedded Script dapat dilihat di bawah ini:

<?

echo' <html>'; echo'<head>'; echo'<title>uji</title>'; echo</head><body>';

(31)

echo'Hallo';

echo'</body>';

echo'</html>';

?>

2.8 Sejarah MySQL

MySQL pada awalnya diciptakan pada tahun 1979, oleh Michael "Monty"

Widenius, seorang programmer komputer asal Swedia. Monty mengembangkan sebuah sistem database sederhana yang dinamakan UNIREG yang menggunakan koneksi low-level ISAM database engine dengan indexing.

Pada saat itu Monty bekerja pada perusahaan bernama TcX di Swedia.TcX pada tahun 1994 mulai mengembangkan aplikasi berbasis web, dan berencana menggunakan UNIREG sebagai sistem database. Namun sayangnya, UNIREG dianggap tidak cocok untuk database yang dinamis seperti web. TcX kemudian mencoba mencari alternatif sistem database lainnya, salah satunya adalah mSQL (miniSQL). Namun mSQL versi 1 ini juga memiliki kekurangan, yaitu tidak mendukung indexing, sehingga performanya tidak terlalu bagus. Dengan tujuan memperbaiki performa mSQL, Monty mencoba menghubungi David Hughes (programmer yang mengembangkan mSQL) untuk menanyakan apakah ada rencana untuk mengembangkan sebuah konektor di mSQL yang dapat dihubungkan dengan UNIREG ISAM sehingga mendukung indexing. Namun saat itu Hughes menolak, dengan alasan sedang mengembangkan teknologi indexing yang independen untuk mSQL versi 2.

(32)

Dengan penolakan tersebut, David Hughes, TcX akhirnya memutuskan untuk merancang dan mengembangkan sendiri konsep sistem database baru.

Sistem ini merupakan gabungan dari UNIREG dan mSQL (dengan source code dapat bebas digunakan). Sehingga pada May 1995, sebuah RDBMS baru, yang dinamakan MySQL dirilis. David Axmark dari Detron HB, rekanan TcX mengusulkan agar MySQL di jual dengan model bisnis baru. Ia mengusulkan agar MySQL dikembangkan dan dirilis dengan gratis. Pendapatan perusahaan selanjutnya diperoleh dengan menjual jasa “support” untuk perusahaan yang ingin mengimplementasikan MySQL. Konsep bisnis ini sekarang dikenal dengan istilah Open Source.

Pada tahun 1995 itu juga, TcX berubah nama menjadi MySQL AB, dengan Michael Widenius, David Axmark dan Allan Larsson sebagai pendirinya.

Titel “AB” dibelakang MySQL, adalah singkatan dari “Aktiebolag”, istilah PT (Perseroan Terbatas) bagi perusahaan Swedia.

(33)

3.1 Perancangan Sistem

Perancangan sistem adalah tahap setelah analisis dari siklus pengembangan sistem, pendefenisian dari kebutuhan-kebutuhan fungsional persiapan untuk rancang bangun implementasi menggambarkan bagaimana suatu system dibentuk yang dapat berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi termasuk mengkonfigurasi perangkat lunak dan perangkat keras dari suatu sistem.

3.2 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkanruang lingkup sistem. Diagram konteks merupakan diagram level tertinggi dari Data Flow Diagram (DFD) yang menggambrakan seluruh input ke sistem atau output dari sistem. Diagram konteks berfungsi memberikan gambaran tentang keseluruhan sistem. Diagram konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat yang berisi siapa saja pihak yang akan memberikan data ke sistem, data apa saja yang sistem kepada siapa yang harus memberi informasi atau laporan dan apa saja isi atau laporan yang harus di hasilkan sistem.

(34)

Gambar 3.1 Diagram Konteks

3.3 Perancangan Database

Perancangan struktur database adalah untuk menentukan file database file database yang digunakan seperti field, tipe data dan ukuran data. Dalam merancang suatu sistem yang baik dibutuhkan beberapa file yang bertujuan untuk memudahkan pengambilan informasi pengolahan data. File-file tersebut akan berhubungan satu sama yang lainnya dan dapat digunakan sesuai dengan kebutuhan pemakai atau user. Database tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanupulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi. Berikut rancangan tabel yang digunakan dalam membangun aplikasi web ini :

1. Tabel Login Admin

ADMIN

MAJALAH ONLINE MEDAN CULTURE

MASYARAKAT T

Status Mengakses

(35)

Tabel Login digunakan untuk menampung data-data yang berhubungan dengan data login. Berikut ini adalah field-field yang dibuat dalam tabel login:

Tabel 3.1 Data Login

Field Name Type Field Size Keterangan

Id_admin* Integer 20 Primary Key

Username Varchar 30 Username

Password Varchar 20 Password

2. Tabel Kritik dan saran

Tabel Kritikdan saran digunakan untuk menampung data-data yang berhubungan dengan data pemberi kritik dan saran. Berikut field-field yang dibuat dalam tabel Kritik dan saran:

Tabel 3.2 Tabel Kritik dan saran

3. Tabel SOCIAL

Tabel SOCIAL digunakan untu menampung data-data yang berhubungan dengan data dari artikel social. Berikut field-field yang dibuat dalam tabel social:

Tabel 3.3 Tabel social

Field Name Type Field Size Keterangan

Id Integer 10 Nomor urut

Nama Varchar 30 Nama user

Hari Date Tanggal/bulan/tahun

Jam Time Waktu

Field Name Type Field Size Keterangan

Judul Integer 11 Judul artikel

Foto artikel Varchar 30 Gambar

(36)

4. Tabel Lifestyle

Tabel Lifestyle digunakan untuk menampung data-data yang berhubungan dengan data artikel terkait lifestyle. Berikut field-field yang dibuat dalam tabel Lifestyle:

Tabel 3.4 Tabel Lifestyle

5. Tabel Music

Tabel Music digunakan untuk menampung data-data yang berhubungan dengan artikel Musik dikota Medan. Berikut field-field yang dibuat dalam tabel music:

Tabel 3.5 Tabel Music

3.4 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian-rangkaian kegiatan-kegiatan program dari awal hingga

Jenis artikel Varchar 15 Jenis artikel

Isi artikel Text Isi dari artikel

Field Name Type Field Size Keterangan

Judul Integer 30 Judul artikel

Foto artikel Varchar 30 Gambar

Jenis artikel Varchar 20 Jenis artikel

Isi artikel Text Isi

Field Name Type Field Size Keterangan

Judul Varchar 30 Judul artikel

Foto artikel Varchar 30 Gambar

Jenis artikel Varchar 30 Jenis

Isi artikel Text Isi artikel

(37)

akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah- langkah pekerjaan disuatu algoritma.

Suatu program yang baik adalah program yang bebas dari kesalahn dan menyusun sistematis agar prosesnya terlaksana secara efisien. Untuk itu sebelum menyusun program harus dipikirkan terlebih dahulu langkah masalah yang ada secara logis, sistematis dan menggunakan urutan-urutan proses digunakan data flow diagram yang disebut flowchart.Flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian dari suatu algoritma. . Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel dibawah ini :

Tabel 3.6 Simbol Flowchart

NO SIMBOL KETERANGAN

1 Terminal untuk memulai atau

mengakhiri suatu program.

2 Proses, simbol ini menunjukkan

setiap pengolahan yang dilakukan oleh komputer.

3 Input-Output, untuk memasukkan

data atau menunjukkann hasil keluaran dari suatu proses.

4 Decision, suatu kondisi yang

menghasilkan beberapa

kemungkinan jawaban atau pilihan

(38)

5 Untuk menyatakan sekumpulkan langkah proses yang ditulis sebagai procedur

6 Connector, suatu prosedur akan

masuk atau keluar melalui simbol ini dalam lembaran yang sama

7 Off-Line Connector, simbol masuk

atau keluarnya suatu prosedur pada lembaran kertas lainnya.

8 Arus/Flow dari prosedur yang dapat

silakukan dariatas ke bawah,kiri ke kanan atau sebaliknya.

9 Document, merupakan simbol

daridata yang berbentuk kertas maupun informasi.

10 Database, menyediakan tempat

pengolahan data serta penyimpanan dalam storage

11 Simbol untuk output, yang

ditunjukkan ke suatu device, seperti primer, plotters, dll.

(39)

1. Flowchart Menu Utama

Gambar 3.2 Flowchart Menu Utama

(40)

2. Flowchart Login Admin

Gambar 3.3 Flowchart Login Admin

(41)

Log in Use

Masuk kan Userna

Lupa Pass wor

Lo

gi T

Validasi username &

password

T V

al

M_U ser 3. Flowchart Login User

Gambar 3.4 Flowchart Login User

Hapus Username

& Password

(42)

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada di dalam dokumen, desain sistem yang disetujui dan menguji, menginstall, memulai, serta menggunakan sistem baru atau sistem yang diperbaiki. Implementasi sistem bermuara pada aktivitas, adanya aksi, tindakan, serta mekanisme dari sistem itu sendiri.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari Implementasi Sistem antara lain:

1. Mengkaji ulang rangkaian sistem baik dari segi hardware maupun software sebagai sarana penyedia informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru ataupun yang sudah disetejui.

3. Memastikan bahwa pengunjung dapat menggunakan dan mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang jelas dan akurat.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan user/pemakai yaitu dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

6. Memastikan user atau pengunjung dapat dengan mudah mengerti tujuan dan penggunaan sistem.

7. Melakukan testing berkala setiap pembaharuan sistem yang telah di implementasikan terhadap sisitem yang akan dioperasikan oleh user.

(43)

4.3 Komponen-Komponen Implementasi Sistem

Didalam menjalankan sistem yang telah dirancang, dibutuhakan 3 komponen utama yaitu perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware).

4.3.1 Kebutuhan Perangkat Keras

Perangkat keras (hardware) merupakan komponen peralatan yang membentuk suatu sistem komputer dan peralatan tambahan lainnya yang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Kompinen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU (Central Processing Unit), printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan webiste ini adalah : 1. Laptop

2. Mouse

3. Memory 2 GB

4. Hardisk sebagai media penyimpanan 5. DVDR/W

4.3.2 Perangkat Lunak (Software)

Software perangkat yang memberi perintah kepada hardware agar mampu beroperasi. Software yang digunakan untuk membangun website ini antara lain:

1. Sistem Operasi Windows 7 ultimate (64 bit)

Windows 7 Ultimate adalah OS paling atas dari versi Windows 7. Targetnya adalah Retail market, ketersediaan dibatasi. Memiliki semua fitur windows 7 edisi sebelumnya di tambah dengan BitLocker, Bitlocker To Go, AppLocker, Direct Access, Branche, Cache, MUI language packs, boot from VHD. Kekurangannya adalah Volume Licensing.

2. XAMPP 7.0.6 (64 bit)

XAMPP merupakan aplikasi untuk mengistall apache yang termasuk di dalamnya ada MySQL, PHP dan Perl. XAMPP mudah di gunakan dan mudah di install. XAMPP di

(44)

3. Sublime Text Editor v. 3 Build 3114 (64 bit)

Sublime text editor adalah editor text untuk berbagai bahasa pemrograman termasuk pemrograman PHP. Sublime text editor merupakan editor text lintas platform dengan Pythoon application programming interface (API).

4. Web Browser Google Chrome Version 51.0.2704.103 m (64-bit)

Google Chrome adalah system operasi sumber terbukayang di rancang oleh Google Inc.

untuk bekerja secara ekslusif dengan aplikasi web. Google Chrome OS di umumkan pada tangal 7 Juli 2009.

4.3.3 Perangkat Operator (Brainware)

Brainware adalah sumber daya manusia yang nantinya akan bertanggungjawab dan berperan sebagai user maupun administrator sistem. Brainware di dalam sistem ini harus mengerti bahasa pemrograman PHP dan MySQL serta paham alur jalannya sistem. Brainware dapat dikatakan sebagai perangkat intelektual yang mengoperasikan kemampuan dari hardware ataupun software. Tanpa adanya brainware mustahil sebuah perangkat dapat menjalankan fungsinya atau pun bermanfaat bagi siapa saja. Dalam tahapan pertama brainware agar dapat mengoperasikan computer yaitu memasukkan program terlebih dahulu ke dalam sebuah computer atupun perangkat yang akan digunakan oleh user.

4.4 Tampilan Web

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Google Chrome atau Mozilla Firefox setela web broser jalan, ketikkan pada adrees bar http://localhost/MEDANCULTURE.sql untuk pengetesan halaman utama. Halaman utama sistem tersebut seperti pada gambar berikut ini:

(45)

4.4.1 Halaman Utama

Halaman ini merukan halaman halaman awal, dimana user dapat melihat tampilan awal dari web ini. Halaman beranda ini berisi informasi dasar, halaman awal ini juga tersusun atas menu-menu lainnya yg dapat di akses oleh masyarakat, hampir seluruh informasi dapat dilihat oleh user ada di halaman beranda ini, melalui halaman awal ini juga admin dapat masuk kedalam website untuk mengatur data web.

Gambar 4.1 Tampilan halaman utama

4.4.2 Tampilan Social

Tampilan ini merupakan tampilan yang berisikan artikel artikel yg terkait dengan kehidupan sosial.

(46)

Gambar 4.2 Tampilan Social

(47)

4.4.3 Tampilan Beranda admin

Halaman ini merupakan tempat admin untuk mengelola website. Dalam beranda admin ini, admin mempunyai tiga tugas pokok yakni tugas menginput data social,lifestyle,music dan memberikan pengumuman keperluan informasi masyarakat.

Gambar 4.3 Tampilan Beranda Admin

(48)

4.4.4 Tampilan kritik dan saran Admin

Halaman ini merupakan tempat admin untuk melihat kritik dan saran masyarakat, karna tidak hanya menginput informasi saja, admin juga dapat melihat seluruh aspirasi masyarakat yang di tuangkan dalam website ini melalui kolom kritik dan saran yang disediakan.

Gambar 4.4 Tampilan kritik dan saran Admin

(49)

4.4.5 Tampilan Lifesyle

Halaman ini menampilkan isi dari menu lifestyle

.

Gambar 4.5 Tampilan Lifestyle

(50)

4.4.6 Tampilan Input Ivent

Halaman ini adalah tampilan dari tugas admin untuk menginput kegiatan yang akan dilaksanakan.

Gambar 4.6 Tampilan Input Ivent

4.4.7 Tampilan Input Pengumuman

Halaman ini adalah tampilan pengumuman hal hal penting yang ada di kota medan.

Gambar 4.7 Tampilan Input Pengumuman

(51)

4.4.8 Tampilan Mengubah Password

Halaman ini adalah tampilan Tempat untuk mengubah password admin.

Gambar 4.8 Tampilan Mengubah Password

(52)

4.4.9 Tampilan form Kritik Dan Saran

Halaman ini adalah tampilan form kritik dan saran.warga kota medan

Gambar 4.9 Tampilan Form kritk dan saran

(53)

5.1 Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya maka pada bab ini penulis dapat mengambil kesimpulan sebagai berikut :

1. Dengan menggunakan sistem yang baru dengan pemakain perangkat komputer yang memanfaatkan fasilitas internet sebagai alat bantu untuk mempermudah penyajian informasi suatu informasi dan pengolahan data dapat dilakukan dengan cepat dan tepat.

2. Perancangan Majalah Online berbasis web ini akan memberikan kemudahan – kemudahan, bagi masyarakat dalam membaca majalah seperti biasanya.

3. Perancangan Sistem informasi Berbasis Web ini penulis buat dengan bahasa pemrograman PHP dan menggunakan MYSQL sebagai databasenya dan memanfaatkan jaringan internet untuk publikasinya sehingga dapat dikonsumsi oleh public.

(54)

5.2 Saran

Berdasarkan kesimpulan di atas maka dapat diberikan saran – saran yang penulis usulkan yang berguna nantinya dan yang menjadi bahan pertimbangan bagi Fakultas FMIPA USU dalam menggunakan Sistem Berbasis Web ini antara lain : 1. Dengan adanya sistem yang telah dirancang maka Penulis berharap agar

diberi masukan kembali mengenai desain tampilan dari web tersebut begitu juga dengan pengolahan data sehingga dapat meningkatkan hasil pelayanan yang lebih baik lagi dari majalah online tersebut.

2. Sistem yang baru hendaknya dilakukan pengoprasian dan perawatan secara optimal dalam penginformasian data dan pengolahan data.

3. Kiranya rancangan majalah online berbasis web ini dapat dikembangkan secara optimal agar hasil yang diharapkan dapat terwujud.

(55)

Abdul Kadir .2003.Pengenalan Sistem Informasi.Yogyakarta:Andi Jogiyanto,2005,1 Buku Analisa dan Desain system informasi.

Hartono,Jogiyanto.1990.analisa dan desain system informasi.Yogyakarta:Penerbit Andi. Jeffry L Whitten, J. et all,2004,Edisi 6

Majalah Online.https://id.wikipedia.org/wiki/Majalah_elektronik

Pengertian Majalah.https:www.dosenpendidikan.com/majalah-pengertian- karakteristik-kegunaan-fungsi-jenis/

Scoot.George M.2004.Sistem Informasi Manajemen.Jakarta:Raja Grafindo Persada

Tata Sutabri.2005.Sistem Informasi Manajemen.yogyakarta:Andi

(56)
(57)
(58)
(59)
(60)
(61)

1. Listing Program

Index.php

<?php

error_reporting(0);

include 'connect.php';

?>

<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css?v=6.0">

<link rel="icon" type="image/png" href="img/logotirta.png">

<title>Beranda | Medan Cult</title>

</head>

<body>

<div class="container">

<div class="header">

<div class="logo">

<img src="img/logo-baru.png">

</div>

<ul class="nav">

</li>

<li><a href="music.php">music</a></li>

<li><a href="lifestyle.php">lifestyle</a></li>

<li><a href="social.php">social</a></li>

<li><a href="index.php">Beranda</a></li>

(62)

<div class="content">

<div class="konten-kanan">

<div class="kotak-login">

<form method="post" action="proses-login.php">

<input class="login" type="text" name="username"

placeholder="Username">

<input class="login" type="password" name="password"

placeholder="Password">

<input class="login" type="submit" name="submit"

value="Masuk Sebagai Admin">

</form>

</div>

<div class="kotak-jadwal">

<br>

<p style="font-family:tahoma;text-align:center; font- size:14px;"><b>Event</b></p>

<br>

<?php

function tanggal_indo($tanggal_mulai, $cetak_hari = false){

$bulan = array (1 => 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September',

(63)

'Desember');

$split = explode('-', $tanggal_mulai);

$tgl_indo = $split[2] . ' ' . $bulan[ (int)$split[1] ] . ' ' .

$split[0];

return $tgl_indo;

}

function tanggal_indo2($tanggal_selesai, $cetak_hari = false){

$bulan = array (1 => 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember');

$split = explode('-', $tanggal_selesai);

$tgl_indo2 = $split[2] . ' ' . $bulan[ (int)$split[1] ] . ' ' .

$split[0];

return $tgl_indo2;

(64)

while ($qq = mysqli_fetch_array($que)) {

$tanggal_mulai = date('Y-m-d' ,

strtotime($qq['tanggal_mulai']));

$tanggal_selesai = date('Y-m-d' ,

strtotime($qq['tanggal_selesai']));

?>

<table style="border:0 solid;font-family:tahoma;

width:100%;border-collapse:collapse;">

<tr>

<td rowspan="4" valign="top"style="font-size:14px;

border:0px solid #999;padding:8px; width:5%;"><?php echo $no; ?>.</td>

<td colspan="2" style="font-size:14px; border:0px solid #999;padding:8px; padding-bottom:0px;width:95%"><?php echo

$qq['nama_kegiatan']; ?></td>

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

style="width:10px;" src="img/tanggal.png"> <?php echo tanggal_indo($tanggal_mulai, true); ?> - <?php echo tanggal_indo2($tanggal_selesai, true); ?></td>

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

(65)

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

style="width:10px;" src="img/tempat.png"> <?php echo $qq['tempat'];

?></td>

</tr>

<?php $no++; }?>

</table>

<br>

</div>

<div class="kotak-pengumuman">

<br>

<p style="font-family:tahoma;text-align:center; font- size:14px;"><b>Pengumuman<br>BERITA MINGGU INI</b></p>

<br>

<?php

$que = mysqli_query($con,"SELECT * FROM pengumuman");

$no = 1;

while ($qq = mysqli_fetch_array($que)) {

?>

<table style="border:0 solid;font-family:tahoma;

width:100%;border-collapse:collapse;">

<tr>

<td rowspan="2" valign="top"style="font-size:14px;

(66)

$qq['nama']; ?></td>

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

style="width:10px;" src="img/doc.png"> <?php echo $qq['berkas']; ?></td>

</tr>

<?php $no++; }?>

<tr>

<td colspan="2" style="font-size:12px; border:0px solid #999; padding-top:30px; padding-left:8px;padding- right:8px;width:95%"></td>

</tr>

</table>

<br>

</div>

<div class="kotak-saran">

<br>

<p style="color: white; font-family:tahoma;text- align:center; font-size:14px;"><b>Kritik dan Saran</b></p>

<form method="post" action="proses-kirim.php">

<input class="login" type="text" name="nama"

placeholder="Nama">

<textarea placeholder="Berikian kritik dan saran yang membangung." name="komentar" class="komentar"></textarea>

<input class="login" type="submit" name="submit"

value="Kirim">

</form>

<br>

(67)

<div class="post post-widget">

<a class="post-img" href="lifestyle.php#artikel1"><img src="img/kopi.jpg" alt=""></a>

<div class="post-body">

<h3 class="post-title"><a href="lifestyle.php">MINUM KOPI: SEBUAH GAYA HIDUP MASYARAKAT KOTA MEDAN</a></h3>

<br>

</div>

</div>

<br>

<div class="post post-widget">

<a class="post-img" href="music.php#artikel1"><img src="img/music.jpg" alt=""></a>

<div class="post-body">

<h3 class="post-title"><a href="music.php">

BANGKITNYA JIWA BERMUSIK ANAK MUDA MEDAN</a></h3>

</div>

</div>

<br>

<br>

<div class="post post-widget">

<a class="post-img" href="social.php#artikel1"><img src="img/cyberwar.jpg" alt=""></a>

<div class="post-body">

<h3 class="post-title"><a href="social.php"> CYBER WAR;APAKAH KITA SUDAH SIAP?</a></h3>

(68)

</div>

<div class="konten-kiri">

<div class="slide">

<div class="w3-content w3-display-container" style="max- width:800px">

<img class="mySlides" src="img/menara.jpg"

style="width:100.5%">

<img class="mySlides" src="img/kantorpos.jpg"

style="width:100.5%">

<img class="mySlides" src="img/masjidraya.jpg"

style="width:100.5%">

<img class="mySlides" src="img/menara.jpg"

style="width:100.5%">

<div class="w3-center w3-container w3-section w3-large w3- text-white w3-display-bottommiddle" style="width:100%">

<div class="w3-left w3-hover-text-khaki"

onclick="plusDivs(-1)">&#10094;</div>

<div class="w3-right w3-hover-text-khaki"

onclick="plusDivs(1)">&#10095;</div>

</div>

</div>

<script>

var slideIndex = 1;

showDivs(slideIndex);

function plusDivs(n) {

showDivs(slideIndex += n);

}

(69)

}

function showDivs(n) { var i;

var x = document.getElementsByClassName("mySlides");

var dots = document.getElementsByClassName("demo");

if (n > x.length) {slideIndex = 1}

if (n < 1) {slideIndex = x.length}

for (i = 0; i < x.length; i++) { x[i].style.display = "none";

}

for (i = 0; i < dots.length; i++) {

dots[i].className = dots[i].className.replace(" w3-white",

"");

}

x[slideIndex-1].style.display = "block";

dots[slideIndex-1].className += " w3-white";

}

</script>

<script>

var myIndex = 0;

carousel();

function carousel() { var i;

var x = document.getElementsByClassName("mySlides");

for (i = 0; i < x.length; i++) { x[i].style.display = "none";

}

(70)

x[myIndex-1].style.display = "block";

setTimeout(carousel, 5000);

}

</script>

</div>

<div class="profil">

<br>

<p><b>MEDAN</b></p>

<br>

<br>

<p><b>Kembalikan Identitas Kebudayaan Kota Medan</b></p>

<br>

<p style="text-align:justify; font-size: 14px; line- height:2.5">Menjadi penting bagi identitas daerah yang dimiliki, pengembangan budaya dan potensi lokal. Nilai-nilai lokal se- ba- gai sumber inspirasi kreatif, dan men- do- rong rasa kebang- gaan masyarakat ter- ha- dap buda- ya- nya, sekaligus bangga ter- ha- dap daerah Kota Medan yang juga merupakan miniatur dari pariwisata dapat dibuktikan de- ngan sejuta keindahan panorama alam dan berbagai tempat yang bersejarah. Sa- lah satu dari tempat bersejarah yang juga merupakan cagar budaya di Kota Medan adalah Istana Maimun, Taman Sri Deli dan Masjid Raya Al-Mashun.

Secara historis perkembangan Kota Medan, sejak awal telah memposisikan menjadi pusat perdagangan (ekspor-impor). apalagi saat ini merupakan salah satu daerah kota, juga sekaligus sebagai ibukota Propinsi Sumatera Utara.

karena se- bagai pusat perhatian dan mobilisasi per- gerakan ekonomi dan masa, maka arus globalisasi masuk tanpa ada filter. Glo- balisasi telah menggoyahkan rasa per- caya diri kita, sehingga muncul ang- gapan bahwa segala sesuatu yang datang dari warisan masa lalu dianggap usang dan harus

(71)

dalam mengadopsi semua yang berbau Barat.

Namun seiring perkembangan zaman, eksistensi budaya dan nilai-nilai budaya yang dimiliki sampai saat ini belum op- timal dalam upaya membangun ka- rakter warga, bahkan setiap saat kita sak- sikan ber- bagai macam tindakan ma- sya- - rakat yang ber- akibat pada kehan- cur- an suatu budaya yak- ni menurunnya pe- rilaku sopan santun, me- nurunnya pe- rilaku kejujuran, me- nu- runnya rasa ke- ber- samaan, dan me- nu- runnya rasa gotong ro- yong diantara anggota masya- rakat. Se- hu- bungan dengan hal tersebut menurut Lic- kona (1992:32) terdapat tanda-tanda dari perilaku manusia yang menun- juk- an arah kehan- cur- an suatu budaya yaitu: Me- - ningkatnya ke- ke- rasan dikalangan re- maja, ke- tidak- jujuran yang membudaya, se- makin ting- ginya rasa tidak hormat kepada orang tua, guru dan figur pemimpin, pe- ngaruh pergroup terhadap tindakan ke- ke- rasan;, me- ningkatnya kecurigaan dan keben- cian, peng- - gunaan bahasa yang memburuk, penurunan etos kerja, me- nu- runnya rasa tanggungjawab individu dari warga Negara, meningginya perilaku merusak diri, dan semakin kaburnya pedoman moral.

Manusia hidup dalam ruang dan waktu yang ditempuh selama hidupnya, ia juga selalu belajar dari sejarah. Kita sering me- ngucapkan dan menghayati frase: be- lajarlah dari sejarah, atau jangan sekali-kali melupakan sejarah.

Sadar atau tidak manusia terikat oleh sejarah, baik da- lam lingkup pribadi, kelompok kecil se- perti keluarga, masyarakat desa, mau- pun yang lebih besar dalam kelom- pok bangsa, per- him- punan bangsa, atau dunia. Kota Medan misalnya terbentuk dari proses sejarah budaya yang kompleks, Untuk me- ngem- bangkan peradaban atau si- vi- lisasi- nya, manusia belajar, baik secara for- mal maupun informal

Sementara itu laju gerak budaya lokal semakin lama me- mudar, dimana

Gambar

Gambar 2.1 Komponen Sistem Informasi
Gambar 3.1 Diagram Konteks
Tabel 3.5 Tabel Music
Tabel 3.6 Simbol Flowchart
+7

Referensi

Dokumen terkait

berkat limpahan rahmat dan hidayah-Nya penulis dapat menyelesaikan Laporan Akhir yang berjudul “ Perancangan Sistem Informasi Pemasaran Online Berbasis Website Pada

Akhir kata, penulis mengucapkan terima kasih kepada semua pihak yang telah membantu dalam penyelesaian penulisan Laporan Akhir ini, dan semoga dapat bermanfaat

Sistem pertanian modern atau smart sawah merupakan sebuah solusi bagi petani melanjutkan kinerja dengan dibantu dengan sebuah sistem informasi yang dapat

Pembimbing dapat melakukan registrasi terlebih dahulu sebelum login untuk masuk ke tampilan awal pembimbing; Pembimb- ing dapat melakukan login setelah melakukan registrasi setelah

PERANCANGAN SISTEM INFORMASI PENGOLAHAN NILAI RAPORT SISWA PADA SD NEGERI 060891 JAMIN GINTING BERBASIS WEBSITE LAPORAN TUGAS AKHIR NURZANNAH SIREGAR 152406090 PROGRAM STUDI

Di dalam jaringan komputer, bandwidth sering digunakan sebagai suatu sinonim untuk data transfer rate yaitu jumlah data yang dapat dibawa dari sebuah titik ke titik lain

Melalui penulisan tugas akhir yang berjudul “Perancangan dan Pembuatan Sistem Absensi Mahasiswa Berbasis Web di Program Studi Teknik Komputer Politeknik Negeri Medan” ini,

Selanjutnya user akan ditujukan pada home, bagian pltu dapat menginputkan data permintaan pengadaan barang, setelah di inputkan bagian penerima dapat melihat