Pembangunan website Profil Koperasi Universiti Utara Malaysia Kedah Darul Aman

(1)

PEMBANGUNAN WEBSITE PROFIL

KOPERASI UNIVERSITI UTARA MALAYASIA

KEDAH DARUL AMAN

KERJA PRAKTEK

Diajuka u tuk e e uhi tugas Mata Kuliah Kerja Praktek

Progra Strata Satu Jurusa Tek ik I for aika Fakultas Tek ik da Il u Ko puter

U iversitas Ko puter I do esia

FADLI FAHMI 9

JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA BANDUNG

(2)

LAMPIRAN E

(3)

(4)

LAMPIRAN F

SURAT KETERANGAN

PENYERAHAN

(5)

1. LAMPIRAN SURAT KETERANGAN

PENYERAHAN HAK EKSKLUSIF ASLI

(6)

2. LAMPIRAN SURAT KETERANGAN

PENYERAHAN HAK EKSKLUSIF FAX

(7)

LAMPIRAN G

(8)

C

urriculum

V

itae

Fadli Fahmi

Tubagus Ismail Dalam No 134 Kel: Sekeloa Kec: Coblong Bandung 40134

HP : 081375462640 Fifaf2@yahoo.co.id

Data Pribadi

Tempat/Tanggal Lahir : Siborong-borong/ 2 Februari 1992 Umur : 19 Tahun

Agama : Islam

Status : Single

Jenis kelamin : Laki-laki

Alamat Tetap : Jalan Sisingamangaraja No 94 Siborong-Borong, Tapanuli Utara, Sumatera Utara Hobi : Membaca buku, Badminton, Travelling, Pendidikan Formal

 Universitas Komputer Indonesia, Fakultas Teknik dan Ilmu Komputer, Jurusan Teknik Informatika (2009 - sekarang)

 MA. Ar-Raudhatul Hasanah (2006 - 2009)

(9)

 SD Negeri 05 Siborong-Borong (1997-2003)

 TK (1995 - 1996)

Pendidikan Informal

 Diamond English Club (2007-2008)

Organisasi

Nama Organisasi Tahun Tempat Jabatan

Organisasi

Penggerak Bahasa Pelajar Pesantren Ar-Raudhatul Hasanah

2008-2009 Medan Ketua

Afkar Study Club 2008-2009 Medan Humas

Protokoler Unikom 2011-Sekarang Bandung Anggota

Seminar

Tema Seminar Tahun Tempat Penyelenggara Keterangan How interesting is

informatics

engineering for you ?

2009 Universitas Komputer Indonesia

HMIF Anggota

Bagaimana Membangun

Kepribadian yang islami

2010 Universitas Komputer Indonesia

(10)

4 Kegiatan Dan Pelatihan

 Peserta Type Writng Course Pesantren Ar-Raudhatul Hasanah 2006

 Peserta Perkemahan Kamis-Ju ’at Gudep 06-196 di Sibolangit 2007

 Peserta Kursus Mahir Dasar Gudep 06-195 di Sibolangit 2007

 Peserta pelatihan pers dan jurnalistik tingkat dasar Pesantren Ar-Raudhatul Hasanah 2007

 Peserta The English Camp CCIE Lembang 2007

 Koordinator Diamond English Club Pesantren Ar-Raudhatul Hasanah 2007

 Koordinator Hubungan Masyarakat Raudhah Cup Pesantren Ar-Raudhatul Hasanah 2007.

 Koordinator Hubungan Masyarakat Peringatan Hari Kemerdekaan Indonesia Pesantren Ar-Raudhatul Hasanah 2007.

 Koo di ato Hubu ga Masya akat Pe i gata Nuzulul Qu ’a Pesa t e A -Raudhatul Hasanah 2007.

 “ek eta is Pe tas “e i “is a D a a A e a Pesa t en Ar-Raudhatul Hasanah 2008

 “ek eta is Pe tas “e i “is a Pa ggu g Ge bi a Pesa t e A -Raudhatul Hasanah 2008

 Pese ta MTQ “ya hil Qu ’a ti gkat Kota Meda 2009

 Peserta Pelatihan Komputer Raudhah Komputer Center 2009

(11)

5 Prestasi

 Penerima Beasiswa Korpri ke-34 Kota Medan 2005

 Juara 3 Pidato Bahasa Arab Pesantren Ar-Raudhatul Hasanah 2006

 Juara 1 Olompiade Fiqh Pesantren Raudhatul Hasanah 2006

 Juara 2 Olimpiade Matematika Raudhatul Hasanah 2007

 Juara 1 Pidato Bahasa Arab tingkat MA Se-provinsi Sumatera Utara 2008

 Jua a 2 Musaba ah Qi a’atil Kutub Ti gkat P o i si 2009

Language Skill

Bahasa Kemampuan

Arabic Baik

English Baik

Jepang Pemula

Korea Pemula

(12)

iii

DAFTAR ISI

LEMBAR JUDUL

LEMBAR PENGESAHAN

KATA PENGANTAR ... i

DAFTAR ISI ... iii

DAFTAR TABEL ... v

DAFTAR GAMBAR ... vi

DAFTAR SIMBOL ... viii

DAFTAR LAMPIRAN ... xii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 1

1.3 Maksud dan Tujuan ... 2

1.4 Batasan Masalah ... 2

1.5 Metode Penelitian ... 3

1.5.1 Taham Pengumpulan data ... 3

1.5.2 Tahap Pembuatan Perangkat Lunak ... 3

1.6 Sistematika Penulisan... 5

BAB II TINJAUAN PUSTAKA ... 6

2.1 Profil Koperasi ... 6

2.1.1 Sejarah Koperasi ... 6

2.1.2 Struktur Organisasi ... 7

2.2 Landasan Teori ... 8

2.2.1 Pengertian Sistem ... 8

2.2.2 Defenisi Sistem Informasi ... 8

2.2.3 Perancangan Sistem ... 9

2.2.4 Analisis Sistem ... 12

2.2.5 Pengertian Basis Data ... 12

(13)

2.3 Software Pendukung ... 14

2.3.1 MySQL ... 14

2.3.2 HTML ... 15

2.3.3 PHP ... 16

2.3.4 Adobe Dreamweaver CS 5 ... 16

2.3.5 Wampserver ... 17

BAB III ANALISIS DAN PERANCANGAN SISTEM ... 18

3.1 Analisis Sistem ... 18

