SISTEM INFORMASI INFORMASI PADA PADA ISLAMIC CENTRE KOTA CIREBON MENGGUNAKAN MACROMEDIA DREAMEAVER
Oleh : AGUNG SHOLEHUDIN NIM : 050511007
UNIVERSITAS MUHAMMADIYAH CIREBON FAKULTAS TEKNIK PROGRAM STUDI TEKNIK INFORMATIKA CIREBON 2008
SISTEM INFORMASI INFORMASI PADA PADA ISLAMIC CENTRE KOTA CIREBON MENGGUNAKAN MACROMEDIA DREAMEAVER
SKRIPSI Oleh : AGUNG SHOLEHUDIN NIM : 050511007
UNIVERSITAS MUHAMMADIYAH CIREBON FAKULTAS TEKNIK PROGRAM STUDI TEKNIK INFORMATIKA CIREBON 2008
LEMBAR PENGESAHAN TANDA PERSETUJUAN PKL
Nam a
: AGUNG SHOLEHUDIN
NIM
: 050511007
Program Program Studi Studi : Tekn Teknik ik Inform Informati atika ka
Jenjang
Ju du l
: S1 : Sistem Informasi Manajemen
Tanggal anggal Sidang Sidang : Waktu
:
Cirebon, ..........,.........., 2008
------------------------------------------------------------
Mengetahui, Dekan Fakultas Teknik
M. Hisyam Hermawan, S.Si, T
ABSTRAKSI “ Sistem 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 konse konsen n akan akan hal ini sudah sudah barang barang tentu tentu akan akan terus terus mengup mengupgra grade de sistem sistem informasin informasinya ya agar terus selalu selalu mutakhir mutakhir sehingga sehingga tidak tertinggal tertinggal dengan perk perkem emba bang ngan an tekn teknol olog ogii info inform rmas asii yang yang actu actual al.. Kita Kita makl maklum um bahw bahwa a perk perkem emba bang ngan an tekn teknol olog ogii sang sangat at cepat cepat terj terjad adii teru teruta tama ma dala dalam m bida bidang ng teknologi teknologi informasi informasi ( Teknologi eknologi komputer komputer dan Telekomunik elekomunikasi asi ), kar karena ena itu organ organisa isasi si mau tidak tidak mau harus harus senan senantia tiasa sa mengik mengikuti uti dan mengad mengadops opsii 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 yang saat saat ini menjad menjadii kebutu kebutuhan han sekund sekunder er.ya .yang ng dahulu dahulu hanya hanya sebata sebatas s kebutuhan tertier. Tujuan penelitian ini adalah untuk menganalisa media elektronik diantaranya websites websites yang bersifat bersifat dynamic usaha pemasaran pemasaran dan promosi promosi yang sedang sedang berjal berjalan an di Masjid Masjid Raya Raya At-aq At-aqwa wa adalah adalah sebaga sebagaii manife manifesta stasi si dari dari agenda agenda Futurustik Masjid yang berbasis teknologi, dan kemudian dari hasil analisa tersebut dirancang web yang berbasis berita b erita dan artikel online. Metode penelitian yang digunakan terdiri dari metode analisis dan metode perancangan perancangan.. Metode Metode analisis analisis terdiri terdiri dari wawancara wawancara,, kuesione kuesionerr dan studi pust pustak aka. a. Wawanc wanca ara dan dan kuesi uesio oner ner bert bertuj ujua uan n agar gar mend menda apatk patka an mendapatkan informasi yang dibutuhkan dalam penelitian mengenai sistem yang berjalan. Studi pustaka bertujuan untuk mencari sumber-sumber teori, pengetahuan pengetahuan dan informasi informasi lainnya yang berkaitan berkaitan dengan penelitian penelitian baik berupa berupa buku, buku, artik artikel el di perpus perpustak takaan aan dan intern internet. et. Metode Metode peranc perancang angan an 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. Kesimpul Kesimpulannya annya adalah adalah perancanga perancangan n website website yang berbasisk berbasiskan an multimedia multimedia sebagai bagian dari ilmu teknik teknik informatika di dalam dunia bisnis agar dapat membantu usaha pemasaran perusahaan. Kata Kunci : Web, Islamic centre, islam Fastabiqul Khoirots Wassalam.
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. selesai. SKRIPSI SKRIPSI ini disusun disusun sebagai sebagai persyarat persyaratan an untuk mendapatkan mendapatkan Gelar Gelar Sarjana jurusan Tehnik Informatika di Universitas Muhammadiyah Cirebon. SKRI SKRIPSI PSI ini ini ditu dituli lis s berd berdas asar arka kan n info inform rmas asii dan dan data data yang yang bers bersif ifat at eduk edukat atif if
dari dari
berb berbag agai ai
piha pihak k
sela selama ma
pela pelaks ksan anaa aan n
SKRI SKRIPS PSII
maup maupun un
penyusunan SKRIPSI pada At-taqwa dan Yayasan Islamic Center Kota Cirebon, naungan naungan DKM At-taqwa At-taqwa Kota Kota Cirebon Cirebon yang dibawah dibawah Koordin Koordinasi asi Pemerint Pemerintah ah 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 M.Si selaku selaku Pembimbing Pembimbing I SKRIPSI Universitas Muhammadiyah Cirebon.
2.
Kira Kirana na
Lesmi, smi,
S.T S.T
sela elaku
Pembim mbimbi bing ng
II
dari dari
Univ Univer ersi sittas
Muhammadiyah Cirebon. 3.
Ade Johar Johar M, ST selak selaku u Ka Kapr prodi odi Tehnik ehnik Infor Informat matika ika Univer Universit sitas as 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- I ndonesia.
7.
Keluarga Penulis, ayah Taufik Hidayat (ALM) terutama untuk Ibunda Tercinta,dan 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.
Maha Ma hasi sisw swa a
Akbi Akbid d
Muha Muhamm mmad adiy iyah ah
yang yang
tela telah h
memb member erik ikan an
semangat semangat kepada kepada penulis penulis dalam memotivas memotivasii dalam penyusunan dari proposal sampai finish. 9.
Rekan ekan-r -rek ekan an
Bada Badan n
Ekse Eksek kutif utif
Maha Ma hasi sisw swa a
(BEM (BEM))
dan dan
Mahasi Mahasiwa wa Muhammad Muhammadiya iyah h Kota & Ka Kabup bupate aten n Cirebo Cirebon n
Ikat Ikatan an Sebaga Sebagaii
rekanan sejawat 10. Rekan-rekan Rekan-rekan penulis khususnya anak S1 kelas Karyawan/ Karyawan/ Eksekutif
yang mendukung baik dari moril, materi, serta dorongan sehingga penulis dapat menyelesaikan SKRIPSI ini. Penulis Penulis menyadari menyadari sepenuhnya sepenuhnya dalam penyusunan penyusunan SKRIPSI SKRIPSI ini, masih masih banyak terdapat kekurangan dan kelemahan yang dimiliki penulis baik itu sist sistem emat atik ika a penu penuli lisa san n maup maupun un peng penggun gunaa aan n baha bahasa sa.. Untu Untuk k itu itu penu penuli lis s 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 2.3 External External Entity Entity …………… … .. . ... .. .. .. .. ... . . ... .. .. .. .. ... . .. .. .. .. .. .. . . .. .. .. ... . .. ..
27
Gambar 2.4 Data Flow Arus Data ……….............................................................. 27 Gambar 2.5 2.5 Process 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..……..……….............................................................. Many..……..……….............................................................. 30 Gambar 2.11 Many to Many..……..………............................................................ Many..……..………............................................................ 30
Gambar 3.1 Diagram Konteks 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 Yang diusulkan …… …............................................. 34 Gambar 3.7 Diagram Konteks 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 Gambar 5. 4 Perangca erangcanga ngan n Tampila ampilan n Ma Maste sterr Form Form Anggota Anggota Koperas operasii .................. 56 Gambar
5.
5
Perangcangan
Tampilan
Master
harga
pulsa
.................................... 56 Gamb Gambar ar
5.
6
Peran erangc gcan anga gan n
Tampi ampila lan n
Trans ransak aksi si
Pembe embeli lian an
Bara Barang ng
Peran erangc gcan anga gan n
Tampi ampila lan n
Trans ransak aksi si
Penju enjual alan an
Bara Barang ng
..................... 57 Gamb Gambar ar
5.
7
...................... 57 Gamb Gambar ar
5.
8
Peran erangc gcan anga gan n
Tampi ampila lan n
Trans ransak aksi si
Simp Simpan anan an
Angg Anggot ota a
.................... 58 Gambar 5. 9 Perangcangan Tampilan Transaksi Penjualan Pulsa ........................ 58 Gamb Gambar ar
5. 10 Peran erangc gcan anga gan n
Tampi ampila lan n
Trans ransak aksi si
Pinj Pinjam aman an Anggo Anggota ta ................... 59
Gamb Gambar ar
5.
11
Peran erangc gcan anga gan n
Tampi ampila lan n
Form orm
Pemba embaya yara ran n
Pinja injama man n
.................... 59 Gambar Gambar 5. 12 Perang Perangcan cangan gan Tampila ampilan n Form Form Input Input Penarik enarikan an Simpana Simpanan n ............... 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 Tampilan Laporan pembelian Barang.................. 62 Gambar 5. 16 Perangcangan Tampilan Tampilan Cetak Laporan Simpanan.................. 62 Gambar Gambar 5. 17 Perangc erangcang angan an Tampila ampilan n Cetak Cetak Lapora Laporan n Penjuala enjualan n Barang 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 Tampilan Cetak Laporan Pembukuan ALC ........... 65 Gambar 5. 19 b Perangcangan Tampilan Cetak Laporan Pembukuan ALC ........... 65 Gambar 5. 20 Perangcangan Tampilan Tampilan Laporan Neraca Rugi Laba.................. 65 Gambar 5. 20 b Perangcangan Tampilan Tampilan Laporan Neraca Rugi Laba.................. 65 Gambar 4. 1 Tampilan Layar Form 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. 4 Tampilan Master Master Layar Layar Form Form Anggota Koperasi Koperasi ........................... 71 Gambar 4. 5 Tampilan Master Harga Pulsa ........................................................ .......................... .............................. 71 Gambar 4. 6 Tampilan Tampilan Transaksi Transaksi Pembelian ...................................................... 72 Gambar 4. 7 Tampilan Tampilan Transaksi Transaksi Penjualan Barang ............................................ 73
Gambar 4. 8 Tampilan Transaksi Layar Simpanan Anggota ................................ 74 Gambar 4. 9 Tampilan Tampilan Layar Penjualan Penjualan Pulsa ................................................... 75 Gambar 4. 10 Tampilan Tampilan Transaksi Transaksi Pinjaman Anggota ........................................ 76 Gambar 4. 11 Tampilan Layar Form Input Pembayaran Pinjaman ........................ 77 Gambar 4. 12 Tampilan Tampilan Layar Form Form Penarikan Simpanan .................................. 78 Gambar 4. 13 Tampilan Tampilan Layar Form 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................... Pengantar................... ............................................................................................. iv Abstraksi .................................................................................................... .......... ... .. . ... .
v
Daftar Simbol .................................................................................................................. vi
Daftar Gambar ................................................................................................................ viii Daftar Isi ........................................................................................................................ xi BAB I
BAB II
BAB BAB III III
BAB IV
: PENDAHU PENDAHULU LUAN. AN.... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...
7
A. Latar Latar Belak Belakang ang... ...... ...... ...... ...... ...... ...... ...... ...... ...... ....... ....... ................. .................... ............ .......... ....
7
B. Perumu erumusa san n Ma Masa sala lah. h... .... .... .... .... ..... ..... .... .... .... .... .... .... ........ ......... ...... ....... ....... ...... ...... ...... ...... ...
9
C. Tujuan ujuan Penul Penulisa isan.. n..... ....... ....... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ....... ....... ...... ...... ..... .. ........ ........
9
D. Batasan Batasan Masal Masalah/ ah/ Ruan Ruang g Lingkup. Lingkup.... ...... ...... ....... ....... ...... ...... ...... ...... ..... ......... .........
10
E. Metode Metode Penge Pengemba mbanga ngan n / Metode Metode Experim Experimen en .................... ....................
11
F. Sistem Sistemati atika ka Penulis Penulisan an ......... ............. ....... ...... ...... ............ ............... ............. ............. ............ ......
13
: LANDASA LANDASAN N TEORI.. TEORI..... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ......... .......... ......... .......
15
A. Teori Objek Penulisa Penulisan n ............. ................... ............ ............ ............ ............. ............. ......... ... ....
15
B. Penge Pengerti rtian an Sistem Sistem ...... ......... ....... ....... ...... ...... ...... ...... ...... ................ ................... ............ .......... ....
16
C. Definis Definis Sistem Sistem Informa Informasi si ....... .......... ...... ....... ....... ...... ...... ...... ...... ...... ...... ...... ..... .......... ..........
19
D. Penge Pengerti rtian an Visual Visual Basic Basic ....... .......... ...... ...... ...... ...... ...... ...... ...... ..... ............. ................... ........ ..
21
E. Pengerti Pengertian an Pengola Pengolahan han Data ....... ........... ....... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ..... ..
24
F. Pengerti Pengertian an Crystal Crystal Re Report port ............. ................... ............ ............ ............ ............. ............ ..... ..
24
G. Peranc Perancang angan an alat-a alat-alat lat dan dan definis definis ..... ........ ...... ...... ...... ............ ............... ........... .....
25
: ANAL ANALISA ISA MASA MASALA LAH H DAN DAN PERA PERANCA NCANGA NGAN N SIST SISTEM EM.... ........ ......
31
A. Anal Analisi isis s Pro Prosed sedur ur ....... .......... ...... ...... ...... ...... ...... ...... ...... ...... ................. .................... ............ ........ ..
31
B. Pera Peranca ncanga ngan n Sistem Sistem ...... ......... ...... ....... ....... ...... ...... ...... ...... ...... ...... ...... ...... ...... ... ........... ...........
34
C. Peran Perancan cangan gan Databa Database se ...... ......... ...... ...... ...... ...... ...... ...... ....... ....... ...... ...... ...... ...... ...... ...... ... ..
49
D. Relas Relasii Tabe Tabell ....... .......... ...... ...... ...... ...... ...... ...... ...... ...... ...... ....... .................. .................... ............ ......... ...
54
E. Peran Perancan cangan gan Layar Layar// tamp tampila ilan n ...... ......... ...... ...... ...... ...... .............. ................. ........... .....
54
: IMPLEME IMPLEMENT NTASI ASI PROGRAM PROGRAM... ...... ...... ...... ...... ...... ...... ...... ...... ........ ......... ......... .......
67
A. Rencana encana Implement Implementasi asi... ...... ...... ...... ...... ....... ....... ...... ...... ...... ............... .................. ............ ......
67
1. Pemil Pemiliha ihan n Pera Perangk ngkat at Keras eras (Har (Hardwa dware re)) ........ ..................... .............
67
2. Pemi Pemilih lihan an Pera Perangk ngkat at Luna Lunak k (Sof (Softwa tware re)) ........ .............. ............ ........ ..
68
3. Pemi Pemilih lihan an Pela Pelaksa ksana/ na/ Progr Programe amerr (Brain (Brainwar ware) e) ............ ............
68
B. Hasil Hasil Penguj Pengujian ian Progra Program.. m..... ...... ...... ...... ...... ...... ...... ...... ...... ....... ....... ...... ...... ..... .. ......... .........
68
BAB V
: PENUTU PENUTUP.. P..... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ......... ........... ......... ........ ....
84
V.1. Ke Kesim simpul pulan an ...... ......... ...... ...... ...... ....... ....... ...... ...... ...... ...... ...... ...... .................. ..................... ........... .....
85
V.2. Saran Saran ...... ......... ...... ...... ...... ...... ...... ...... ...... ....... ....... ...... ...... ...... ...... ...... ...... ... ............. ................... .......... ....
85
DAFTAR DAFTAR PUSTAKA PUSTAKA .......... ............... .......... .......... .......... .......... .................... ............................ ................... ......
86
DAFTAR DAFTAR LAMPIRAN LAMPIRAN .......... ............... .......... .......... ................ ......................... ........................... ................. ....
87
BAB I PENDAHULUAN A. Lata Latar r Bela Belaka kang ng
Perubaha erubahan n tekno teknologi logi bak sepert sepertii air mengal mengalir ir sampai sampai jauh jauh artiny artinya, a, teknologi tak pernah usang, bahkan tak ada ujungnya. Batasan bagi user/ pengguna adalah adalah ketika melihat metode metode manual manual ingin agar menjadi menjadi lebih cepa cepat, t, akura akurat, t, efis efisie ien n deng dengan an tujua tujuan n memu memuda dahk hkan an peng penggu guna na agar agar permasala permasalahan han cepat diselesaikan diselesaikan dengan dengan sedikit sedikit kesala kesalahan han dari human eror.
Begitupun manusia dalam hidup membutuhkan keseimbangan antara materi dan spiritual. Materi diperlukan untuk memenuhi kebutuhan jasmani sepert sepertii makan, makan, minum, minum, istira istirahat hat dsb. dsb. Materi Materi juga juga diperl diperluk ukan an untuk untuk meme memenu nuhi hi kebutu ebutuha han n
nalur naluria iah h
sepe sepert rtii
kebutu ebutuha han n
akan akan kekua ekuasa saan an,,
kebutuhan dicintai dan mencintai, kebutuhan rasa aman dsb. Namun pada sisi lain manusia sebagai makhluk yang mempunyai naluri beragama juga membutuhka membutuhkan n siraman siraman rohani rohani yang dapat mempertaja mempertajam m kesadar kesadarannya annya sebagai hamba Allah. Kesadaran ini yang akan mengarahkan tingkah laku manusi manusia a sehingg sehingga a memunc memunculk ulkan an sosok sosok pribadi pribadi muslim muslim yang yang amanah amanah,, cakap cakap dan produktif produktif serta memunculka memunculkan n kesadar kesadaran an spiritual spiritual yang akan 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. Itul Itulah ah seba sebabn bnya ya di kotaota-k kota ota besa besarr sepe sepert rtii Jaka Jakart rta, a, Band Bandun ung, g, atau 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 vert vertik ikal al..
Fenom enomen ena a
ters terseb ebut ut
tamp tampak akny nya a
akan akan
dial dialam amii
juga juga
oleh 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 Sistem Inform Informasi asi merupa merupaka kan n faktor faktor yang yang pentin penting g dalam dalam suatu suatu perusahaan, sehingga tidak ada satupun perusahaan yang dapat bertahan dalam jangka waktu yang lama apabila perusahaan tidak mampu bersaing memasa memasark rkan an produ produk k baik baik barang barang maupun maupun jasa jasa yang yang dihas dihasilk ilkan an oleh oleh perusahaan tersebut. Akan tetapi tidak berbeda dengan sebuah Islamic Centre Kota Cirebon yang bergerak dalam bidang Teologi Keislaman yang haru harus s mela melaku kuka kan n kegia egiata tan n yang yang bers bersif ifat at akti aktiff
dan dan dina dinami mis s dala dalam m
mencerdeskan kehidupan diantara umat islam dalam mencari client dan bukan bukan hanya hanya semata semata-ma -mata ta bertuj bertujuan uan agar agar jasany jasanya a dapat dapat diteri diterima ma dan memenuhi kebutuhan dari client , tetapi Masjid Masjid dan Yaysan Yaysan ini juga harus dapa dapatt
mene menentu ntuka kan n
baga bagaim iman ana a
cara cara
memp memper erk kenal enalka kan n
jasa jasa
kepad epada a
masyarakat dengan cara yang efektif dan efisien. Seirin Seiring g dengan dengan kemaj kemajuan uan teknol teknologi ogi,, banyak banyak perusa perusahaa haan n yang yang menggunakan internet sebagai cara untuk menarik dan mencari informasi. Jari Jaringa ngan n kompu ompute terr glob global al ini ini sema semaki kin n melu meluas as ke berba berbaga gaii lapi lapisa san n masyarakat termasuk dalam dunia Islam dengan skala lokal maupun skala internasional, sehingga internet dapat digunakan sebagai alternatif media dakw dakwah ah baik baik dala dalam m prog progra ram m kerja erja maup maupun un mens mensos osia iali lisa sasi sika kan n yang yang dik dikemas emas dala dalam m mema memasa sark rkan an jasa jasany nya a seca secara ra on line line yakn yaknii deng dengan an pembuatan websites. Pada Pada umumnya umumnya tujuan tujuan pembua pembuatan tan websites oleh instansi adalah dalam rangka meperkenalkan diri kepada masyarakat luas bersifat pluralitas serta menciptakan iklim dakwah yang kondusif (dakwah
bilha, bilha, bil mauidh mauidhoti otill hasana hasanah) h) dan juga intera interaksi ksi untuk untuk mening meningka katk tkan an hubungan umat Islam kota cirebon dengan skala yang lebih global.
Dalam skripsi ini akan dibahas aplikasi website berbasiskan berita dan artik artikel el yang yang pada pada akhirn akhirnya ya secara secara langsu langsung ng dapat dapat mening meningka katka tkan n efisiensi yayasan dan instansi dalam pemasaran jasa. Diharapkan aplikasi website
ini ini
dapa dapatt
menj menjad adii
medi media a
dapa dapatt
meny menyam ampa paik ikan an
info inforrmasi masi
mengenai Islamic Centre- Islamic Center Kota Cirebon secara lebih lengkap dan dan rinc rincii bagi bagi para para client , khus khusus usny nya a dala dalam m hal hal mena menari rik k mina minatt dan dan keinginan terhadap umat Islam dan umat lain. Agar Agar dapa dapatt mena menari rik k dibu dibutu tuhk hkan an suat suatu u medi media a we webs bsit ites es yang yang menarik. Salah satu alternatif yang ditawarkan teknologi saat ini yaitu menggunaka menggunakan n sarana sarana database, database, artikel artikel kea keagamaa gamaan, n, berita berita dan profile 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. Perum Perumus usan an Masal Masalah ah
Permasalahan Permasalahan yang diangkat dalam pembuatan aplikasi ini meliputi: 1. Skala Skala yang yang dijangkau dijangkau masih relatif relatif sempit. sempit. 2. Kurang Kurang maksima maksimalnya lnya hasil hasil yang yang dicapai dicapai bila menggunak menggunakan an sistem sistem manual 3. Daya tarik tarik client client atau atau user masih masih sediki sedikitt untuk mengenal mengenal lebih lebih jauh jauh ICC. 4. Kurangny Kurangnya a Informasi Informasi yang yang didapat didapat dalam Komuni Komunitas tas Para Para Mubaligh, Mubaligh, Masjid, se-Indonesia maupun link diantara Yayasan Yayasan Islamic Center seKota Cirebon.
5. Media Silatur Silaturahim ahim masih masih bersifat bersifat lokal lokal belum adanya adanya sinergi sinergitas tas yang yang bersifat mutualisme
C. Tujuan ujuan Penu Penuli lisa san n
Tujuan skripsi adalah sebagai berikut : 1. Skal Skala a yang yang ingi ingin n dija dijang ngka kau u lebi lebih h melu meluas as dala dalam m jangk jangkau auan an bert bertar araf af internasional. 2. Me Memb mber erik ikan an prob proble lem m solv solvin ing g dala dalam m Opti Optima mali lisa sasi si Agen Agenda da Yayas ayasan an Islamic Centre 3. Menyajik Menyajikan an suatu suatu Inform Informasi asi Edukatif Edukatif dan Inform Informatif atif yang berbasis berbasis web web sehingga user dapat memperoleh informasi yang dibutuhkan dengan cepat dan mudah 4. Mengop Mengoptim timalk alkan an peran media promos promosii dengan dengan media intern internet et dunia maya 5. Member Memberika ikan n terobo terobosan san terbaru terbaru dan Me Membe mberik rikan an sebuah sebuah Sinerg Sinergii baik baik inform informas asii yang yang didapat didapat dalam dalam komun komunita itas s Yayasan ayasan Islami Islamic c Centr Centre e maupun ormas islam sebagai media silaturahmi umat Islam donesia. D. Batasan Batasan Masala Masalah/ h/ Ruang Ruang Lingkup Lingkup 1. Bata Batasa san n Masa Masala lah h
Sistem Sistem inform informas asii dalam dalam skrips skripsii ini member memberik ikan an batasa batasan-b n-bata atasan san masalah, diantaranya batasan masalah dalam skripsi ini adalah: a. Databa Database se anggo anggota ta dan dan peng pengunj unjung ung b. Estima Estimasi si Agenda Agenda Kegiat Kegiatan an yang yang bersif bersifat, at, Insident Insidental, al, Monument Monumental al maupun bersifat berkala (Pendek maupun Panjang)
c. Informasi berita yang bersifat lokal maupun nasional. d. fasilitas fasilitas pencarian pencarian inform informasi asi dan dan data berdasark berdasarkan an judul judul
2. Ruan Ruang g Ling Lingku kup p
Pada Pada skrips skripsii penuli penulis s juga juga memili memilih h sebuah sebuah lokasi lokasi pusat pusat studi studi keIslaman yang berada di Komplek At-taqwa dengan lokasi di komplek Islamic Centre yang memiliki beberapa potensi-potensi, antara lain :
a. ICC merup merupaka akan n sarana sarana penunj penunjang ang ormasormas-orm ormas as islam islam untuk untuk silaturahim diantaranya Muhammadiyah, NU, Persis, Al-Irsyad, PUI dll.
(Islamic ic Center Center Kota Cirebo Cirebon) n) merupa merupaka kan n yayasa yayasan n yang yang b. ICC, (Islam berada di pusat kota Cirebon yang mudah dijangkau dari mana saja.
c. Memiliki Directory Islam berisi database Mushola, Masjid, Da’i dan Khotib Khotib dilingk dilingkung ungan an Islam Islamic ic Centre Centre dan Se-Ko Se-Kota ta Cirebo Cirebon, n, terutama belum optimal dalam media aksesnya . Company, yang berisi tentang Profile Instansi dari Yayasan d. Profile Company, Islamic Centre Kota Cirebon. e. Yayasan ICC merupakan ikon Umat islam yang diakui oleh semua kalangan diantara yayasan-yayasan lainya.
E. Metode Metode Pengemba Pengembanga ngan/M n/Metod etode e Experime Experimen n
Metode Eksperimen/pengembangan Dala Dalam m peng pengem emba bang ngan an sist sistem em ini ini dan dan juga juga meng mengan anal alis isa a ranc rancan anga gan n prog progra ram m
yang yang
dibu dibutu tuhk hkan an
untu untuk k
peny penyus usun unan an
skri skrips psii
ini, ini,pe penu nuli lis s
menggunakan 2 (dua) Metode yaitu: 1. Tahapan ahapan Tinjau Tinjauan an Sist Sistem em
a. Metode Metode Lapan Lapangan gan (Fiel (Field d Resear Research) ch) Metode ini dilakukan penulis secara langsung untuk mengumpulkan baik baik data data yang yang berhub berhubunga ungan n dengan dengan siste sistem m pada pada DKM-I DKM-ISLAM SLAMIC IC pengembangan tersebut penulis mengumpulkan dengan cara :
1. Observ Observasi asi (Pe (Penga ngamat matan an Langs Langsung ung)) Penulis enulis melak melakuka ukan n pengama pengamatan tan langsu langsung ng ke tempat tempat objek objek pembahasan yang ingin diperoleh yaitu melalui bagian-bagian terpe erpent ntin ing g
dala dalam m
peng penga ambil mbila an
dat data
yang yang
dipe diperl rluk ukan an..
Pengam engambi bila lan n data data penu penuli lis s lak lakukan ukan pada pada bagi bagian an keuan euanga gan n maupun Administrasi Administrasi pada Islamic Centre. 2. Inte Interv rvie ies s (Waw (Wawan anca cara ra)) Penulis melakukan Interview (wawancara) untuk mendapatkan penjel penjelasa asan n dari dari masala masalah-m h-masa asalah lah yang yang sebel sebelumny umnya a kuran kurang g je jelas las dan untuk untuk menyak menyakink inkan an bahwa bahwa data data yang yang dipero diperoleh leh / dikumpulk dikumpulkan an benar-bena benar-benarr akurat. akurat. Dimana Dimana penulis penulis melakukan melakukan inte interv rvie iew w kepad epada a piha pihak k yang yang berk berkom ompe pete ten n di bagi bagian an staf staff f sekretariat atau bidang keuangan pada DKM-ISLAMIC b. Metode Metode Perpus Perpustaka takaan an (Library (Library Research) esearch) Meto Me tode de ini ini penu penuli lis s mengu menguti tip p dari dari bebe bebera rapa pa baca bacaan an yang yang berkaitan dengan pelaksanaan PKL yang dilaksanakan di DKM Attaqwa- ISLAMIC selama dua bulan lebih. Yang Yang dikutip dapat berupa teori teori ataupu ataupun n bebera beberapa pa pendap pendapat at dari dari bebera beberapa pa buku buku bacaan bacaan atau ataupu pun n
buk buku
dikt diktat at
yang yang
dipe diperg rgun unak akan an
sela selama ma
kulia uliah. h.
Ini Ini
dimaksudkan untuk memberikan landasan teori yang kuat melalui buku-buku atau literatur yang tersedia di perpustakaan, baik berupa baha bahann-ba baha han n
kulia uliah h
dan dan
bros brosur ur
yang yang
berh berhub ubun unga gan n
deng dengan an
penulisan PKL ini.
c. Tahapan ahapan Analis Analisis is Sistem Sistem Dalam Dalam tahap tahap ini sistem sistem yang yang sedang sedang berjal berjalan an dipelaj dipelajari ari dan sistem sistem pengga pengganti nti diusul diusulka kan. n. Dalam Dalam tahapa tahapan n ini dideskr dideskrips ipsika ikan n sist istem
yang yang
seda edang
berj berja alan, lan,
masa masala lah h
dan dan
kesemp sempat ata an
dide dideffinis inisik ikan an,,
dan dan
rekom ekome endas ndasii
umum umum
untu untuk k
baga bagaim iman ana a
memper memperbai baiki, ki, mening meningka katk tkan an atau atau mengga mengganti nti sistem sistem yang yang lama lama atau atau dala dalam m taha tahapa pan n anal analis isis is ini ini adal adalah ah pemb pembua uata tan n websites perdana.
Dan
pendekatan
dengan gan
metode
peran rancangan
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 ahapan Evalua Evaluasi si Sist Sistem em
Dalam tahap evaluasi ini akan membahas tentang analis yang telah dilakukan mengenai kekurangan atau kelebihan yang terdapat didalam didalam keseluruh keseluruhan an sistem sistem sehingga sehingga dapat diajadikan diajadikan dasar untuk memperbaiki atau mengganti sistem yang telah ada. F. Sist Sistem emati atika ka Penul Penulis isan an BAB BAB I : PEND PENDAH AHUL ULUA UAN N
Bab ini membic membicara arakan kan mengen mengenai ai latar latar belaka belakang ng masala masalah, h, perumusan perumusan masalah, masalah, tujuan penulisan, penulisan, pembatasa pembatasan n masalah, masalah, metode pengembangan, dan sistematika penulisan.
BAB II : LANDASAN LANDASAN TEORI TEORI
Bab ini memuat tentang landasan teori yang berkaitan dengan perm permas asal alah ahan an yang yang dite diteli liti ti yang yang didap didapat at dari dari refe refere rens nsiireferensi yang ada serta teori-teori yang mendukung skripsi ini.
BAB II III
: AN ANALISA MA MASALAH DA DAN RA RANCANGAN PR PROGRAM.
Bab ini menjelaskan tentang rancangan program DAD/ DFD, Diagram Konteks, Relasi, Dll.
BAB
IV
:IMPLEMENTASI
DAN
ANALISA
HASIL
UJI
COBA
PROGRAM
Bab Bab ini ini menj menjel elas aska kan n tent tentan ang g jal jalan anny nya a uji uji coba coba bert bertah ahap ap program program yang akan dikemban dikembangkan gkan serta analisa 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 dari apli aplika kasi si yang yang dibua dibuat, t, dan dan eval evalua uasi si hasi hasill test testing ing baik internal maupun eksternal. BAB V
: PENUTUP
Bab ini mengemukak mengemukakan an kesimpula kesimpulan n yang dapat ditarik dari pembahasan dan analisa persoalan tersebut yang selanjutnya dikemuk dikemukakan akan saran-sara saran-saran n yang dapat dipertimbang dipertimbangkan kan oleh perusahaan tersebut.
G. Flowch Flowchart art Peneli Penelitian tian
Start
BAB BA B I PENDAHULUAN PENDAHULUAN
BAB II I I LANDASAN TEORI
BAB II I I I (Analisa (Analisa Masala asalah h & Perancangan Program Program)
BAB I V ( I mplem plementasi entasi & Analisa Hasil Uji Program)
Ya sesuai dengan Sistematika Penulisan?
Tidak
Ya
Finish
BAB II LANDASAN TEORI A.
Pengertian Data dan Informasi
B.
Pengertian Pengolahan Data 1. Pengert Pengertian ian Pengol Pengolahan ahan Data
“Pengola “Pengolahan han data adalah proses proses ker kerja ja yang akan akan mengubah mengubah data menjadi informasi” informasi”.. (Jogiyanto (Jogiyanto HM, Pengenal Pengenalan an Komputer Komputer,, Andi Yogyakarta, 1999). Suatu proses pengolahan data terdiri dari tiga tahapan dasar yang disebut dengan siklus pengolahan data, yaitu input, proses dan output.
INPUT
PROCESSING
OUTPUT
Gambar 2.1.1 Proses Pengolahan Data INPUT :
Tahap ini merupakan proses memasukkan data kedalam
PROSES:
proses komputer lewat data alat input (input device). Tahap ini merupakan proses pengolahan dari data yang Sudah dilakukan oleh alat pemproses (processing device) yang dapat berupa proses menghitung, membandingkan, meng mengen enda dali lik kan
OUTPUT:
atau tau
penyimpanan). Tahap ahap ini ini meru merupa paka kan n
menc menca ari pros proses es
di
stora torage ge
meng mengha hasi silk lkan an
(med (media ia outp output ut
darihasil pengolahan data ke alat output (output device) yaitu berupa informasi.
2. Peng Pengert ertia ian n Multim Multimed edia ia
Menurut Menurut Vaughan aughan (2004 (2004,, p1) multim multimedi edia a diarti diartika kan n sebag sebagai ai 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 Menurut Burger Burger (1993, (1993, p3) multimedia multimedia merupakan merupakan gabungan gabungan dari dari 2 atau atau lebi lebih h medi media a yang yang berb berbed eda a pada pada suat suatu u PC (Personal ). Computer ). Menurut Hofstetter (2001, p2) multimedia adalah penggunaan komputer komputer untuk menampilka menampilkan n informasi informasi yang merupakan merupakan gabungan dari text , grafik grafik,, audio dan video sehingga sehingga bern bernav avig igas asi, i,
beri berint nter erak aksi si,,
berk berkre reas asii
dan dan
membuat membuat user dapat berk berkom omun unik ikas asii
deng dengan an
komputer. Dari bermacam pengertian multimedia diatas, dapat dilihat bahwa bahwa multim multimedi edia a dibent dibentuk uk dari dari pengga penggabun bungan gan bebera beberapa pa elemen elemen,, berupa gambar yang bergerak (animasi/ video), suara (audio), gambar (grafik), dan text yang digabungkan kedalam sebuah komputer dan dijalankan secara interaktif. interaktif. a. Elemen - Elemen Multimedia
Menurut Hofstetter (2001, p16) multimedia memiliki elemen elemen sebagai berikut, yaitu :
1. Text Teks merupa merupaka kan n elemen elemen multim multimedi edia a yang yang menjad menjadii dasar dasar untuk untuk menyam menyampai paika kan n infor informas masi, i, kare karena na teks teks adalah adalah jenis jenis data data yang yang paling sederhana sederhana dan membutuhk membutuhkan an tempat tempat penyimpanan penyimpanan yang pali paling ng kecil ecil.. Teks eks meru merupa paka kan n cara cara yang yang pali paling ng efek efekti tiff dala dalam m mengemukakan ide-ide kepada pengguna, sehingga penyampaian informasi akan lebih mudah dimengerti oleh masyarakat.
2. Graf Grafik ik / Gamb Gambar ar Sangat bermanfaat bermanfaat untuk mengilustra mengilustrasika sikan n informasi informasi yang akan disa disamp mpai aika kan n teru teruta tama ma info inform rmas asii yang yang tida tidak k dapa dapatt dije dijela lask skan an dengan kata-kata. Jenis-jenis grafik seperti Bitmap yaitu gambar yang yang disimp disimpan an dalam dalam bentuk bentuk kumpu kumpulan lan pixel, yang berkaitan berkaitan dengan titik-titik titik-titik pada
layar monitor monitor.. Digitized Digitized picture picture adalah
gambar gambar hasil hasil reka rekaman man video video atau atau camera camera yang yang dipinda dipindahk hkan an ke kompu komputer ter dan diubah diubah ke dalam dalam bentuk bentuk bitmaps. Hyperpictures, sama seperti hypertext hanya saja dalam bentuk gambar. gambar. 3. Audio Multimedia tidak akan lengkap jika tanpa audio (suara). Audio bisa berupa percakapan, percakapan, musik atau efek suara. suara. Format Format audio terdiri dari beberapa jenis : a.
Wave
Meru Me rupa paka kan n form format at file file digi digita tall audi audio o yang yang disi disimp mpan an dala dalam m bentuk digital dengan ekstensi WAV. b.
MIDI
Merupakan singkatan dari Musical Instrument Digital Interface. MIDI MIDI member memberika ikan n cara cara yang yang lebih lebih efesie efesien n dalam dalam mereka merekam m 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. multimedia. Dengan 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 Animasi
adalah adalah
simulasi simulasi
gerakan gerakan
yang
dihasilka dihasilkan n
dengan 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
(ger (gerak akan an), ),
teta tetapi pi
anim animas asii
menc mencak akup up
semu semua a
yang yang
mengandung efek visual sehingga animasi mencakup perubahan posisi terhadap waktu, bentuk, warna, struktur, tekstur dari sebuah obje objek, k, posi posisi si kame kamera ra,, penc pencah ahay ayaa aan, n, orie orient ntas asii dan dan fok fokus dan dan perubahan dalam teknik rendering. Menurut Hofstetter (2001, p26) terdapat empat macam animasi, yaitu:
a. Frame Animation Fram Frame e
anim animat atio ion n
memb membua uatt
obj objek
ber bergera gerak k
deng dengan an
menamp menampilk ilkan an bebera beberapa pa rangka rangkaian ian gambar gambar yang yang dinamak dinamakan an dengan frame, dimana objek tersebut akan akan muncul pada lokasi berbeda pada layar. b. Vecto ectorr Anima Animati tion on
Vektor adalah sebuah garis yang mempunyai awal, arah, dan panjan panjang. g. Animas Animasii dengan dengan vekto vektorr membua membuatt objek objek berger bergerak ak dengan dengan ditent ditentuk ukan an pada pada ketig ketiga a parame parameter ter dari dari garis garis untuk untuk menentukan objek. c. Comp Comput utat atio iona nall Anima Animati tion on
Dalam computational animation, objek digerakkan digerakkan sepanjang sepanjang layar dengan cara menentukan kordinat x dan y. Koordinat x menga mengacu cu pada pada posi posisi si hori horizo zont ntal al dari dari obje objek k dan dan kordi ordina natt y mengacu pada posisi vertikal dari object. d. Morphing
mempunyai yai arti arti meruba merubah h satu satu sudut sudut menjad menjadii satu satu Morphing mempun sudut yang lain dengan menampilkan beberapa rangkaian dari menciptakan gerakan gerakan yang halus seiring seiring bentuk frame yang menciptakan pertama berubah dengan sendirinya menjadi bentuk yang lain.
C.
Pengertian Sistem
Pengertian sistem secara umum adalah : 1. Kumpula Kumpulan n dari bagian-ba bagian-bagian gian yang yang bekerja bekerja sama sama untuk mencap mencapai ai tujun yang sama. 2. Sekump Sekumpula ulan n objekobjek-obj objek ek yang yang saling saling berelas berelasii dan berinter berinteraks aksii serta serta hubu hubung ngan an anta antara ra obje objek k bisa bisa dili diliha hatt seba sebaga gaii satu satu kesat esatua uan n yang yang dirancang untuk mencapai suatu tujuan. Menu Me nuru rutt
Muly Mulyad adii
“Sis “Siste tem m
adal adalah ah sek sekelom elompo pok k
unsu unsurr
yang yang
erat erat
berhubungan berhubungan satu dengan yang lainnya, lainnya, yang berfungsi besama-sama besama-sama untuk untuk mencap mencapai ai tujuan tujuan terten tertentu” tu” (Muly (Mulyadi adi “Sistem Sistem Akuntansi Akuntansi, Yayasan Krama Yuda, 2002). Menurut Menurut Jogiyanto Jogiyanto “Sistem “Sistem adalah adalah kumpulan kumpulan dari elemen-ele elemen-elemen men yang berinteraks berinteraksii untuk mencapai suatu tujuan tertentu” tertentu” (Jogiyanto (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 keselu keseluruhan ruhan yang yang tersusun tersusun dari sekian sekian banyak banyak bagian. bagian. 2. Hubung Hubungan an yang yang berlan berlangsu gsung ng dianta diantara ra satuan satuan-sa -satua tuan n atau atau kompone omponennkomponen 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 komponen atau elemennya. elemennya. Pengertian Pengertian sistem sistem yang menekanka menekankan n
pada prosedurnya adalah suatu jaringan kerja dari prosedur-prosedur prosedur-prosedur yang saling berhubunga berhubungan, n, berkumpul berkumpul bersama-s bersama-sama ama untuk melakukan melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Yang dimaksud prosedur prosedur disini adalah urutan-urut urutan-urutan an yang tepat dari tahapan-t tahapan-tahapa ahapan n instru instruksi ksi yang yang menera menerangk ngkan an apa yang yang harus harus dikerj dikerjak akan, an, siapa siapa yang 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. Deng Dengan an
adan adanya ya
sist sistem em
ini, ini,
kita kita
berp berpan anda dang ngan an
bahw bahwa a
sist sistem em
meru merupa paka kan n suat suatu u kompo ompone nen n yang yang sali saling ng berh berhubu ubung ngan an dan dan deng dengan an keterkaitannya tersebut dapat menimbulkan suatu yang disebut informasi sebagai output untuk mencapai tujuan.
a. Menu Menuru rutt Gor Gordo don n B. Davi Daviss
“Sistem dapat membentuk abstrak maupun fisik. Sebuah sistem abstrak adalah adalah suatu suatu susun susunan an teratu teraturr, gagasa gagasan n atau atau konsep konsepsi si yang yang saling saling bergantung, sedang sistem yang bersifat fisik adalah serangkaian unsur yang bekerjasama untuk mencapai suatu tujuan bersama”. b. Menur Menurut ut S. Praju Prajudi di Atm Atmasu asudir diro o
“Sistem adalah setiap sesuatu yang terdiri dari objek-objek tau unsurunsur unsur yang yang salin saling g berh berhubu ubunga ngan n satu satu sama sama lainn lainnya ya sehing sehingga ga unsur unsur tersebut tersebut merupaka merupakan n satu satu keatuan keatuan dalam dalam pemrose pemrosesan san atau pengolah pengolahan an tertentu” c. Menur Menurut ut H.A. H.A. Hardi Harding ng : “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 dengan tujuan tujuan untuk untuk mengop mengoptim timalk alkan an faktor faktor-fa -fakto ktorr dan sifatsifat-sif sifat at tertentu”.
Berdas Berdasark arkan an pendap pendapat at para para ahli ahli terseb tersebut ut dapat dapat diambi diambill bebera beberapa pa kesimpulan yang merupakan ciri-ciri dari sistem yaitu sebagai berikut : 1. Sist Sistem em memp mempun unya yaii tujua tujuan. n. 2. Sistem Sistem terdiri terdiri dari bagianbagian-bagia bagian n atau atau elemen-e elemen-elemen lemen.. 3. Bagi Bagian an-b -bag agia ian n
yang yang
ber berhubu hubung ngan an
memb memben entu tuk k
stru strukt ktur ur
yang yang
mengikat keseluruhan dalam satu kesatuan 4. memiliki memiliki peranan peranan dan fungsi fungsi yang sangat sangat penting. penting. Dala Dalam m hal hal ini ini apab apabil ila a sala salah h satu satu kompo ompone nen n terg tergan angg ggu u atau atau mengalami kendala maka hal itu juga akan berpengaruh pada sistem “Kumpulan ulan data data yang itu sendiri. sendiri. Sedangkan Sedangkan Informasi adalah “Kump suda sudah h diol diolah ah sehi sehing ngga ga lebi lebih h bera berart rtii dan dan berg bergun una a bagi bagi si pemakai”. Dari Dari defeni defenisi si terse tersebut but kemudia emudian n dihubun dihubungk gkan an dengan dengan
bidang studi penulis yaitu Tehnik Informatika Komputer maka Sistem Info Inforrmasi masi
Mana anajeme jemen n
ada adalah lah
“Sist Sistem em
Info Inforrmas masi
yang yang
suda sudah h
terkomputerisasi karena adanya interaksi manusia dan komputer yang mengha menghasil silka kan n inform informasi asi sesuai sesuai dengan dengan kebutu kebutuhan han penggun penggunany anya. a. 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, :Komponen-komponen, suatu sistem berisi komponen yang saling berinteraksi atau saling bekerja sama. 1. Bata Batas s sist sistem em,, yait yaitu u pemi pemisa sah h anta antara ra sist sistem em denga dengan n ling lingku kung ngan an luarnya. 2. Lingk Lingkunga ungan n Luar, Luar, yaitu yaitu merupa merupaka kan n sistem sistem yang yang ada diluar diluar batas batas sistem ini tetapi lingkungan ini ada yang memberi pengaruh positif dan negatif.
3. Penghu Penghubung bung,, yaitu yaitu keluar keluaran an dari suatu suatu sub sistem sistem dapat sebaga sebagaii penghubung ke sub sistem lainnya. 4. Masukan, Masukan, yaitu yaitu masukan masukan yang yang diberikan diberikan pada pada sistem sistem ada ada 2 macam macam yaitu masukan perawatan (sebagai program dalam compiler agar sist sistem em Bero Berope pera rasi si)) dan dan masu masuka kan n siny sinyal al (seb (sebag agai ai data data dala dalam m komputer agar menghasilkan). 5. Proses, Proses, yaitu yaitu pengolaha pengolahan n input sehingga sehingga menghas menghasilka ilkan n output yang yang diinginkan. 6. Sasara Sasaran, n, tujuan tujuannya nya dibua dibuatt suatu suatu sistem sistem.. 7. Keluar/ Keluar/ Output, Output, yaitu yaitu hasil hasil dari operasi operasi sistem sistem ada yang yang memenuhi memenuhi sasaran dan ada yang tidak.
D.
Definis Sistem Informasi 1. Defini Definisi si Sistem Sistem Infor Informasi masi Manaj Manajeme emen n
Adala dalah h
sebag ebagai ai
sua suatu
sis sistem tem
berb berba asis
kompu ompute terr
yang ang
menyediak menyediakan an informasi informasi bagi beberapa beberapa pemakai pemakai dengan kebutuha kebutuhan n yang serupa. serupa. Para Para pemakai pemakai biasanya biasanya membentuk membentuk entitas entitas organisas organisasii formal perusahaan atau submit dibawahnya. 2. Tujuan ujuan Siste Sistem m Infor Informasi masi
Adalah untuk menyediakan dan mensistematikan informasi informasi yang mereflek merefleksika sikan n seluruh seluruh kejadian kejadian atau kegiata kegiatan n yang diperlukan diperlukan untuk mengendalik mengendalikan an operasi operasi – operasi operasi organisas organisasii [Budihar95 [Budihar95]. ]. Sedangkan Sedangkan kegia egiata tann nny ya
adala dalah h
meng mengam ambi bil, l,
meng mengo olah, lah,
meny menyim impa pan n
dan dan
menyampaikan informasi yang diperlukan untuk terjadinya komunikasi yang yang diperlu diperluka kan n untuk untuk mengop mengopera erasik sikan an seluru seluruh h aktifi aktifitas tas di dalam dalam orga organi nisa sasi si.s .seb ebag agai ai medi media a
kami kami
meng menggu guna naka kan n
PHP PHP
dan dan
Proy Proyek eksi si
Database Database MySQL dan Pengguna Penggunaan an Macromedi Macromedia a dan PHPPad PHPPad sebagai sebagai editing Form dalam websites yang dibangun ini.
3. Fungsi ungsi Sistem Sistem Informa Informasi si
Informasi Informasi menjelask menjelaskan an perusahaan perusahaan atau salah salah stu sistem sistem utamanya utamanya mengenai apa yang terjadi dimasa lalu, apa yang terjadi sekarang dan apa yang mungkin terjadi dimasa depan. Informasi tersebut tersedia dala dalam m bent bentuk uk lapo lapora ran n peri period odik ik.. Lapo Lapora ran n khus khusus us,, dan dan outpu outputt dari dari simulasi matematika. Output informasi digunakan oleh ketua maupun non strukt struktura urall dalam dalam perusa perusahaa haan/ n/ Instan Instansi si saat saat mereka mereka membua membuatt keputusan ataupun memecahkan masalah. 4. Perenca Perencanaa naan n Sistem Sistem Informa Informasi si
Sist Sistem em info inform rmas asii
dapa dapatt
dibe dibent ntuk uk sesu sesuai ai kebutu ebutuha han n
organ organisa isasi, si, oleh oleh kare karena na itu untuk untuk dapat dapat menera menerapka pkan n sistem sistem yang 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 : - Tin Tingk gkat at I
: Ide Ide,, men menge geta tahu huii per perlu lu adan adanya ya peru peruba baha han n
- Tin Tingk gkat at II
: Des Desig ign, n, mera meranc ncan ang g car cara a pem pemec ecah ahan anny nya a
- Tingkat III
: Pelaksanaan, Pelaksanaan, menerapkan design kedalam sistem
- Tingk ingkat at IV
:
Kontr ntrol, ol,
meme memeri riks ksa a
dijalankan sesuai - Tingkat Tingkat V
apa apakah
ting tingk kat
pela pelaks ksa anaa naan
design.
: Evaluasi, Evaluasi, memerika memerikasa sa apakah apakah perubaha perubahan n yang terjadi terjadi sesuai dengan tujuan semula.
- Tingkat VI
: Tidak Tidak lanjut, melaksanakan perubahan sesuai sesuai dengan hasil evaluasi yang ada.
Pengemba Pengembangan ngan sistem sistem dapat berarti menyusun 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
Menu Me nurut rut Shne Shneid ider erma man n
(199 (1998, 8,
p4) p4)
inte intera raks ksii
manu manusi sia a
dan dan
komputer adalah disiplin ilmu yang berhubungan dengan perancangan, eval evalua uasi si,,
dan dan
impl implem emen enta tasi si
sist sistem em
kompu ompute terr
inte intera rakt ktif if
untu untuk k
digunakan oleh manusia, serta studi fenomena-fenomena besar yang berhubungan dengannya. Fokus dari ilmu ini adalah perancangan dan evaluasi user interface interface (interface pemakai). User interface adalah bagian bagian sistem sistem komputer komputer yang memungkink memungkinkan an manusia manusia berinteraks berinteraksii dengan komputer. Menurut Shneiderman (1998, p15) terdapat lima faktor ukuran ukuran manusia yang dapat digunakan dalam mengevaluasi sistem, yaitu :
a. Time to learn (waktu belajar) Merupakan berapa lama waktu yang diperlukan oleh user untuk memp mempel elaj ajar arii peri perint ntah ah-p -per erin inta tah h yang yang ada ada dala dalam m sist sistem em untu untuk k melakukan suatu tugas. (kecepatan kinerja) b. Speed of performance (kecepatan 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 Merupakan kemampua kemampuan n user mengingat mengingat pengetahuan pengetahuan mereka mereka setelah jangka waktu tertentu. Berhubungan dengan waktu belajar dan frekuensi penggunaan suatu apikasi.
e. Subjective satisfaction (kepuasan subjektif)
Merupakan Kepuasan Kepuasan User dalam menggunaka menggunakan n berbagai berbagai aspek yang ada di dalam sistem dan seberapa jauh user menyukai sistem terseb tersebut. ut. Jawaba Jawaban n dari dari pertan pertanyaa yaan n ini dapat dapat dipero diperoleh leh melalu melaluii 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 performance) yang diinginkan b. Strukt Struktur ur data yang memungk memungkink inkan an program program untuk memanip memanipula ulasi si informasi. c. Dok Dokumenumen-do doku kume men n yang yang menj menjel elas aska kan n oper operas asii dan dan peng penggu guaa aan n program Karakteristik perangkat lunak / software menurut Pressman (2005, p37):
a. Perangk Perangkat at lunak dikembangka dikembangkan n dan dibuat, dibuat, tidak dirakit seperti seperti perangkat keras
b. Perangkat lunak tidak dapat rusak secara fisik c. Perangkat lunak tetap dibangun secara custom walaupun industriindustri mulai bergerak ke arah konstruksi dengan menggunakan komponen-komponen komponen-komponen yang sudah ada.
2. Pengertian Rekayasa Perangkat Lunak Menurut Menurut Bauer Bauer (Pre (Pressm ssman, an, 2005, 2005, p53) p53) penger pengertia tian n rekay rekayasa asa perangkat perangkat lunak menurut adalah penetapan penetapan dan penggunaan penggunaan prinsipprinsip rekayasa untuk menghasilkan perangkat lunak yang terpercaya
dan dapat bekerja secara efisien pada mesin.
a. Elemen Utama Perangkat Lunak
Tools Methods
Process A QUALITY FOCUS Gambar 2.1 Elemen Utama Perangkat Lunak (sumber : Pressman, 2005, p54)
Empat Empat elemen elemen reka rekayas yasa a perang perangka katt lunak lunak menuru menurutt Press Pressman man (2005, p54): i.
A Quality Focus
Merupakan landasan dari rekayasa suatu perangkat lunak. Semua proses pengembangan perangkat perangkat lunak mengacu kepada kepada kualitas kualitas yang dihasilkan.
ii.
Process
Merup Me rupak akan an elem elemen en yang yang meng mengga gabu bung ngka kan n
elem elemen en tools dan
memungkin kinka kan n pengem pengemban bangan gan perang perangka katt lunak lunak methods dan memung komputer secara berkala.
iii.
Methods
Meto Me tode de pera perang ngka katt luna lunak k meny menyed edia iaka kan n pedo pedoma man n tekn teknis is dala dalam m membangun perangkat lunak.
iv. iv.
Tools
Merupakan pendukung otomotis / semi otomatis untuk proses dan metode, misalnya Computer Aided Software Engineering (CASE)
yang mengkombinasikan mengkombinasikan software, hardware, dan database perangkat lunak. 3. Mode Modell Pro Prose ses s
Menu Me nuru rutt
pres pressm sman an
(200 (2005, 5,
78) 78)
mode modell
pros proses es
merupakan
gambaran dari suatu proses rekayasa perangkat lunak yang terdiri dari aktifitasaktifitas-aktif aktifitas, itas, tindakantindakan-tinda tindakan, kan, tugas-tuga tugas-tugas, s, tujuan-tuj tujuan-tujuan uan dan hasi hasill kerja erja yang yang dibu dibutu tuhk hkan an untu untuk k meng mengha hasi silk lkan an software yang berkualitas. Mode Mo dell
data data adal adalah ah sek sekumpu umpula lan n cara cara / pera perala lata tan n / tool
mend mende eskr skrips ipsika ikan
dat data-da a-data ta,,
hubu hubung ngan anny nya a
satu satu
sama ama
untuk lain lain,,
semantiknya, serta batasan konsistensi. Ada dua model data, yaitu : relasional. Keduanya Keduanya Entity Entity Relationsh Relationship ip Diagram Diagram (ERD) dan model relasional. menyediak menyediakan an cara untuk mendeskripsi mendeskripsikan kan perancanga perancangan n basis data pada peringkat logika.
•
Model ERD atau Conceptual Data Model (CDM) : model yang dibuat berdasarkan anggapan bahwa dunia nyata terdiri dari koleksi oleksi obyekobyek-oby obyek ek dasar dasar yang yang dinama dinamaka kan n entita entitas s (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 Adapun sebata sebatas s pembag pembagian ian dari dari model model prose proses s ada juga juga Model Model sekuensial linier yaitu model tuntuk software engineering,dan sering disebut disebut juga juga dengan dengan siklus siklus kehid kehidupa upan n klasik klasik atau atau model model air terjun terjun.. Model Model ini mengusulkan mengusulkan sebuah pendekata pendekatan n kepada kepada perkembang perkembangan an
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 konvensional
Tahap-tahap model proses waterfall adalah : α. Communication
Pada ada
taha tahap p
ini, ini,
komun omunik ikas asii
diti dititi tikb kber erat atka kan n
untu untuk k
menc mencap apai ai
kesepakatan user requirement / kebutuhan pengguna dan system requirement / kebutuhan system. β.
Planning
Tahap ini menetapkan suatu rencan pengembangan dari perangkat lunak antara lain tugas-tugas teknik yang harus dipenuhi, resikoresi resik ko yang yang kemun emungk gkin inan an akan akan diha dihada dapi pi,, sumb sumber er daya daya yang yang dibutuhkan, hasil kerja dan jadwal kerja. χ.
Modeling
Tahap ahap
ini ini
meng mengha hasi silk lkan an
peng pengem emba bang ng dan dan
suat suatu u
mode modell
pela pelangg nggan an untu untuk k
yang yang
memu memung ngki kink nkan an
pema pemaha hama man n
lebi lebih h
lanj lanjut ut
mengenai mengenai kebutuhan kebutuhan software dan perancanga perancangan n – perancanga perancangan n untuk memenuhi kebutuhan tersebut. δ.
Construction
Tahap ahap
ini ini
meng mengk kombi ombina nasi sika kan n coding
dan
testing
untuk
meminimalisasikan kesalahan kesalahan pada penulisan kode.
ε. Deployment dikirimkan kepada kepada customer yang dimaksudk dimaksudkan an untuk Software dikirimkan mengeavaluasi hasil kerja dan memberikan feedback / umpan balik berdasarkan evaluasi tersebut.
4. STD (State Transition Diagram) Menurut Menurut Whitte Whitten, n, Bentle Bentley, y, dan Dittma Dittman n (200 (2004, 4, p673) 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
Adal Adalah ah sebua sebuah h kondi ondisi si dari dari keada eadaan an,, atau atau form, yang yang dapa dapatt digunakan oleh komponen suatu sistem. Disimbolkan dengan :
Ada dua macam state, yaitu : a. Curr Curren entt Sta State te
Keadaan eadaan terkin terkinii dari dari suatu suatu siste sistem, m, atau atau pada pada state mana suatu sistem berada saat ini, disebut current state. b. Final St State Final state adalah keadan terakhir yang dapat dicapai oleh
suatu sistem. Contohnya : on atau off . 2. Trans ransit itio ion n
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 didet didetek eksi si oleh oleh sist sistem em.. Kejad ejadia ian n ters tersebu ebutt dapa dapatt meny menyeb ebab abka kan n perubahan satu state ke state lainnya
4. Action
Saat event muncul muncul,, terjad terjadii transi transisi si sehing sehingga ga kompone omponen n sistem sistem menerima menerima
perubahan perubahan state. Untuk Untuk itu dibutuh dibutuhka kan n sebuah sebuah aksi aksi
untuk berpindah berpindah state. Aksi Aksi disi disini ni akan akan meng mengha hasi silk lkan an sebua sebuah h output atau tampilan. 5. Output
Merupakan hasil keluaran dari kalkulasi dan lain sebagainya.
5. Basi Basis s Data Data
Menurut Conolly dan Begg (2005, p15) basis data merupakan suatu suatu kumpula kumpulan n data data yang yang berhub berhubunga ungan n secara secara logis logis yang yang dipak dipakai ai bersama, dan deskripsi dari data tersebut dirancang untuk memenuhi kebutu kebutuhan han infor informas masii suatu suatu organ organisa isasi. si. Dalam Dalam sebuah sebuah basis basis data data di system merupakan kumpulan dari field yang saling berhubungan, basis data juga yang memberikan visual dari data base yang akan dibangun oleh oleh seor seoran ang g prog progra rame merr (bra (brain inwa ware re)) dala dalam m memb memban angu gun n sebu sebuah ah system yang edukatif, informatif dan validitas dalam sebuah data yang akurat. Basis data juga merupakan kumpulan ilmu yang mempelajari Data Databa base se dan dan meru merupa paka kan n spes spesia iali lisa sasi si dala dalam m pemb pembel elaj ajar aran an ilmu ilmu Database Database,, setiap setiap file merupakan merupakan kumpulan kumpulan dari field dan Database Database adal adalah ah kump kumpul ulan an dari dari file file-f -fil ile e
yang yang sali saling ng berh berhub ubun unga gan n
dala dalam m
memban membangun gun sebuah sebuah sistem sistem.bas .basis is data data juga juga merupa merupaka kan n hubunga hubungan n kausalita kausalitas s dalam sebuah organisas organisasii sosial sosial diantarany diantaranya a kita mampu berhubungan dengan satu orang, dua orang, bahkan orang banyak dan biasa kita kenal dengan relasi ”many to many” adapun dalam basis data data kita kita akan akan dikena dikenalka lkan n dengan dengan ERD atau (Entity (Entity Relations Relationship hip Diagram) sebagai berikut:
a. Diagram Diagram Entity Entity Relatio Relationsh nship ip
Menu Me nuru rutt
Ir. Ir.
Fatha athans nsya yah h
dala dalam m
buk buku
basi basis s
data data,,
Enti Entity ty
Relationship Relationship Diagram ( ERD) adalah : “ Suatu model yang menggambarkan secara sistematis, yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang mas masinging-ma mas sing ing
dile dileng ngk kapi api
deng denga an
atrib tribut ut--atrib tribut ut
yang ang
mempresentasikan seluruh fakta yang ada”. (Ir. Fathansyah, Basis Data, Informatika Bandung, 2002). Komponen Entity Relationship Relationship Diagram (ERD) diantaranya : a.
Entitas Adala dalah h suat suatu u
kumpu umpula lan n obje objek k
atau atau sesu sesuat atu u
yang yang dapa dapatt
dibedak dibedakan an atau atau dapat dapat diiden diidentif tifika ikasik sikan an secara secara unik. unik. Kumpula umpulan n entitas yang sejenis disebut Entity Set. Simbol :
Gambar 2.7 Entitas
b.
Relationship Adalah hubungan yang terjadi antara satu entitas atau lebih. Simbol :
Gambar 2.8 Relationship
Jenis-jenis hubungan : •
One to One( satu lawan satu)
Adalah hubungan antara satu atribut dengan atribut lain dalam satu file yang sama mempunyai hubungan h ubungan satu lawan satu. Contoh : 1
1
Gambar 2.9 One to one
•
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
Gambar 2.10 One To Many
•
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
Gambar 2.9 Many To Many
6. Peng Penger ertia tian n Int Intern ernet et
Menurut Menurut Chaffe Chaffey y et al. (2000 (2000,, p12) p12) inter internet net meruju merujuk k kepad kepada a jaring jaringan an yang yang
menghu menghubung bungka kan n kompu komputer ter seluruh seluruh dunia. dunia. Internet Internet
terdiri dari infrastruktur jaringan server dan area area komunikasi komunikasi yang luas yang yang saling saling berhubu berhubunga ngan, n, yang digunaka digunakan n untuk untuk
menang menangani ani dan
menyalurkan sekumpulan informasi di internet. Kerangka Kerangka internet meliputi tiga level utama, yaitu : a. Infr Infras astr truk uktu tur, r,
yakn yaknii
pera perang ngka katt
keras eras,,
pera perang ngka katt
luna lunak, k,
database, dan telekomunikasi. b. Servis, Servis, yakni servis servis berbasis berbasis perang perangkat kat lunak lunak seperti seperti mesin mesin pencari, pencari, uang digital dan system keamanan. Produk uk dan dan serv servis is,, yakn yaknii website dari dari peru perusa saha haan an dan dan pasa pasarr c. Prod individu.
7. Pengertian World Wide Web (WWW) Menurut Menurut Chaffe Chaffey y et al. (200 (2000, 0, p68) 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. Browser dan Web Server Ser ver 8. Pengertian Web Browser dan
Menu Me nurut rut Chaf Chaffe fey y et al. al. (200 (2000, 0, p68) p68) we web b brow browse serr sepe sepert rtii Netscape, Microsoft Internet Explorer menyediakan cara yang mudah
untuk untuk mengakse mengakses s dan meliha melihatt
infor informas masii yang yang disimp disimpan an sebagai sebagai
dokumen web pada server yang berbeda. Web server digunakan untuk menyimpan halaman web yang diakses
oleh web browser. er mengandung sejumlah database dari browser. Web serv er informasi konsumen atau produk.
G.
Pengertian MySQL
MySQL dalam sebuah sebuah database database websites websites murapakan murapakan sekumpulan sekumpulan data data yang yang disusu disusun n dengan dengan aturan aturan terten tertentu tu sehingg sehingga a memuda memudahk hkan an kita kita dalam mengelola dan memperoleh informasi darinya. Database Database yang sekarang sekarang paling banyak banyak dipakai dipakai adalah adalah database database relasi.D relasi.Databa atabase se relasi relasi biasanya biasanya disusun disusun dalam bentuk kolom-k kolom-kolom olom dan baris-baris. Database MySQL adalah hal pertama yang harus kamu buat untuk bisa praktek praktek MySQL. MySQL. Setelah Setelah kita mengetahui mengetahui tentang tentang cara penulisan query, kita ita
akan
menco ncoba
lang langs sung ung
masu masuk k
ke
pra prakte kteknya knya
lang langs sung. ung.
Konsukuensinya, Konsukuensinya, teori dasarnya antara lain penggunaan variable/ operator, jenis data dll. Sebuah Sebuah databa database se sebena sebenarny rnya a tidak tidak lebih lebih dari dari sebuah sebuah wadah wadah yang yang kosong. bisa dibayangkan database MySQL seperti halnya dengan sebuah gudang gudang koson kosong. g. Datab Database ase MySQL MySQL tidak tidak memili memiliki ki fungsi fungsi apapun apapun,, selain 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 dikeluarkan,, pengaturan pengaturan ulang atau manipulasi lainnya tergantung tergantung situasi. Tabel MySQL juga dapat dimanipulasi sesuai kebutuhan kita. Kita bisa bisa pida pidahk hkan an data data dari dari tabl table e (Bro (Brows wse) e),, mengh menghap apus us data data (del (delet ete) e),, menampilk menampilkannya annya (upload) sesuai urutan yang kita inginkan, inginkan, dan masih 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 administrat administrator or dalam websites kita harus menyewa sebuah kuota kuota untuk menyimpan semua data dan file baik yang berbentuk image maupun data disebuah ruangan yang disebut dengan web hosting (sewa hardisk online) Memili Memilih h penyed penyedia ia hostin hosting g di Indone Indonesia sia memang memang merupa merupaka kan n hal yang perlu dilakukan dengan hati-hati karena menyangkut kelangsungan hidup situs kita. Apalagi dengan banyaknya penyedia web hosting Indonesia saat ini, maka akan makin membuat daftar pilihan kita semakin panjang dan mempersulit mempersulit pemilihan. pemilihan. Namun di lain pihak, kita juga jadi memiliki memiliki keleluasaan untuk menetukan pilihan atas penyedia layanan hosting yang kita inginkan. Support merupakan hal yang terpenting dari sebuah layanan hosting terutama hosting di Indonesia. Karena jika support susah dihubungi, respon 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 sangat banyak, banyak, ternyata 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. Penge engemb mban anga gan n
dari dari suat suatu u
apli aplika kasi si we web b
dapa dapatt
dimu dimula laii
dari dari
kategori-kategori kategori-kategori dan berkembang berkembang kemudian kemudian untuk peningkatan peningkatan tingkat kerumitan. Kategori-kategori terbaru secara umum lebih rumit, tetapi ini artiny artinya a bahwa bahwa merek mereka a tidak tidak dapat dapat secara secara penuh penuh digant digantik ikan an dengan dengan generasi yang lebih lama. Masing-masing dari kotegori ini mempunyai field aplikasi spesifik. Sebagai contoh mall berbelanja online tidak hanya meng mengin inte tegr gras asik ikan an
peny penyed edia ia
laya layana nan n
yang yang
berb berbed eda a
teta tetapi pi
juga juga
menawarkan beberapa pilihan pencarian, monitoring status pesanan, dan beberapa kasus penjualan online. Kategori/ Fungsional
Contoh penerapan fungsionalitas
Info Inform rmas asio iona nall
Sura Suratt Ka Kaba barr onli online ne,, katal atalog og prod produk uk,, news newsle lett tter ers, s, manua manual, l, report, dan buku online
Interaktif
Formulir Pendaftaran, presentasi in informasi cu customized, games online.
Tran ransaksional
Belanja online ( pemesanan baran rang dan dan jasa), online bankin banking, g, pemesa pemesanan nan tiket tiket pesawa pesawatt terban terbang g online online,, dan pembayaran onine. Penjadwalan dan perencanaan online, manajemen inventori, status monitoring, supply supply chain management.
Berorientasi Workflow
w e b s it e s
berdasarkan
Lingkungan Sistem Autoring terdistribusi, tools desain kollaboratif. kollaboratif. kerja Kolaboratif Komunitas Online & Marketplace
Kelo elompo mpok dis diskusi, usi, reco ecommen mmende derr marketplaces, e-malls (electronic shopping malls)
syst ystem, em,
onlin nline e
Rekayasa Rekayasa Web dapat dipertimbangkan sebagai suatu cabang independent dari Rekayasa Perangkat Lunak (Kappel, e al, 2005). Engineering adalah maksud maksud umum aplika aplikasi si praktik praktikal al dari ilmu
untuk untuk perdaga perdaganga ngan n dan
indu indust stri ri deng dengan an tuju tujuan an dan dan pera peranc ncan anga gan n apli aplika kasi si yang yang lebi lebih h baik baik,, misa misaln lnya ya:: lebi lebih h cepa cepat, t, lebi lebih h mura murah h dan dan lebi lebih h aman aman,, dan dan lain lain-l -lai ain. n.
Rekayasa Web adalah berbagai disiplin ilmu dan meliputi konstribusi dari area yang berbeda antara lain: a. Desain Desain dan Analis Analisa a Sistem Sistem (system (systems s analysis analysis and and design) design) b. Re Rekaya kayasa sa Perang Perangkat kat Lunak Lunak (softw (software are enginee engineering) ring) c. Rekay ekayas asa a
hype hyperm rmed edia ia/h /hyp yper erte text xt
(hyp (hyper erme medi dia/ a/hy hype pert rte ext
engineering) d. Re Rekaya kayasa sa Kebutu Kebutuhan han (requir (requirement ements s engineeri engineering) ng) e. Interaksi Interaksi Manusia Manusia Kompute Komputerr (human-com (human-computer puter intera interaction ction)) f.
Antar Antarmuk muka a Pengg Pengguna una (user (user interf interface ace))
g. Re Rekaya kayasa sa Infor Informasi masi (informat (information ion engineering engineering)) h. Infor Informat mation ion inde indexin xing g and retr retriev ieval al i. j.
Pengu enguji jia an (te (testin sting) g) Pemodel emodelan an dan dan simula simulasi si (mode (modelli lling ng and simu simulat lation ion))
k. Manajemen Manajemen Proyek Proyek (project (project management) management),, dan dan l. J.
Present Presentasi asi dan desain desain grafis grafis (graphic (graphic design and presentat presentation) ion)
Perancangan alat-alat dan definisi 1. Diagram Diagram Pros Prosedu edur r dan Penje Penjelasa lasanya nya
2. Dalam suatu sistem perusahaan didalam mengelola dan menjalankan usahan usahanya ya melak melakuk ukan an berbag berbagai ai prose prosedur dur pada pada sistem sistem infor informas masii ini, ini, prosedur-prosedur prosedur-prosedur yang akan dikomputerisasi adalah prosedur-prosedur prosedur-prosedur ( Event List ) sebagai berikut : b. Diag Diagra ram m Kont Kontek eks s
Menu Me nurut rut Jogi Jogiant anto o HM dala dalam m buku buku Anal Analis isis is dan dan Desa Desain in Siste Sistem m 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 seluruh system. system. Diagram Diagram konteks konteks menggambar menggambarkan kan input/outpu input/outputt
suatu system dengan dunia luar atau kesatuan luar”. (Jogiyanto HM, Analisis dan desain Sistem Informasi, 2000). c. Diag Diagra ram m Ali Alir r Dat Data a
Menurut Menurut Jack Jack Febrian ebrian dalam dalam buku buku Penget Pengetahu ahuan an Kompute omputerr dan Teknologi Informasi, pengertian Data Flow Diagram atau Diagram Arus Data adalah :“ DFD atau lebih dikenal dengan DAD merupakan suatu suatu teknik teknik grafik grafik yang yang digunak digunakan an untuk untuk menjel menjelask askan an aliran aliran informasi informasi dan transform transformasi asi data yang bergerak bergerak dari pemasukan pemasukan data hingga ke keluaran keluaran”. ”. (Jack (Jack Febrian, Febrian, Pengetahuan Komputer dan Teknologi Informasi)
Diagram konteks menyoroti sejumlah karakteristik system yaitu :
i.
Kelompo Kelompok k pemakai, pemakai, organisas organisasii sistem sistem lain dimana dimana sistem sistem kita melakukan komunikasi komunikasi yang disebut juga sebagai terminator. terminator.
ii. ii.
Data Data masu masuk, k, data data yang yang dite diteri rima ma sist sistem em dari dari ling lingk kunga ungan n dan dan harus diproses dengan cara tertentu.
iii. iii.
Data Data kelu keluar, ar, data data yang yang dihas dihasilk ilkan an dari dari sistem sistem kita kita dan dan diber diberika ikan n kedunia luar.
iv. iv.
Peny enyimpa impana nan n data data yang yang digu diguna nak kan seca secara ra bers bersa ama anta ntara sistem sistem kita dengan terminato terminator, r, pembuatan pembuatan simbol simbol data store dala dalam m diag diagra ram m konte onteks ks dibe dibena nark rkan an deng dengan an syar syarat at simb simbol ol 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. Ekster Eksternal nal Entit Entity y (Kesa (Kesatua tuan n Luar) 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 sist sistem em yang yang dapa dapatt berup berupa a oran orang, g, orga organi nisa sasi si,, atau atau sist sistem em lain lainny nya a
yang yang
bera berada da
dili diling ngk kunga ungan n
luar luarny nya a
yang yang
akan
memb member erik ikan an inpu inputt atau atau mene meneri rima ma outp output ut dari dari sist sistem em ”. ( Jogiya Jogiyanto nto HM, Analis Analisis is dan Desain Desain Sistem Sistem Infor Informas masi, i, Andi Andi Offset Yogyakarta, 2000). Suatu Suatu kesat kesatuan uan luar luar dapat dapat disimbo disimbolka lkan n dalam dalam suatu suatu notasi notasi kotak atau suatu kotak dengan sisi dan atasnya bergaris tebal sebagai berikut : Eksternal Entity (Kesatuan (Kesatuan Luar)
Gambar 2.3 Eksternal Entity (Kesatuan
b. Arus Arus Data Data (Dat (Data a Flo Flow) w) 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 dapat berupa berupa masuka masukan n untuk untuk sistem sistem atau atau hasil hasil dari dari prose proses s sistem”. ( Jogiyanto HM, Analisis dan Desain Sistem Informasi, Andi Offset Yogyakarta, 2000). Arus Data (Data Flow)
Gambar 2.4 Data Flow (Arus Data)
c. Proses oses (P (Proce rocess ss))
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 Informasi, Informasi, Andi Offset Offset Yogyakarta, ogyakarta, 2000). 2000). Suatu proses proses dapat ditunjukan dengan simbol lingkaran atau empat persegi panjang tegak dengan sudut-sudutnya tumpul. Proses (Process)
atau
Gambar 2.5 Process (Proses)
d. Simpan Simpanan an Data Data (Data (Data Store Store)) Simpan Simpanan an data data (Data (Data Store Store)) merupa merupaka kan n simpan simpanan an dari dari arus arus data yang dapat berupa :
1. Suatu atau catatan manual 2. Suatu Suatu file file atau atau data base base sist sistem em compute computerr 3. Suatu Suatu kota kotak k data data dimej dimeja a seeor seeorag ag 4. Suat Suatu u age agend nda a ata atau u buku buku Menu Me nuru rutt Jogi Jogiya yant nto o HM dala dalam m buku buku Anal Analis isis is dan dan Desa Desain in Sistem Informasi, pengertian Simpanan Data Adalah : ” Simpanan data di DAD dapat digambarkan dengn sepasang garis horizontal horizontal parallel parallel yang tertutup disalah disalah satu ujungnya (seb (sebel elah ah kiri kiri)” )”.. (Jog (Jogiya iyant nto o HM, HM, Anal Analis isis is dan dan Desa Desain in Sist Sistem em Informasi, Andi Offset Yogyakarta, 2000).
Simpanan Data (Data Store)
Nama Data Store
Gambar 2.6 Data Store (Simpanan Data)
BAB III ANALISIS MASALAH DAN PERANCANGAN SISTEM
A. Us Usul ulan an Sis Siste tem m Baru 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 d an siapa saja, karena umat islam merupakan rahmatan lil alamin, rahmat untuk semesta alam. Sepe Sepert rtii haln halnya ya sist sistem em yang yang lain lain we webs bsit ites es merup merupak akan an medi media a
inte intera rakt ktif if
yang yang
muda mudah h
dik dikonsu onsums msii
oleh leh
semu semua a
kala kalang ngan an
umum.penyusun mencoba memberikan angket sampai dengan evaluasi yang kami lakukan di Islamic Center Kota Cirebon.evaluasi diantaranya yang yang disesu disesuaik aikan an dengan dengan permas permasala alahan han yang yang sedang sedang dihadap dihadapii oleh oleh
Islamic Centre Kota Cirebon yaitu media promosi baik penyewaan gedung databa database se direkt direktori ori kelem kelembag bagaan aan islam islam bahka bahkan n sampai sampai dengan 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 pengun jung dan pengguna dengan menampilkan hasil yang edukatif dan ”Profile Company ” untuk menunjang idealnya sebuah yayasan yang bergerak
dibidang jasa. Sepert Sepertii halnya halnya dengan dengan situssitus-sit situs us biasan biasanya, ya, jika jika diliha dilihatt dari dari sisi sisi pengguna (user ), ), situs websites ini dapat memberikan informasi tentang berita atau informasi keislaman secara detail.
B. Analis Analisis is Pembua Pembuatan tan Aplika Aplikasi si
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 development memberikan presentasi singkat mengenai pelayanan apa saja yang ditawarkan oleh PT ARTECH. ARTECH.
2
Analisis Hasil Survei a. Anal Analis isis is Has Hasil il Kues Kuesio ione nerr
Fasilitas Pada Situs Web
Fasilit asilitas as yang yang disedi disediaka akan n pada pada websit websites es ini dibagi dibagi menjad menjadii tiga tiga bagian bagian (komp (kompone onen) n) yaitu yaitu fasili fasilitas tas untuk untuk user yang yang belum belum menjad menjadii 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 meli meliha hatt
info inform rmas asii
deta detail il tent tentan ang g
arti artik kel yang yang ters tersed edia ia,,
dapa dapatt
melakukan penulisan artikel, pengiriman pesan antar sesama user dan juga juga dapa dapatt memb member erik ikan an komen omenta tarr member secara online, dan tentang tentang artikel artikel yang tersedia dalam situs, serta dapat memilih jajak pendapat yang sudah disediakan oleh situs ini. 3. Fasilitas untuk admin situs web
Fasilit asilitas as admin admin untuk untuk situs situs web melipu meliputi ti penamp penampila ilan n posting (posting) artikel, artikel, penghapusan penghapusan member, menentuka menentukan n tema jajak pendapat, serta memperbarui (update) database dari situs web tersebut.
Arsitektur Sistem
.1 Arsite Arsitektur ktur Peran Perangka gkatt Keras Keras (Hardwar (Hardware) e)
Data
Internet Service Provider (ISP)
INTERNET
Internet Service Provider (ISP)
Internet Service Provider (ISP)
Gambar 3.1 Arsitektur Perangkat Keras 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 akan disimp disimpan an dan diolah diolah di databa database se server . Ke Kemud mudian ian data data yang telah diolah akan diteruskan kembali ke member .jika .jika berita
ini ini tida tidak k laya layak k maka maka kami kami tida tidak k akan akan mena menaya yang ngka kann nnya ya ke halama halaman n indek. indek.php php khusus khususnya nya sebaga sebagaii infor informas masi/ i/ berita berita yang yang akan di upload ke member.
.2 Arsite Arsitektur ktur Peran Perangka gkatt Lunak (sof (softwa tware) re) INTERNET
Apache
http server / web server
PH P
My SQL
CGI CG I
Index.php
Media.php I P A
DB server Skripsi.sql
Windows XP
Operating Sistem
Gambar 3.2 Arsitektur Perangkat Lunak .3 Arsite Arsitektur ktur Analis Analis Desain Desain
.4 Stru Struktu ktur r Direc Directo tori ri
images
admin
vote FORUM foto_member
Artikel.php cek_login.php edit_admin.php form_tambah_admin.php index.php member.php sambung.php tambah_admin.php bawah.php admin.php delete_admin.php form_edit_admin.php input_polling.php hapus.php posting.php tampil_admin.php save_posting.php buka_halaman.php detail_member.php form_login.php hapus_member.php logout.php proses_polling.php style.css tanggal.php 1.gif 2.gif 3.gif 4.gif 5.gif Foto - foto member
icon
mailbox
Mailbox4.php sambung.php keluar.php proses_kirim.php tanggal.php email.php index.php counter
images artikel_tampil.php arsip.php bawah.php detail.php images_counter.php jajak.php library.php kategori.php polling.php sesi.php artikel.sql buka_halaman.php counter.sql detail_member.php index.php komentar.php login.php sambung.php profil_akper.php style.css cari.php daftar.php email.php input_artikel.php anggota.php tanggal.php save_artikel.php proses_daftar.php member.php
bukutamu_01.gif daftar1.gif daftar2.gif footer.gif header.gif home1.gif home2.gif profil1.gif profil2.gif kanan.gif kanan_r1_c1.gif kanan_r2_c1.gif kanan_r3_c1.gif kanan_r4_c1.gif kanan_r5_c1.gif kanan_r6_c1.gif kanan_r7_c1.gif kiri.gif kiri_r1_c1.gif kiri_r2_c1.gif kiri_r3_c1.gif kiri_r4_c1.gif
Gambar 3.3 Struktur Direktori
.5 Stru Struktu ktur r Navig Navigas asii
Header.gif kanan.gif kanan_r1_c1.gif kanan_r2_c1.gif kanan_r3_c1.gif kanan_r4_c1.gif kanan_r5_c1.gif kanan_r6_c1.gif kanan_r7_c1.gif kiri.gif kiri_r1_c1.gif kiri_r2_c1.gif kiri_r3_c1.gif kiri_r4_c1.gif spacer.gif tengah.gif login_welcome.gif
Balas_pesan.php hapus_pesan.php simpan_pesan.php baca.php balas.php folder.php pesan_baru.php
0.gif 1.gif 2.gif 3.gif 4.gif 5.gif 6.gif 7.gif 8.gif 9.gif
Home
H om e
Prof il
D af t ar
Tampil Layar Home
Tampil Layar Profil
Tampil Form Daftar
Login
Kat egori
Cari
Polling
Kat egori
C ari
Polling
Input Login
Member
H om e
Kirim Artikel
Kotak Pesan
Prof il
D af af ta tar M em em be ber
D af t ar
Logout
Gambar 3.4 Struktur Navigasi Gamb Gambar ar 3.4 3.4 meng mengga gamb mbar arka kan n alur alur dari dari we web b kami kami.. Laya Layarr Home merupakan layar utama yang dapat berhubungan dengan layar-layar layar-layar yang lain.
Aliran Data 3.4.1DFD (Data Flow Diagram) 1. Diag Diagra ram m Kont Kontek eks s
Baca Artikel Baca Pesan Baca Komentar Hasil Polling
Pemostingan Artikel
Administrator
Forum Artikel Online
User/Mem User/ Member
Pilih Polling Penentuan Tema Polling
Isi Komentar Kirim Pesan
Artikel Telah di Posting
Penulisan Artikel
Gambar 3.5 merupakan Diagram Konteks dari sistem yang Gambar 3.5 Diagram Konteks Konteks diusulkan. Pada sistem ini berinteraksi dengan dua eksternal entity yaitu user/member dan administrator.
2. Diag Diagra ram m Leve Levell Nol Nol
Administrator
1.0 Proses Pendaftaraan Member
Form Pendaftaran
User/ Member Form Pendaftaran Terisi
Login Pilih Polling Data Member g n i l l o p a m e t i s I
l e k i t r a g n i t s o P
Member
Data Member l e k i t r A a t a D
2.0 Proses Penulisan Artikel Artikel
Artikel
Artikel
3.0 Proses Kirim Pesan
Pesan
Pesan
4.0 Proses Isi Komentar
Komentar
Komentar
5.0 Proses Pilih Polling
Pilih Poling
Hasil Polling Polling
Gambar 3.6 Diagram Level 0
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 pengirima pesan, pesan, proses proses pengisisan pengisisan komentar, komentar, dan proses proses pemilihan polling.
3. Diagram Diagram Level Level 1 Proses Proses Penu Penulis lisan an Artikel Artikel
User / Memb M ember
Input Username dan Password 2.1 Proses Login
Verivikasi Login MEMBER
Data Member
l e k i t r A
Artikel
2.2 Proses Penulisan Artikel
Artikel
Data Artikel
Administrator
2.3 Proses Pemostingan Artikel
Posting Artikel
Gambar 3.7 Diagram Level 1 Proses Penulisan Penulisan 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 proses penulisan penulisan artikel, dan proses pemostingan artikel. 4. Diagram Diagram Level Level 1 Prose Proses s Kirim Kirim Pesan Pesan
User / Member Member
Input Username dan Password 3.1 Proses Login
Verivikasi Login MEMBER
Data Member
Pesan
Pesan
3.2 Proses Kirim Pesan
Diagram 1m Proses Kirim Gambar GamGambar bar 3.8 3.8 merupa mer upaka kan n Level Diagra Diagram Level Level 1 Pros Proses es kir kirim im pesan dari sistem yang diusulkan. Pada proses kirim pesan ini terdir terdirii dari dari dua proses proses yaitu yaitu prose proses s login dan proses kirim pesan. 5. Diagram Diagram Level Level 1 Proses Proses Isi Isi Kome Komentar ntar
Input Username dan Password
User / Memb M ember
4.1 Proses Login
Verivikasi Login
Data Member
MEMBER
Data User
4.2 Proses Baca Artikel
l e k i t r
Komentar
a t n e m o K
Artikel
Artikel
r
A
4.3 Proses Isi Komentar
Gambar 3.9 Diagram Level 1 Proses Isi Gamb Gambar ar 3.9 3.9 meru merupa pak kan Diag Diagra ram m Level evel 1 Prose roses s isi isi komen omenta tarr
dari dari sist sistem em yang yang dius diusul ulka kan. n. Pada ada
pros proses es isi isi
komentar ini terdiri dari tiga proses yaitu proses login, proses baca artikel, dan proses isi komentar. 6. Diagram Diagram Level Level 1 Prose Proses s Pilih Pilih Pollin Polling g
User / Member
I nput Username Username dan Password P assword
5.1 Proses Login
Verivikasi Verivikasi Login MEMBER Data Member
Polling
5.2 Proses Pilih Polling
Polling Tema Polling Polling
Administrator
Gambar 3.10 Diagram Level 1 Proses Pilih Gambar 3.10 merupakan Diagram Level 1 Proses pilih Pollin polling dari sistem yang diusulkan. d iusulkan. Pada proses proses pilih polling ini terdiri dari dua proses yaitu proses login dan proses pillih polling.
3.4.2Flowchart Dan Algoritma 1. Flowch Flowchart art Pendaf Pendaftara taran n Member Member Start
User Id ada?
Tidak Input User Id
Ya Tidak Password Ada?
Password Sama?
Tidak Input Password
Ya Ya Konfirmasi Password Ada?
Tidak
Tidak
Ya
Ya Tidak Nama Ada?
Kode Pos Nomor?
Input Konfirmasi
Tidak
Telepon Nomor?
Input Nama Ya
Ya Jenis Kelamin Ada?
Tidak
Tidak Pilih Jenis Kelamin
Format Email Benar? Ya
Ya Tempat Lahir Ada?
Finish
Tidak Input Tempat Lahir
Ya Tanggal lahir Ada?
Tidak Pilih Tanggal Lahir
Ya Alamat Ada?
Tidak Input Alamat
Ya Kota Ada?
Tidak Input Kota
Ya Kode Pos Ada?
Tidak Input Kode Pos
Ya
Telepon Ada?
Tidak Input Telepon
Ya Foto Ada?
Tidak Cari Foto
Ya Email Ada?
Tidak Input Email
Ya
Gambar 3.11 Flowchart Pendaftaran Pendaftaran Member Algoritma :
(1) User memasuki halaman utama forum artikel online. (2) User melakukan klik pada menu daftar.
Secara otomat otomatis is fasili fasilitas tas menu menu pendaf pendaftar taran an akan akan dit(3) Secara ampilkan.
(4) User memulai pengisian form pendaftaran member dengan mengisikan user id
(5) Kemudian user mengisikan password (6) Kemudian User mengisikan konfirmasi 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 menamp ilkan pesan Terima Kasih. 2. Flowc Flowcha hart rt Logi Login n Member Member Start
Form Login
I nput Username & Password
Tidak Username & Password sesuai dengan database?
Ya Halaman Member
Finish
Gambar 3.12 Flowchart Login 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 memasuki halaman halaman member . Tetapi etapi jika jika tidak tidak berhas berhasil il maka sistem memberitahukan dengan menampilkan kembali form login dan user harus memasukan kembali user id dan password .
3. Flowch Flowchart art Pengis Pengisian ian Artikel Artikel Start
Form Login
I nput Username & Password
Tidak Username & Password sesuai dengan database?
Ya Halaman Member
Form I nput artikel artikel
Input artikel Tidak
Artikel Akan Disimpan?
Ya
Posting Artikel
Finish
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. Flowc Flowcha hart rt Kir Kirim im Pes Pesan an
Start
Form Login
I nput Username & Password
Tidak Username & Password sesuai dengan database?
Ya Halaman Member
Form Input Pesan
Input Pesan Tidak
Pesan Akan Dikirim?
Ya Pesan Telah Dikirim
Finish
Gambar 3.14 Flowchart Kirim 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 melakukan klik pada menu kotak kotak pesan
(5) Secara otomatis otomatis akan tampil form input pesan (6) Member Member mengisi mengisi form input input pesan (7) Kemudian Kemudian member member mengklik mengklik tombol kirim (8) Sistem Sistem akan mengirimk mengirimkan an pesan
5. Flowc Flowcha hart rt Bal Balas as Pes Pesan an
Start
Form Login
Input Username & Password
Tidak Username & Password sesuai dengan database?
Ya Halaman Member
Baca Pesan
Tidak
Pesan Akan Dibalas?
Ya Form Balas Pesan
Input Pesan
Tidak Pesan Akan Dikirim?
Ya Pesan Dikirim
Finish
Gambar 3.15 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 member ingin membalas membalas pesan, maka maka kiik tombol balas pesan
(6) Secara otomatis akan tampil form balas pesan (7) Member Member mengisi form form balas pesan pesan (8) Kemudian Kemudian member member mengklik mengklik tombol kirim (9)
Sistem akan mengirimkan pesan
6. Flowc Flowcha hart rt Baca Baca Artik Artikel el Start
Baca Artikel
Tidak Detail Artikel? Ya Artikel Detail
Finish
Gambar 3.16 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 otomatis akan tampil halaman artikel yang lengkap
7. Flowc Flowcha hart rt Isi Isi Kome Koment ntar ar
Start
Baca Artikel Detail
Tidak Akan Mengisi Komentar?
Ya Form Input Komentar
Input Komentar
Tidak Komentar Akan Disimpan?
Ya Komentar Disimpan
Finish
Gambar 3.17 Flowchart Isi Algoritma : (1) (1)
Memb Me mber er dan dan user user mema memasu suki ki hala halama man n utam utama a forum 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 Member dan user mengisi mengisi form input koment komentar ar (6)
Kemudian klik tombol simpan
(7)
Komentar telah diisi dan siap untuk ditampilkan
8. Flowch Flowchart art Login Login Admi Adminis nistrat trator or Start
Form Login Administrator
Input Username & Password
Tidak Username & Password sesuai dengan database?
Ya Halaman Administrator
Finish
Gambar 3.18 Flowchart Login Algoritma :
(1) Administrator/ staff membuka halaman iadministrator. (2) Administrator memasukkan username dan password login, kemudian username dan password dicocokk dicocokkan an dengan dengan data administrator yang ada pada database administrator. administrator.
(3) Jika verifikas berhasil, maka maka verifikasii username username dan password berhasil, dapat memasuki halaman administrator. Jika tidak maka critical pesan dengan memberitahukan dengan kata “Login “Login Gagal! Username & Password tidak Benar” Silahkan Ulangi Lagi melalui menampilkan kembali form login dan memasukan kembali username dan password .
9. Flowch Flowchart art Postin Posting g Pengu Pengumuma muman n Start
Form Login Administrator
I npu nputt Username & Password
Tidak Username & Password sesuai dengan database?
Ya Halaman Administrator
Pengumuman
Tidak Pengumuman Akan disimpan?
Ya Tentukan Tanggal
Pengumuman di Posting
Finish
Gambar 3.19 Flowchart Posting Artikel Algoritma :
(1) Administrator membuka halaman index administrator.
(2) Administrator memasukkan username dan password login, kemudian username dan password dicocokk dicocokkan an dengan dengan data administrator yang ada pada database administrator. administrator.
(3) Jika verifikasi username dan password berhasil, maka berhak memasuki memasuki halaman halaman administrat administrator or.. Jika tidak maka sistem memberitahukan dengan menampilkan kembali form login.
memasuki halaman halaman administra administrator, tor, maka maka akan akan (4) Jika telah memasuki 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.1Relasi Basis Data
Dari Dari data databa base se yang yang ada ada diga digamb mbar ark kan rala ralasi si basi basis s data data sebagai berikut:
Tabel User Id_user Password nama_lengkap email level
Tabel Agenda Id_anggota Id_user tema isi_agenda tempat tgl_mulai tgl_selesai tgl_posting
Tabel Berita Id_berita id_kategori id_user judul isi_berita gambar hari tanggal jam counter
Tabel Kategori Id_kategori nama_kategori keterangan
Banner
Pengumuman
Id_banner judul url gambar tgl_posting
Id_pengumuman judul isi tanggal tgl_posting id_user
Modul
hubungi
Id_modul nama_modul link static_content gambar publish status aktif urutan
Id_hubungi nama email subjek pesan tanggal
Gambar 3.20 Relasi Basis Data 3.5.2Kamus Data
1. Tabel Agenda Nama Tabel : poling
Field Kunci : id_agenda Tabel 3.1 Spesifikasi Tabel Agenda Nama Field Id_agenda Tema Isi_agenda tempat
Tipe
ukuran
Int 5 varchar 100 text varchar 100
Tgl_mulai
date
-
Tgl_selesai
date
-
Tgl_posting Id_user
date varchar
50
Keterangan
Prymari key poling Tema yang diangkat Menunjukan Deskripsi kegiatan Menunjukkan tempat pelaksanaan agenda Menunjukkan keterangan tanggal mulai Menunjukkan keterangan tanggal selesai tanggal agenda di posting Menunjukkan identitas user
2. Tabel banner Nama Tabel : banner Field Kunci : id_banner Tabel 3.2 Spesifikasi Tabel banner Nama Field id_banner judul url gambar Tgl_posting
Tipe
Int varchar varchar varchar date
Ukuran
5 100 100 100 -
Keterangan
Primary key pada banner Menunjukkan judul dalam banner Menunjukan alamat/ addres url Menunjukkan gambar yang dipilih Menunjukkan tanggal banner di posting
3. Tabel Berita Nama Tabel : berita Field Kunci : id_berita Tabel 3.3 Spesifikasi Tabel berita Nama Field Id_berita Id_kategori Id_user
judul Isi_berita
Tipe
UKuran
int varchar varchar
5 5 50
varchar varchar
100 -
Keterangan
Primary key berita Menunjukkan identitas kategori Menunjukkan identitas user/ pengguna Menunjukkan judul dari berita Menunujukkan deskripsi berita
Gambar Hari
varchar varchar
Tanggal Jam Counter
date time int
100 20 5
Menunjukkan gambar dari berita Menunjukkan titimangsa hari/ tanggal berita Menunjukkan tanggal berita Menunjukkan jam peristiwa counter
4. Tabel Hubungi Nama Tabel : hubungi Field Kunci : id_hubungi Tabel 3.4 Spesifikasi Tabel hubungi Nama Field id_hubungi Nama
Email Subjek Pesan Tanggal
Tipe
Ukuran
Int varchar varchar varchar Text date
5 50 100 100 -
Keterangan
Primary key Admin Menunjukkan nama Pengirim email/user Menunjukkan nama email user Subjek atau penjelasan Berisi pesan yang akan disampaikan Tanggal pengiriman email
5. Tabel kategori Nama tabel : kategori Field Kunci : id_kategori Tabel 3.5 Spesifikasi Tabel kategori Nama Field Id_kategori Nama_katego ri keterangan
Tipe int varcha r varcha r
Ukuran 5 100
Keterangan Primary key kategori Menunjukkan kategori artikel
100
Menunjukkan nama user
6. Tabel modul Nama Tabel: Tabel: modul Field Kunci : id_modul Tabel 3.6 Spesifikasi Tabel modul Nama Field Id_modul
Tipe int
Ukuran 4
Keterangan Primary key dari id_modul
Nama_modul Link Static_conten t gambar publish status
varcha r varcha r text varcha r enum enum
10
Menunjukan dari nama_modul
100
Link koneksi dari modul
100
Static dari content/isi
40
Menunjukkan gambar dari modul
(‘Y’, ‘N’) User/Adm in aktif Enum (‘Y’, ‘N’) urutan int 5 7. Tabel pengumuman
Menunjukkan publish/ diterbitkan Menunjukkan status dari modul admin/user Menunjukkan aktif dari modul Menunjukkan urutan modul
Nama Tabel: pengumuman Field Kunci : id_pengumuman Tabel 3.6 Spesifikasi Tabel pengumuman Nama Field Id_pengumum an Judul
Isi tanggal
Tipe int
Ukuran 5
Primary key
varcha r text date
100
Menunjukan judul dari pengumuman
-
Menunjukan isi dari pengumuman Menunjukan tanggal dari pengumuman Menunjukkan tanggal posting Menunjukkan identitas user
Tgl_posting Id_user
date varcha 50 r 8. Tabel User
Keterangan
Nama Tabel: Tabel: user Field Kunci : id_user Tabel 3.6 Spesifikasi Tabel user Nama Field Id_user Password
Nama_lengka p email level
Tipe int varcha r varcha r varcha r varcha r
Ukuran 4 10
Keterangan Primary key user Menunjukan password dari user
100
Menunjukan alamat dari user
100
Menunjukan dari alamat email user
40
Level dari user
3.5.3Daftar Basis Data, Tabel, dan Hak Akses
NO 1. 2. 3. 4. 5. 6.
Tabel 3.7 Spesifikasi Tabel Hak Akses USER NAMA TABEL A V E D polling komentar mailbox administrator artikel anggota
A -
-
MEMBER V E -
Keterangan diatas diantaranya:
A = ADD / Tambah Data
V = VIEW / Tampil Data
E = EDIT / Ubah Data
D = DELETE / Hapus Data
BAB IV IMPLEMENTASI PROGRAM
1. Pere Perenc ncan anaa aan n webs websit ite e
D -
ADMINISTRATOR A V E D -
-
-
-
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 Dimulai dengan dengan mengumpulk mengumpulkan an seluruh seluruh data dan informasi informasi kemudian kemudian hasil akhirnya adalah sebuah “sitemap” lalu dimulai dengan merancang tata letak (layout) (layout) halaman, halaman, biasanya biasanya dilakukan dilakukan mendesain tata letak letak halama halaman n depan depan dan halama halaman n kedua kedua.. Dalam Dalam mendes mendesain ain halama halaman n ini beberapa komponen penting biasanya masuk adalah navigasi, content, rencana letak image, copyright (bagian footer), komponen website dan hal lain lain yang yang diangga dianggap p perlu. perlu. Softwa Software re yang yang biasa biasa diguna digunaka kan n adalah adalah:: Microsoft Visio.
Gambar 1. Desain halaman web
HALAMAN UTAMA
PENCARIAN
Search Engine dari Localhost dalam website ini
HOME
Tampilan dari Face islamic Centre/ Update
PROFILE
Tentang Kami, Sejarah, Profile Pengurus ICC, dll
BERITA
Informasi baik Formal/ Informal Update
AGENDA
Berisi tentang Seputar Agenda ICC Terkini
PAMAN GOOGLE
Search Engine dari www.Google.com
Gambar 2. Konsep Sitemap
2. Desa Desain in Halam Halaman an Web Dasa Dasar r
Dari Dari visual visual Berdas Berdasark arkan an hal diatas diatas selanj selanjutn utnya ya kita kita mulai mulai melak melakuk ukan an desain desain web dengan menterjemahk menterjemahkan an perencana perencanaan an ke dalam softwar software e desain desain,, bebera beberapa pa keahl keahlian ian yang yang mesti mesti diperda diperdalam lam adalah adalah typogr typografi afi (kemampuan memilih font yang tepat), tata letak halaman (menguasai kemampuan kemampuan membagi membagi ruang halaman), halaman), pewarnaan pewarnaan (menguasa (menguasaii konsep konsep warna dan pemilihan pemilihan warna berdasark berdasarkan an warna perusahaan perusahaan dan teori teori pencam pencampur puran an warna) warna).. Softwa Software re yang yang diguna digunaka kan n salah salah satuny satunya a Adobe Adobe Photoshop, dengan mempelajari pembuatan tombol/navigasi, background,
bek bekerja erja
deng dengan an
teks teks,,
mani manipu pula lasi si
gamb gambar ar/i /ima mage ge,,
dan dan
khus khusus usny nya a
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 dapa dapatt meng menggu guna naka kan n fasi fasili lita tas s IDM IDM untu untuk k mendo mendown wnlo load ad dari dari samp sample le websites yang ada di Indowebster.com Indowebster.com
3. Desa Desain in Halam Halaman an Web Lanj Lanjuta utan n
Untu Untuk k
mele meleta takk kkan an hala halama man n
web we b
hasi hasill
desa desain in phot photos osho hop p
di atas atas,,
dipe diperl rluk ukan an meng mengub ubah ah hala halama man n we web b ke dala dalam m bent bentuk uk HTML HTML,, dan dan dipe diperl rluk uka an
sebuah buah
sof softwar ware
yakni akni
salah lah
satun atunya ya
Macr Ma cro omedi media a
Dreamweaver. Adapun dari Dreamweaver ini yang membantu pengaturan halaman-halaman desain diubah ke HTML. Selain Dreamweaver banyak software sejenis lainnya seperti Microsoft Microsoft Frontpage, dll
4.
Membuat Membuat Video, Video, Flash, Flash, Shockw Shockwave ave dan dan Audi Audio o
Dalam Dalam dekade dekade Saat Saat ini banyak banyak sekali sekali softwa software re yang yang diguna digunaka kan n untuk untuk membu membuat at vide video, o, flas flash, h, shoc shocwa wave ve dan dan audi audio o yang yang bert bertuj ujua uan n untu untuk k membuat website kelihatan lebih apik dan powerful. Gabungan beberapa kompo komponen nen ini kita kita sebut sebut dengan dengan animas animasii web dan diperlu diperluka kan n renca rencana na detail detail agar agar animas animasii yang yang dibuat dibuat tepat tepat sasara sasaran n dan sesuai sesuai dengan dengan isi website. website. Sedangkan Sedangkan untuk pemilihan pemilihan softwar software e tergantun tergantung g pada tingkat tingkat kerum kerumita itan n animas animasii web, web, untuk untuk saat saat ini yang yang sering sering digunak digunakan an adalah adalah Adobe Flash.
BAB V PENUTUP
Kesimpulan
Kesimpulan Kesimpulan dari hasil evaluasi yang dilakukan terhadap program ini dengan mengevaluasi dari segi IMK dan user sehingga didapatkan kesimpulan sebagai berikut 1. memberikan memberikan media dakwah dakwah dalam dalam sebuah sebuah dunia dunia internet 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 kelebihan menggunaka menggunakan n web untuk menget mengetahui ahui selayang selayang pandang/ melihat agenda attaqwa & islamic tanpa harus datang ke lokasi Komplek At-taqwa & islamic center kota Cirebon 3. program program yang yang dibuat dibuat telah diuji pra launchi launching ng oleh oleh kandatel telkom cirebon dengan melihat aspek pasca Pesantren Pesantren Digital kerjasama SRPH 1429 H dengan Kandatel Cirebon Saran
Sete Setela lah h mela melaks ksan anak akan an PKL, PKL, dan dan meli meliha hatt adan adanya ya keleb elebiha ihan n dan dan kekurangan kek urangan pada berbagai pihak, maka penulis menyarankan agar : Dihara Diharapk pkan an dengan dengan adanya adanya progr program am e-appli e-applicat cation ion ini
AtAt-Taqwa aqwa &
Yayasan Islamic Center Kota Cirebon dapat lebih merentangkan sayapnya di dalam bidang bidang Sarana Komuni Komunikasi kasi & Dakwah Dakwah serta jangan jangan mau kalah kalah saing
dengan perusahaan-p perusahaan-perusa erusahaan haan lain yang bergerak di bidang yang sama. 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., Ahmad., 2006, 2006, Tuntuna Tuntunan n Sistem Informas Informasi:end i:end user user development.jakarta:materikuliah.com.
2. Amsyah,Zulkfli,2003. Sistem Informasi Manajemen. PT. PT. Gramedia Pustaka Utama. Jakarta.
3. HM Jogiyanto,2003. Sistem Teknologi Informasi. Andi Offset Jogjakarta
4. Raymond McLeod,Jr 2001 . Management Information System Jld 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 (Jogiyanto HM, Pengena Pengenalan lan Komputer Komputer,, Andi Yogya Yogyakart karta, a, 1999) 1999)
8. (www.indoprog.com, 2003 :1,pengenalan Visual Basic) 9. Jogiyanto Jogiyanto HM, HM, Analisis Analisis dan Desain Desain Siste Sistem m Informasi, Informasi, Andi Andi Offset Offset Yogyakarta, 2000 10. serta modul materi dalam perkuliahan perkuliahan Universitas Muhammadiyah Muhammadiyah Cirebon, SIM
DATA DATA PRIBADI PRI BADI Nama
: Agung Sholehudin
Tempat / Tanggal la lahir
: Ci Cirebon, 07 Juli 19 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 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 Tehnik Informatika Fakultas Tehnik Tehnik Universitas Muhammadiyah Cirebon.
Oleh : Agung Sholehudin 050511007 UNIVERSITAS MUHAMMADIYAH CIREBON Jl. 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 anda sholat sholat 5 waktu waktu di di Islamic Islamic Centre Centre ? ………………… ……………………….. ……..
3. Setujukah Setujukah anda anda Islamic Islamic Centre memiliki memiliki Websites Websites di Internet Internet ? Ya tidak 4. Apakah Apakah anda anda pern pernah ah memco memcoba ba membuk membuka a intern internet et ? Ya tidak 5. Tahukah ahukah anda tentang tentang agenda agenda kegiatan kegiatan di Islamic Islamic Centre Centre ? Ya
tidak
6. Sebutkan kegiatan apa saja saja yang pernah anda anda ikuti? 2 buah 7. Menurut anda sebaiknya, melalui cara apa Islamic Centre melakukan sosialisasi Agen Agenda da Kegia giatan tan Rutini tinita tassnya nya ?
Pamfl amflet et
Webs ebsites ites
CD
Brosur , lainya :……………………….
8. Jika anda tertarik dengan pemasaran melalui media internet , bentuk apa yang anda anda ingi ingink nkan an pali paling ng meno menonj njol ol?? Video
Teks
Gamb Gambar ar
Anim Animas asii
Suar Suara a
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 sudah puasa? Ya tidak 11. Apaka anda ingin ingin jika setelah ini At-taqwa mengadakan mengadakan kembali PELA PELATIHAN TIHAN PESANTREN PESANTRE N DIGITAL : Ya
tidak
12. Pernahkah anda membuka/ browsing/ membuat/ blog atau situs internet tentang tentang dunia Islam ? 13. sebutkan kelebihan dari dari Islamic Centre Centre dibandingkan dengan masjid yang pernah anda kunjungi luar kota : 1. 2. 3.
14. Apakah anda setuju jika Komplek Islamic Islamic Centre akan dibangun Hotspot Area ? (Daerah acces internet tanpa kabel/ Wirelles) Ya
tidak
Terima Kasih atas partisipasi anda mengisi Kuisioner ini Jajakumullah Khoiro Jaja. Wassalam
