SISTEM INFORMASI PADA

ISLAMIC CENTRE KOTA CIREBON

MENGGUNAKAN MACROMEDIA

DREAMEAVER

Oleh :

AGUNG SHOLEHUDIN

NIM : 050511007

UNIVERSITAS MUHAMMADIYAH CIREBONFAKULTAS TEKNIK

PROGRAM STUDI TEKNIK INFORMATIKACIREBON

2008

SISTEM INFORMASI PADA

ISLAMIC CENTRE KOTA CIREBON

MENGGUNAKAN MACROMEDIA

DREAMEAVER

SKRIPSI

Oleh :

AGUNG SHOLEHUDIN

NIM : 050511007

UNIVERSITAS MUHAMMADIYAH CIREBONFAKULTAS TEKNIK

PROGRAM STUDI TEKNIK INFORMATIKACIREBON

2008

LEMBAR PENGESAHANTANDA PERSETUJUAN PKL

Nama : AGUNG SHOLEHUDIN

NIM : 050511007

Program Studi : Teknik Informatika

Jenjang : S1

Judul : Sistem Informasi Manajemen

Tanggal Sidang :

Waktu :

Cirebon, ..........,.........., 2008

------------------------------

-------------------------------

Mengetahui,

Dekan Fakultas Teknik

M. Hisyam Hermawan, S.Si, T

ABSTRAKSI

“ Sistem Informasi Pada Islamic Centre

Kota Cirebon

Sistem informasi yang ada dalam suatu organisasi yang berorientasi bisnis (perusahaan)/ instansi sering dijadikan sebagai alat keunggulan dalam bersaing (compatetive advantage) dengan para kompetiter. Organisasi yang konsen akan hal ini sudah barang tentu akan terus mengupgrade sistem informasinya agar terus selalu mutakhir sehingga tidak tertinggal dengan perkembangan teknologi informasi yang actual. Kita maklum bahwa perkembangan teknologi sangat cepat terjadi terutama dalam bidang teknologi informasi ( Teknologi komputer dan Telekomunikasi ), karena itu organisasi mau tidak mau harus senantiasa mengikuti dan mengadopsi teknologi terkini agar tidak tertinggal. Teknologi informasi yang terkini akan sangat memberikan dukungan yang signifikan terhadap kinerja (performace) sistem informasi yang dimiliki oleh suatu organisasi/instansi.

Dalam tahun ini puluhan ribu bahkan ratusan ribu pengguna internet yang saat ini menjadi kebutuhan sekunder.yang dahulu hanya sebatas kebutuhan tertier.Tujuan penelitian ini adalah untuk menganalisa media elektronik diantaranya websites yang bersifat dynamic usaha pemasaran dan promosi yang sedang berjalan di Masjid Raya At-aqwa adalah sebagai manifestasi dari agenda Futurustik Masjid yang berbasis teknologi, dan kemudian dari hasil analisa tersebut dirancang web yang berbasis berita dan artikel online. Metode penelitian yang digunakan terdiri dari metode analisis dan metode perancangan. Metode analisis terdiri dari wawancara, kuesioner dan studi pustaka. Wawancara dan kuesioner bertujuan agar mendapatkan mendapatkan informasi yang dibutuhkan dalam penelitian mengenai sistem yang berjalan. Studi pustaka bertujuan untuk mencari sumber-sumber teori, pengetahuan dan informasi lainnya yang berkaitan dengan penelitian baik berupa buku, artikel di perpustakaan dan internet. Metode perancangan bertujuan memberikan usulan perancangan aplikasi untuk mengatasi masalah yang sedang dihadapi. Hasil analisis yang dicapai yaitu media pemasaran yang saat ini digunakan perusahaan masih konvensional dan belum memenuhi keperluan konsumen dan perusahaan. Kesimpulannya adalah perancangan website yang berbasiskan multimedia sebagai bagian dari ilmu teknik informatika di dalam dunia bisnis agar dapat membantu usaha pemasaran perusahaan.

Kata Kunci : Web, Islamic centre, islam

Fastabiqul KhoirotsWassalam.

KATA PENGANTAR

Segala puji dan syukur penulis panjatkan Kehadirat Allah Yang Maha

Esa dan kuasa atas karunia-Nya penulis dapat menyusun SKRIPSI ini hingga

selesai. SKRIPSI ini disusun sebagai persyaratan untuk mendapatkan Gelar

Sarjana jurusan Tehnik Informatika di Universitas Muhammadiyah Cirebon.

SKRIPSI ini ditulis berdasarkan informasi dan data yang bersifat

edukatif dari berbagai pihak selama pelaksanaan SKRIPSI maupun

penyusunan SKRIPSI pada At-taqwa dan Yayasan Islamic Center Kota Cirebon,

naungan DKM At-taqwa Kota Cirebon yang dibawah Koordinasi Pemerintah

Kota Cirebon.

Laporan ini dapat disusun dengan baik karena banyak masukan dan

dukungan dari berbagai pihak yang berupa informasi, arahan dan bimbingan

dari berbagai pihak oleh karena itu penulis mengucapkan terima kasih kepada

:

1. Indah Nursuprianah, M.Si selaku Pembimbing I SKRIPSI Universitas

Muhammadiyah Cirebon.

2. Kirana Lesmi, S.T selaku Pembimbing II dari Universitas

Muhammadiyah Cirebon.

3. Ade Johar M, ST selaku Kaprodi Tehnik Informatika Universitas

Muhammadiyah Cirebon.

4. Bapak Prof. Dr. Khaerul Wahidin, M. Ag selaku Rektor Universitas

Muhammadiyah Cirebon.

5. Bapak H. Abas Sirad, SH selaku Ketua Umum DKM Raya At-taqwa

Kota Cirebon

6. Ketua Organisasi Kepemudaan (IMM Tingkat DPD Jawa Barat) dan

Pengurus BEM Universitas Muhammadiyah Se- Indonesia.

7. Keluarga Penulis, ayah Taufik Hidayat (ALM) terutama untuk Ibunda

Tercinta,dan ayah atas segala curahan kasih sayang, dukungan dan

doa-doanya yang tiada henti dan yang telah memberi bimbingan,

dan biaya serta nasihat-nasihat selama penulis kuliah.

8. Mahasiswa Akbid Muhammadiyah yang telah memberikan

semangat kepada penulis dalam memotivasi dalam penyusunan

dari proposal sampai finish.

9. Rekan-rekan Badan Eksekutif Mahasiswa (BEM) dan Ikatan

Mahasiwa Muhammadiyah Kota & Kabupaten Cirebon Sebagai

rekanan sejawat

10. Rekan-rekan penulis khususnya anak S1 kelas Karyawan/ Eksekutif

yang mendukung baik dari moril, materi, serta dorongan sehingga

penulis dapat menyelesaikan SKRIPSI ini.

Penulis menyadari sepenuhnya dalam penyusunan SKRIPSI ini, masih

banyak terdapat kekurangan dan kelemahan yang dimiliki penulis baik itu

sistematika penulisan maupun penggunaan bahasa. Untuk itu penulis

mengharapkan saran dan kritik dari berbagai pihak yang bersifat membangun

demi penyempurnaan laporan ini. Semoga laporan ini berguna bagi pembaca

secara umum dan penulis secara khusus. Akhir kata penulis ucapkan banyak

terima kasih.

Cirebon, Januari

2009

Penulis,

AGUNG SHOLEHUDIN

DAFTAR GAMBAR

Halaman

Gambar 2.1 Proses Pengolahan Data .............................................................

15

Gambar 2.2 Windows Visual Basic ................................................................

23

Gambar 2.3 External Entity

……………….............................................................. 27

Gambar 2.4 Data Flow Arus Data ………..............................................................

27

Gambar 2.5 Process ………………

……….............................................................. 28

Gambar 2.6 Data Storage ……….………..............................................................

28

Gambar 2.7 Entitas ………………..………..............................................................

29

Gambar 2.8 Relationship ………..………..............................................................

29

Gambar 2.9 One to one . ………..………..............................................................

29

Gambar 2.10 One to Many..……..………..............................................................

30

Gambar 2.11 Many to Many..……..………............................................................

30

Gambar 3.1 Diagram Konteks ....……..……….....................................................

31

Gambar 3.2 DFD level 0 ………......……..

………..................................................... 32

Gambar 3.3 DFD level 1 Administrasi Anggota …..

………...................................... 33

Gambar 3.4 DFD level 1 Input Data Barang ... …..

………...................................... 33

Gambar 3.5 DFD level 1 Proses Pembelian Barang

………..................................... 34

Gambar 3.6 Diagram Sistem Yang diusulkan

………............................................. 34

Gambar 3.7 Diagram Konteks ....................……….............................................

35

Gambar 3.8 DFD Level 0 Pengolahan Data Sistem

Informasi ................................ 36

Gambar 3.9 DFD Level 1 Proses Input Data

Anggota ........................................... 37

Gambar 3.10 DFD Level 1 Proses Input Data

Anggota ......................................... 37

Gambar 3.11 DFD Level 1 Input Data Penjualan

………......................................... 38

Gambar 3.12 DFD Level 1 Proses Input Data

Barang ........................................... 38

Gambar 3.13 DFD Level 1 Proses Input Data

Pembelian ..................................... 39

Gambar 3.14 DFD Level 1 Proses Input Data

Simpanan ..................................... 39

Gambar 3.15 Flowchart Login Staff Admin

…………………....................................... 40

Gambar 3.16 Flowchart Input Master Data Barang

…………………........................... 41

Gambar 3.17 Flowchart Input Master Data Anggota Koperasi .

…........................... 42

Gambar 3.18 Flowchart Input Master Harga Pulsa .................

…........................... 44

Gambar 3.19 Flowchart Transaksi Pembelian Barang .............

…........................... 45

Gambar 3.20 Flowchart Transaksi Penjualan Barang .............

…............................ 47

Gambar 3.21 Flowchart Input Data Simpanan .....................

…............................ 47

Gambar 4. 1 Relasi Tabel .............................................…..............................

54

Gambar 5. 1 Perangcangan Tampilan Form Login

User ....................................... 54

Gambar 5. 2 Perangcangan Tampilan Form Login User/

gagal............................... 55

Gambar 5. 2 b Perangcangan Tampilan Master Form Input Data

Barang .............. 55

Gambar 5. 3 Perangcangan Tampilan Master Form Input Data Barang

.................. 55

Gambar 5. 4 Perangcangan Tampilan Master Form Anggota Koperasi

.................. 56

Gambar 5. 5 Perangcangan Tampilan Master harga

pulsa .................................... 56

Gambar 5. 6 Perangcangan Tampilan Transaksi Pembelian

Barang ..................... 57

Gambar 5. 7 Perangcangan Tampilan Transaksi Penjualan

Barang ...................... 57

Gambar 5. 8 Perangcangan Tampilan Transaksi Simpanan

Anggota .................... 58

Gambar 5. 9 Perangcangan Tampilan Transaksi Penjualan Pulsa

........................ 58

Gambar 5. 10 Perangcangan Tampilan Transaksi Pinjaman Anggota

................... 59

Gambar 5. 11 Perangcangan Tampilan Form Pembayaran Pinjaman

.................... 59

Gambar 5. 12 Perangcangan Tampilan Form Input Penarikan Simpanan

............... 60

Gambar 5. 13 Perangcangan Tampilan Form Pembukuan Koperasi..................

60

Gambar 5. 14 Perangcangan Tampilan Form Transaksi Data Barang..................

61

Gambar 5. 15 Perangcangan Tampilan Laporan pembelian Barang..................

62

Gambar 5. 16 Perangcangan Tampilan Cetak Laporan Simpanan..................

62

Gambar 5. 17 Perangcangan Tampilan Cetak Laporan Penjualan

Barang .............. 62

Gambar 5. 17 a Perangcangan Tampilan Cetak Laporan Penjualan

Barang ........... 63

Gambar 5. 18 a Perangcangan Tampilan Cetak Laporan Pembukuan ALC