3.1.1 Analisis Masalah ... 18

3.2 Analisis Kebutuhan Non-Fungsional ... 18

3.2.1 Analisis Kebutuhan Perangkat Keras ... 18

3.2.2 Analisis Kebutuhan Perangkat Lunak... 19

3.3 Analisis Basis Data ... 19

3.3.1 Perancangan E-R-Diagram ... 19

3.3.2 Kamus Data ... 20

3.3.3 Skema Relasi ... 21

3.3.4 Struktur Tabel ... 21

3.4 Analisis Kebutuhan Fungsional ... 22

3.4.1 Diagram Konteks ... 22

3.4.2 DFD Level 1 ... 23

3.5 Spesifikasi Proses ... 25

3.6 Kamus Data ... 26

3.7 Perancangan Interface ... 27

3.7.1 Perancangan Struktur menu user ... 27

3.7.2 Implementasi antar muka ... 40

BAB IV KESIMPULAN DAN SARAN... 43

4.1 Kesimpulan ... 43

4.2 Saran ... 43

(14)

KATA PENGANTAR

Pertama-tama penulis panjatkan puji dan syukur kehadirat Allah SWT atas segala rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan Laporan Pelaksanaan Kerja Praktek ini.

Kerja Praktek ini merupakan salah satu mata kuliah yang wajib ditempuh di Fakultas Teknik Informatika Universitas Komputer Indonesia. Laporan Kerja Praktek ini disusun sebagai pelengkap kerja praktek yang telah dilaksanakan lebih kurang 1 bulan di Koperasi UUM. Dalam pembuatan laporan ini juga tidak akan lepas dari bantuan, bimbingan serta dorongan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin menyampaikan ucapan terima kasih sebesar-besarnya kepada:

1. Allah SWT, yang berkat dan rahmat-Nya yang melimpah sehingga penulis mampu menyelesaikan laporan ini.

2. Orang tua dan keluarga yang memberi dukungan baik moril maupun materil.

3. Bapak Irawan Afrianto, S.T., M.T., Selaku Ketua Jurusan Teknik Informatika, Fakultas Teknik dan Ilmu Komputer, Universitas Komputer Indonesia, Bandung.

4. Segenap karyawan Sekretariat Jurusan Teknik Informatika, Universitas Komputer Indonesia, Bandung.

5. Ibu Nelly Indriani W, S.Si., M.T Selaku dosen pembimbing kerja praktek. 6. Bapak Mohd Amran Bin Mahassan Selaku General Manager Koperasi

UUM

7. Segenap karyawan dan Staf Koperasi UUM

8. teman seperjuangan yang melaksanakan PKL di Koperasi UUM.

9. Teman-teman kampus dan rekan-rekan lainnya serta semua pihak yang telah membantu dalam menyelesaikan tugas dan laporan kerja praktek ini.

Harapan penulis semoga laporan ini dapat bermanfaat bagi penulis sendiri dan juga bagi semua pihak yang membacanya dalam menambah wawasan serta pengetahuan.

(15)

Akhir kata, penulis mengucapkan terima kasih kepada semua pihak yang telah membantu dalam menyelesaikan tugas dan laporan kerja praktek ini semoga Allah SWT membalas kebaikan atas bantuannya dengan pahala yang berlipat, Amin.

Bandung, Januari 2013

(16)

DAFTAR PUSTAKA

1. Hari, Soetanto, S.Kom, M. Sc., 2003, Sistem Informasi, Jakarta: Universitas Budiluhur.

2. Wikipedia, Indonesia, Logo_Pendidikan,

http://id.wikipedia.org/wiki/Logo_Pendidikan, diakses 23 November 2012, 07.00.

3. Wikipedia, Indonesia, Internet, http://id.wikipedia.org/wiki/Internet, diakses 23 November 2012, 07.00.

4. Wikipedia, Indonesia, Web, http://id.wikipedia.org/wiki/Web, diakses 23 November 2012, 07.00.

5. Wikipedia, Indonesia, Situs_web, http://id.wikipedia.org/wiki/Situs_web, diakses 23 November 2012, 07.00.

6. Wikipedia, Indonesia, Jaringan Komputer,

http://id.wikipedia.org/wiki/Jaringan_Komputer, diakses 23 November 2012, 07.00.

7. Wordpress, Adobe Dreamweaper CS6,

http://kardiasa.wordpress.com/Dreamweaver CS6, diakses 23 November 2012, 07.00.

8. Basofi, Arif, S.Kom, 2007, Konsep Database, Surabaya: ITS. 9. Rianux, MySQL, diakses 11 Desember 2012, 01.00.

10.Ramadhan, Arief. 2006. Pemrograman Web Database dengan PHP dan MySQL.

11.Jakarta : PT Elex Media Komputindo.

12.Hakim, L, dan Musalini, U. 2004. Cara Cerdas Menguasai Layout, Desain dan Aplikasi Web. Jakarta: PT Elex Media Komputindo.

13.Hakim, L, dan Musalini, U. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta: PT Elex Media Komputindo.

14.Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta:

(17)

15.Wahono, S, Romi. 2009. Devinisi PHP dan MySQL. Jakarta : PT. Brainmatics.

16.Kurniawan, Fajar. 2007. Kebutuhan TI dan Aplikasi Berbasis Web. Jogjakarta :

(18)

BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Koperasi adalah badan usaha yang beranggotakan orang atau badan hokum yang berlandaskan pada asas kekeluargaan dan demokrasi ekonomi, kedudukan koperasi sebagai gruru perekonomian Malaysia dan sebagai bagian yang tidak terpisahkan dalam system perekonomian Malaysia, sebagai salah satu pelaku ekonomi, koperasi merupakan organisasi ekonomi yang berusaha menggerakkkan potensi sumber daya ekonomi demi memajukan kesejahteraan anggota. Karena sumber daya ekonomi tersebut terbatas, dan dalam mengembangkan koperasi harus mengutamakan kepentingan anggota, maka koperasi harus mampu bekerja seefisien mungkin dan emngikuti prinsip-prinsip koperasi dan kaidah-kaidah ekonomi, dengan berkembangnya dunia informasi, koperasi dapat menjalaskan semua kegiatan-kegiatan yang ada dikoperasi, dan seluruh aktifitas koperasi, sehingga dapat dipantau oleh mahasiswa dan koperasi lainnya sebagai bahan perbandingan.

