Docstoc

BAB IV

Document Sample
BAB IV Powered By Docstoc
					                                    BAB IV

                               PEMBAHASAN



       Berdasarkan hasil dari metode penelitian dan pengembangan sistem yang

dilakukan, implementasi sebuah Website IMKI PRIMA Purwokerto sebagai

sarana promosi ini menggunakan bahasa pemrograman (script) PHP dan

database-nya menggunakan MySQL. Implementasi menggunakan tahap dimana

aplikasi dan sistem ini siap dioperasikan. Dari pembahasan ini akan diketahui

apakah aplikasi yang dibuat benar-benar dapat menghasilkan tujuan yang

diinginkan yang didasarkan pada analisa dan perancangan yang telah dilakukan.

       Implementasi Website IMKI PRIMA Purwokerto sebagai sarana promosi

meliputi implementasi perangkat keras dan perangkat lunak, implementasi basis

data, implementasi pembangunan aplikasi, dan implementasi antarmuka. Setelah

proses implementasi selesai dilakukan, selanjutnya testing program perlu diadakan

untuk mencegah adanya hal-hal yang dapat mengakibatkan terjadinya error pada

program dan yang terakhir adalah evaluasi dilakukan untuk mengetahui kelebihan

dan kekurangan dari perancangan yang telah diimplementasikan.

       Selain itu, evaluasi diperlukan untuk mengetahui sejauh mana sistem yang

dihasilkan sesuai dengan kebutuhan pengguna. Kekurangan sistem yang didapat

dari evaluasi dapat dijadikan acuan pengembangan sistem selanjutnya, untuk yang

lebih baik.




                                       61
                                                                              62




A. Implementasi Sistem

          Implementasi adalah penerapan hasil analisis dan perancangan yang

   telah dilakukan sebelumnya. Proses instalasi merupakan langkah awal supaya

   suatu aplikasi program dapat berjalan sesuai yang diharapkan. Karena sistem

   yang dibangun berbasis client server maka sistem yang ada pada client harus

   dapat terintegrasi dengan database pada server. Untuk itu proses instalasi ini

   perlu dilakukan guna menemukan kesalahan yang diakibatkan dari interaksi

   yang tidak diharapkan antara sub sistem dengan masalah interface subsistem.

   1. Rancangan Proses

              Rancangan proses memuat flowchart sistem, diagram alir data,

      diagram dekomposisi, dan spesifikasi proses (rancangan proses rinci).

      a. Flowchart Sistem

                  Flowchart Sistem merupakan bagan yang menunjukkan alur

          kerja atau apa yang sedang dikerjakan di dalam sistem secara

          keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang ada

          di dalam sistem. Dengan kata lain, flowchart ini merupakan deskripsi

          secara grafik dari urutan prosedur-prosedur yang terkombinasi yang

          membentuk suatu sistem.

                  Pada flowchart sistem dapat dilihat (gambar 4.1) bahwa ada 2

          data, yaitu admin, dan data informasi tentang IMKI. Kedua data

          tersebut dimasukkan (input) secara manual yaitu oleh admin dan

          kemudian dilakukan suatu proses pengolahan data tersebut. Dari

          pengolahan data maka masing-masing proses mengasilkan file dari

          tiap-tiap data.
                                                                                   63




                    Hasil dari file data admin, dan informasi IMKI diolah kembali

             dalam suatu proses pengolahan data Informasi IMKI yang akan

             mengasilkan sebuah file data profile IMKI, data program unggulan,

             data galery, data syarat pendaftaran, data cabang IMKI dan data

             alumni.

    Data                         Data
   Admin                      Informasi
                                IMKI



Input Data                   Input Data
  Admin                   Informasi IMKI




Pengolahan                 Pengolahan
Data Admin                Data Informasi
                              IMKI




   Data                       Data
  Admin                    Informasi
                             IMKI




                            Pengolahan
                          Informasi IMKI




   Data                                               Data         Data     Data
  Profile                                            Syarat      Cabang   Alumni
  IMKI                                             Pendaftaran    IMKI     IMKI



                 Data                      Data
               Program                    Galery
               Unggulan                   IMKI




                         Gambar 4.1. Flowchart Sistem
             Website IMKI PRIMA Purwokerto sebagai sarana promosi
                                                                           64




  Keterangan Gambar:

                 Tabel 4.1 Tabel Simbol dan Arti Flowchart

   Simbol                                      Arti

Input / Output        Merepresentasikan Input data atau Output data yang
                      diproses atau Informasi.




   Proses             Mempresentasikan operasi.




 Anak Panah           Merepresentasikan alur kerja.




Magnetic Drum         I/O yang menggunakan Drum Magnetik.




Manual Input          Input yang dimasukkan secara manual dari keyboard.
                                                                      65