........... 63

Gambar 5. 18 b Perangcangan Tampilan Cetak Laporan Pembukuan ALC

........... 64

Gambar 5. 19 Perangcangan Tampilan Cetak Laporan Pembukuan ALC ...........

65

Gambar 5. 19 b Perangcangan Tampilan Cetak Laporan Pembukuan ALC

........... 65

Gambar 5. 20 Perangcangan Tampilan Laporan Neraca Rugi Laba..................

65

Gambar 5. 20 b Perangcangan Tampilan Laporan Neraca Rugi Laba..................

65

Gambar 4. 1 Tampilan Layar Form Login User ....................

…............................ 69

Gambar 4. 2 Tampilan Layar Form Login User Gagal ...........

…............................ 69

Gambar 4. 3 Tampilan Master Layar Form Input Data

Barang ........................... 70

Gambar 4. 4 Tampilan Master Layar Form Anggota

Koperasi ........................... 71

Gambar 4. 5 Tampilan Master Harga Pulsa ........................................................

71

Gambar 4. 6 Tampilan Transaksi Pembelian ......................................................

72

Gambar 4. 7 Tampilan Transaksi Penjualan

Barang ............................................ 73

Gambar 4. 8 Tampilan Transaksi Layar Simpanan

Anggota ................................ 74

Gambar 4. 9 Tampilan Layar Penjualan Pulsa ...................................................

75

Gambar 4. 10 Tampilan Transaksi Pinjaman

Anggota ........................................ 76

Gambar 4. 11 Tampilan Layar Form Input Pembayaran

Pinjaman ........................ 77

Gambar 4. 12 Tampilan Layar Form Penarikan

Simpanan .................................. 78

Gambar 4. 13 Tampilan Layar Form Layar

Pembukuan ...................................... 79

Gambar 4. 14 Tampilan Layar Cetak Transaksi Data

Barang ............................... 79

Gambar 4. 15 Tampilan Layar Cetak Transaksi Laporan Pembelian

Barang .......... 80

Gambar 4. 16 Tampilan Layar Cetak Transaksi Laporan Simpanan

Anggota .......... 81

Gambar 4. 17 Tampilan Layar Cetak Transaksi Laporan Penjualan

Barang .......... 81

Gambar 4. 17 Tampilan Layar Cetak Transaksi Laporan Pembelian

Barang ......... 82

Gambar 4. 18 Tampilan Layar Cetak Transaksi Laporan Penjualan

Pulsa ............... 82

Gambar 4. 19 Tampilan Layar Cetak Transaksi Laporan

Pembukuan .................... 82

Gambar 4. 19 Tampilan Layar Cetak Laporan Pembukuan

Koperasi .................... 82

Gambar 4. 19 Tampilan Layar Cetak Laporan Pembukuan

Koperasi .................... 82

DAFTAR ISI

Halaman

Lembar Judul

..................................................................................................................

i

Lembar Persetujuan PKL............

......................... .............................................................

ii

Abstraksi........................... ...................................................................................

........... iii

Kata Pengantar...................

.............................................................................................

iv

Abstraksi ..............................................................................................................

.......... v

Daftar Simbol

..................................................................................................................

vi

Daftar Gambar

................................................................................................................

viii

Daftar Isi

........................................................................................................................

xi

BAB I : PENDAHULUAN......................................................... 7

A. Latar Belakang................................................................... 7

B. Perumusan Masalah........................................................... 9

C. Tujuan Penulisan................................................................ 9

D. Batasan Masalah/ Ruang Lingkup....................................... 10

E. Metode Pengembangan / Metode Experimen .................... 11

F. Sistematika Penulisan ........................................................ 13

BAB II : LANDASAN TEORI...................................................... 15

A. Teori Objek Penulisan ........................................................ 15

B. Pengertian Sistem ............................................................ 16

C. Definis Sistem Informasi .................................................... 19

D. Pengertian Visual Basic ..................................................... 21

E. Pengertian Pengolahan Data ............................................. 24

F. Pengertian Crystal Report .................................................. 24

G. Perancangan alat-alat dan definis ..................................... 25

BAB III : ANALISA MASALAH DAN PERANCANGAN SISTEM......... 31

A. Analisis Prosedur .............................................................. 31

B. Perancangan Sistem ......................................................... 34

C. Perancangan Database ..................................................... 49

D. Relasi Tabel ...................................................................... 54

E. Perancangan Layar/ tampilan ........................................... 54

BAB IV : IMPLEMENTASI PROGRAM.......................................... 67

A. Rencana Implementasi....................................................... 67

1. Pemilihan Perangkat Keras (Hardware) ..................... 67

2. Pemilihan Perangkat Lunak (Software) ...................... 68

3. Pemilihan Pelaksana/ Programer (Brainware) ............ 68

B. Hasil Pengujian Program..................................................... 68

BAB V : PENUTUP.................................................................. 84

V.1. Kesimpulan ..................................................................... 85

V.2. Saran .............................................................................. 85

DAFTAR PUSTAKA ..................................................................... 86

DAFTAR LAMPIRAN ................................................................... 87

BAB I

PENDAHULUAN

A. Latar Belakang

Perubahan teknologi bak seperti air mengalir sampai jauh artinya,

teknologi tak pernah usang, bahkan tak ada ujungnya. Batasan bagi user/

pengguna adalah ketika melihat metode manual ingin agar menjadi lebih

cepat, akurat, efisien dengan tujuan memudahkan pengguna agar

permasalahan cepat diselesaikan dengan sedikit kesalahan dari human

eror.

Begitupun manusia dalam hidup membutuhkan keseimbangan antara

materi dan spiritual. Materi diperlukan untuk memenuhi kebutuhan

jasmani seperti makan, minum, istirahat dsb. Materi juga diperlukan untuk

memenuhi kebutuhan naluriah seperti kebutuhan akan kekuasaan,

kebutuhan dicintai dan mencintai, kebutuhan rasa aman dsb. Namun pada

sisi lain manusia sebagai makhluk yang mempunyai naluri beragama juga

membutuhkan siraman rohani yang dapat mempertajam kesadarannya

sebagai hamba Allah. Kesadaran ini yang akan mengarahkan tingkah laku

manusia sehingga memunculkan sosok pribadi muslim yang amanah,

cakap dan produktif serta memunculkan kesadaran spiritual yang akan

senantiasa membimbing tingkah lakunya.

Di kalangan eksekutif dan profesional yang sehari-hari berkecimpung

di dunia materi, tampak benar adanya “dahaga” akan siraman rohani ini.

Itulah sebabnya di kota-kota besar seperti Jakarta, Bandung, atau

Surabaya tumbuh dan berkembang dengan sebuah dakwah melalui media

internet yang mampu di konsumsi oleh semua kalangan yang tidak hanya

umat islam tetapi juga umat lain yang ingin mengenal islam yang bersifat

vertikal. Fenomena tersebut tampaknya akan dialami juga oleh

masyarakat kota Cirebon yang sedang berkembang menjadi masyarakat

metropolis.

Berangkat dari realitas di atas, Islamic Centre Kota Cirebon mencoba

memberikan sebuah visual terhadap client dan user yang ingin lebih tau

dan lebih dekat dengan bantuan media internet. websites ini diharapkan

dapat dikunjungi oleh khalayak umat maupun pengusaha proffesional di

kota Cirebon dan sekitarnya.

Sistem Informasi merupakan faktor yang penting dalam suatu

perusahaan, sehingga tidak ada satupun perusahaan yang dapat bertahan

dalam jangka waktu yang lama apabila perusahaan tidak mampu bersaing

memasarkan produk baik barang maupun jasa yang dihasilkan oleh

perusahaan tersebut. Akan tetapi tidak berbeda dengan sebuah Islamic

Centre Kota Cirebon yang bergerak dalam bidang Teologi Keislaman yang

harus melakukan kegiatan yang bersifat aktif dan dinamis dalam

mencerdeskan kehidupan diantara umat islam dalam mencari client dan

bukan hanya semata-mata bertujuan agar jasanya dapat diterima dan

memenuhi kebutuhan dari client, tetapi Masjid dan Yaysan ini juga harus

dapat menentukan bagaimana cara memperkenalkan jasa kepada

masyarakat dengan cara yang efektif dan efisien.

Seiring dengan kemajuan teknologi, banyak perusahaan yang

menggunakan internet sebagai cara untuk menarik dan mencari informasi.

Jaringan komputer global ini semakin meluas ke berbagai lapisan

masyarakat termasuk dalam dunia Islam dengan skala lokal maupun skala

internasional, sehingga internet dapat digunakan sebagai alternatif media

dakwah baik dalam program kerja maupun mensosialisasikan yang

dikemas dalam memasarkan jasanya secara on line yakni dengan

pembuatan websites. Pada umumnya tujuan pembuatan websites oleh

instansi adalah dalam rangka meperkenalkan diri kepada masyarakat luas

bersifat pluralitas serta menciptakan iklim dakwah yang kondusif (dakwah

bilha, bil mauidhotil hasanah) dan juga interaksi untuk meningkatkan

hubungan umat Islam kota cirebon dengan skala yang lebih global.

Dalam skripsi ini akan dibahas aplikasi website berbasiskan berita

dan artikel yang pada akhirnya secara langsung dapat meningkatkan

efisiensi yayasan dan instansi dalam pemasaran jasa. Diharapkan aplikasi

website ini dapat menjadi media dapat menyampaikan informasi

mengenai Islamic Centre- Islamic Center Kota Cirebon secara lebih lengkap

dan rinci bagi para client, khususnya dalam hal menarik minat dan

keinginan terhadap umat Islam dan umat lain.

Agar dapat menarik dibutuhkan suatu media websites yang

menarik. Salah satu alternatif yang ditawarkan teknologi saat ini yaitu

menggunakan sarana database, artikel keagamaan, berita dan profile

company, dan juga link ke search engine untuk menyampaikan informasi.

Informasi yang ingin disampaikan oleh Islamic -At-Taqwa dapat menjadi

lebih menarik melalui multimedia yang interaktif.

B. Perumusan Masalah

Permasalahan yang diangkat dalam pembuatan aplikasi ini meliputi:

1. Skala yang dijangkau masih relatif sempit.

2. Kurang maksimalnya hasil yang dicapai bila menggunakan sistem

manual

3. Daya tarik client atau user masih sedikit untuk mengenal lebih jauh

ICC.

4. Kurangnya Informasi yang didapat dalam Komunitas Para Mubaligh,

Masjid, se-Indonesia maupun link diantara Yayasan Islamic Center se-

Kota Cirebon.

5. Media Silaturahim masih bersifat lokal belum adanya sinergitas yang

bersifat mutualisme

C. Tujuan Penulisan

Tujuan skripsi adalah sebagai berikut :

1. Skala yang ingin dijangkau lebih meluas dalam jangkauan bertaraf

internasional.

2. Memberikan problem solving dalam Optimalisasi Agenda Yayasan

Islamic Centre

3. Menyajikan suatu Informasi Edukatif dan Informatif yang berbasis web

sehingga user dapat memperoleh informasi yang dibutuhkan dengan

cepat dan mudah

4. Mengoptimalkan peran media promosi dengan media internet dunia

maya

5. Memberikan terobosan terbaru dan Memberikan sebuah Sinergi baik

informasi yang didapat dalam komunitas Yayasan Islamic Centre

maupun ormas islam sebagai media silaturahmi umat Islam donesia.

D. Batasan Masalah/ Ruang Lingkup

1. Batasan Masalah

Sistem informasi dalam skripsi ini memberikan batasan-batasan

masalah, diantaranya batasan masalah dalam skripsi ini adalah:

a. Database anggota dan pengunjung

b. Estimasi Agenda Kegiatan yang bersifat, Insidental, Monumental

maupun bersifat berkala (Pendek maupun Panjang)

c. Informasi berita yang bersifat lokal maupun nasional.

d. fasilitas pencarian informasi dan data berdasarkan judul

2. Ruang Lingkup