Seperti sebuah koperasi yang berada di UUM (Universitas Utara Malaysia) adalah sebuah badan usaha yang berada di bawah dan bertanggung jawab kepada Universitas Utara Malaysia. UUM mempunyai tugas melaksanakan kegiatan kampus dibidang kegiatan ekonomi sesuai dengan ketentuan peraturan perundang-undangan yang berlaku. Data statistic dan kegiatan yang dihasilkan oleh koperasi UUM dijadikan patokan oleh rektorat kampus dalam emgnambil kebiajkan untuk meningkatkan ekonomi kampus, selain itu koperasi UUM menyediakan laporan kegiatan-kegiatan, dan profil, serta cabang koperasi yang dibentuk UUM, untuk menarik minat mahasiswa mengikuti bidang koperasi, dan menjadi perbandingan untuk Koperasi lainnya yang ada di Malaysia, sehingga koperasi dapat berkembang dengan cepat, dengan ada nya kegiatan berbagi

(19)

informasi dengan menyediakan informasi-informasi terbaru seputar kegiatan yang diadakan koperasi untuk meningkat kan mutu koperasi.

Informasi-informasi yang uptodate selama ini hanya ditampilkan disebuah majalah dinding yang disediakan oleh Kampus, dan melalui Majalah Koperasi UUM, sehingga seputar informasi kegiatan tidak dapat langsung disajikan kepada seluruh mahasiswa, dan Koperasi lainnya yang ingin mengetahui perkembangan Koperasi UUM

Oleh karena itu solusi yang diusulkan untuk mengatasi kendala yang ada dikoperasi UUM adalah dengan dibangunnya sebuah aplikasi dan diupdate dengan judul “PERANCANGAN WEBSITE PROFIL KOPERASI UNIVERSITI UTARA MALAYSIA”.

1.2 RUMUSAN MASALAH

Berdasarkan uraian latar belakang yang sebelumnya telah di jelaskan, maka dari itu rumusan permasalahn yaitu bagaimana cara Membangun website Koperasi UUM agar informasi dapat disajikan dengan cepat,praktis,efisien dan uptodate kepada mereka yang membutuhkan Informasi seputar koperasi

1.3 MAKSUD DAN TUJUAN

Adapun yang menjadi maksud dan tujuan pelaksanaan serta pembuatan laporan kerja praktek adalah:

Maksud:

Membangun Website profil koperasi UUM Tujuan :

1. Mempercepat penyampaian informasi

2. Mempermudah bagi seluruh Mahasiswa UUM dan Koperasi lainnya untuk mendapatkan informasi

(20)

3 1.4. BATASAN MASALAH

Dalam penulisan Laporan Kerja Praktek ini lebih jelas dan terarah, maka kami sebagai penulis membatasi masalah sebagai berikut :

1. Aplikasi yang dibuat Berbasis Website

2. Aplikasi ini hanya dapat di Update oleh beberapa pegawai yang statusnya sebagai administrator

3. .Proses yang dilibatkan adalah input, proses, dan Output informasi

4. Perangkat Lunak yang di gunakan utnk membangun aplikasi ini adalah menggunakan bahasa pemrograman PHP dan di bantu dengan tools Dreamweaver CS5,MySQL Workbench dan menggunakan DBMS MySQL.

1.5 METODOLOGI PENELITIAN

Metodologi penelitian merupakan suatu proses yang digunakan untuk memecahkan suatu masalah yang logis, dimana memerlukan data untuk mendukung terlaksananya suatu penelitian.metode penelitian yang di gunakan dalam pembangunan Website Profil Universiti Utara Malaysia adalah dengan metode deskriptif.metode deskriptif adalah metode penelitian yang meneliti status kelompok manusia,suatu objek,suatu kondisi,suatu pemikiran ataupun suatu peristiwa masa sekarang.Metode penelitian ini memiliki dua tahapan, yaitu tahap pengumpulan data dan tahap pembangunan perangkat lunak.

1.5.1 Tahap Pengumpulan Data

Tahap pengumpulan data dapat diperoleh secara langsung dari objek penelitian. Cara-cara yang mendukung untuk mendapatkan data primer adalah dengan studi lapangan dan studi pustaka.

1. Studi lapangan

Studi lapangan adalah cara mengumpulkan data dengan cara melakukan penelitian langsung dengan objek penelitian. Studi lapangan meliputi kegiatan wawancara dan observasi.

(21)

Wawancara adalah tahap pengumpulan data dengan cara mengadakan tanya jawab secara langsung kepada kepala bagian untuk memperoleh data yang berhubungan dengan pembangunan aplikasi.

b. Observasi

Observasi adalah tahap pengumpulan data dengan cara melakukan pengamatan secara langsung terhadap objek yang diteliti.

2. Studi Pustaka

Studi pustaka adalah tahap pengumpulan data dengan cara mengumpulkan data melalui literatur, jurnal, paper dan bacaan-bacaan yang ada kaitannya dengan judul proposal. Proses ini dilakukan untuk mencari dan mengumpulkan segala informasi tentang aplikasi informasi Koperasi berbasis web baik itu dari buku, artikel ilmiah, maupun sumber dari internet.

1.5.2 Tahap Pembangunan Perangkat Lunak

Metode yang digunakan dalam pembangunan perangkat lunak adalah metode waterfall. Tahap-tahap yang dilalui pada metode waterfall adalah sebagai berikut:

1) Rekayasa dan Pemodelan (System Engginering)

Pada tahap ini, rekayasa informasi mencakup pengumpulan kebutuhan sistem informasi kepegawaian yang akan dibangun.

2) Analisis perangkat Lunak (Software Analysis)

Menentukan apakah kegiatan dari sistem engineering dapat diimplementasikan menjadi sebuah sistem informasi atau tidak dan menentukan prosedur-prosedur yang bekerja. Adapun fungsi-fungsi tersebut meliputi fungsi masukan, fungsi proses dan fungsi keluaran.

3) Perancangan perangkat Lunak (Software Design)

Perancangan perangkat lunak merupakan perancangan sistem informasi kepegawaian yang dilakukan berdasarkan data-data yang telah dikumpulkan pada

tahap sebelumnya. Perancangan tersebut meliput perancangan struktur file, stuktur menu, stuktur program, format masukan (input) dan format keluaran (output).

4) Implementasi perangkat lunak (Coding)