b. Diagram Alir Data

          Metode perancangan proses yang digunakan dalam pembuatan

   Website IMKI PRIMA Purwokerto sebagai sarana promosi ini adalah

   dengan menggunakan Diagram Alir Data (DAD) atau DFD (Data

   Flow Diagram). Hasil perancangan terbagi menjadi beberapa bagian

   diagram aliran data, yaitu :

   1) DAD level 0 (Diagram Konteks)

              Di bawah ini digambarkan DAD level 0 (diagram konteks)

      Website IMKI PRIMA Purwokerto sebagai sarana promosi

      (gambar 4.2). Dalam diagram tersebut terlihat ada dua entitas yang

      terlibat. Kedua entitas tersebut adalah Admin dan Pengunjung.

              Admin dalam hal ini adalah orang yang dipercaya untuk

      mengelola web, bisa ditunjuk kepada bagian akademik atau

      marketing. Sedangkan pengunjung adalah semua orang yang

      membuka web, baik itu mahasiswa, dosen maupun masyarakat

      umum.
                                                                    66




                               Admin

                                       Data Profile, Data Program
                                       Unggulan, Data Syarat
                   Informasi
                                       Pendaftaran, Data Cabang,
                                       Data Link, Data Alumni,
                                       Data Galery




                        Website IMKI
                      PRIMA Purwokerto
                        sebagai sarana
                           promosi




                                        Buku Tamu
                   Informasi




                       Pengunjung (Guest)


            Gambar 4.2 Diagram Konteks
Website IMKI PRIMA Purwokerto sebagai sarana promosi



2) DAD level 1

          Terdapat tiga proses dalam DAD level 1, yaitu:

   a) Login, yaitu prosedur login yang dilakukan oleh administrator.

   b) Olah Informasi IMKI, proses pengolahan data info tentang

      IMKI PRIMA Purwokerto

   c) Olah Data Bukutamu, proses pengolahan data bukutamu.
                                                                                        67




                         Ketiga proses yang dijelaskan dalam DAD level 1 Website

             IMKI PRIMA Purwokerto sebagai sarana promosi, dapat

             digambarkan sebagai berikut (gambar 4.3):




Username, Password
                                                1.0
   Laporan                                     Login


                                 Data Admin
                                                   Informasi

                                           Admin




                 Data Informasi IMKI
                                             2.0
  Admin                                   Olah Data                         Pengunjung
                                                               Informasi
                  Laporan                 Informasi
                                            IMKI

                              Data Informasi
                                                   Informasi

                                          Informasi




   Laporan                                   3.0                           Laporan
                                          Olah Data
Data Buku Tamu
                                         Buku Tamu                     Data Buku Tamu


                              Data Bukutamu
                                                   Informasi

                                         Bukutamu



                        Gambar 4.3 DAD level 1
          Website IMKI PRIMA Purwokerto sebagai sarana promosi
                                                                 68




3) DAD level 2 Pengolahan Data Informasi IMKI

          Terdapat delapan proses pada DAD level 2 Pengolahan

   Data Informasi IMKI, yaitu:

   a) Cek Data Profile, yaitu memastikan bahwa data profile yang

      akan ditambahkan atau dihapus ada dalam database.

   b) Tambah Data Profile, yaitu menambahkan data profile yang

      baru.

   c) Ubah Data Profile, yaitu mengubah data profile yang sudah

      ada.

   d) Hapus Data Profile, yaitu proses penghapusan data profile yang

      sudah ada.

   e) Cek Data News, yaitu memastikan bahwa data news yang akan

      ditambahkan atau dihapus ada dalam database.

   f) Tambah Data News, yaitu menambahkan data news yang baru.

   g) Ubah Data News, yaitu mengubah data mahasiswa yang sudah

      ada.

   h) Hapus Data News, yaitu proses penghapusan data news yang

      sudah ada.

          Kedelapan proses pada DAD level 2 Pengolahan Data

   Informasi IMKI dapat digambarkan sebagai berikut:
                                                                                      69




Data Profile
                                          2.1                             Informasi
  Laporan                              Cek Data         Data Profile
                                        Profile

                                                       Informasi

                                                     Data Profile
   Data Profile
                                          2.2
     Laporan                           Tambah
                                      Data Profile     Informasi



                                                             Profile
                                            Data Profile


      Data Profile                        2.3
                                       Ubah Data       Informasi
         Laporan                        Profile




            Data Profile                   2.4
                                       Hapus Data      Informasi
               Laporan                   Profile
                                                        Data Profile

    Admin                                                                Pengunjung

                                                                       Informasi
               Laporan                   2.5               Data News
                                       Cek Data
            Data News                   News             Informasi


                                                      Informasi

         Laporan                          2.6
                                        Tambah          Data
        Data News                      Data News        News

                                                               News

      Laporan                             2.7           Data
                                       Ubah Data        News
   Data News                             News

                                                      Informasi

 Laporan                                  2.8
                                       Hapus Data       Data News
                                         News