Pada skripsi penulis juga memilih sebuah lokasi pusat studi ke-

Islaman yang berada di Komplek At-taqwa dengan lokasi di komplek

Islamic Centre yang memiliki beberapa potensi-potensi, antara lain :

a. ICC merupakan sarana penunjang ormas-ormas islam untuk

silaturahim diantaranya Muhammadiyah, NU, Persis, Al-Irsyad, PUI

dll.

b. ICC, (Islamic Center Kota Cirebon) merupakan yayasan yang

berada di pusat kota Cirebon yang mudah dijangkau dari mana

saja.

c. Memiliki Directory Islam berisi database Mushola, Masjid, Da’i

dan Khotib dilingkungan Islamic Centre dan Se-Kota Cirebon,

terutama belum optimal dalam media aksesnya .

d. Profile Company, yang berisi tentang Profile Instansi dari Yayasan

Islamic Centre Kota Cirebon.

e. Yayasan ICC merupakan ikon Umat islam yang diakui oleh semua

kalangan diantara yayasan-yayasan lainya.

E. Metode Pengembangan/Metode Experimen

Metode Eksperimen/pengembangan

Dalam pengembangan sistem ini dan juga menganalisa rancangan

program yang dibutuhkan untuk penyusunan skripsi ini,penulis

menggunakan 2 (dua) Metode yaitu:

1. Tahapan Tinjauan Sistem

a. Metode Lapangan (Field Research)

Metode ini dilakukan penulis secara langsung untuk mengumpulkan

baik data yang berhubungan dengan sistem pada DKM-ISLAMIC

pengembangan tersebut penulis mengumpulkan dengan cara :

1. Observasi (Pengamatan Langsung)

Penulis melakukan pengamatan langsung ke tempat objek

pembahasan yang ingin diperoleh yaitu melalui bagian-bagian

terpenting dalam pengambilan data yang diperlukan.

Pengambilan data penulis lakukan pada bagian keuangan

maupun Administrasi pada Islamic Centre.

2. Intervies (Wawancara)

Penulis melakukan Interview (wawancara) untuk mendapatkan

penjelasan dari masalah-masalah yang sebelumnya kurang

jelas dan untuk menyakinkan bahwa data yang diperoleh /

dikumpulkan benar-benar akurat. Dimana penulis melakukan

interview kepada pihak yang berkompeten di bagian staff

sekretariat atau bidang keuangan pada DKM-ISLAMIC

b. Metode Perpustakaan (Library Research)

Metode ini penulis mengutip dari beberapa bacaan yang

berkaitan dengan pelaksanaan PKL yang dilaksanakan di DKM At-

taqwa- ISLAMIC selama dua bulan lebih. Yang dikutip dapat berupa

teori ataupun beberapa pendapat dari beberapa buku bacaan

ataupun buku diktat yang dipergunakan selama kuliah. Ini

dimaksudkan untuk memberikan landasan teori yang kuat melalui

buku-buku atau literatur yang tersedia di perpustakaan, baik

berupa bahan-bahan kuliah dan brosur yang berhubungan dengan

penulisan PKL ini.

c. Tahapan Analisis Sistem

Dalam tahap ini sistem yang sedang berjalan dipelajari dan

sistem pengganti diusulkan. Dalam tahapan ini dideskripsikan

sistem yang sedang berjalan, masalah dan kesempatan

didefinisikan, dan rekomendasi umum untuk bagaimana

memperbaiki, meningkatkan atau mengganti sistem yang lama

atau dalam tahapan analisis ini adalah pembuatan websites

perdana. Dan pendekatan dengan metode perancangan

diantaranya metode yang dilakukan dengan menggunakan alat-alat

perancangan seperti :

a. Perancangan struktur menu

b. Perancangan DFD & ERD

c. Perancangan layar

d. Perancangan database.

2. Tahapan Evaluasi Sistem

Dalam tahap evaluasi ini akan membahas tentang analis yang

telah dilakukan mengenai kekurangan atau kelebihan yang terdapat

didalam keseluruhan sistem sehingga dapat diajadikan dasar untuk

memperbaiki atau mengganti sistem yang telah ada.

F. Sistematika Penulisan

BAB I : PENDAHULUAN

Bab ini membicarakan mengenai latar belakang masalah,

perumusan masalah, tujuan penulisan, pembatasan masalah,

metode pengembangan, dan sistematika penulisan.

BAB II : LANDASAN TEORI

Bab ini memuat tentang landasan teori yang berkaitan dengan

permasalahan yang diteliti yang didapat dari referensi-

referensi yang ada serta teori-teori yang mendukung skripsi

ini.

BAB III : ANALISA MASALAH DAN RANCANGAN PROGRAM.

Bab ini menjelaskan tentang rancangan program DAD/ DFD,

Diagram Konteks, Relasi, Dll.

BAB IV :IMPLEMENTASI DAN ANALISA HASIL UJI COBA

PROGRAM

Bab ini menjelaskan tentang jalannya uji coba bertahap

program yang akan dikembangkan serta analisa hasil yang

dicapai oleh program yang dikembangkan. Dalam bab ini Juga

dibahas tentang penerapan aplikasi dan evaluasi dari sistem

yang sedang dibuat. Adapun bab ini dibagi menjadi : hasil dan

pembahasan dari aplikasi, evaluasi kelebihan dan kekurangan

dari aplikasi yang dibuat, dan evaluasi hasil testing baik

internal maupun eksternal.

BAB V : PENUTUP

Bab ini mengemukakan kesimpulan yang dapat ditarik dari

pembahasan dan analisa persoalan tersebut yang selanjutnya

dikemukakan saran-saran yang dapat dipertimbangkan oleh

perusahaan tersebut.

G. Flowchart Penelitian

BAB II

LANDASAN TEORI

A. Pengertian Data dan Informasi

B. Pengertian Pengolahan Data

1. Pengertian Pengolahan Data

“Pengolahan data adalah proses kerja yang akan mengubah

data menjadi informasi”. (Jogiyanto HM, Pengenalan Komputer, Andi

Yogyakarta, 1999).

Suatu proses pengolahan data terdiri dari tiga tahapan dasar yang

disebut dengan siklus pengolahan data, yaitu input, proses dan output.

Gambar 2.1.1 Proses Pengolahan Data

INPUT : Tahap ini merupakan proses memasukkan data kedalam

proses komputer lewat data alat input (input device).

PROSES: Tahap ini merupakan proses pengolahan dari data yang

Sudah dilakukan oleh alat pemproses (processing device)

yang dapat berupa proses menghitung, membandingkan,

mengendalikan atau mencari di storage (media

penyimpanan).

OUTPUT: Tahap ini merupakan proses menghasilkan output

darihasil pengolahan data ke alat output (output device)

yaitu berupa informasi.

2. Pengertian Multimedia

INPUT PROCESSING OUTPUT

Menurut Vaughan (2004, p1) multimedia diartikan sebagai

sebuah kombinasi dari text, gambar, suara, animasi, dan video yang

ditampilkan dalam komputer atau peralatan elektronik lainnya. Jika

pemakai dapat mengontrol apa dan kapan elemen yang disajikan maka

hal tersebut dikatakan Multimedia Interaktif.

Menurut Burger (1993, p3) multimedia merupakan gabungan

dari 2 atau lebih media yang berbeda pada suatu PC (Personal

Computer).

Menurut Hofstetter (2001, p2) multimedia adalah penggunaan

komputer untuk menampilkan informasi yang merupakan gabungan

dari text, grafik, audio dan video sehingga membuat user dapat

bernavigasi, berinteraksi, berkreasi dan berkomunikasi dengan

komputer.

Dari bermacam pengertian multimedia diatas, dapat dilihat

bahwa multimedia dibentuk dari penggabungan beberapa elemen,

berupa gambar yang bergerak (animasi/ video), suara (audio), gambar

(grafik), dan text yang digabungkan kedalam sebuah komputer dan

dijalankan secara interaktif.

a. Elemen - Elemen Multimedia

Menurut Hofstetter (2001, p16) multimedia memiliki elemen -

elemen sebagai berikut, yaitu :

1. Text

Teks merupakan elemen multimedia yang menjadi dasar untuk

menyampaikan informasi, karena teks adalah jenis data yang

paling sederhana dan membutuhkan tempat penyimpanan yang

paling kecil. Teks merupakan cara yang paling efektif dalam

mengemukakan ide-ide kepada pengguna, sehingga penyampaian

informasi akan lebih mudah dimengerti oleh masyarakat.

2. Grafik / Gambar

Sangat bermanfaat untuk mengilustrasikan informasi yang akan

disampaikan terutama informasi yang tidak dapat dijelaskan

dengan kata-kata. Jenis-jenis grafik seperti Bitmap yaitu gambar

yang disimpan dalam bentuk kumpulan pixel, yang berkaitan

dengan titik-titik pada layar monitor. Digitized picture adalah

gambar hasil rekaman video atau camera yang dipindahkan ke

komputer dan diubah ke dalam bentuk bitmaps. Hyperpictures,

sama seperti hypertext hanya saja dalam bentuk gambar.

3. Audio

Multimedia tidak akan lengkap jika tanpa audio (suara). Audio bisa

berupa percakapan, musik atau efek suara. Format audio terdiri

dari beberapa jenis :

a. Wave

Merupakan format file digital audio yang disimpan dalam

bentuk digital dengan ekstensi WAV.

b. MIDI

Merupakan singkatan dari Musical Instrument Digital Interface.

MIDI memberikan cara yang lebih efesien dalam merekam

music dibandingkan wave, kapasitas data yang dihasilkan juga

jauh lebih kecil. Midi disimpan dengan ekstensi MID.

4. Video

Video menyediakan sumber yang kaya dan hidup untuk aplikasi

multimedia. Dengan video dapat menerangkan hal-hal yang sulit

digambarkan lewat kata-kata atau gambar diam dan dapat

menggambarkan emosi dan psikologi manusia secara lebih jelas.

5. Animasi

Animasi adalah simulasi gerakan yang dihasilkan dengan

menayangkan rentetan frame ke layar. Frame adalah satu gambar

tunggal pada rentetan gambar yang membentuk animasi. Menurut

Foley et al. (1997, p1057) Animate adalah untuk membuat sesuatu

hidup, sebagian orang mengira bahwa animasi itu sama dengan

motion (gerakan), tetapi animasi mencakup semua yang

mengandung efek visual sehingga animasi mencakup perubahan

posisi terhadap waktu, bentuk, warna, struktur, tekstur dari sebuah

objek, posisi kamera, pencahayaan, orientasi dan fokus dan

perubahan dalam teknik rendering.

Menurut Hofstetter (2001, p26) terdapat empat macam animasi,

yaitu:

a. Frame Animation

Frame animation membuat objek bergerak dengan

menampilkan beberapa rangkaian gambar yang dinamakan

dengan frame, dimana objek tersebut akan muncul pada lokasi

berbeda pada layar.

b. Vector Animation

Vektor adalah sebuah garis yang mempunyai awal, arah, dan

panjang. Animasi dengan vektor membuat objek bergerak

dengan ditentukan pada ketiga parameter dari garis untuk

menentukan objek.

c. Computational Animation

Dalam computational animation, objek digerakkan sepanjang

layar dengan cara menentukan kordinat x dan y. Koordinat x

mengacu pada posisi horizontal dari objek dan kordinat y

mengacu pada posisi vertikal dari object.

d. Morphing

Morphing mempunyai arti merubah satu sudut menjadi satu

sudut yang lain dengan menampilkan beberapa rangkaian dari

frame yang menciptakan gerakan yang halus seiring bentuk

pertama berubah dengan sendirinya menjadi bentuk yang lain.

C. Pengertian Sistem

Pengertian sistem secara umum adalah :

1. Kumpulan dari bagian-bagian yang bekerja sama untuk mencapai tujun

yang sama.

2. Sekumpulan objek-objek yang saling berelasi dan berinteraksi serta

hubungan antara objek bisa dilihat sebagai satu kesatuan yang