Implementasi perangkat lunak yaitu kegiatan yang mengimplementasikan hasil dari perancangan perangkat lunak ke dalam kode program yang dimengerti oleh bahasa mesin.

(22)

Pengujian perangkat lunak yaitu memfokuskan pada logika internal dari perangkat lunak, fungsi eksternal, dan mencari segala kemungkinan kesalahan, memeriksa apakah input sesuai dengan hasil yang diinginkan setelah proses. 6) Pemeliharaan (Maintenance)

Pemeliharaan yaitu penerapan secara keseluruhan disertai pemeliharaan jika terjadi perubahan struktur baik dari segi software maupun hardware.

Gambar 1.1 Metode Waterfall 1.6 SISTEMATIKA PENULISAN

Sistematika penulisan ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan Laporan Kerja Praktek ini adalah sebagai berikut:

BAB I PENDAHULUAN

Menguraikan tentang latar belakang permasalahan, mencoba merumuskan inti permasalahan yang dihadapi, menentukan tujuan dan kegunaan penelitian yang kemudian diikuti dengan pembatasan masalah, serta sistematika penulisan.

BAB II TINJAUAN PUSATAKA

Bab ini membahas profil perusahaan, serta teori-teori mengenai istilah-istilah teknologi informasi dalam membangun suatu sistem.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Berisi tentang tahapan-tahapan yang dilakukan untuk menerapkan sistem yang telah dirancang.

BAB IV KESIMPULAN DAN SARAN

Berisi kesimpulan hasil analisis dan memberikan masukan atau saran bagi perbaikan sistem guna memperoleh kesempurnaan sistem.

(23)

BAB II

TINJAUAN PUSTAKA

2.1 Profil Koperasi

2.1.1 Sejarah Koperasai

Koperasi Universiti Utara Malaysia didirikan pada tanggal 30 juli 1985, dikampus Universi Utara Malaysia di Tanah Merah, Jitra, Kedah Darul Aman, dan sekarang posisi koperasi dipindah ke kampus Utama didaerah Sintok seiring dengan perpindahan rektora Universiti Utara Malaysia ke Sintok.

Seiring dengan waktu yang panjang, koperasi UUM yang hanya teridiri dari sebuah kperasi, kini telah memiliki beberapa cabang koperasi seperti Uni Shope, Uni Mart, Uni Bookstore, Uni Said, dan Uni Kari

Adapun Tugas dan Fungsi Koperasi UUM adalah : Tugas:

Koperasi mempunyai tugas melaksanakan kegiatan Ekonomi yang terjadi di UUM.

Fungsi:

Dalam melaksanakan tugasnya, Koperasi UUM menyelenggarakan fungsi:

1. penyiapan penyusunan Laporan seluruh kegiatan dan keungan transaksi yang ada dikoperasi

2. Pelaksanaan kegiatan ekonomi, dengan menyediakan barang-barang yang dibutuhkan oleh mahasiswa, untuk dijual kepada Mahasiswa;

(24)

3. pemantauan, kegiatan pengembangan kewirausahaan yang dilaksanakan oleh mahasiswa UUM; dan

pelaksanaan administrasi Koperasi UUM

Gambar 2.1. Logo Koperasi UUM

2.1.2 Struktur Organisasi

(25)

2.2 Landasan Teori

2.2.1 Pengertian Sistem

Dalam perancangan suatu sistem informasi diarahkan kepada pemanfaatan teknologi secara maksimal yang terdiri dari beberapa elemen atau komponen yang membentuk jaringan kerja dan mempunyai tujuan yang ingin dicapai. Pendekatan yang menekankan pada prosedur, mendefinisikan sebuah sistem sebagai berikut :

“Sistem adalah suatu jaringan dari prosedur – prosedur yang saling berhubungan, berkumpul bersama – sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu, dimana prosedur suatu sistem merupakan suatu urut – urutan operasi klasikal (tulis-menulis), dan melibatkan beberapa orang di dalam satu atau lebih departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksi – transaksi bisnis yang terjadi”.[1]

Dari pengertian diatas dapat diambil suatu kesimpulan bahwa suatu sistem merupakan elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan tertentu.

2.2.2 Definisi Sistem Informasi

Menurut Robert A.Leitch dan K. Roscoe Davis, sistem informasi adalah,

”Suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi, menyediakan kepada pihak luar akan laporan-laporan yang diperlukan”.

Komponen Sistem Informasi

Menurut John Burch dan Gary Grudnitski, sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan, yaitu

1. Blok Masukan

Merupakan masukan yang mewakili data yang masuk ke dalam sistem informasi.

(26)

9 2. Blok Model

Terdiri dari kombinasi prosedur, logika, dan model matematika yang akan memanipulasi data masukan dan data yang tersimpan pada basis data dengan cara tertentu untuk menghasilkan keluaran yang diinginkan. 3. Blok Keluaran

Merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua pemakai sistem.

4. Blok Teknologi

Merupakan bagian yang digunakan untuk menerima input, menjalankan modul, menyimpan dan mengakses data, menghasilkan dan mengirim keluaran, dan membantu pengendalian sistem secara keseluruhan.

5. Blok Basis Data

Merupakan kumpulan data yang saling berhubungan satu dengan yang lainnya, yang tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya.

6. Blok Kendali

Merupakan bagian yang bertindak untuk melakukan pencegahan terhadap hal-hal yang dapat merusak sistem, serta mengatasi kerusakan apabila terjadi kesalahan.

2.2.3 Perancangan Sistem

Perancangan sistem dapat berarti membuat sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang sudah ada. Dalam merancang sebuah sistem biasanya menggunakan alat bantu berupa :

A. Diagram Konteks (Context Diagram)

Diagram konteks digambarkan dengan sebuah lingkaran yang menjelaskan tentang batasan sistem yang saling berhubungan dengan kesatuan luar (external entity) yang akan memberikan masukan dan menerima keluaran dari sistem tersebut.

(27)

“Diagram konteks adalah diagram yang tidak detail dari sebuah sistem informasi yang menggambarkan aliran-aliran data masuk dan keluar dari sistem. Diagram ini digambarkan dengan sebuah lingkaran yang menjelaskan tentang batasan sistem yang saling berhubungan dengan kesatuan luar (external entity ) yang akan memberikan masukan dan menerima keluaran dari sistem tersebut yang dihubungkan dengan aliran yang menghubungkan sebuah sistem dengan lingkaran sistem”.[2]