Data News
                                                           Informasi



               Gambar 4.4 DAD level 2 pengolahan Data Informasi IMKI
                                                                                             70




            4) DAD level 2 Pengolahan Data Buku Tamu

                        Terdapat empat proses pada DAD level 2 Pengolahan Data

                 Buku Tamu, yaitu:

                 a) Cek Data Buku Tamu, yaitu melihat daftar isi dari buku tamu.

                 b) Tambah Data Buku Tamu, yaitu menambahkan data buku tamu

                    yang baru.

                 c) Ubah Data Buku Tamu, yaitu mengubah data buku tamu yang

                    sudah ada.

                 d) Hapus Data Buku Tamu, yaitu proses penghapusan data buku

                    tamu yang sudah ada.


 Data Buku Tamu
                                                            3.1       Informasi
   Laporan                                                 Cek
                             Data Buku Tamu              Bukutamu
                                 Informasi
                                                                        Informasi
                                                                      Informasi
     Data Buku Tamu
                                                            3.2
                                                          Tambah     Isi Buku Tamu
        Laporan                                          Buku Tamu
                                 Data Buku Tamu

                                             Informasi
  Admin                      Profile                                                Pengunjung
                                       Informasi

                                 Data Buku Tamu             3.3
        Laporan                                          Ubah Buku
                                                           Tamu
     Data Buku Tamu


                                   Informasi

  Laporan                    Data Buku Tamu                 3.4
                                                           Hapus
                                                         Buku Tamu
Data Buku Tamu




              Gambar 4.5 DAD level 2 pengolahan Data Buku tamu
                                                                      71




c. Perancangan Basis Data

   1) Tahap Normalisasi

             Tahap normalisasi dilakukan untuk memperoleh database

      yang optimal.

      a) Bentuk Tidak Normal

                 Bentuk tidak normal adalah bentuk data yang didapat

          pada waktu analisa kebutuhan. Di dalam bentuk tidak normal,

          semua field yang dibutuhkan dikumpulkan menjadi satu.

          Gambar bentuk tidak normal dapat dilihat pada gambar 4.6.
                                       72




Gambar 4.6 Bentuk tabel tidak normal
                                                                 73




b) Bentuk Normal Pertama (First Normal Form/ 1-NF)

          Pada bentuk normalisasi pertama masih terdapat

   kelemahan dimana kelemahan tersebut terjadi jika kita

   menyisipkan data baru maka data tersebut tidak menumpuk

   data lama, namun kalau kita menghapus data maka bisa terjadi

   penghapusan semua data yang tidak diinginkan. Bentuk normal

   pertama, yaitu setiap data dibentuk dalam file datar, satu record

   demi satu record. Gambar bentuk normal pertama dapat dilihat

   pada gambar 4.7.




    Gambar 4.7 Bentuk Tabel Normal Pertama
                                                            74




c) Bentuk Normal Kedua (Second Normal Form/ 2-NF)

          Suatu relasi memenuhi 2-NF jika dan hanya jika:

   (1) Memenuhi 1-NF.

   (2) Setiap atribut yang bukan kunci utama tergantung secara

      fungsional terhadap semua atribut kunci dan bukan hanya

      sebagian atribut.

          Untuk memenuhi bentuk normal kedua harus ditentukan

   kunci utama pada tiap-tiap tabel. Gambar bentuk normal kedua

   dapat dilihat pada gambar 4.8.




    Gambar 4.8 Bentuk Tabel Normal Kedua
                                                           75




d) Bentuk Normal Ketiga (Third Normal Form/ 3-NF)

         Di dalam bentuk normal ketiga semua atribut bukan

   kunci utama harus bergantung secara langsung kepada atribut

   kunci utama. Gambar bentuk normal ketiga dapat dilihat pada

   gambar 4.9.




    Gambar 4.9 Bentuk Tabel Normal Ketiga
                                                                  76




2) Hubungan Tabel

          Hubungan (relasi) antar tabel akan memberikan gambaran

   tentang hubungan masing-masing tabel terhadap tabel lain. Dengan

   adanya relasi tersebut akan memudahkan pembacaan tabel, karena

   pada relasi antar tabel terlihat field nama yang dijadikan primary

   key dan foreign key-nya. Gambar relasi antar tabel dapat dilihat

   pada gambar 4.10.




         Gambar 4.10 Hubungan (Relasi) Tabel
                                                                          77




      3) Rancangan Tabel

                    Dalam membangun Website IMKI PRIMA Purwokerto

             sebagai sarana promosi, record akan disimpan di database

             “imkiprima_db”. Di dalam database imkiprima_db memiliki tabel-

             tabel yang berfungsi untuk menyimpan record, adapun tabel-tabel

             yang terdapat dalam database adalah sebagai berikut:

             a) Tabel Alumni

                       Tabel alumni berfungsi untuk menyimpan data alumni.

                            Tabel 4.2. Tabel Alumni

     Field               Tipe                    Keterangan
id_alumni            int(5)         auto_increment, Primary Key (PK)
nama                 varchar(40)    Nama lengkap alumni
pekerjaan            varchar(40)    Pekerjaan Alumni
photo                longblob       Photo
tipe_photo           varchar(20)    Tipe photo


             b) Tabel Album

                       Tabel album berisi daftar nama album dan cover album.

                            Tabel 4.3. Tabel Album

     Field               Tipe                    Keterangan