dirancang untuk mencapai suatu tujuan.

Menurut Mulyadi “Sistem adalah sekelompok unsur yang erat

berhubungan satu dengan yang lainnya, yang berfungsi besama-sama

untuk mencapai tujuan tertentu” (Mulyadi “Sistem Akuntansi, Yayasan

Krama Yuda, 2002).

Menurut Jogiyanto “Sistem adalah kumpulan dari elemen-elemen yang

berinteraksi untuk mencapai suatu tujuan tertentu” (Jogiyanto H., Akt.,

Ph.D., “Analis dan Desain, Andi Yogyakarta, 2005 : 33)”

Sistem juga bisa didefiniskan sebagai bahasa dari Yunani “systema”

yang mempunyai arti:

1. Suatu keseluruhan yang tersusun dari sekian banyak bagian.

2. Hubungan yang berlangsung diantara satuan-satuan atau komponen-

komponen secara teratur.

Terdapat banyak kelompok dalam mendefinisikan pengertian sistem,

akan tetapi kami hanya membuka sebagian dari definisi sistem tersebut.

yaitu pengertian yang menekankan pada prosedur dan yang menekankan

pada komponen atau elemennya. Pengertian sistem yang menekankan

pada prosedurnya adalah suatu jaringan kerja dari prosedur-prosedur yang

saling berhubungan, berkumpul bersama-sama untuk melakukan suatu

kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Yang

dimaksud prosedur disini adalah urutan-urutan yang tepat dari tahapan-

tahapan instruksi yang menerangkan apa yang harus dikerjakan, siapa

yang mengerjakannya, kapan dikerjakan dan bagaimana mengerjakannya.

Sedangkan pengertian sistem yang menekankan pada komponennya

adalah kumpulan-kumpulan dari elemen yang berinteraksi untuk mencapai

suatu tujuan tertentu.

Dengan adanya sistem ini, kita berpandangan bahwa sistem

merupakan suatu komponen yang saling berhubungan dan dengan

keterkaitannya tersebut dapat menimbulkan suatu yang disebut informasi

sebagai output untuk mencapai tujuan.

a. Menurut Gordon B. Davis

“Sistem dapat membentuk abstrak maupun fisik. Sebuah sistem abstrak

adalah suatu susunan teratur, gagasan atau konsepsi yang saling

bergantung, sedang sistem yang bersifat fisik adalah serangkaian unsur

yang bekerjasama untuk mencapai suatu tujuan bersama”.

b. Menurut S. Prajudi Atmasudiro

“Sistem adalah setiap sesuatu yang terdiri dari objek-objek tau unsur-

unsur yang saling berhubungan satu sama lainnya sehingga unsur

tersebut merupakan satu keatuan dalam pemrosesan atau pengolahan

tertentu”

c. Menurut H.A. Harding :

“Sistem adalah bagian yang mempunyai kaitan satu sama lain, yang

bersama-sama bereaksi menurut pola tertentu terhadap input dengan

tujuan untuk menghasilkan output. Biasanya pola tindakannya dibuat

dengan tujuan untuk mengoptimalkan faktor-faktor dan sifat-sifat

tertentu”.

Berdasarkan pendapat para ahli tersebut dapat diambil beberapa

kesimpulan yang merupakan ciri-ciri dari sistem yaitu sebagai berikut :

1. Sistem mempunyai tujuan.

2. Sistem terdiri dari bagian-bagian atau elemen-elemen.

3. Bagian-bagian yang berhubungan membentuk struktur yang

mengikat keseluruhan dalam satu kesatuan

4. memiliki peranan dan fungsi yang sangat penting.

Dalam hal ini apabila salah satu komponen terganggu atau

mengalami kendala maka hal itu juga akan berpengaruh pada sistem

itu sendiri. Sedangkan Informasi adalah “Kumpulan data yang

sudah diolah sehingga lebih berarti dan berguna bagi si

pemakai”. Dari defenisi tersebut kemudian dihubungkan dengan

bidang studi penulis yaitu Tehnik Informatika Komputer maka Sistem

Informasi Manajemen adalah “Sistem Informasi yang sudah

terkomputerisasi karena adanya interaksi manusia dan komputer yang

menghasilkan informasi sesuai dengan kebutuhan penggunanya.

Dengan adanya pengguna maka perangkat lunak dalam hal ini adalah

komputer dapat digunakan dengan baik”. Selain sistem dan informasi,

ada juga Karakteristik Sistem yang terdiri dari beberapa karakter

yaitu :Komponen-komponen, suatu sistem berisi komponen yang saling

berinteraksi atau saling bekerja sama.

1. Batas sistem, yaitu pemisah antara sistem dengan lingkungan

luarnya.

2. Lingkungan Luar, yaitu merupakan sistem yang ada diluar batas

sistem ini tetapi lingkungan ini ada yang memberi pengaruh positif

dan negatif.

3. Penghubung, yaitu keluaran dari suatu sub sistem dapat sebagai

penghubung ke sub sistem lainnya.

4. Masukan, yaitu masukan yang diberikan pada sistem ada 2 macam

yaitu masukan perawatan (sebagai program dalam compiler agar

sistem Beroperasi) dan masukan sinyal (sebagai data dalam

komputer agar menghasilkan).

5. Proses, yaitu pengolahan input sehingga menghasilkan output yang

diinginkan.

6. Sasaran, tujuannya dibuat suatu sistem.

7. Keluar/ Output, yaitu hasil dari operasi sistem ada yang memenuhi

sasaran dan ada yang tidak.

D. Definis Sistem Informasi

1. Definisi Sistem Informasi Manajemen

Adalah sebagai suatu sistem berbasis komputer yang

menyediakan informasi bagi beberapa pemakai dengan kebutuhan

yang serupa. Para pemakai biasanya membentuk entitas organisasi

formal perusahaan atau submit dibawahnya.

2. Tujuan Sistem Informasi

Adalah untuk menyediakan dan mensistematikan informasi yang

merefleksikan seluruh kejadian atau kegiatan yang diperlukan untuk

mengendalikan operasi – operasi organisasi [Budihar95]. Sedangkan

kegiatannya adalah mengambil, mengolah, menyimpan dan

menyampaikan informasi yang diperlukan untuk terjadinya komunikasi

yang diperlukan untuk mengoperasikan seluruh aktifitas di dalam

organisasi.sebagai media kami menggunakan PHP dan Proyeksi

Database MySQL dan Penggunaan Macromedia dan PHPPad sebagai

editing Form dalam websites yang dibangun ini.

3. Fungsi Sistem Informasi

Informasi menjelaskan perusahaan atau salah stu sistem utamanya

mengenai apa yang terjadi dimasa lalu, apa yang terjadi sekarang dan

apa yang mungkin terjadi dimasa depan. Informasi tersebut tersedia

dalam bentuk laporan periodik. Laporan khusus, dan output dari

simulasi matematika. Output informasi digunakan oleh ketua maupun

non struktural dalam perusahaan/ Instansi saat mereka membuat

keputusan ataupun memecahkan masalah.

4. Perencanaan Sistem Informasi

Sistem informasi dapat dibentuk sesuai kebutuhan

organisasi, oleh karena itu untuk dapat menerapkan sistem yang

efektif dan efisien diperlukan perencanaan, pelaksanaan, pengaturan

dan evaluasi sesuai keinginan dan nilai masing – masing organisasi.

Perlu diingat bahwa perubahan sistem, baik besar maupun kecil, selalu

melalui tingkatan – tingkatan berikut :

- Tingkat I : Ide, mengetahui perlu adanya perubahan

- Tingkat II : Design, merancang cara pemecahannya

- Tingkat III : Pelaksanaan, menerapkan design kedalam sistem

- Tingkat IV : Kontrol, memeriksa apakah tingkat pelaksanaan

dijalankan sesuai design.

- Tingkat V : Evaluasi, memerikasa apakah perubahan yang terjadi

sesuai dengan tujuan semula.

- Tingkat VI : Tidak lanjut, melaksanakan perubahan sesuai dengan

hasil evaluasi yang ada.

Pengembangan sistem dapat berarti menyusun suatu sistem

yang baru untuk menggantikan sistem yang lama secara keseluruhan

atau memperbaiki sistem yang sudah ada.

E. Pengertian IMK (interaksi Manusia dengan Komputer)

1. Definisi IMK

Menurut Shneiderman (1998, p4) interaksi manusia dan

komputer adalah disiplin ilmu yang berhubungan dengan perancangan,

evaluasi, dan implementasi sistem komputer interaktif untuk

digunakan oleh manusia, serta studi fenomena-fenomena besar yang

berhubungan dengannya. Fokus dari ilmu ini adalah perancangan dan

evaluasi user interface (interface pemakai). User interface adalah

bagian sistem komputer yang memungkinkan manusia berinteraksi

dengan komputer.

Menurut Shneiderman (1998, p15) terdapat lima faktor ukuran

manusia yang dapat digunakan dalam mengevaluasi sistem, yaitu :

a. Time to learn (waktu belajar)

Merupakan berapa lama waktu yang diperlukan oleh user untuk

mempelajari perintah-perintah yang ada dalam sistem untuk

melakukan suatu tugas.

b. Speed of performance (kecepatan kinerja)

Merupakan berapa lama waktu yang diperlukan oleh sistem untuk

merespon perintah yang diberikan oleh user.

c. Rate of error by user (tingkat kesalahan pemakai)

Jumlah dan jenis kesalahan yang dilakukan atau terjadi pada saat

user melaksanakan tugas-tugasnya.

d. Retention over time (retensi daya ingat)

Merupakan kemampuan user mengingat pengetahuan mereka

setelah jangka waktu tertentu. Berhubungan dengan waktu belajar

dan frekuensi penggunaan suatu apikasi.

e. Subjective satisfaction (kepuasan subjektif)

Merupakan Kepuasan User dalam menggunakan berbagai aspek

yang ada di dalam sistem dan seberapa jauh user menyukai sistem

tersebut. Jawaban dari pertanyaan ini dapat diperoleh melalui

wawancara atau dengan angket yang meliputi skala kepuasan dan

ruang untuk memeberikan komentar secara bebas.

F. Pengertian Rekaya Perangkat Lunak

1. Pengertian Perangkat Lunak

Menurut Pressman (2005, p36) pengertian perangkat lunak adalah :

a. Instruksi-instruksi (program komputer) yang ketika dijalankan akan

menghasilkan fungsi dan unjuk kerja (performance) yang

diinginkan

b. Struktur data yang memungkinkan program untuk memanipulasi

informasi.

c. Dokumen-dokumen yang menjelaskan operasi dan pengguaan

program

Karakteristik perangkat lunak / software menurut Pressman (2005,

p37):

a. Perangkat lunak dikembangkan dan dibuat, tidak dirakit seperti

perangkat keras

b. Perangkat lunak tidak dapat rusak secara fisik

c. Perangkat lunak tetap dibangun secara custom walaupun industri-

industri mulai bergerak ke arah konstruksi dengan menggunakan

komponen-komponen yang sudah ada.

2. Pengertian Rekayasa Perangkat Lunak

Menurut Bauer (Pressman, 2005, p53) pengertian rekayasa

perangkat lunak menurut adalah penetapan dan penggunaan prinsip-

prinsip rekayasa untuk menghasilkan perangkat lunak yang terpercaya

dan dapat bekerja secara efisien pada mesin.

a. Elemen Utama Perangkat Lunak

Gambar 2.1 Elemen Utama Perangkat Lunak (sumber : Pressman, 2005, p54)

Empat elemen rekayasa perangkat lunak menurut Pressman

(2005, p54):

i. A Quality Focus

Merupakan landasan dari rekayasa suatu perangkat lunak. Semua

proses pengembangan perangkat lunak mengacu kepada kualitas

yang dihasilkan.

ii. Process

Merupakan elemen yang menggabungkan elemen tools dan

methods dan memungkinkan pengembangan perangkat lunak

komputer secara berkala.

iii. Methods