B. Data Flow Diagram (DFD)

DFD adalah alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambarn analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.

Dibawah ini terdapat fungsi - fungsi dari simbol untuk DFD yaitu

1. Proses, suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, prosedur atau alat yang digunakan untuk mentransformasikan data. 2. Data Flow (Arus Data), data yang mengalir dengan arah tertentu dari asal ke tujuan. Data yang mengalir dapat berupa dokumen, surat atau bentuk lainnya.

3. Data Store (Penyimpanan Data), digunakan untuk menyimpan dan mengambil data oleh proses. Data yang disimpan dapat berupa data yang terkomputerisasi maupun tidak terkomputerisasi.

4. Terminator atau Source atau destination atau dikenal juga dengan external entity, berupa orang, organisasi atau sistem lain yang berada diluar batas sistem yang berinteraksi dengan sistem yang sedang dikembangkan.

(28)

C. ERD (Entity Relationship Digital)

ERD (Entity Relationship Diagram) Merupakan notasi grafis dalam pemodelan data konseptual, yang mendeskripsikan hubungan antara penyimpanan. ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena hal ini relatif kompleks. Dengan ERD, model dapat diuji dengan mengabaikan proses yang harus dilakukan. ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan struktur dan hubungan antar data, pada dasarnya ada 3 macam simbol yang digunakan

a. Entitas

Adalah suatu objek yang dapat diidentifikasi dalam lingkungan pemakai,sesuatu yang penting bagi pemakai dalam konteks sistem yang akan dibuat.

b. Atribut

Entity mempunyai elemen yang disebut atribut, dan berfungsimendeskripsikan karakter entity.

c. Hubungan/Relasi

Relationship sebagaimana Entity maka dalam hubungan pun harus dibedakan dalam hubungan atau bentuk hubungan antar Entity dengan isi dari hubungan itu sendiri. Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dalam satu basis data yaitu:

a. Satu ke satu (One to one)

Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B. b. Satu ke banyak (One to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan entitas.

c. Banyak ke banyak (Many to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.

(29)

2.2.4 Analisis Sistem

Analisis sistem (sistem analis) merupakan tahapan yang sangat kritis dan penting karena kesalahan dalam tahap ini dapat mempengaruhi tahapan selanjutnya, Analisa sistem didefinisikan sebagai berikut

“Penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya”.

Dalam tahap analisis terdapat langkah-langkah sebagai berikut: a. Identify yaitu mengidentifikasi masalah.

b. Understand yaitu memahami kerja dari sistem yang ada. c. Analyze yaitu menganalisis sistem.

d. Report yaitu membuat laporan hasil analisis.

2.2.5 Pengertian Basis Data(Database)

Database dapat diartikan sebagai kumpulan data yang terdiri atas satu atau lebih Tabel yang terintegrasi satu sama lain, dimana setiap user diberi wewenang (otoritas) untuk dapat mengakses (mengubah, menghapus, menganalisis, menambah,memperbaiki) data dalam tabel-tabel tersebut.

Tabel-tabel tersebut berfungsi untuk menyimpan data dan merupakan suatu kumpulan data yang berhubungan dengan topik tertentu. Beberapa istiah yang harusdiketahi pada saat bekerja dengan sebuah tabel database adalah

 Field ; merupakan tempat dimana data atau informasi dalam kelompok yang sama atau sejenis dimasukkan. Field itu pada umumnya tersimpan dalam bentuk kolom vertikal pada tabel.

(30)

 Record ; merupakan data lengkap dalam jumlah tunggal yang biasanya tersimpan dalam bentuk baris secara horizontal pada tabel.

2.2.6 Definisi Website

Website adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau sub domain di World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah URL yang menjadi "akar" (root), yang disebut homepage (halaman induk,sering diterjemahkan menjadi "beranda", "halaman muka"), dan biasanya disimpan dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis.Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya situs - situs yang menampilkan pornografi, situs - situs berita, layanansurat elektronik (e-mail), dan lain-lain.

Terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau sub domain, yang tempatnya berada didalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website - website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman - halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink - hyperlink yang ada di halaman tersebu tmengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.Beberapa website membutuhkan sub skripsi (data masukan) agar para user bisa mengakses

(31)

sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs - situs bisnis, situs - situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.

Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser, yang juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya bisa saja berupa Personal Computer,Laptop Computer, PDA ataupun Cellphone. 2.3 Software Pendukung

Dalam membangun sistem informasi diperlukan software pendukung yang menunjang dalam proses pembuatannya. Berikut ini adalah software- softwarenya :

A. MySQL

SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizernya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase. Menurut ANSI (American National Standars Institut), bahasa ini merupakan standar untuk relational database management sistem (RDBMS).Pertanyataan-pernyataan SQL digunakan untuk melakukan beberapa tugas seperti: update data pada database, atau menampilkan data dari database. Beberapa software RDBMS dan dapat menggunakan SQL seperti Oracle, Sybase, Microsoft SQL server, Microsoft Access, dan sebagainya. Setiap software database mempunyai

(32)

bahasa perintah atau sintak yang berbeda, namun pada prinsipnya mempunyai arti dan fungsi yang sama.

Perintah – perintah berikut adalah :

d. Create, yaitu digunakan untuk membuat tabel baru.

e. Select, yaitu digunakan untuk menampilkan data sesuai kriteria yang kita tentukan.

f. Insert, digunakan untuk menyisipkan atau menambah baris pada tabel. g. Update, yaitu digunakan untuk merubah isi data dalam tabel.

h. Delete, yaitu digunakan untuk menghapus baris atau record data dalam tabel.

i. Drop, yaitu digunakan untuk menghapus tabel.

Contoh penggunaan MySQL

B. HTML

HTML (HyperText Markup Language) adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform ke platform lainnya tanpa melakukan suatu perubahan apapun. Dokumen HTML disebut markup language karena mengandung tanda – tanda tertentu yang digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen, contoh struktur bahasa HTML

CREATE TABLE user ( users varchar(20) NOT NULL,

password varchar(32) NOT NULL,

PRIMARY KEY (users) ) TYPE=MyISAM;

(33)

C. PHP

PHP adalah bahasa scripting server – side, artinya bahasa yang digunakan pada server dengan tanpa perlu melakukan kompilasi tetapi cukup menuliskan tulisan dalam bentuk ASCII-nya saja. PHP sangat mirip dengan bahasa C, juga mempunyai karakteristik yang mirip dengan Perl. PHP dapat digunakan untuk mengolah data dari berbagai macam database, contoh struktur bahasa PHP adalah sebagai berikut :

D. Adobe Dreamweaver CS5

Adobe Dreamweaver merupakan program penyunting halaman web dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dari Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang lengkap serta kemudahan dalam penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Kemudian setelah dibeli oleh Adobe Systems berkembang ke Versi selanjutnya yakni versi 9 (CS3) versi 10 yang ada dalam Adobe Creative Suite 4 (CS4) dan versi terbarunya yaitu CS6. Adobe Dreamweaver memiliki banyak tool-tool yang memudahkan seorang web design untuk mengedit dan membuat kode-kode

<html> <head> <title>Untitled Document</title> </head> <body>

………Syntax program </body>

</html>

<?php

echo ” Syntax Program”; ?>

(34)

dalam halaman web. Fasilitas yang terdapat didalamnya antara lain: Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, HTML, CSS, TEMPLATING dan dokumen teks lain secara langsung. Teknologi Roundtrip HTML yang dimilikinya mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML tanpa susah payah.

E. WAMP Server

WAMP adalah paket program yang dibuat secara independent yang dapat diinstall pada komputer yang menggunakan sistem operasi Windows. Program ini untuk melayani halaman web dinamis suatu jaringan komputer, seperti internet atau jaringan pribadi.

WAMP adalah suatu singkatan yang terbentuk dari sistem operasi (Windows) dan komponen utama paket : Apache, Mysql dan PHP (atau Perl atau Phyton). Apache adalah suatu server web, yang mengijinkan orang-orang dengan web browsers seperti Internet explorer atau Firefox untuk menghubungkan suatu komputer dan melihat informasi dari suatu halaman web. Mysql adalah suatu database manager untuk menjelajahi data yang sangat terorganisir. PHP adalah suatu catatan bahasa yang dapat menggerakkan informasi dan menyimpannya dalam suatu database dan menghasilkan halaman web. Setiap suatu browser diminta program lain yang dapat mencakup paket, seperti phpMyAdmin yang menyediakan suatu alat penghubung grafis untuk Mysql Database manager, atau catatan alternatif bahasa pemrograman Phyton atau Perl.

(35)

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya untuk mengidentifikasikan masalah-masalah, dan hambatan-hambatan sehingga dapat diusulkan kebutuhan-kebutuhan untuk perbaikannya[1]. Tahap analisis merupakan tahap yang paling kritis dan sangat penting, karena kesalahan didalam tahap ini akan menyebabkan juga kesalahan di tahap selanjutnya. Selama ini Koperasi Universiti Utara Malaysia mempublikasikan seluruh kegiatannya, dan perkembangan nya melalui media cetak , seperti melalui majalah dinding dan Majalah yang di luncurkan oleh kampus. Analisis sistem ini diperoleh melalui wawancara dan observasi dan ditemukan beberapa data dan fakta yang akan dijadikan bahan uji dan analisis menuju penerapandan pengembangan sebuah aplikasi sistem yang diusulkan.

3.1.1 Analisis Masalah

Pada saat ini, penyampaian informasi tentang koperasi masih berjalan secara manual yaitu dengan membuat majalah dinding . Begitu juga dengan pemberian berita terupdate diberitakan melalui majalah bulanan, sehingga pemberitaan hanya dapat disampaikan dengan waktu yang relatif sedikit sehingga lambat untuk disampaikan.

Dengan pemberitaan seperti ini, staff koperasi mendapatkan kesulitan dan kejenuhan tersendiri dalam pemberitaan. Oleh karena itu metode pemberitaan secara manual ini harus dikembangkan sehingga proses belajar mengajar menjadi lebih efisien, modern.

3.2 Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional dilakukan untuk mengetahui spesifikasi kebutuhan untuk sistem. Spesifikasi kebutuhan melibatkan analisis perangkat keras/hardware, analisis perangkat lunak/software.

3.2.1 Analisis Kebutuhan Perangkat Keras(Hardware)

Agar aplikasi ini dapat berjalan dengan baik , maka dibutuhkan perangkat keras yang sesuai dengan kebutuhan aplikasi. Berikut ini adalah spesifikasi minimum perangkat keras yang dibutuhkan untuk menjalankan aplikasi secara optimal.

Spesifikasi Hardware:

Prosesor berkecepatan minimal 1.0 Ghz RAM 512 Mb

Harddisk 20 Gb Ethernet Card

(36)

3.2.2 Analisis Kebutuhan Perangkat Lunak(Software)

Sistem operasi dapat menggunakan Windows XP SP1 atau SP2;

Web Browser : Sedangkan untuk web browser dapat menggunakan program Microsoft Internet Explorer, Mozilla Firefox 3.5, Opera; Dari hasil pengamatan perangkat lunak, terdapat beberapa hal penting yang harus diperhatikan agar sistem yang akan dirancang dapat berjalan dengan baik dan sesuai dengan yang diharapkan. Pengguna diharapkan dapat memenuhi kebutuhan perangkat lunak yang telah di rekomendasikan agar aplikasi dapat berjalan dengan baik

3.3 Analisis Basis Data

Usulan untuk diagram E-R yaitu terdapat kunci yang unik (primary key) pmada setiap entitas (tabel induk) yang dapat membedakan dengan atribut lainnya sehingga tabel tersebut dapat dijadikan referensi untuk tabel yang lainnya.

Dari usulan diatas maka dapat dibuat diagram E-R untuk sistem yang terdri dari beberapa tabel yang dibutuhkan untuk menyimpan data. Untuk melihat keterhubungan antar tabel yang ada maka akan digambarkan sebagai berkut:

3.3.1 E-R Diagram

Diagram E-R merupakan komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang

merepresentasikan seluruh fakta dari “dunia nyata” yang kita tinjau. Diagram E-R digunakan untuk merancang tabel yang akan dibuat beserta relasi antar tabel pada basis data. ERD juga merupakan model konsepsual yang mendeskripsi hubungan antar penyimpanan (dalam ERD). Dari hasil analisis, didapat data yang akan dipakai dalam proses pembangunan program aplikasi Sistem Informasi Kepegawaian, Kemudian dari data yang telah diperoleh, dibangun sebuah desain basis data dengan menggunakan tools

Entit

(37)

20 3.3.2 Kamus Data

Untuk menjelaskan semua data yang digunakan dalam system, digunakan kamus data. Kamus data untuk system ini diuraikan dalam table berikut

Tabel III.1 Kamus Data

No. Detail Keterangan

1. Nama Data login

Deskripsi Berisi data user yang digunakan untuk proses login

Struktur data username + password Username

password

{0..9|a..z|A..Z} {0..9|a..z|A..Z}

2. Nama Data Admin

Deskripsi Berisi data Admin

Struktur data username + password + bagian id Username Password {0..9} {0..9|a..z|A..Z} {0..9|a..z|A..Z}

3. Nama Data Berita

Deskripsi Berisi data berita

Struktur data Id_berita+nama_ berita + link_ berita Id_berita Nama_berita Link_berita {0..9} {a..z|A..Z} {0..9|a..z|A..Z}

4. Nama Data member

Deskripsi Berisi data member

Struktur data Id_member+ nama_member

+alamat_member + no_telp+email Id_member Nama_member Alamat_member No_telp email {0..9} {a..z|A..Z} {0..9|a..z|A..Z} {0..9} {0..9|a..z|A..Z}

(38)

21 3.3.3 Skema Relasi

Gambar dibawah ini adalah skema relasi yang digunakan untuk membangun website Profil UUM

Tabel III.1 Skema Relasi 3.3.4 Struktur Tabel

Tabel III.2 Tabel Admin

Nama Field Tipe Data (Ukuran)

Keterangan

Id_admin String Id admin

Username String Nama Admin

Password String Password Admin

Tabel III.3 Tabel Berita

Nama Field Tipe Data (Ukuran)

Keterangan

Id_berita String Id berita

Nama_berita String Nama berita Link_berita String Link berita

Tabel III.4 Tabel Member

Nama Field Tipe Data (Ukuran)

Keterangan

Id_member String Id member

Nama_member String Nama member

Alamat_member String Alamat member

No_telepon Integer No_telepon

(39)

3.4 Analisis Kebutuhan Fungsional

Analisis kebutuhan fungsional dilakukan untuk memberikan gambaran aliran data yang ada pada program aplikasi yang akan dibangun. Kebutuhan fungsional pada Website Profil Koperasi Universiti Utara Malaysia ini meliputi diagram konteks, data flow diagram, kamus data dan spesifikasi proses.

3.4.1 Diagram Konteks

Diagram konteks data menggambarkan seluruh elemen dalam basis data secara umum, sedangkan diagram aliran data menggambarkan aliran data yang ada di dalam basis data secara terstruktur dan jelas batasannya berdasarkan konteks yang ada di dalam diagram konteks data.

Dibawah ini adalah diagram konteks data dari basis data website profil yang merupakan penjabaran dari kebutuhan-kebutuhan fungsional yang telah disusun.

(40)

23 3.4.2 DFD Level 1

Gambar DFD Level 1 berikut ini menjelaskan bahwa admin web dapat melakukan akses pada pengolahan data pokok di dalam sistem

Gambar 3.3 DFD level 1 Aplikasi Pengolahan Website Profil Koperasi UUM

3.4.2.1 DFD Level 2 Proses 1 kelola Admin

Pada DFD level ini terdapat 3 proses diantaranya adalah, tambah,edit, dan delete Admin

(41)

3.4.2.2 DFD Level 2 Proses 2 Kelola Berita

Pada proses ini untuk mengelola berita dan berita dapat di tambah edit, dan hapus.

ADMIN TAMBAH BERITA EDIT BERITA HAPUS BERITA BERITA

Data berita yang ditambah

Info Penambahan data berita

Data berita yang diedit

Info Pengeditan data berita

Data berita yang dihapus

Info penghapusan data berita Data berita Data berita Data berita Data berita Data berita

Gambar 3.5 DFD level 2 Proses 2 Aplikasi Pengolahan Data Berita

3.4.2.3 DFD Level 2 Proses 3 Kelola Data Member

Pada proses ini dapat mengelola data member, menambah data, mengedit data, dan menghapus data

(42)

3.5 Spesifikasi Proses

Tabel 3.5 Spesifikasi proses

No. Proses 1.0 Nama Proses Login

Deskripsi Proses Login menjadi admin

Input - Username

-Password

Output Info Login

Logika Proses Begin data dimasukan If (data sesuai){ Info login sukses

Then lanjut ke proses berikutnya }else{

Info login gagal }

No. Proses 2.0

Nama Proses Kelola Admin

Deskripsi Proses pengolahan Admin

Input -Tambah admin

-Edit admin -Delete admin Output -Info Data Menu Logika Proses Begin data dimasukan

If (data sesuai){

Pengolahan data admin sukses Then lanjut ke proses berikutnya }else{

Pengolahan data admin gagal }

No. Proses 3.0

Nama Proses Kelola Data Berita

Deskripsi Proses pengelolahan semua data alamat Berita Input -Tambah Data berita Baru

-Ubah data berita -Hapus data berita Output Info data berita Logika Proses Begin data dimasukan

If (data sesuai){

Pengolahan data berita sukses Then lanjut ke proses berikutnya }else{

Pengolahan data berita gagal }

No. Proses 4.0

Nama Proses Kelola data member

Deskripsi Proses pengelolahan semua data member Input -Tambah Data member

-Ubah data member -Hapus data member Output Info data member Logika Proses Begin data dimasukan

(43)

26 If (data sesuai){

Pengolahan data member sukses Then lanjut ke proses berikutnya }else{

Pengolahan data member gagal }

3.6 Kamus Data

Kamus data adalah kumpulan dari elemen-elemen atau symbol yang digunakan untuk membantu dalam penggambaran atau pengidentifikasian setiap field atau file idalam sistem. Kamus data merupakan deksripsi formal mengenai seluruh elemen yang mencakup DFD.

Tabel 3.5 Kamus Data

Nama aliran data Login

Proses 1.0 Login

Deskripsi Berisi proses Login

Struktur Data Username, Password

Username password

{0..9|a..z|A..Z} {0..9|a..z|A..Z}

Nama alir data Proses 2.0 Pengolahan Data Admin Proses 2.1 Tambah Data Admin Proses 2.2 Data Admin

Proses 2.3 Data Admin

Deskripsi Lihat Data Admin

Struktur Data Id_admin,user_name,Password

Id_admin Username Password {0..9} {0..9|a..z|A..Z} {0..9|a..z|A..Z}

Nama alir data Proses 3.0 Pengolahan Data berita

Where used/how used Proses 3.1 Tambah Data berita

Proses 3.2 Edit berita Proses 3.3 Hapus berita Deskripsi Ilihat semua catatan data berita

Struktur data Id_berita+nama_ berita + link_ berita Id_menu Nama_menu Link_menu {0..9} {a..z|A..Z} {0..9|a..z|A..Z}

Nama alir data Proses 4.0 Pengolahan data member Where used/how used Proses 4.1 Tambah data member

Proses 4.2 Edit data member Proses 4.3 Hapus data berita Deskripsi Lihat semua Catatan data member

Struktur data Id_member+ nama_member +alamat_member +

no_telp+email Id_member Nama_member Alamat_member No_telp email {0..9} {a..z|A..Z} {0..9|a..z|A..Z} {0..9} {0..9|a..z|A..Z}

(44)

3.7 Perancangan Interface

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user.

3.7.1 perancangan struktur menu user

Pembuatan Aplikasi Website Profile Company di Koperasi Universiti Utara Malaysia Menggunakan Struktur menu dibawah ini :

Gambar 3.7 Struktur Menu User

Ada empat hal yang ditampilkan dalam menu user website profile ini, yaitu halaman profil, perkhidmatan, berita, member area. Halaman profil berisi tentang objektif perusahaan, visi dan misi, Carta Organisasi, dan ahli lembaga. Halaman perkhidmatan berisi layanan-layanan yang disediakan oleh koperasi seperti tabung menabung, peminjaman, dan tempat mendownload form-form pendaftaran sebagai anggota koperasi. Halaman berita berisii tentang seputar berita yang terjadi dikoperasi, sedangkan member area adaalah area khusus dimana para member dapat melihat semua berita tanpa dibatasi.

Gambar 3.8 Atruktur Menu Admin Home

Member Area Berita

Perkhidmatan Profil

ADMIN

BERITA

(45)

Ada tiga hal yang ditampilkan dalam menu admin website profile ini. Yaitu menu, berita dan Member Area. Halaman menu berisi tentang tampilan perubahan yang akan ditampilkan pada halaman menu user dengan cara menambah, mengedit dan menghapus sub menu yang ada dimenu user. Halaman Berita berisi tentang tampilan berita yang ditampilkan pada halaman menu user. Sedangkan untuk halaman member area berisi tentang pengaturan admin terhadapap member yang dapat mengakses halaman lebih dari pada yang non member.

1. Perancangan interface halaman utama (Pengunjung)

Di bawah ini merupakan perancangan antarmuka halaman utama setelah pengunjung masuk ke website profil Koperasi UUM

(46)

2. Perancangan interface halaman profil Website

(47)

3. Perancangan interface halaman profil objektif

(48)

4.Perancangan interface halaman visi dan misi

(49)

5.Perancangan interface halaman profil carta organisasi

(50)

6.Perancangan interface halaman profil ahli lembaga

(51)

7. Perancangan interface halaman Perkhidmatan

(52)

8. Perancangan interface halaman Tabung

(53)

9. Perancangan interface halaman pembiayaan pinjaman

(54)

9. Perancangan interface halaman pembiayaan pinjaman

(55)

10. Perancangan interface halaman berita

(56)

11. Perancangan interface halaman login dan register

(57)

3.7.2 Implementasi Antarmuka

Implementasi antarmuka meliputi setiap halaman program yang dibuat beserta pengkodean dalam bentuk file program. Berikut adalah implementasi antarmuka aplikasi website profile company dan Admin di koperasi Universitas Utara Malaysia

1.5.1 Tampilan Halaman Utama User

(58)

1.5.2 Tampilan Halaman profil User

Gambar 3.22 Halaman Profil User

1.5.3 Halaman PerkhidmatanUser

(59)

1.5.4 Halaman Berita User

Gambar 3.24 Halaman berita User

1.5.5 Halaman Member Area

(60)

(61)

BAB IV

KESIMPULAN DAN SARAN

Berdasarkan hasil deskripsi dari bab sebelumnya, berikut ini merupakan kesimpulan yang di peroleh dan di harapkan saran-saran yang akan memberikan catatan penting dan perbaikan yang perlu di lakukan untuk pengembangan sistem yang sudah ada agar lebih optimal :

4.1 Kesimpulan

Kesimpulan yang didapat dari proses analisis, perancangan dan implementasi sistem :

1. Aplikasi Profil berbasis Web di Koperasi UUM merupakan sebuah Sistem yang mengelola seluruh informasi seputar Berita Tentang UUM.

4.2 Saran

Penulis menyadari pada sistem yang di buat ini masi jauh dari kata sempurna, oleh karena itu penulis memberikan saran kepada para peneliti yang akan melakukan penelitian pada bidang yang sama agar menjadi bahan pertimbangan. Adapun saran yang di berikan agar sistem ini dapat lebih baik , antara lain :

1. Adanya sistem tamabahan berbasis mobile phone, di karenakan pesat perkembangan ponsel – ponsel pintar yang beredar sekarang.

2. Keamanan dari sebuah sistem(Otentifikasi), karena web ini berbasis Global, kemungkinan – kemungkinan hal yang tidak diinginkan bisa saja terjadi, untuk itu perlu keamanan sebuah jaringan dalam membangun Sistem Informasi berbasis web.

(1)

39 11. Perancangan interface halaman login dan register

(2)

3.7.2 Implementasi Antarmuka

1.5.1 Tampilan Halaman Utama User

(3)

41 1.5.2 Tampilan Halaman profil User

Gambar 3.22 Halaman Profil User 1.5.3 Halaman PerkhidmatanUser

(4)

42 1.5.4 Halaman Berita User

Gambar 3.24 Halaman berita User

1.5.5 Halaman Member Area

(5)

(6)

BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan

Kesimpulan yang didapat dari proses analisis, perancangan dan implementasi sistem :

1. Aplikasi Profil berbasis Web di Koperasi UUM merupakan sebuah Sistem yang mengelola seluruh informasi seputar Berita Tentang UUM.

4.2 Saran

1. Adanya sistem tamabahan berbasis mobile phone, di karenakan pesat perkembangan ponsel – ponsel pintar yang beredar sekarang.

Pembangunan website Profil Koperasi Universiti Utara Malaysia Kedah Darul Aman