id_album             int(3)         auto_increment, Primary Key (PK)
Judul_album          varchar(40)    Judul dari nama album
cover                longblob       Gambar cover
Tipe_cover           varchar(20)    Tipe gambar cover
Id_admin             char(5)        Admin mengisi album
                                                                           78




           c) Tabel Admin

                     Tabel      admin   berfungsi     untuk   menyimpan   data

              administrator.

                            Tabel 4.4. Tabel Admin

     Field             Tipe                         Keterangan
id_admin           int(3)           auto_increment, Primary Key (PK)
nama               varchar(30)      Nama lengkap admin
username           varchar(20)      Username admin
password           varchar(20)      Password admin
email              varchar(30)      Email yang digunakan admin


           d) Tabel Saran

                     Tabel      saran   berfungsi     untuk   menyimpan   data

              bukutamu.

                            Tabel 4.5. Tabel Saran

      Field            Tipe                         Keterangan
id_saran           int(5)           auto_increment, Primary Key (PK)
Nama_lengkap       varchar(30)      Nama tamu
email              varchar(30)      Email tamu
saran              text             Komentar dari tamu
tanggal            datetime         Tanggal komentar dipost


           e) Tabel Link

                     Tabel link berfungsi untuk menyimpan data link.

                              Tabel 4.6. Tabel Link

     Field             Tipe                         Keterangan
id_link           int(5)            auto_increment, Primary Key (PK)
title             varchar(40)       Keterangan dari link
link              varchar(40)       Alamat/ URL
                                                                      79




         f) Tabel Cabang

                     Tabel cabang berfungsi untuk menyimpan data cabang.

                         Tabel 4.7. Tabel Cabang

     Field             Tipe                   Keterangan
id_cabang          int(5)         auto_increment, Primary Key (PK)
nama_cabang        varchar(40)    Nama cabang IMKI
alamat             text           Alamat Cabang
telpon             varchar(20)    Telpon cabang
sms                varchar(20)    No. SMS



         g) Tabel Gallery

                     Tabel gallery berfungsi untuk menyimpan data gallery

              foto atau kumpulan foto.

                         Tabel 4.8. Tabel Gallery

     Field             Tipe                   Keterangan
id_gallery         int(5)         auto_increment, Primary Key (PK)
keterangan         varchar(255)   Keterangan Album
gambar             longblob       Gambar dari album
tipe_gambar        Varchar (40)   Tipe dari gambar
id_album           Char(5)        Id dari album



         h) Tabel Karyawan

                     Tabel karyawan berfungsi untuk menyimpan data

              karyawan IMKI.
                                                                             80




                           Tabel 4.9. Tabel Karyawan

      Field              Tipe                    Keterangan
id_karyawan         char(8)         Primary Key (PK)
nama                varchar(30)     Nama lengkap karyawan
email               varchar(20)     Email karyawan
photo               varchar(30)     Photo karyawan
jenis_kelamin       varchar(2)      Username yang digunakan karyawan
alamat              text            Alamat Karyawan
jabatan             varchar(40)     Jabatan karyawan




          i) Tabel detil_cabang

                      Tabel detil cabang berfungsi untuk menjelaskan lebih

                detail cabang IMKI PRIMA.

                         Tabel 4.10. Tabel Detil_cabang

      Field               Tipe                   Keterangan
id_detilcabang      int(5)          auto_increment, Primary Key (PK)
nama_cabang         varchar(30)     Nama cabang
alamat              varchar(255)    Alamat cabang
telp                varchar(30)     Telepon cabang
sms                 varchar(15)     Sms cabang
id_cabang           Int (5)         Id cabang


          j) Tabel Kota

                      Tabel yang berisi data kota tempat Cabang IMKI

                PRIMA.

                             Tabel 4.11. Tabel Kota

     Field               Tipe                    Keterangan
id_kota             int(5)         auto_increment, Primary Key (PK)
nama_kota           varchar(40)    Nama kota cabang
Id_propinsi         char(5)        Propinsi cabang
                                                                     81




         k) Tabel Propinsi

                   Tabel propinsi berisi data propinsi cabang IMKI

              PRIMA.

                        Tabel 4.12. Tabel Propinsi

     Field             Tipe                   Keterangan
id_propinsi      int(5)         auto_increment, Primary Key (PK)
nama_propinsi    varchar(40)    Nama propinsi cabang


         l) Tabel News

                   Tabel news berfungsi untuk menyimpan data news.

                         Tabel 4.13. Tabel News

     Field             Tipe                   Keterangan
id_news          int(5)          auto_increment, Primary Key (PK)
judul            varchar(255)    Judul news
isi              text            Isi News
posted           datetime        Posted
id_pengirim      char(5)         Id Pengirim
                                                                              82




      d. Perancangan Antar Muka

                   Desain antarmuka yang dibutuhkan dalam pembuatan Website

           IMKI PRIMA Purwokerto sebagai sarana promosi antara lain:

           1) Antarmuka Halaman Utama

                       Halaman utama ini merupakan tampilan halaman awal

                ketika aplikasi ini di buka pada web browser (gambar 4.11).


                                         Header