Metode perangkat lunak menyediakan pedoman teknis dalam

membangun perangkat lunak.

iv. Tools

Merupakan pendukung otomotis / semi otomatis untuk proses dan

metode, misalnya Computer Aided Software Engineering (CASE)

yang mengkombinasikan software, hardware, dan database

Tools

Methods

Process

A QUALITY FOCUS

perangkat lunak.

3. Model Proses

Menurut pressman (2005, 78) model proses merupakan

gambaran dari suatu proses rekayasa perangkat lunak yang terdiri dari

aktifitas-aktifitas, tindakan-tindakan, tugas-tugas, tujuan-tujuan dan

hasil kerja yang dibutuhkan untuk menghasilkan software yang

berkualitas.

Model data adalah sekumpulan cara / peralatan / tool untuk

mendeskripsikan data-data, hubungannya satu sama lain,

semantiknya, serta batasan konsistensi. Ada dua model data, yaitu :

Entity Relationship Diagram (ERD) dan model relasional. Keduanya

menyediakan cara untuk mendeskripsikan perancangan basis data

pada peringkat logika.

Model ERD atau Conceptual Data Model (CDM) : model yang

dibuat berdasarkan anggapan bahwa dunia nyata terdiri dari

koleksi obyek-obyek dasar yang dinamakan entitas (entity)

serta hubungan (relationship) antara entitas-entitas itu.

Model Relasional atau Physical Data Model (PDM) : model yang

menggunakan sejumlah tabel untuk menggambarkan data serta

hubungan antara data-data tersebut. Setiap tabel mempunyai

sejumlah kolom di mana setiap kolom memiliki nama yang unik.

Adapun sebatas pembagian dari model proses ada juga Model

sekuensial linier yaitu model tuntuk software engineering,dan sering

disebut juga dengan siklus kehidupan klasik atau model air terjun.

Model ini mengusulkan sebuah pendekatan kepada perkembangan

software yang sistematik dan sekuensial yang mulai pada tingkat dan

kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan

pemeliharaan. Dimodelkan setelah siklus rekayasa konvensional

Tahap-tahap model proses waterfall adalah :

a. Communication

Pada tahap ini, komunikasi dititikberatkan untuk mencapai

kesepakatan user requirement / kebutuhan pengguna dan system

requirement / kebutuhan system.

b. Planning

Tahap ini menetapkan suatu rencan pengembangan dari perangkat

lunak antara lain tugas-tugas teknik yang harus dipenuhi, resiko-

resiko yang kemungkinan akan dihadapi, sumber daya yang

dibutuhkan, hasil kerja dan jadwal kerja.

c. Modeling

Tahap ini menghasilkan suatu model yang memungkinkan

pengembang dan pelanggan untuk pemahaman lebih lanjut

mengenai kebutuhan software dan perancangan – perancangan

untuk memenuhi kebutuhan tersebut.

d. Construction

Tahap ini mengkombinasikan coding dan testing untuk

meminimalisasikan kesalahan pada penulisan kode.

e. Deployment

Software dikirimkan kepada customer yang dimaksudkan untuk

mengeavaluasi hasil kerja dan memberikan feedback / umpan balik

berdasarkan evaluasi tersebut.

4. STD (State Transition Diagram)

Menurut Whitten, Bentley, dan Dittman (2004, p673), state

transition diagram adalah alat yang digunakan untuk menggambarkan

urutan dan variasi dari layar, yang dapat muncul selama user session.

Ada beberapa hal yang perlu diketahui dalam pembuatan

sebuah STD, yaitu :

1. State

Adalah sebuah kondisi dari keadaan, atau form, yang dapat

digunakan oleh komponen suatu sistem.

Disimbolkan dengan :

Ada dua macam state, yaitu :

a. Current State

Keadaan terkini dari suatu sistem, atau pada state mana

suatu sistem berada saat ini, disebut current state.

b. Final State

Final state adalah keadan terakhir yang dapat dicapai oleh

suatu sistem. Contohnya : on atau off.

2. Transition

Merupakan simbol yang menyatakan suatu perubahan dari suatu

keadaan ke keadaan lain.

Disimbolkan dengan :

3. Event

Adalah suatu kejadian pada suatu lingkungan eksternal yang dapat

dideteksi oleh sistem. Kejadian tersebut dapat menyebabkan

perubahan satu state ke state lainnya

4. Action

Saat event muncul, terjadi transisi sehingga komponen sistem

menerima perubahan state. Untuk itu dibutuhkan sebuah aksi

untuk berpindah state. Aksi disini akan menghasilkan sebuah

output atau tampilan.

5. Output

Merupakan hasil keluaran dari kalkulasi dan lain sebagainya.

5. Basis Data

Menurut Conolly dan Begg (2005, p15) basis data merupakan

suatu kumpulan data yang berhubungan secara logis yang dipakai

bersama, dan deskripsi dari data tersebut dirancang untuk memenuhi

kebutuhan informasi suatu organisasi. Dalam sebuah basis data di

system merupakan kumpulan dari field yang saling berhubungan, basis

data juga yang memberikan visual dari data base yang akan dibangun

oleh seorang programer (brainware) dalam membangun sebuah

system yang edukatif, informatif dan validitas dalam sebuah data yang

akurat.

Basis data juga merupakan kumpulan ilmu yang mempelajari

Database dan merupakan spesialisasi dalam pembelajaran ilmu

Database, setiap file merupakan kumpulan dari field dan Database

adalah kumpulan dari file-file yang saling berhubungan dalam

membangun sebuah sistem.basis data juga merupakan hubungan

kausalitas dalam sebuah organisasi sosial diantaranya kita mampu

berhubungan dengan satu orang, dua orang, bahkan orang banyak dan

biasa kita kenal dengan relasi ”many to many” adapun dalam basis

data kita akan dikenalkan dengan ERD atau (Entity Relationship

Diagram) sebagai berikut:

a. Diagram Entity Relationship

Menurut Ir. Fathansyah dalam buku basis data, Entity

Relationship Diagram ( ERD) adalah :

“ Suatu model yang menggambarkan secara sistematis, yang berisi

komponen-komponen himpunan entitas dan himpunan relasi yang

masing-masing dilengkapi dengan atribut-atribut yang

mempresentasikan seluruh fakta yang ada”. (Ir. Fathansyah, Basis

Data, Informatika Bandung, 2002).

Komponen Entity Relationship Diagram (ERD) diantaranya :

a. Entitas

Adalah suatu kumpulan objek atau sesuatu yang dapat

dibedakan atau dapat diidentifikasikan secara unik. Kumpulan

entitas yang sejenis disebut Entity Set.

Simbol :

b. Relationship

Adalah hubungan yang terjadi antara satu entitas atau

lebih.

Simbol :

Jenis-jenis hubungan :

One to One( satu lawan satu)

Adalah hubungan antara satu atribut dengan atribut

lain dalam satu file yang sama mempunyai hubungan

satu lawan satu.

Gambar 2.7 Entitas

Gambar 2.8 Relationship

Contoh :

1 1

One to Many(satu lawan Banyak)

Adalah hubungan antara atribut yang satu dengan

atribut lain dalam satu file yang sama mempunyai

hubungan satu lawan banyak.

1 M

Many to Many (Banyak Lawan Banyak)

Adalah hubungan antara atribut yang satu dengan

atribut lain dalam satu file yang sama mempunyai

hubungan banyak lawan banyak.

M M

6. Pengertian Internet

Menurut Chaffey et al. (2000, p12) internet merujuk kepada

jaringan yang menghubungkan komputer seluruh dunia. Internet

terdiri dari infrastruktur jaringan server dan area komunikasi yang luas

yang saling berhubungan, yang digunakan untuk menangani dan

Gambar 2.9 One to one

Gambar 2.10 One To Many

Gambar 2.9 Many To Many

menyalurkan sekumpulan informasi di internet.

Kerangka internet meliputi tiga level utama, yaitu :

a. Infrastruktur, yakni perangkat keras, perangkat lunak,

database, dan telekomunikasi.

b. Servis, yakni servis berbasis perangkat lunak seperti mesin pencari,

uang digital dan system keamanan.

c. Produk dan servis, yakni website dari perusahaan dan pasar

individu.

7. Pengertian World Wide Web (WWW)

Menurut Chaffey et al. (2000, p68) World Wide Web (WWW)

merupakan teknik yang paling sering digunakan untuk menyampaikan

informasi di internet. Informasi diakses melalui web browser. Informasi

perusahaan biasanya disimpan pada web server dan menuju ke suatu

web sites.

8. Pengertian Web Browser dan Web Server

Menurut Chaffey et al. (2000, p68) web browser seperti

Netscape, Microsoft Internet Explorer menyediakan cara yang mudah

untuk mengakses dan melihat informasi yang disimpan sebagai

dokumen web pada server yang berbeda.

Web server digunakan untuk menyimpan halaman web yang diakses

oleh web browser. Web server mengandung sejumlah database dari

informasi konsumen atau produk.

G. Pengertian MySQL

MySQL dalam sebuah database websites murapakan sekumpulan data

yang disusun dengan aturan tertentu sehingga memudahkan kita dalam

mengelola dan memperoleh informasi darinya.

Database yang sekarang paling banyak dipakai adalah database

relasi.Database relasi biasanya disusun dalam bentuk kolom-kolom dan

baris-baris.

Database MySQL adalah hal pertama yang harus kamu buat untuk bisa

praktek MySQL. Setelah kita mengetahui tentang cara penulisan query, kita

akan mencoba langsung masuk ke prakteknya langsung. Konsukuensinya,

teori dasarnya antara lain penggunaan variable/ operator, jenis data dll.

Sebuah database sebenarnya tidak lebih dari sebuah wadah yang

kosong. bisa dibayangkan database MySQL seperti halnya dengan sebuah

gudang kosong. Database MySQL tidak memiliki fungsi apapun, selain

memiliki nama dan Tabel ,berikutnya dalam struktur database MySQL yang

memiliki berbagai kegunaan dan fungsi. jika kita membuat sebuah tabel

MySQL bisa kita analogikan dengan lemari penyimpan dalam gudang milik

kita. Barang-barang yang disimpan di gudang dapat dipindah ke lemari

lain, dikeluarkan, pengaturan ulang atau manipulasi lainnya tergantung

situasi. Tabel MySQL juga dapat dimanipulasi sesuai kebutuhan kita. Kita

bisa pidahkan data dari table (Browse), menghapus data (delete),

menampilkannya (upload) sesuai urutan yang kita inginkan, dan masih

banyak fungsi lainnya.

H. Pengertian Web Hosting

Seperti halnya kita ketahui bahwa dipastikan kita sebagai pengguna belum

cukup memiliki financial untuk membuat server yang ideal dan full time

untuk akses online web kita, dan salah satu solusi adalah kita sebagai

administrator dalam websites kita harus menyewa sebuah kuota untuk

menyimpan semua data dan file baik yang berbentuk image maupun data

disebuah ruangan yang disebut dengan web hosting (sewa hardisk online)

Memilih penyedia hosting di Indonesia memang merupakan hal

yang perlu dilakukan dengan hati-hati karena menyangkut kelangsungan

hidup situs kita. Apalagi dengan banyaknya penyedia web hosting Indone-

sia saat ini, maka akan makin membuat daftar pilihan kita semakin panjang

dan mempersulit pemilihan. Namun di lain pihak, kita juga jadi memiliki

keleluasaan untuk menetukan pilihan atas penyedia layanan hosting yang

kita inginkan.

Support merupakan hal yang terpenting dari sebuah layanan host-

ing terutama hosting di Indonesia. Karena jika support susah dihubungi, re-

spon lambat, dll akan menyulitkan klien bila sedang menghadapi masalah.

Bayangkan saja jika web site kita sudah di (build) bangun susah-susah dan

sudah memiliki pengunjung (user) yang sangat banyak, ternyata malah

supportnya tidak perfect/ sempurna, maka kemungkinan domain kita juga

rusak. Hosting saat ini diindonesia bak jamur yang tumbuh di musim hujan

sangat banyak penyedia layanan ini, dan yang mesti dilakukan oleh kita

adalah layanan dan fasilitas yang ada dalam hosting tersebut.

I. Kategori Aplikasi Web

Aplikasi web sekarang menawarkan sangat banyak fungsionalitas

yang bervariasi

dan mempunyai kebutuhan dan karakteristik-karakteristik. Aplikasi web

dapat

dikategorikan di dalam banyak cara—dimana tidak unik atau cara yang

lebih luas

telah diterima.

Pengembangan dari suatu aplikasi web dapat dimulai dari kategori-

kategori dan berkembang kemudian untuk peningkatan tingkat kerumitan.

Kategori-kategori terbaru secara umum lebih rumit, tetapi ini artinya bahwa

mereka tidak dapat secara penuh digantikan dengan generasi yang lebih lama.

Masing-masing dari kotegori ini mempunyai field aplikasi spesifik. Sebagai

contoh mall berbelanja online tidak hanya mengintegrasikan penyedia

layanan yang berbeda tetapi juga menawarkan beberapa pilihan pencarian,

monitoring status pesanan, dan beberapa kasus penjualan online.

Kategori/ Fungsional

Contoh penerapan websites berdasarkan fungsionalitas

Informasional Surat Kabar online, katalog produk, newsletters, manual, report, dan buku online

Interaktif Formulir Pendaftaran, presentasi informasi customized, games online.

Transaksional Belanja online ( pemesanan barang dan jasa), online banking, pemesanan tiket pesawat terbang online, dan pembayaran onine.

Berorientasi Workflow

Penjadwalan dan perencanaan online, manajemen inventori, status monitoring, supply chain management.

Lingkungan kerja Kolaboratif

Sistem Autoring terdistribusi, tools desain kollaboratif.

Komunitas Online & Marketplace

Kelompok diskusi, recommender system, online marketplaces, e-malls (electronic shopping malls)

Rekayasa Web dapat dipertimbangkan sebagai suatu cabang independent

dari Rekayasa Perangkat Lunak (Kappel, e al, 2005). Engineering adalah

maksud umum aplikasi praktikal dari ilmu untuk perdagangan dan

industri dengan tujuan dan perancangan aplikasi yang lebih baik,

misalnya: lebih cepat, lebih murah dan lebih aman, dan lain-lain.

Rekayasa Web adalah berbagai disiplin ilmu dan meliputi konstribusi dari

area yang berbeda antara lain:

a. Desain dan Analisa Sistem (systems analysis and design)

b. Rekayasa Perangkat Lunak (software engineering)

c. Rekayasa hypermedia/hypertext (hypermedia/hypertext

engineering)

d. Rekayasa Kebutuhan (requirements engineering)

e. Interaksi Manusia Komputer (human-computer interaction)

f. Antarmuka Pengguna (user interface)

g. Rekayasa Informasi (information engineering)

h. Information indexing and retrieval

i. Pengujian (testing)

j. Pemodelan dan simulasi (modelling and simulation)

k. Manajemen Proyek (project management), dan

l. Presentasi dan desain grafis (graphic design and presentation)

J. Perancangan alat-alat dan definisi

1. Diagram Prosedur dan Penjelasanya

2. Dalam suatu sistem perusahaan didalam mengelola dan menjalankan

usahanya melakukan berbagai prosedur pada sistem informasi ini,

prosedur-prosedur yang akan dikomputerisasi adalah prosedur-

prosedur ( Event List ) sebagai berikut :

b. Diagram Konteks

Menurut Jogianto HM dalam buku Analisis dan Desain Sistem

Informasi, pengertian Diagram Konteks adalah :

“ Diagram Konteks adalah suatu diagram yang terdiri dari suatu

proses saja dan biasa diberi proes 0. Proses ini mewakili proses dari

seluruh system. Diagram konteks menggambarkan input/output

suatu system dengan dunia luar atau kesatuan luar”. (Jogiyanto

HM, Analisis dan desain Sistem Informasi, 2000).

c. Diagram Alir Data

Menurut Jack Febrian dalam buku Pengetahuan Komputer dan

Teknologi Informasi, pengertian Data Flow Diagram atau Diagram

Arus Data adalah :“ DFD atau lebih dikenal dengan DAD merupakan

suatu teknik grafik yang digunakan untuk menjelaskan aliran

informasi dan transformasi data yang bergerak dari pemasukan

data hingga ke keluaran”. (Jack Febrian, Pengetahuan Komputer

dan Teknologi Informasi)

Diagram konteks menyoroti sejumlah karakteristik system yaitu :

i. Kelompok pemakai, organisasi sistem lain dimana sistem kita

melakukan komunikasi yang disebut juga sebagai terminator.

ii. Data masuk, data yang diterima sistem dari lingkungan dan

harus diproses dengan cara tertentu.

iii. Data keluar, data yang dihasilkan dari sistem kita dan diberikan

kedunia luar.

iv. Penyimpanan data yang digunakan secara bersama antara

sistem kita dengan terminator, pembuatan simbol data store

dalam diagram konteks dibenarkan dengan syarat simbol

tersebut merupakan bagian dari dunia diluar sistem.

v. Batasan antara sistem kita dengan lingkungan (rest of world).

Simbol yang digunakan dalam DAD antara lain :

a. Eksternal Entity (Kesatuan Luar)

Menurut Jogianto HM dalam buku Analisis dan Desain Sistem

Informasi, pengertian Eksternal Entity (Kesatuan Luar) adalah :

” Eksternal Entity (Kesatuan Luar) adalah kesatuan entity diluar

sistem yang dapat berupa orang, organisasi, atau sistem

lainnya yang berada dilingkungan luarnya yang akan

memberikan input atau menerima output dari sistem ”.

( Jogiyanto HM, Analisis dan Desain Sistem Informasi, Andi

Offset Yogyakarta, 2000).

Suatu kesatuan luar dapat disimbolkan dalam suatu notasi

kotak atau suatu kotak dengan sisi dan atasnya bergaris tebal

sebagai berikut :

Eksternal Entity (Kesatuan Luar)

b. Arus Data (Data Flow)

Menurut Jogianto HM dalam buku Analisis dan Desain Sistem

Informasi, pengertian arus data adalah :” Arus data (Data flow)

di DAD diberikan simbol suatu panah. Arus data ini mengalir

dainatra proses (process), simpanan (store), dan kesatuan luar

(eksternal entity). Arus data ini menunjukan arus dari data yang

dapat berupa masukan untuk sistem atau hasil dari proses

sistem”. ( Jogiyanto HM, Analisis dan Desain Sistem Informasi,

Andi Offset Yogyakarta, 2000).

Arus Data (Data Flow)

c. Proses (Process)

Menurut Jogianto HM dalam buku Analisis dan Desain Sistem

Informasi, pengertian arus data adalah :

”Suatu proses adalah kegiatan atau kerja yang dilakukan oleh

orang, mesin atau komputer dari hasil/suatu arus data yang

masuk kedalam proses untuk dihasilkan arus data yang akan

keluar dari proses ”.(Jogiyanto HM, Analisis dan Desain Sistem

Gambar 2.3 Eksternal Entity (Kesatuan Luar)

Gambar 2.4 Data Flow (Arus Data)

Informasi, Andi Offset Yogyakarta, 2000). Suatu proses dapat

ditunjukan dengan simbol lingkaran atau empat persegi

panjang tegak dengan sudut-sudutnya tumpul.

Proses (Process)

d. Simpanan Data (Data Store)

Simpanan data (Data Store) merupakan simpanan dari arus

data yang dapat berupa :

1. Suatu atau catatan manual

2. Suatu file atau data base sistem computer

3. Suatu kotak data dimeja seeorag

4. Suatu agenda atau buku

Menurut Jogiyanto HM dalam buku Analisis dan Desain

Sistem Informasi, pengertian Simpanan Data Adalah :

” Simpanan data di DAD dapat digambarkan dengn sepasang

garis horizontal parallel yang tertutup disalah satu ujungnya

(sebelah kiri)”. (Jogiyanto HM, Analisis dan Desain Sistem

Informasi, Andi Offset Yogyakarta, 2000).

Simpanan Data (Data Store)

Gambar 2.5 Process (Proses)

Gambar 2.6 Data Store (Simpanan Data)

atau

BAB III

ANALISIS MASALAH DAN PERANCANGAN SISTEM

A. Usulan Sistem Baru

Yayasan merupakan sebuah badan yang bergerak dibidang jasa,

islamic centre merupakan sebuah pusat kajian umat islam yang sudah

menjadi pusat dari segala informasi dan sudah barang tentu mudah

didapatkan dimana saja, kapan saja , dan siapa saja, karena umat islam

merupakan rahmatan lil alamin, rahmat untuk semesta alam.

Seperti halnya sistem yang lain websites merupakan media

interaktif yang mudah dikonsumsi oleh semua kalangan umum.penyusun

mencoba memberikan angket sampai dengan evaluasi yang kami

lakukan di Islamic Center Kota Cirebon.evaluasi diantaranya yang

disesuaikan dengan permasalahan yang sedang dihadapi oleh Islamic

Centre Kota Cirebon yaitu media promosi baik penyewaan gedung

database direktori kelembagaan islam bahkan sampai dengan agenda

Monumental, insidental dan rutinitas, maka penulis mengusulkan sebuah

sistem baru dengan memanfaatkan sebuah situs web yang dapat

memberikan pelayanan kepada client secara online. Web ini diharapkan

dapat membantu jama’ah dan pengunjung umum untuk mengakses

dalam memperluas pengetahuan serta dapat dimanfaatkan sebagai

media dakwah, serta sebagai alat guna meningkatkan dakwah kepada

pengunjung dan pengguna dengan menampilkan hasil yang edukatif dan

”Profile Company” untuk menunjang idealnya sebuah yayasan yang

bergerak dibidang jasa.

Seperti halnya dengan situs-situs biasanya, jika dilihat dari sisi

pengguna (user), situs websites ini dapat memberikan informasi tentang

berita atau informasi keislaman secara detail.

B. Analisis Pembuatan Aplikasi

1 Gambaran Umum Sistem Pemasaran yang Sedang Berjalan

Hingga saat ini sistem pemasaran yang dilakukan oleh Yayasan

Islamic Centre Kota Cirebon masih menggunakan sistem konvensional,

dimana perusahaan menunggu pengunjung yang datang,dan juga masih

kurangnya daya minat untuk mengetahui lebih dalam tentang Yayasan

yang bergerak di bidang Jasa dan Dakwah, dan juga para konsumen dalam

mendapatkan materi dakwah masih bersifat konvensional dari para da'I

yang ada didesa masing-masing.

Selain itu jika terdapat event-event khusus dalam kegiatan yang

telah, sedang dan akan dilaksanakan oleh Islamic Center Kota Cirebon,

maka Mareketing Gedung membagikan brosur-brosur kepada pengunjung

yang berada di sekitar komplek masjid raya at-taqwa kota cirebon. Jika

diantara para pengunjung tersebut tertarik dengan produk yang mereka

tawarkan, maka staf business development memberikan presentasi singkat

mengenai pelayanan apa saja yang ditawarkan oleh PT ARTECH.

2 Analisis Hasil Survei

a. Analisis Hasil Kuesioner

Fasilitas Pada Situs Web

Fasilitas yang disediakan pada websites ini dibagi menjadi tiga

bagian (komponen) yaitu fasilitas untuk user yang belum menjadi

member situs web, untuk user yang sudah menjadi member situs web,

dan fasilitas untuk admin situs web.

1. User (pengguna) yang belum menjadi member situs web

Bagi para user yang belum menjadi member situs web ini mereka

hanya dapat melihat informasi detail tentang yayasan islamic cetre

kota cirebon dan masjid raya at-taqwa yang tersedia, tetapi tidak

bisa melakukan penulisan berita dan pengiriman pesan secara online.

Selain itu juga mereka bisa memberikan komentar tentang artikel