.: Menu Utama                                                 .: Pencarian
> Home
> Profile IMKI PRIMA                                           search
> Syarat Pendaftaran
> Cabang IMKI PRIMA         Update Informasi dan News (Isi)
> Gallery
> Alumni
> Dosen                                                       .: Link
> Karyawan                                                    > link 1
> Buku Tamu                                                   > link 2
> Login Admin                                                 > link 3

.: Advertisement
     Image

     Image

     Image


                                         Footer


                   Gambar 4.11 Desain Antarmuka Halaman Utama.



           2) Antarmuka Halaman Administrator

                       Halaman Administrator merupakan tampilan halaman pada

                browser ketika admin melakukan login di halaman Administrator

                (gambar 4.12).
                                                                              83




                                      Header

.: Menu Administrator
> Home
> Data Berita
> Data Alumni
> Data Gallery
> Data Link                              Update Informasi dan News (Isi)
> Data Dosen
> Data Karyawan
> Ubah Password
> Preview
> Logout




                                      Footer


            Gambar 4.12 Desain Antarmuka Halaman Administrator.



 2. Instalasi Perangkat Keras dan Perangkat Lunak

                Implementasi dan instalasi perangkat keras (hardware) disesuaikan

      dengan spesifikasi komputer pada sistem usulan atau memiliki spesifikasi

      yang tidak terlalu tinggi. Hal ini dimaksudkan untuk mengetes performa

      (unjuk kerja) sistem ketika berjalan di komputer dengan spesifikasi

      rendah.

                Adapun hal-hal yang perlu dipersiapkan guna proses instalasi baik

      dari segi hardware maupun software yaitu:

      a. Komputer Server

          1) Sistem Operasi Windows XP Profesional.

          2) Browser Internet Explorer/ Mozilla Firefox.

          3) AppServ, Paket Web Server Apache, phpMyAdmin dan Database

                MySQL.
                                                                     84




   4) Processor Intel Dual Core 1,8 GHz.

   5) RAM 1 GB.

   6) Harddisk 160 GB.

   7) Network Card (LAN Card)/ Wireless.

   8) CD ROOM/ DVD ROOM.

b. Komputer Client

   1) Sistem operasi Windows XP Profesional.

   2) Browser Internet Explorer/ Mozilla Firefox.

   3) Processor Intel Dual Core 1,8 GHz.

   4) RAM 1 GB.

   5) Harddisk 160 GB.

   6) Network Card (LAN Card)/ Wireless.

   7) CD ROOM/ DVD ROOM (jika diperlukan).

       Bila persiapan sudah selesai maka langkah selanjutnya adalah

menginstal software dan hardware yang dibutuhkan pada komputer server

dan client agar dapat terintegrasi dengan baik.

       Dalam implementasi perangkat lunak (software) digunakan Sistem

Operasi (operating sistem) Windows XP Profesional serta beberapa

perangkat lunak pendukung yang lain. Perangkat lunak pendukung yang

digunakan adalah sebagai berikut:

1) AppServ for Windows Version, Paket Web Server Apache,

   phpMyAdmin dan Database MySQL.

2) Internet Browser (Microsoft Internet Explorer/ Mozilla Firefox)
                                                                        85




   3) Editor web (Adobe Dreamweaver CS.3 dan PHPCoder)

   4) Adobe Photoshop CS3.

   5) Adobe Flash CS3.

          Instalasi web server (Apache Friends), PHP MyAdmin, dan

   MySQL pada implementasi ini, penulis menggunakan paket program

   AppServ for Windows. Pada saat instalasi AppServ for Windows Version

   ketiga komponen tersebut secara bersamaan akan terinstal. Web server dan

   MySQL secara default akan berjalan pada saat sistem operasi dijalankan.

   Sedangkan untuk instalasi editor web, seperti Adobe Dreamweaver CS3

   dan PHPCoder diperlukan langkah instalasi tersendiri seperti halnya

   melakukan instalasi perangkat lunak yang lain. Begitupula untuk Adobe

   Photoshop CS3 dan Adobe Flash CS3.

          Adapun untuk menjalankan sistem ini diperlukan web server

   Apachefriends dan MySQL yang harus ada pada komputer server.

   Sedangkan pada komputer client hanya membutuhkan internet browser

   yang pada saat pengembangan menggunakan Mozilla Firefox.



3. Implementasi Basisdata

          Website IMKI PRIMA Purwokerto sebagai sarana promosi

   menggunakan DBMS (Database Management System) MySQL untuk

   mengolah database-nya. Didalam aplikasi tersebut dibuat sebuah database

   yang bernama “imkiprima_db” yang nantinya akan menampung seluruh

   data yang digunakan dan atau diperlukan dalam Website IMKI PRIMA

   Purwokerto sebagai sarana promosi (Gambar 4.13).
                                                                           86




              Gambar 4.13 Pembuatan Database Pada MySQL.


   Script:    CREATE DATABASE `imkiprima_db` ;