yang tersedia dalam websites.

2. User (pengguna)yang sudah menjadi member situs web

Bagi para user yang sudah menjadi member situs web ini, dapat

melihat informasi detail tentang artikel yang tersedia, dapat

melakukan penulisan artikel, pengiriman pesan antar sesama user

member secara online, dan juga dapat memberikan komentar

tentang artikel yang tersedia dalam situs, serta dapat memilih jajak

pendapat yang sudah disediakan oleh situs ini.

3. Fasilitas untuk admin situs web

Fasilitas admin untuk situs web meliputi penampilan (posting)

artikel, penghapusan member, menentukan tema jajak pendapat,

serta memperbarui (update) database dari situs web tersebut.

Arsitektur Sistem

1. Arsitektur Perangkat Keras (Hardware)

Gambar 3.1 Arsitektur Perangkat Keras

Client / user melakukan dialup/ koneksi melalui internet servis

provider, (speedy) lalu memasuki alamat yang berada di internet

cukup dengan mengetikkan nama alamat dari web yang dituju,

lalu akan terhubung dengan server. Apabila pengguna melakukan

koneksi dan pengiriman informasi dan database maka data-data

akan disimpan dan diolah di database server. Kemudian data

yang telah diolah akan diteruskan kembali ke member.jika berita

ini tidak layak maka kami tidak akan menayangkannya ke

halaman indek.php khususnya sebagai informasi/ berita yang

akan di upload ke member.

2. Arsitektur Perangkat Lunak (software)

3. Arsitektur Analis Desain

4. Struktur Directori

Gambar 3.2 Arsitektur Perangkat Lunak

Gambar 3.3 Struktur Direktori

5. Struktur Navigasi

Gambar 3.4 menggambarkan alur dari web kami. Layar

Home merupakan layar utama yang dapat berhubungan dengan

layar-layar yang lain.

Aliran Data

3.4.1 DFD (Data Flow Diagram)

1. Diagram Konteks

Gambar 3.5 merupakan Diagram Konteks dari sistem yang

diusulkan. Pada sistem ini berinteraksi dengan dua eksternal

entity yaitu user/member dan administrator.

Gambar 3.4 Struktur Navigasi

Gambar 3.5 Diagram Konteks

2. Diagram Level Nol

Gambar 3.6 merupakan Diagram Level Nol sistem yang

diusulkan. Pada sistem ini terbagi atas beberapa proses yaitu

proses pendaftaraan member, proses penulisan artikel, proses

pengirima pesan, proses pengisisan komentar, dan proses

pemilihan polling.

Gambar 3.6 Diagram Level 0

3. Diagram Level 1 Proses Penulisan Artikel

Gambar 3.7 merupakan Diagram Level 1 Proses Penulisan

Artikel dari sistem yang diusulkan. Pada proses kirim pesan ini

terdiri dari tiga proses yaitu proses login, proses penulisan

artikel, dan proses pemostingan artikel.

4. Diagram Level 1 Proses Kirim Pesan

Gambar 3.8 merupakan Diagram Level 1 Proses kirim

pesan dari sistem yang diusulkan. Pada proses kirim pesan ini

terdiri dari dua proses yaitu proses login dan proses kirim

pesan.

5. Diagram Level 1 Proses Isi Komentar

Gambar 3.7 Diagram Level 1 Proses Penulisan

Gambar 3.8 Diagram Level 1 Proses Kirim Pesan

Gambar 3.9 merupakan Diagram Level 1 Proses isi

komentar dari sistem yang diusulkan. Pada proses isi

komentar ini terdiri dari tiga proses yaitu proses login, proses

baca artikel, dan proses isi komentar.

6. Diagram Level 1 Proses Pilih Polling

Gambar 3.10 merupakan Diagram Level 1 Proses pilih

polling dari sistem yang diusulkan. Pada proses pilih polling ini

terdiri dari dua proses yaitu proses login dan proses pillih

polling.

Gambar 3.9 Diagram Level 1 Proses Isi

Gambar 3.10 Diagram Level 1 Proses Pilih Polling

3.4.2 Flowchart Dan Algoritma

1. Flowchart Pendaftaran Member

Algoritma :

(1) User memasuki halaman utama forum artikel online.

(2) User melakukan klik pada menu daftar.

Gambar 3.11 Flowchart Pendaftaran Member

(3) Secara otomatis fasilitas menu pendaftaran akan dita-

mpilkan.

(4) User memulai pengisian form pendaftaran member

dengan mengisikan user id

(5) Kemudian user mengisikan password

(6) Kemudian User mengisikan konfirmasi password

(7) Kemudian User mengisikan nama

(8) Kemudian User memilih jenis kelamin

(9) Kemudian User mengisikan tempat lahir

(10) Kemudian User memilih tanggal lahir

(11) Kemudian User mengisikan alamat

(12) Kemudian user mengisikan kota

(13) Kemudian user mengisikan kode pos

(14) Kemudian user mengisikan telepon

(15) Kemudian user mengisikan gambar dengan cara mencari

tempat dimana gambar itu disimpan

(16) Kemudian user mengisikan email

(17) Validasi Password harus sama

(18) Validasi kodepos harus nomor

(19) Validasi Telepon harus nomor

(20) Validasi email harus sesuai dengan format email

(21) Pendaftaran sukses dengan menampilkan pesan Terima

Kasih.

2. Flowchart Login Member

Algoritma :

(1) Member memasuki halaman utama forum artikel online

(2) Member memasukkan user id dan password login

(3) Jika verifikasi user id dan password berhasil, maka

berhak memasuki halaman member. Tetapi jika tidak

berhasil maka sistem memberitahukan dengan

menampilkan kembali form login dan user harus mema-

sukan kembali user id dan password.

3. Flowchart Pengisian Artikel

Gambar 3.12 Flowchart Login Member

Gambar 3.13 Flowchart Pengisian Artikel

Algoritma :

(1) Member memasuki halaman utama forum artikel online

(2) Member memasukkan user id dan password login

(3) Jika verifikasi user id dan password berhasil, maka

berhak memasuki halaman member

(4) Member melakukan klik pada menu kirim artikel

(5) Secara otomatis akan tampil form input artikel

(6) Member mengisi form input artikel

(7) Kemudian member mengklik tombol simpan

(8) Artikel siap untuk diposting oleh administrator

4. Flowchart Kirim Pesan

Algoritma :

(1) Member memasuki halaman utama forum artikel online

Gambar 3.14 Flowchart Kirim Pesan

(2) Member memasukkan user id dan password login

(3) Jika verifikasi user id dan password berhasil, maka

berhak memasuki halaman member

(4) Member melakukan klik pada menu kotak pesan

(5) Secara otomatis akan tampil form input pesan

(6) Member mengisi form input pesan

(7) Kemudian member mengklik tombol kirim

(8) Sistem akan mengirimkan pesan

5. Flowchart Balas Pesan

Algoritma :

(1) Member memasuki halaman utama forum artikel online

(2) Member memasukkan user id dan password login

(3) Jika verifikasi user id dan password berhasil, maka

berhak memasuki halaman member

(4) Member melakukan klik pada menu baca pesan

(5) Jika member ingin membalas pesan, maka kiik tombol

balas pesan

Gambar 3.15 Flowchart Balas

(6) Secara otomatis akan tampil form balas pesan

(7) Member mengisi form balas pesan

(8) Kemudian member mengklik tombol kirim

(9) Sistem akan mengirimkan pesan

6. Flowchart Baca Artikel

Algoritma :

(1) Member dan user memasuki halaman utama forum

artikel online

(2) Kemudian member dan user membaca artikel

(3) Jika member dan user ingin melihat detail isi dari artikel

maka klik tombol selengkapnya

(4) Secara otomatis akan tampil halaman artikel yang

lengkap

7. Flowchart Isi Komentar

Gambar 3.16 Flowchart Baca

Algoritma :

(1) Member dan user memasuki halaman utama forum

artikel online

(2) Kemudian member dan user membaca artikel

(3) Jika member dan user ingin melihat detail isi dari artikel

dan ingin mengisi komentar, maka klik tombol detail

(4) Secara otomatis akan tampil form input komentar

(5) Member dan user mengisi form input komentar

(6) Kemudian klik tombol simpan

Gambar 3.17 Flowchart Isi

(7) Komentar telah diisi dan siap untuk ditampilkan

8. Flowchart Login Administrator

Algoritma :

(1) Administrator/ staff membuka halaman iadministrator.

(2) Administrator memasukkan username dan password lo-

gin, kemudian username dan password dicocokkan den-

gan data administrator yang ada pada database adminis-

trator.

(3) Jika verifikasi username dan password berhasil, maka da-

pat memasuki halaman administrator. Jika tidak maka

critical pesan dengan memberitahukan dengan kata “Lo-

gin Gagal! Username & Password tidak Benar” Silahkan

Ulangi Lagi melalui menampilkan kembali form login dan

memasukan kembali username dan password.

Gambar 3.18 Flowchart Login Administrator

9. Flowchart Posting Pengumuman

Algoritma :

(1) Administrator membuka halaman index administrator.

(2) Administrator memasukkan username dan password lo-

gin, kemudian username dan password dicocokkan den-

Gambar 3.19 Flowchart Posting Artikel

gan data administrator yang ada pada database adminis-

trator.

(3) Jika verifikasi username dan password berhasil, maka

berhak memasuki halaman administrator. Jika tidak

maka sistem memberitahukan dengan menampilkan

kembali form login.

(4) Jika telah memasuki halaman administrator, maka akan

tampil data artikel yang akan diposting

(5) Jika artikel akan diposting, maka pilih kategori

(6) Kemudian klik tombol simpan

(7) Artikel telah diposting dan siap untuk ditampilkan

Basis Data

3.5.1 Relasi Basis Data

Dari database yang ada digambarkan ralasi basis data

sebagai berikut:

3.5.2 Kamus Data

1. Tabel Agenda

Nama Tabel : poling

Gambar 3.20 Relasi Basis Data

Field Kunci : id_agenda

Tabel 3.1 Spesifikasi Tabel Agenda

Nama Field

Tipe ukuran Keterangan

Id_agenda Int 5 Prymari key polingTema varchar 100 Tema yang diangkatIsi_agenda text - Menunjukan Deskripsi kegiatantempat varchar 100 Menunjukkan tempat pelaksanaan

agendaTgl_mulai date - Menunjukkan keterangan tanggal

mulaiTgl_selesai date - Menunjukkan keterangan tanggal

selesaiTgl_posting date - tanggal agenda di postingId_user varchar 50 Menunjukkan identitas user

2. Tabel banner

Nama Tabel : banner

Field Kunci : id_banner

Tabel 3.2 Spesifikasi Tabel banner

Nama Field

Tipe Ukuran Keterangan

id_banner Int 5 Primary key pada bannerjudul varchar 100 Menunjukkan judul dalam bannerurl varchar 100 Menunjukan alamat/ addres urlgambar varchar 100 Menunjukkan gambar yang dipilihTgl_posting date - Menunjukkan tanggal banner di

posting

3. Tabel Berita

Nama Tabel : berita

Field Kunci : id_berita

Tabel 3.3 Spesifikasi Tabel berita

Nama Field

Tipe UKuran Keterangan

Id_berita int 5 Primary key beritaId_kategori varchar 5 Menunjukkan identitas kategoriId_user varchar 50 Menunjukkan identitas user/

penggunajudul varchar 100 Menunjukkan judul dari beritaIsi_berita varchar - Menunujukkan deskripsi berita Gambar varchar 100 Menunjukkan gambar dari berita

Hari varchar 20 Menunjukkan titimangsa hari/ tanggal berita

Tanggal date - Menunjukkan tanggal beritaJam time - Menunjukkan jam peristiwaCounter int 5 counter

4. Tabel Hubungi

Nama Tabel : hubungi

Field Kunci : id_hubungi

Tabel 3.4 Spesifikasi Tabel hubungi

Nama Field

Tipe Ukuran Keterangan