4. Implementasi Pembangunan Aplikasi

             Pembangunan Website IMKI PRIMA Purwokerto sebagai sarana

   promosi diperlukan deskripsi bentuk dan deskripsi fungsi dari masing-

   masing file yang digunakan. Kode program dibuat dalam bentuk file-file

   berformat *.php dan ada juga *.html. File-file disusun dalam suatu struktur

   program yang disesuaikan dengan fungsi masing-masing file.

             File-file tersebut disimpan dalam sebuah direktori utama. Dalam

   perancangan yang telah dilakukan, direktori utama bernama “imkiprima”

   yang disimpan dalam folder “www” (C:\AppServ\www\). Struktur

   direktori dapat dilihat pada Gambar 4.14.




         Gambar 4.14 Struktur Direktori Website IMKI PRIMA
                                                                             87




B. Pembahasan Program

          Setelah proses implementasi dari segi instalasi hardware, software,

  database, tabel serta pembangunan aplikasi. Berikut ini sedikit dijabarkan

  tentang pembahasan program. Ada beberapa file penting php sebagai

  penyusun dari halaman website IMKI PRIMA Purwokerto, adalah:

  1. Koneksi.php

     Script:

     <?php
       mysql_connect("localhost","root","")      or   die   ("gagal   melakukan
       koneksi ke server, silakan periksa server Anda");
       mysql_select_db("imkiprima_db") or die ("database imkiprima tidak
       ditemukan, silakan periksa database Anda");
     ?>


             File koneksi.php disimpan pada folder terpisah, yaitu folder

     koneksi. Keterangan script dari koneksi adalah:             mysql_connect

     (“localhost”,”root”,””); berarti host server yang digunakan adalah

     “localhost”, hak akses user pada database mysql adalah “root”, password

     tidak ada “”. Jika tidak dapat terkoneksi pada host server (“or die”), maka

     akan tampil pesan “gagal melakukan koneksi ke server, silakan periksa

     server Anda”. mysql_select_db (“imkiprima_db”); berarti database yang

     digunakan adalah “imkiprima_db”. Jika tidak menemukan database atau

     tidak terkoneksi ke database (“or die”) maka akan tampil pesan “database

     imkiprima tidak ditemukan, silakan periksa database Anda”.
                                                             88




2. Halaman Utama

        Halaman utama merupakan halaman awal ketika website IMKI

  PRIMA Purwokerto diakses oleh pengunjung.




                    Gambar 4.15 Form Login
                                                                        89




Script Halaman Utama:
       <html> <head>
       <title>IMKI PRIMA Purwokerto - Jalur Cepat Meraih Kerja</title>
       <script language="javascript" src="ajax/ajax.js"></script>
       <link rel="stylesheet" type="text/css" href="css/style.css">
       </head> <body>
       <table width="800" border="0" cellspacing="0" cellpadding="5"
align="center">
            <tr>           <td colspan="3" height="100" align="center"
bgcolor="#000000"><img      src="gambar/banner.gif"    style="float:left;"
width="800"></td>     </tr>
            <tr bgcolor="#FFFFFF" height="300" valign="top">
            <td width="180" bgcolor="#FFFFFF" style="padding:3px;"><div
id="big_judul">Menu Utama</div>
          <p>                           <a                         href="#"
onClick="javascript:doRequest('get','home.php','text','isi');">&nbsp;&
gt; Home</a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','profile.php','text','isi');">&nbs
p;&gt; Profile IMKI PRIMA </a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','syarat_daftar.php','text','isi');
">&nbsp;&gt; Syarat Pendaftaran</a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','cabang.php','text','isi');">&nbsp
;&gt; Cabang IMKI PRIMA</a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','gallery.php','text','isi');">&nbs
p;&gt; Gallery</a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','dir_alumni.php','text','isi');">&
nbsp;&gt; Alumni</a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','dir_dosen.php','text','isi');">&n
bsp;&gt; Dosen</a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','dir_karyawan.php','text','isi');"
>&nbsp;&gt; Karyawan </a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','denah.php','text','isi');">&nbsp;
&gt; Peta IMKI PRIMA Purwokerto </a></p>
          <p><a                                                    href="#"
onClick="javascript:doRequest('get','bukutamu.php','text','isi');">&nb
sp;&gt; Buku Tamu</a></p>        <p><a                             href="#"
onClick="javascript:doRequest('get','login.html','text','isi');">&nbsp
;&gt; Login Admin</a></p> <p>&nbsp; </p>        <p>&nbsp; </p>    <p>&nbsp;
</p>
          <div id="big_judul">Advertisement </div>
        <table width="100%" border="0"> <tr> <td><div align="center">
                   <p><a              href="http://amikompurwokerto.ac.id"
title="STMIK AMIKOM Purwokerto" target="_blank"><img src="gambar/logo
amikom.png" width="100" height="102" border="0"></a></p> </div></td>
</tr> <tr>                <td><div align="center">                    <p><a
href="http://www.depdiknas.go.id"                        title="DEPDIKNAS"
target="_blank"><img         src="gambar/tut-wuri.png"      align="center"
width="110" height="104" border="0"></p>                 </div></td> </tr>
<tr>          <td><div align="center">
                              <p><a href="http://kaskus.us" title="KASKUS
The   Large      Forum"    target="_blank"><img    src="gambar/kaskus.png"
align="center" width="161" height="61" border="0"></p> </div></td>
</tr> <tr>           <td><div align="center">
                   <p><a href="http://amikom.ac.id" title="Tempat Kuliah
Orang    Berdasi"     target="_blank"><img     src="gambar/amikom    x.jpg"
                                                                           90




   align="center" width="161" height="30" border="0"></p> </div></td>
   </tr>    <tr> <td><div align="center">
                      <p><a               href="http://amikomsurakarta.ac.id"
   title="STMIK AMIKOM Surakarta" target="_blank"><img src="gambar/Solo
   x.jpg"    align="center"     width="161"      height="40"   border="0"></p>
   </div></td> </tr> </table>      </p></td>
               <td width="450" bgcolor="#FFFFFF" style="border-left:1px
   solid;    border-color:#FF9900;       border-right:1px    solid;    border-
   color:#FF9900;">       <div id="isi">
          <?php include "home.php"; ?>
          </div> </td>
               <td width="180" bgcolor="#FFFFFF" style="padding:3px; ">
          <div id="big_judul">Pencarian </div>
              <?php include "cari.html"; ?> <br><br>
          <div id="big_judul">Link </div>          <?php
          include "koneksi/koneksi.php";
                  $p=mysql_query("select * from link");
                  while ($r=mysql_fetch_array($p))
                  {               echo              "<br>&nbsp;&raquo;&nbsp;<a
   href=\"$r[url]\" target=_blank>$r[nama_link]</a>";           }
                  ?><br><br>      </td>    </tr>
            <tr bgcolor="#FF9900" height="30" valign="middle">
               <td colspan="3">       <div align="center">
                 <div    align="center"><img      src="gambar/logo_potong.png"
   width="30"                                                     height="35">
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
   p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
   bsp;&nbsp;&nbsp; Copyright @ 2010. IMKI PRIMA Purwokerto | <a
   href="www.imkipwt.co.cc">www.imkiprimaprima.co.id</a> | develop by :
   <a                       href="http://www.facebook.com/eko.lidiia?ref=mf"
   target="_blank">EKO_X</a>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
   p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
   bsp;&nbsp;&nbsp;      <img    src="gambar/logo_potong2.png"      width="30"
   height="35"></div><div     align="right"></div></td>       </tr>   </table>
   </body> </html>



3. Login.php

          Admin terlebih dahulu harus login untuk dapat menginput, edit dan

   menghapus semua isi yang terdapat di website IMKI PRIMA Purwokerto.

   Login menggunakan username dan password login yang dipakai.




                       Gambar 4.16 Form Login
                                                                             91




      Script Halaman Login:
      <?php
      session_start();
      include "koneksi/koneksi.php";
             if(!empty($_POST['username']) and !empty($_POST['password']))
             {
                    $username=htmlspecialchars($_POST['username']);
                    $password=htmlspecialchars($_POST['password']);
                    $password=md5($password);
                    $p=mysql_query("select * from member where
      username='$username' and password='$password'");
                    $r=mysql_fetch_array($p);
                    $jum=mysql_num_rows($p);
                    if($jum==0)          {
                    echo "<meta http-equiv=refresh
      content=0;url=\"index.php\">";            }              else
                    {      if($r[status]=='admin')     {
      session_register("user_admin","pass_admin");
             $user_admin=$username;
             $pass_admin=$password;                    echo "<meta http-
      equiv=refresh content=0;url=\"admin/index.php\">";
                    }             else {
      echo "<meta http-equiv=refresh content=0;url=\"index.php\">";
                    }
      ?>




C. Testing Program

          Software Testing adalah aktivitas-aktivitas yang bertujuan untuk

   mengevaluasi atribut-atribut atau kemampuan sebuah program atau sistem dan

   penentuan apakah sesuai dengan hasil yang diharapkan serta untuk

   menemukan terjadinya error (Hetzel 88).

          Sebuah test yang baik adalah yang mempunyai kemungkinan besar

   menemukan error yang sebelumnya tidak terdeteksi. Sebuah test dikatakan

   sukses jika dapat menemukan error yang tidak ditemukan sebelumnya.

   1. White box testing

             Dilakukan untuk Mengetahui internal dari software, design test

      dijalankan pada semua internal dari software untuk memastikan program

      beroperasi berdasarkan spesifikasi dan desain. Fokus utama White box

      testing yaitu struktur dalam program (internal structures), logika yang
                                                                             92




   digunakan (logic paths), alur kontrol (control flows), alur data internal dan

   strukturnya (data flows internal data structures), kondisi program

   (conditions), serta perulangan yang digunakan (loops).

2. Black box testing

          Dilakukan untuk mengetahui fungsi spesifik dari software, design

   test untuk mendemonstrasikan setiap fungsi dan mengecek apakah terjadi

   error atau tidak. Fokus utama dari Black box testing yaitu fungsi

   (functions), operasi (operations), tampilan luar program (external

   interfaces), serta penyampaian data dan informasi (external data and

   information).

          Program ditest untuk tiap-tiap modul dan dilanjutkan dengan

   pengetesan untuk semua modul yang telah dirangkai. Kesalahan dari

   program yang mungkin terjadi dapat diklasifikasikan dalam tiga bentuk

   kesalahan, yaitu sebagai berikut:

   a. Kesalahan bahasa (language errors).

              Disebut juga dengan kesalahan penulis (syntax errors) atau

      kesalahan tata bahasa (grammatical errors) adalah kesalahan didalam

      penulisan source program yang tidak sesuai dengan yang telah

      diisyaratkan. Kesalahan ini relatif mudah ditemukan dan diperbaiki,

      karena kompiler akan memberitahukan letak dan sebab kesalahannya

      sewaktu program dikompilasi.

   b. Kesalahan sewaktu proses (run-time errors).

              Run-time errors adalah kesalahan yang terjadi sewaktu

      executable program dijalankan. Kesalahan ini akan menyebabkan

      proses program berhenti sebelum selesai pada saatnya, karena
                                                                    93




   kompiler menemukan kondisi-kondisi yang belum terpenuhi yang

   tidak bisa dikerjakan. Kesalahan ini juga relatif mudah ditemukan,

   karena juga ditunjukan letak kesalahannya.

c. Kesalahan logika (logical errors).

           Logical errors adalah kesalahan dari logika program yang

   dibuat. Kesalahan seperti ini sulit ditemukan, karena tidak ada

   pemberitahuan mengenai kesalahannya dan tetap akan didapatkan hasil

   dari proses program, tetapi hasilnya salah. Kesalahan seperti ini

   merupakan kesalahan yang berbahaya, karena bila tidak disadari dan

   tidak ditemukan, hasil yang salah dapat menyesatkan bagi yang

   menggunakan.

           Cara mencari kesalahan logika dapat dilakukan dengan test

   data, yaitu dengan menjalankan program dengan menggunkan data

   tertentu dan membandingkan hasil pengolahannya dengan hasil yang

   sudah diketahui. Bila hasilnya berbeda, berarti mengalami kesalahan

   dan harus dilacak serta ditemukan sebab-sebab kesalahanya. Proses

   melacak kesalahan ini       dikenal    dengan istilah mencari kutu

   (debugging). Hasil pelacakannya adalah didapatkan kutu tersebut (bug

   yang berarti penyebab kesalahannya).
                                                                           94




D. Evaluasi

          Evaluasi dilakukan untuk mengetahui kelebihan dan kekurangan dari

   Website IMKI PRIMA Purwokerto. Berdasarkan hasil implementasi dan uji

   coba aplikasi, kelebihan dan kekurangan sistem dijelaskan berikut.

   1. Kelebihan Sistem

              Kelebihan dari Website IMKI PRIMA Purwokerto sebagai sarana

      promosi antara lain:

      a. IMKI PRIMA Purwokerto dapat melakukan promosi secara online

          melalui media internet.

      b. Promosi yang telah dilakukan secara konfensional dapat lebih terbantu

          dengan aanya website.

      c. Calon mahasiswa IMKI PRIMA Purwokerto dapat dengan mudah

          mengetahui informasi yang ada di IMKI PRIMA Purwokerto.



   2. Kekurangan Sistem

              Kekurangan dari Website IMKI PRIMA Purwokerto sebagai

      sarana promosi antara lain antara lain:

      a. Website IMKI PRIMA Purwokerto ini masih bersifat komplemen bagi

          proses promosi dan pengenalan kepada masyarakat sehingga belum

          bisa menggantikan sarana promosi sepenuhnya.

      b. Sisi keamanan sistem belum teruji ketangguhannya.

      c. Fungsi back up pada aplikasi masih terbatas pada back up basis data

          sedangkan back up file harus dilakukan secara manual.

      d. Sistem harus online selama 24 jam sehari agar dapat diakses kapanpun

          dan dimanapun.
                                                                               95




E. Dokumentasi Aplikasi

          Setelah aplikasi melewati tahap uji coba (testing) untuk sementara

   program (aplikasi) siap diterapkan untuk mendukung sistem yang sudah ada.

   Untuk memudahkan di dalam memperbaiki kesalahan dan pengembangan

   aplikasi lebih lanjut maka aplikasi perlu didokumentasikan, dalam arti aplikasi

   dicetak ke dalam kertas serta disusun sedemikian rupa sehingga berbentuk

   modul aplikasi, atau kode program (script) disimpan dalam bentuk media

   penyimpanan seperti Flashdisk, CD, DVD dan Harddisk.

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:178
posted:4/8/2011
language:Indonesian
pages:35