id_hubungi Int 5 Primary key AdminNama varchar 50 Menunjukkan nama Pengirim

email/userEmail varchar 100 Menunjukkan nama email userSubjek varchar 100 Subjek atau penjelasanPesan Text - Berisi pesan yang akan disampaikanTanggal date - Tanggal pengiriman email

5. Tabel kategori

Nama tabel : kategori

Field Kunci : id_kategori

Tabel 3.5 Spesifikasi Tabel kategori

Nama Field Tipe Ukuran KeteranganId_kategori int 5 Primary key kategoriNama_kategori

varchar

100 Menunjukkan kategori artikel

keterangan varchar

100 Menunjukkan nama user

6. Tabel modul

Nama Tabel: modul

Field Kunci : id_modul

Tabel 3.6 Spesifikasi Tabel modul

Nama Field Tipe Ukuran KeteranganId_modul int 4 Primary key dari id_modulNama_modul varcha

r10 Menunjukan dari nama_modul

Link varchar

100 Link koneksi dari modul

Static_content

text 100 Static dari content/isi

gambar varchar

40 Menunjukkan gambar dari modul

publish enum (‘Y’, ‘N’) Menunjukkan publish/ diterbitkanstatus enum User/

AdminMenunjukkan status dari modul admin/user

aktif Enum (‘Y’, ‘N’) Menunjukkan aktif dari modulurutan int 5 Menunjukkan urutan modul

7. Tabel pengumuman

Nama Tabel: pengumuman

Field Kunci : id_pengumuman

Tabel 3.6 Spesifikasi Tabel pengumuman

Nama Field Tipe Ukuran KeteranganId_pengumuman

int 5 Primary key

Judul varchar

100 Menunjukan judul dari pengumuman

Isi text - Menunjukan isi dari pengumumantanggal date - Menunjukan tanggal dari

pengumumanTgl_posting date - Menunjukkan tanggal postingId_user varcha

r50 Menunjukkan identitas user

8. Tabel User

Nama Tabel: user

Field Kunci : id_user

Tabel 3.6 Spesifikasi Tabel user

Nama Field Tipe Ukuran KeteranganId_user int 4 Primary key userPassword varcha

r10 Menunjukan password dari user

Nama_lengkap

varchar

100 Menunjukan alamat dari user

email varchar

100 Menunjukan dari alamat email user

level varchar

40 Level dari user

3.5.3 Daftar Basis Data, Tabel, dan Hak Akses

Tabel 3.7 Spesifikasi Tabel Hak AksesNO NAMA TABEL USER MEMBER ADMINISTRATOR

A V E D A V E D A V E D

1. polling - - - - - -

2. komentar - - - - - - - -

3. mailbox - - - - - - - - -

4. administrator - - - - - - - -

5. artikel - - - - - - -

6. anggota - - - - - - -

Keterangan diatas diantaranya:

A = ADD / Tambah Data

V = VIEW / Tampil Data

E = EDIT / Ubah Data

D = DELETE / Hapus Data

BAB IV

IMPLEMENTASI PROGRAM

1. Perencanaan website

Dalam sebuah websites, hal yang akan terlihat adalah sebuah tampilan

face (permukaan) halaman yang diakses oleh user (Pengguna) dan Proses

ini merupakan awal dalam merencanakan halaman web dan seluruh web.

Dimulai dengan mengumpulkan seluruh data dan informasi kemudian

hasil akhirnya adalah sebuah “sitemap” lalu dimulai dengan merancang

tata letak (layout) halaman, biasanya dilakukan mendesain tata letak

halaman depan dan halaman kedua. Dalam mendesain halaman ini

beberapa komponen penting biasanya masuk adalah navigasi, content,

rencana letak image, copyright (bagian footer), komponen website dan

hal lain yang dianggap perlu. Software yang biasa digunakan adalah:

Microsoft Visio.

Gambar 1. Desain halaman web

Gambar 2. Konsep Sitemap

2. Desain Halaman Web Dasar

Dari visual Berdasarkan hal diatas selanjutnya kita mulai melakukan

desain web dengan menterjemahkan perencanaan ke dalam software

desain, beberapa keahlian yang mesti diperdalam adalah typografi

(kemampuan memilih font yang tepat), tata letak halaman (menguasai

kemampuan membagi ruang halaman), pewarnaan (menguasai konsep

warna dan pemilihan warna berdasarkan warna perusahaan dan teori

pencampuran warna). Software yang digunakan salah satunya Adobe

Photoshop, dengan mempelajari pembuatan tombol/navigasi, background,

bekerja dengan teks, manipulasi gambar/image, dan khususnya

memperdalam teknik-teknik desain website. Banyak sekali resource gratis

yang bisa anda temukan di website khususnya belajar photoshop untuk

website, anda bisa mencarinya di search engine dengan keyword “tutorial

photoshop for web”. Untuk memudahkan anda mendesain web ini, anda

dapat menggunakan fasilitas IDM untuk mendownload dari sample

websites yang ada di Indowebster.com

3. Desain Halaman Web Lanjutan

Untuk meletakkan halaman web hasil desain photoshop di atas,

diperlukan mengubah halaman web ke dalam bentuk HTML, dan

diperlukan sebuah software yakni salah satunya Macromedia

Dreamweaver. Adapun dari Dreamweaver ini yang membantu pengaturan

halaman-halaman desain diubah ke HTML. Selain Dreamweaver banyak

software sejenis lainnya seperti Microsoft Frontpage, dll

4. Membuat Video, Flash, Shockwave dan Audio

Dalam dekade Saat ini banyak sekali software yang digunakan untuk

membuat video, flash, shocwave dan audio yang bertujuan untuk

membuat website kelihatan lebih apik dan powerful. Gabungan beberapa

komponen ini kita sebut dengan animasi web dan diperlukan rencana

detail agar animasi yang dibuat tepat sasaran dan sesuai dengan isi

website. Sedangkan untuk pemilihan software tergantung pada tingkat

kerumitan animasi web, untuk saat ini yang sering digunakan adalah

Adobe Flash.

BAB V

PENUTUP

Kesimpulan

Kesimpulan dari hasil evaluasi yang dilakukan terhadap

program ini dengan mengevaluasi dari segi IMK dan user sehingga

didapatkan kesimpulan sebagai berikut

1. memberikan media dakwah dalam sebuah dunia internet

hanya dengan genggaman tangan user dan tidak harus

menghabiskan waktu untuk melakukan mengetahui Profile

Company maupun daftar tarif Sewa Gedung dikota Cirebon

2. kelebihan menggunakan web untuk mengetahui selayang

pandang/ melihat agenda attaqwa & islamic tanpa harus

datang ke lokasi Komplek At-taqwa & islamic center kota

Cirebon

3. program yang dibuat telah diuji pra launching oleh

kandatel telkom cirebon dengan melihat aspek pasca

Pesantren Digital kerjasama SRPH 1429 H dengan

Kandatel Cirebon

Saran

Setelah melaksanakan PKL, dan melihat adanya kelebihan dan

kekurangan pada berbagai pihak, maka penulis menyarankan agar :

Diharapkan dengan adanya program e-application ini At-Taqwa &

Yayasan Islamic Center Kota Cirebon dapat lebih merentangkan sayapnya di

dalam bidang Sarana Komunikasi & Dakwah serta jangan mau kalah saing

dengan perusahaan-perusahaan lain yang bergerak di bidang yang sama.

Dan semoga program ini dapat digunakan sebaik mungkin olehAt-taqwa &

Islamic Centre Kota Cirebon untuk makin berkembang menjadi lebih besar.

DAFTAR PUSTAKA

1. Yani, Ahmad., 2006, Tuntunan Sistem Informasi:end user

development.jakarta:materikuliah.com.

2. Amsyah,Zulkfli,2003. Sistem Informasi Manajemen. PT. Gramedia

Pustaka Utama. Jakarta.

3. HM Jogiyanto,2003. Sistem Teknologi Informasi. Andi Offset

Jogjakarta

4. Raymond McLeod,Jr 2001 .Management Information System Jld I.

PT. Prenhallindo, Jakarta.

5. www.materikuliah.com/sistem informasi/end user

development/02,2008

6. (Mulyadi “Sistem Akuntansi, Yayasan Krama Yuda, 2002)

7. (Jogiyanto HM, Pengenalan Komputer, Andi Yogyakarta, 1999)

8. (www.indoprog.com, 2003 :1,pengenalan Visual Basic)

9. Jogiyanto HM, Analisis dan Desain Sistem Informasi, Andi Offset

Yogyakarta, 2000

10. serta modul materi dalam perkuliahan Universitas Muhammadiyah

Cirebon, SIM

DATA PRIBADI

Nama : Agung Sholehudin

Tempat / Tanggal lahir : Cirebon, 07 Juli 1987

Jenis kelamin : Laki-laki

Agama : Islam

Kewarganegaraan : Indonesia

Alamat : Jl. Suratno No. 29 Rt :03/02 Kejaksan, Kota

Cirebon

Nomor Telepon : 0231-3640702/ 081802321587

RIWAYAT PENDIDIKAN

TK Seroja Komplek.PLN Cirebon (1992 - 1994)

SD.Sutawinangun II Kab.Cirebon (1994 - 2000)

MTS Islamic Centre Kab. Cirebon (2000 - 2003)

MAN 2 Kota Cirebon (2003 - 2005)

Universitas Muhammadiyah Cirebon – Jurusan Teknik Informatika (2005 -

sekarang)

KUISIONER PENELITIAN

SISTEM INFORMASI ISLAMIC CENTRE KOTA CIREBON &

ISLAMIC CENTER KOTA CIREBON

Diajukan Untuk Prasyarat Kelulusan di Program Strata 1 Program Studi Tehnik Informatika Fakultas Tehnik Universitas Muhammadiyah

Cirebon.

Oleh : Agung Sholehudin

050511007

UNIVERSITAS MUHAMMADIYAH CIREBONJl. Tuparev No. 07 a Cirebon

www.umc.ac.id

Nama :Alamat :

Pilihlah Jawaban anda dengan memberi tanda silang (X) atau ceklis (V) pada kotak 1. Apakah anda mengetahui Islamic Centre Kota Cirebon ?

Ya tidak

2. Berapa kali anda sholat 5 waktu di Islamic Centre ? ………………………..

3. Setujukah anda Islamic Centre memiliki Websites di Internet ? Ya tidak

4. Apakah anda pernah memcoba membuka internet ?

5. Tahukah anda tentang agenda kegiatan di Islamic Centre ?

6. Sebutkan kegiatan apa saja yang pernah anda ikuti? 2 buah

7. Menurut anda sebaiknya, melalui cara apa Islamic Centre melakukan

sosialisasi Agenda Kegiatan Rutinitasnya ? Pamflet Websites

CD

Brosur , lainya :……………………….

8. Jika anda tertarik dengan pemasaran melalui media internet , bentuk apa

yang anda inginkan paling menonjol? Gambar Animasi

Suara

Video Teks lainya :……………

9. Informasi apa saja yang anda inginkan di sebuah websites (dapat diisi

lebih dari 1)

Pelayanan Dunia Islam Panduan Unit Kegiatan Masjid

10. Apakah dalam mengikuti Pesantren Digital Indigo anda sudah puasa?

11. Apaka anda ingin jika setelah ini At-taqwa mengadakan kembali

PELATIHAN PESANTREN DIGITAL :

12. Pernahkah anda membuka/ browsing/ membuat/ blog atau situs internet

tentang dunia Islam ?

13. sebutkan kelebihan dari Islamic Centre dibandingkan dengan masjid yang

pernah anda kunjungi luar kota :

1.

2.

3.

14. Apakah anda setuju jika Komplek Islamic Centre akan dibangun Hotspot

Area ?(Daerah acces internet tanpa kabel/ Wirelles)

Ya tidak

Ya tidak

Ya tidak

Ya tidak

Ya tidak

Terima Kasih atas partisipasi anda mengisi Kuisioner ini Jajakumullah Khoiro Jaja.

Wassalam