40
1 BAB I PENDAHULUAN 1.1 Latar Belakang Jalur penyampaian informasi melalui website banyak meberikan keuntungan bagi pihak pemilik. Website menawarkan berbagai keuntungan yang terus berkembang dengan kemajuankemajuan dan penemuan baru di setiap detiknya. Langkah untuk memilih website sebagai sarana untuk mengembangkan misi dari intansi tidak perlu diragukan lagi. Bahkan dari sebuah website yang digunakan tak hanya akses informasi yang bisa di sampaikan melalui sebuah website seseorang bisa berkomunikasi melalui sebuah forum di dalam sebuah situs website yang digunakan.Pada akhirnya dari berbagai bentuk komunikasi yang terbentuk, maka pihak pemilik website bisa meraih keutungan untuk menjalankan sebuah kerjasama yang baru. Diantara hubungan yang terjadi dapat di pelihara melalui sebuah fasilitas yang di berikan sebuah website. Perkembangan bahasa program untuk membuat website semakin cepat. Pada akhir abad ini website yang dinamis menjadi sebuah trend yang menjamur, sehingga sehingga seluruh pemilik website berusaha untuk mengembangkan website nya menjadi website yang dinamis dan aktif. Sebagai lembaga pendidikan FKIP Universitas Muhamadiyah Surakarta telah memiliki sebuah website dengan alamat situs http://www.ums.ac.id/fkip Pada penggunaan website sebelumnya FKIP Universitas Muhamadiyah Surakarta masih menggunakan website yang static, untuk itu pada kesempatan yang diberikan kepada penulis kali ini akan dikembangkan situs milik FKIP Universitas Muhamadiyah Surakarta tersebut menjadi website yang lebih dinamis. 1.2 Perumusan Masalah Berdasarkan latar belakang masalah tersebut diatas maka rumusan masalah yang di bahas adalah : “Bagaimana mengembangkan website FKIP Universitas Muhamadiyah Surakarta menjadi sarana komunikasi yang baik ?”

BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

Embed Size (px)

Citation preview

Page 1: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

BAB I 

PENDAHULUAN 

1.1 Latar Belakang 

Jalur  penyampaian  informasi  melalui  website  banyak  meberikan 

keuntungan  bagi pihak pemilik. Website menawarkan  berbagai keuntungan  yang 

terus  berkembang  dengan  kemajuan­kemajuan  dan  penemuan  baru  di  setiap 

detiknya. Langkah untuk memilih website sebagai sarana untuk mengembangkan 

misi dari intansi tidak perlu diragukan lagi. 

Bahkan  dari  sebuah  website  yang  digunakan  tak  hanya  akses  informasi 

yang  bisa  di  sampaikan  melalui  sebuah  website  seseorang  bisa  berkomunikasi 

melalui  sebuah  forum  di  dalam  sebuah  situs  website  yang  digunakan.Pada 

akhirnya  dari  berbagai  bentuk  komunikasi  yang  terbentuk,  maka  pihak  pemilik 

website bisa meraih keutungan  untuk menjalankan sebuah  kerjasama yang baru. 

Diantara hubungan yang terjadi dapat di pelihara melalui sebuah fasilitas yang di 

berikan sebuah website. 

Perkembangan  bahasa  program  untuk  membuat  website  semakin  cepat. 

Pada akhir abad  ini website yang dinamis menjadi sebuah trend yang menjamur, 

sehingga  sehingga  seluruh  pemilik  website  berusaha  untuk  mengembangkan 

website nya menjadi website yang dinamis dan aktif. Sebagai lembaga pendidikan 

FKIP Universitas Muhamadiyah Surakarta telah memiliki sebuah website dengan 

alamat  situs  http://www.ums.ac.id/fkip  Pada  penggunaan  website  sebelumnya 

FKIP  Universitas  Muhamadiyah  Surakarta  masih  menggunakan  website  yang 

static,  untuk  itu  pada  kesempatan  yang  diberikan  kepada  penulis  kali  ini  akan 

dikembangkan  situs  milik    FKIP  Universitas  Muhamadiyah  Surakarta  tersebut 

menjadi website yang lebih dinamis. 

1.2 Perumusan Masalah 

Berdasarkan latar belakang masalah tersebut diatas maka rumusan masalah 

yang di bahas adalah : “Bagaimana mengembangkan website FKIP Universitas 

Muhamadiyah Surakarta menjadi sarana komunikasi yang baik ?”

Page 2: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

1.3 Pembatasan Masalah 

Batasan  masalah  yang  di  perlukan  agar  penelitian  yang  di  laksanakan 

dapat berfokus pada seluruh yang ingin di capai, maka penulis memberikan suatu 

batasan masalah sebagai berikut : 

1.  Pembuatan website ini mengunakn editor CMS, dengan bahasa pemograman 

PHP 

2.  Website  yang  di  buat  di  lengkapi  dengan  buku  tamu,  berita,  forum  untuk 

mahasiswa,  serta  fasilitas  e­mail  yang  secara  otomatis  akan  terkirim  ke 

administrator website tersebut. 

1.4 Tujuan Penelitian 

Tujuan dari penelitian ini adalah untuk merancang pengembangan website 

FKIP Universitas Muhamadiyah Surakarta menjadi sebuah situs yang dinamis. 

1.5 Manfaat penelitian 

Dengan diadakan  studi  akhir  ini  diharapkan  dapat  bermanfaat  bagi  semu 

pihak,  baik pihak D3  Ilmu komputer, penulis maupun  instansi. Adapun manfaat 

yang  diharapkan dari penelitian ini : 

1.  Bagi Instansi 

Menjadi  bahan  pertimbangan  perbaikan  website  yang  telah  ada  di  FIKP 

Universitas Muhanadiyah Surakarta. 

2.  Bagi pengguna 

Sebagai  sumber  referensi  pengetahuan  dan  bahan  pertimbangan  mahasiswa 

dalam memilih pelayanan yang ada di FKIP UMS. 

3.  Bagi Penulis 

Penulis dapat merealisasikan teori­teori yang telah di peroleh selama 

berada di bangku kuliah.

Page 3: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

BAB II 

LANDASAN TEORI 

2.1. Basis Data 

Basis  data  (database)  dapat  didefinisikan  sebagai  himpunan  kelompok 

data  (arsip)  yang  saling  berhubungan  yang  diorganisasi  sedemikian  rupa  agar 

kelak dapat dimanfaatkan kembali dengan cepat dan mudah (Fathansyah, 2001). 

Basis  data  (database)  adalah  kumpulan  dari  file­file  yang  saling 

berinteraksi  antara  satu  dengan  yang  lain  dan  tersimpan di  dalam memori  yang 

terintegrasi sehingga membentuk suatu bangunan data (Kristanto, 1993). 

2.2. Informasi 

Pengertian  informasi  adalah  data  yang  telah  diproses  atau  data  yang 

mempunyai arti bagi penerimanya setelah dilakukan pengolahan, sehingga dapat 

digunakan  sebagai  dasar  dalam  mengambil  keputusan  yang  dapat  dirasakan 

akibatnya baik secara langsung atau tidak langsung (Badudu dkk ,1996). 

2.3. Dasar Internet 

Internet  adalah  kumpulan  network  yang  terdiri  dari  ribuan  sistem 

lcomputer  yang  saling  berhubungan  satu  dengan  lainnya  (Nugroho,  2004). 

Hubungan dari masing­masing network dapat melalui  jaringan komunikasi kabel 

telepon dan jaringan komunikasi tanpa kabel. 

2.4. HTMI. 

Hypertext  Markup  Language  (HTML)  merupakan  dokumen  text  biasa 

yang  mudah  untuk  dimengerti  dibandingkan  bahasa  pemrograman  lainnya.  dan 

karena  itu HTML dapat  dibaca  lewat  platform  yang  berlainan  seperti Windows, 

UNIX dan lain­lain. Untuk lebih jelasnya HTML adalah suatu script dimana kita 

bisa menampilkan informasi dan daya lCreasi kita lewat internet (Nugroho, 2004). 

3

Page 4: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

2.5. PHP 

PHP  adalah  bahasa  pemrograman  server  side  di  desain  untuk membaat 

aplikasi  web.  PHP  dapat  disisipkan  diantana  bahasa  HTML  dan  PHP  akan 

dieksekusi  di  server,  sehingga  yang  dikirim  ke  browser  adalah  hasil  jadi  dalam 

bentuk HTML, dan kode PHP tidak akan terlihat (Sutarman, 2003). 

2.6. Web Server Apache 

Apache merupakan web server yang paling banyak digunakan di  internet. 

Program  ini  didesain  untuk  sistem  operasi  lingkungan  UNIX Namun  demikian 

pada  beberapa  versi  berikutr.ya  Apache  mengetuarkan  programnya  yang  dapat 

dijalankan di Windows NT. 

Berdasarkan sejarahnya, Apache dimulai oleh veteran National Center for 

Supercomputing  Aplikastion  (NSCA).  Saat  itu  pengembangan  NSCA  httpd 

sebagai web server mengalami  stagnasi. Rob Me Cool meninggalkan NSCA dan 

melalui sebuah proyek baru bersama para webmaster lainnya, menambal bug, dan 

menambah  fitur  pada NSCA  httpd. Mereka mengembangkan  program  ini  lewat 

mailing  list.  Uengan  berpijak  pada  NSCA  httpd  versi  1.3,  Team  Apache 

mengeluarkan rilis pertama kali secara resmi Apache versi 0.62 (Sunarfrihantono, 

2002). 

2.7. MySQL 

MySQL adalah multiuser database yang rnenggunakan bahasa Structured 

Query Language  (SQL). MySQL dalam operasi client­server melibatkan server 

daemon MySQL di  sisi server  dan berbagai macam program serta  library  yang 

berjalan  di  sisi  client.  MySQL  marnpu  menangani  data  yang  cukup  besar. 

perusahaan  yang  mengembangkan  MySQL  yaitu  Tex,  mengaku  mampu 

menyimpan  data  lebih  dari  40  database,  10.000  tabel  dan  sekitar  7  juta  baris, 

totalnya kurang lehih 100 Gigabyte data. 

SQL  adalah  bahasa  standar  yang  digunakan  untuk  mengakses  database 

server. Bahasa  ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi 

dan  digunakan  standar  industri.  Dengan  imenggunakm  SQL,  Proses  akses

Page 5: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

database  menjadi  lebih  user­friendly  dibandingkan  menggunakan  dBASE  atau 

Clipper  yang  masih  menggunakan  perintah­perintah  pemrogxaman 

(Sunarfrihantono, 2002). 

2.8. World Wide Web 

World Wide Web  adalah sistem server  internet yang mendukung aplikasi 

hypertext  untuk mengakses  beberapa  protokol  internet  dengan  satu  antar muka. 

World  Wide  Web  menyediakan  antar  muka  tunggal  untuk  mengakses  protokol 

protokol  tersebut agar mudah digunakan oleh user. World Wide Web  terdiri dari 

file­file  atau  disebut  sebagai  halaman  (page)  atau  halaman  web  berisi  link  ke 

dokumen atau resource di internet (Nursyamsu, 2002). 

Pada  awalnya  aplikasi  web  diba.ngun  hanya  menggunakan  bahasa  yang 

disebut  HTML  (Hypertext  Markup  Language)  dan  protokol  yang  digunakan 

dinamakan  HTTP  (Hypertext  Tran.sf'er  Protocol).  Pada  perkembangan 

berikutnya,  sejumlah  bahasa  pemrograman  dan  objek  dikembangkan  untuk 

memperluas  kemampuan  H`I'ML.  Pada  saat  ini,  banyak  bahasa  pemrograman 

seperti  itu  diantaranya  Pl­1P  dan  ASP,  sedangkan  yang  berupa  objek  adalah 

Applet/.Iava (Nugroho, 2004). 

2.8. Mambo MAMBO  adalah  salah  satu  software  open  source  untuk  membuat  situs  secara 

cepat  dan  mudah.  Sebagai  CMS  (Content  Management  System),  Mambo  dibuat  dan 

design  untuk  membangun  sebuah  website  dengan  mudah  dan  cepat.  Hanya  dengan 

melakukan pengaturan isi dari website yang akan ditampilkan baik secara online maupun 

offline  dengan bantuan  software  pendukung CMS, maka  website  yang  diinginkan  dapat 

dibangun. Mambo  dibangun  dengan  menggunakan  dasar  bahasa  pemrograman  website 

berbasis  php.  Tidak  menutup  kemungkinan  dengan  menambah  sedikit  bahasa 

pemrograman website yang lain yang mendukung sebuah website programing. 

File Master Mambo 454 dapat dengan mudah didapatkan dengan men­download 

pada situs berikut : 

­  http://www.mamboserver.com 

­  http://www.mamboexchange.com

Page 6: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

­  http://www.mamboforge.net 

­  atau situs yang lain yang menyediakan file master MamboV454 

2.9 Contax Diagram 

Contax Diagram adalah diagram tingkat atas yaitu diagram yang paling 

tidak  detail  dari  sistem  informasi  yang  menggambarkan  alur  data  kedalam  dan 

keluar sistem (Tarid Mahyuzir 1989) 

2.10 Data Flow Diagram 

Data  Flow  Diagram  adalah  gambaran  alur  data  atau  informasi  tanpa 

menghubungkan bentuk fisik media penyimpanan data (Sutedjo, 2000) 

2.11 Diagram Aliran Data 

Diagram  aliran  data,Context  aliran  data,Gaintext­level  (Disebut  juga 

enveromental  model),memfokokuskan  pada  aliran  data  da  kedalam  sistem  dan 

sekaligus  memproses  data­data  tersebut,  komponen­komponen  dasar  dari  setiap 

program komputer  ini bisa di gambarkan secara mendetail dan di gunakan untuk 

menganalisis keakuratan kempentensi sistem (Kendal,2001)

Page 7: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

Empat  simbol  dasar  yang  digunakan  memetakan  gerakan  diagram  akhir 

data adalah sebagai berikut: 

SIMBOL  ARTI  CONTOH 

ENTITAS 

ALIRAN DATA 

PROSES 

PEYIMPAN DATA 

2.11 Hubungan Entitas 

Suatu cara penganalisaan sistem menentukan batasan­batasan system yang 

sesuai  dengan  menggunakan  model  hubungan  entitas  elemen­elemen  yang 

menjalankan  system  organisaional  di  sebut  juga  entitas­  entitas,  Suatu  entitas 

dapat berupa orang, tempat dan sesuatu (Kendal, 2003)

Page 8: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

BAB III 

METODOLOGI PENELTIAN 

3.1 Metode Pengumpulan Data 

Pada Penelitian ini  jenis data dan metode peneliyian data yang digunakan 

adalah sebagai berikut: 

a.  Data yang diperlukan 

1)  Data Primary adalah data yang diperoleh secara langsung dari FKIP UMS 

yang mendukung jalannya penelitian data primer meliputi: 

­  Website, 

­  Struktur Organisas, 

­  Alamat Website, 

­  Jurnal, 

2)  Data  Skunder  adalah  data  yang  diperoleh  dari  dalam  maupun  dari  luar 

obyek  penelitian  tetapi  dapat membantu merumuskan  dan    memecahkan 

masalah data Skunder meliputi: 

­  Informasi  dari  FKIP  UMS  berupa  data­data  yang  berkaitan  dengan 

sistem yang akan  di buat 

b.  Pengumpulan Data 

1)  Metode observasi 

Metode observasi yaitu terjun langsung ke bagian instansi untuk 

memperoleh data FKIP UMS. Dengan cara observasi ini dapat diperoleh 

data yang lengkap dan akurat. 

2)  Metode wawancara langsung 

Metode wawancara langsung yaitu metode untuk mendapatkan 

keterangan­keterangan pelengkap dari bagian yang terkait dengan bagian 

informasi. 

8

Page 9: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

3.2 Profil FKIP Universitas Muhammadiyah Surakarta 

3.2.1 Sejarah FKIP Universitas Muhammadiyah Surakarta 

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN 

keberadaannya dapat disebut sebagai embrio Universitas Muhammadiyah 

Surakarta. Pada awalnya FKIP UMS adalah FKIP Universitas 

Muhammadiyah Jakarta cabang Surakarta yang didirikan pada tahun 1957 

dan berlokasi di Jalan Overste Sudiarto 60 Surakarta. Pada tahun 1965 FKIP 

Universitas Muhammadiyah Jakarta tersebut kemudian melepaskan diri dan 

berubah nama menjadi IKIP Muhammadiyah Surakarta. 

Waktu  terus berjalan dengan pasti pada  tahun 1967  jurusan­jurusan 

yang berada di IKIP Muhammadiyah Surakarta semakin bertambah sejalan 

dengan  pertambahan  jumlah  mahasiswa  seperti  jurusan  Ilmu  Pendidikan, 

Ekonomi  Umum,  dan  Civic  Hukum.  Bahkan  pada  tahun  itu  pula  IKIP 

Muhammadiyah  Surakarta  ditetapkan  sebagai  Induk  Perguruan  Tinggi 

Muhammadiyah  se­Jawa  Tengah,  yang  anggotanya  meliputi  IKIP 

Muhammadiyah  Purwokerto,  IKIP  Muhammadiyah  Purworejo,  Politeknik 

Muhammadiyah Karanganyar, dan lainnya. 

Selaras  dengan  perkembangan  kebutuhan  bangsa  akan  tenaga  ahli 

yang meningkat, pada tahun 1979, saat  itu IKIP Muhammadiyah Surakarta 

dipimpin  oleh Bapak Drs. H. M. Djazman Al­Kindi.  Atas  prakarsa  beliau 

IKIP  Muhammadiyah  Surakarta  diubah  menjadi  sebuah  universitas. 

Perubahan  tersebut  antara  lain  dengan  menggabungkan  IKIP 

Muhammadiyah  Surakarta  dengan  Institut  Agama  Islam  Muhammadiyah 

Surakarta  (IAIM Surakarta).  Selanjutnya  didirikan  beberapa  fakultas  baru, 

seperti  Fakultas  Hukum,  Fakultas  Teknik,  Fakultas  Ekonomi,  Fakultas 

Psikologi,  dan  Fakultas  Geografi.  Perubahan  status  dari  IKIP 

Muhammadiyah Surakarta menjadi bagian dari Universitas Muhammadiyah 

Surakarta yang kemudian dikenal dengan FKIP UMS.

Page 10: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

10 

3.2.2 Visi dan Misi FKIP Universitas Muhammadiyah Surakarta 

a.  Filosofi FKIP 

Filosofi  yang  senantiasa  dijadikan  pijakan  FKIP­UMS  adalah  pemikir, 

pendidik dan pembaharu (3P). 

b.  Visi FKIP 

Menjadi pusat pengembangan pendidikan dan pembelajaran yang professional 

dan mampu memenangkan persaingan di Asia Tenggara. 

c.  Misi FKIP 

Menyelenggarakan  pendidikan  tenaga  kependidikan  yang  menekankan 

pada  kompetensi  yang  relevan  dengan  tuntutan  jaman  dan  mampu 

memberi arah perubahan. 

Memajukan  IPTEKS  dan  sumber  daya  manusia  yang  mampu 

memberikan  pelayanan  melalui  proses  pendidikan,  penelitian,  dan 

pengabdian  pada  masyarakat  dengan  menonjolkan  kawasan  Jawa 

Tengah dalam rangka membangun masyarakat Indonesia yang utama. 

3.2.3 Struktur Pimpinan 

Drs. H. Sofyan Anief, M.Si. Dekan 

Drs. H. Maryadi, M.A. Pembantu Dekan I 

Drs. M. Yahya, M.Si. Pembantu Dekan II 

Drs. Ahmad Muhibbin, M.Si. 

Pembantu Dekan III

Page 11: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

11 

Ketua Jurusan Matematika                : Dra. Nining  Setyaningsih, M.Si. 

Ketua Jurusan Biologi                       : Dra. Tuti Rahayu, M.Si. 

Ketua Jurusan Bhs.Indonesia            : Drs. H. Yakub Nasucha, M.Hum. 

Ketua Jurusan Bhs.Inggris                :Kusumo Ratih, S.Pd., M.Hum. 

Ketua Jurusan PP­Kn                        : Drs. Ahmad Muthali’in, M.Hum. 

Ketua Jurusan Ekonomi Akuntansi   : Drs. H. Jalal Fuadi, M.M. 

Gambar Struktur Pimpinan 

3.3 Sarana Perancangan Aplikasi 

a.  Perangkat keras 

Perangkat keras yang digunakan dalam penyelesaian penelitian ini adalah PC 

(Personal Computer) dengan spesifikasi sebagai berikut: 

1)  Prosesor Intel (R) 42,8 Ghz. 

2)  RAM 512 MB. 

3)  Hard Disk 120 GB. 

4)  Keyboard, mouse printer. 

b.  Perangkat Lunak 

Program yang digunakan dalam pembuatan aplikasi ini adalah : 

1.  Sistem Oprasi  :Windows Xp. 

2.   Software  : CMS Mambo 

Macromedia Flas 8 

3. Server Host                : The AppServ Open Project ­ 2.5.7 for Windows

•  Apache Web Server Version 2.2.3

•  PHP Script Language Version 5.1.6

•  MySQL Database Version 5.0.24a

•  phpMyAdmin Database Manager 

Version2.9.0.2

Page 12: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

12 

3.4 Rancangan Website FKIP UMS 

Penggunaan  perencanaan sistem untuk menentukan rancangan website 

yang akan dibuat, memerlukan desain antar muka dan pete website yang 

merupakan alat yang biasa digunakan untuk mepermudah proses dalam 

pembuatan website. 

3.4.1 Stuktur Menu 

Gambar sturktur menu website 

3.4.2. Contex Diagram 

Gambar Contex Diagram

Page 13: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

13 

3.4.3. DFD level 0 

Pemimpin 

Pengambilan keputusan 

D1 

Mengelompokan data  Admin 

D3 

Pengaturan Menu 

Pengaturan Module 

D2 

Content Managemen 

Pengaturan Komponen 

Template konFigurasi 

Pengaturan Link 

Pengaturan Pesan 

Pengaturan Pencari 

D4 

D5 

D6 

D7 

D8 

Akses info Website 

Dosen Mhs  User 

10 

Contetnt 

Menu 

Componen 

Module 

Template 

Web Link 

Pesan 

Laporan Cari 

11 

sk 

Mengatur 

data 

Akses 

Informasi Informasi 

Informasi 

Simpan 

Simpan 

Simpan 

Simpan 

Simpan 

Simpan 

Simpan 

Simpan 

Data 

Data 

Data 

Gambar DFD Level  0

Page 14: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

14 

3.4.4 Desain Tabel Basis Database 

Data  base  yang  digunakan  oleh  penulis  dalam  penelitian  ini  adalah 

menggunakan  Softwar  DBMS  (Database  Management  Sistem  )  MySQL  tabel 

database dalam sistem ini Tersaji Pada Tabel di bawah ini: 

mos banner 

Field  Jenis  KosongDefault  Link ke Komentar MIME 

bid  int(11)  Tidak cid  int(11)  Tidak type  varchar(10)  Tidak  banner name  varchar(50)  Tidak imptotal  int(11)  Tidak  0 impmade  int(11)  Tidak  0 

clicks  int(11)  Tidak  0 imageurl  varchar(100) Tidak clickurl  varchar(200) Tidak date  datetime  Ya  NULL showBanner  tinyinf(1)  Tidak  0 checked out  tinyint(1)  Tidak  0 checked out_time  datetime  Tidak  0000­00­00 

00:00:00 editor  varchar(50)  Ya  NULL custombannercode text  Ya  NULL 

mos bannerfinish 

Field  Jenis  Kosong  Default  Link ke 

Komentar  MIME 

_cid  int(11)  Tidak name  varchar(60)  Tidak contact  varchar(60)  Tidak email  varchar(60)  Tidak extrainfo  text  Tidak checked .out  tinyint(1)  Tidak  0 checked out_time   time  Ya  NULL editor  varchar(50)  Ya  NULL

Page 15: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

15 

mos bannerclient 

Field  11 Jenis  KosongDefault  Link ke 

Komentar  MIME 

_bid  int(11)  Tidak 

cid  int(11)  Tidak  0 

type  varchar(10) Tidak 

name  varchar(50) Tidak 

impressions int(11)  Tidak  0 

clicks  int(11)  Tidak  0 

imageurl  varchar(50) Tidak datestart  datetime  Ya  NULL 

dateend  datetime  Ya  NULL

Page 16: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

16 

mos categories 

Field  Jenis  Kosong  Default  L ke k  Komentar  MIME 

id  int(11)  Tidak parent _id  int(11)  Tidak  0 

title  varchar(50)  Tidak 

name  varchar(255 ) 

Tidak 

image  varchar(100 ) 

Tidak 

section  varchar(50)  Tidak 

image_position description 

varchar(10) text 

Tidak 

published checked out checked out_time 

tinyint(1)       Tidak     0 int(11)           Tidak     0 datetime  Tidak    0000­00­00 00:00:00 

editor varchar(50)  Ya  NULL 

ordering  int(11)  Tidak  0 

access  ]tinyint(3) idak count  int(11)  Tidak  0 

params  text  Tidak 

mos comment 

Field  Jenis  Kosong  Default  Link ke Komentar  MIME 

id  int(11)  Tidak 

articleid  int(11)  Tidak  0 1 lip  varchar(15 

) Tidak 

name  varchar(30 ) 

Tidak comments text  Tidak 

startdate datetime  Tidak  00­00 00:00:00 

published  tinyint(1)  Tidak 

mos components 

Field  Jenis  Koson g 

Default  Link ke  Komentar  MIME id  int(11)  Tidak name  varchar(50 Tidak link  varchar(25 

5) Tidak

Page 17: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

17 

menuid  int(11)  Tidak     0 

parent  int(11)  Tidak  0 admin_menu_link varchar(255) 

Tidak admin_menu alt varchar(255) 

Tidak option  varchar(50 

) Tidak 

ordering  int(11)  Tidak  0 jadmin menu i i­ m ­ 1 iscore  tin int 4  Tidak  0 params  text  Ya  NULL 

mos contact details 

Field  Jenis  Kosong  Default  Link ke 

Komentar  MIME 

id  int(11)  Tidak name  varchar(100) Tidak con_position  varchar(50)  Ya  NULL address  text  Ya  NULL suburb  varchar(50)  Ya  NULL ~ state  ­ 

lvarchar(20) Ya  NULL 

j country  varchar(50)  Ya  NULL postcode  varchar(10)  Ya  NULL telephone  varchar(25)  Ya  NULL fax  varchar(25)  Ya  NULL misc  mediumtext  Ya  NULL image  varchar(100) Ya  NULL imagepos  varchar(20)  Ya  NULL email_to  varchar(100) Ya  NULL default _con  'tinyint(1)  Tidak  0 published  tinyint(1)  Tidak  0 checked_out  int(11)  Tidak  0 checked_out_time datetime  Tidak  0000­00­00 

00:00:00 ordering  int(11)  Tidak  0 params  text  Tidak user­id  int(11)  Tidak  0 catid  int(11) "  Tidak  0 

access  tinyint(3)  Tidak  0

Page 18: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

18 

mos content 

Field  Jenis  Kosong  Default  Linkke  Komentar  MIME 

id  int(11)  Tidak title  varchar(100) Tidak title alias  varchar(100) Tidak introtext  mediumtext  Tidak fulltext  mediumtext  Tidak state  tinyint(3)  Tidak  0 sectionidint(11)  Tidak  0 mask  int(11)  Tidak  0 catid  int(11)  Tidak  0 created  datetime  Tidak  0000­00­00 

00:00:00 created by  int(11)  Tidak  0 created by_alias  varchar(100) Tidak modified  datetime  Tidak  0000­00­00 

00:00:00 modified by  int(11)  Tidak  0 checked out  int(11)  Tidak  0 checked out_time Id atetime  Tidak  0000­00­00 

00:00:00 publish_up  datetime  Tidak  0000­00­00 00:00:00 Ipublish down  datetime  Tidak  0000­00­00 00:00:00 images  text  Tidak  1 

urls  tex t 

Tidak lattribs  tex 

t Tidak 

wersion  int(11)  Tidak  1 parentid  Int(11)  Tidak  0 ordering  int(11)  Tidak metakey  text Tidak imetadesc  text  Tidak laccess ~  int(11)  Tidak  0 

hits  int(11)  Tidak  0

Page 19: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

19 

mos content frontpage 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

content id  int(11)  Tidak ordering  int(11) 

­ Tidak 

mos core_log searches 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

search term  varchar(128) Tidak Hits               int(11)        Tidak 

mos menu 

Field  Jenis  Kosong  Default  LINK KE  Komentar MIME 

Iid  int(11)  Tidak menutype  varchar(25 

) Ya  NULL 

name  varchar(100 ) 

Ya  NULL Ilink  text               Ya  NULL type  lvarchar(50 

) Tidak 

published  tinyint(1 ) 

Tidak  0 Iparent  int(11)  Tidak  0 componentid  int(11)  Tidak  0 sublevel  int(11)  Ya  0 ordering  int(11)  Ya  0 checked out  int(11)  Tidak  0 checked out time  datetim 

e Tidak  0000­00­00 

00:00:00 pollid  int(11)  Tidak  0 IbrowserNav ~  tinyint(4 

) Ya 

0 access ~  tinyint(3 ) 

Tidak  0 jutaccess  tinyint(3 

) Tidak  0 

Iparams  text  Ya  NULL

Page 20: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

20 

mos messages 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

message id  int(10)  Tidak user id from  int(10)  Tidak  0 user id to  int(10)  Tidak  0 folder id  int(10)  Tidak  0 date time  datetime  Tidak  0000­00­00 

00:00:00 state  int(11)  Tidak  0 priority  int(1)  Tidak  0 subject  varchar(230 

) Tidak 

message  text  Tidak ° mos messages cfg 

mos modules 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  in t(11)  Tidak title  text  Tidak content  text  Tidak ordering  int(11)        Tidak  0 position  varchar(10)  Ya  N U L L checked out  int(11)  Tidak  0 checked out_time  datetime  Tidak  0000­00­00 

00:00:00 published  tinyint(1)  Tidak  0 module  varchar(50 

) Ya  N U L L 

Numnews              int(11)       Tidak access  tinyint(3)  Tidak  0 showtitle  tinyint(3)  Tidak  1 params  text  Ya  N U L L iscore  tinyint(4)  Tidak  0 

client id  tinyint(4)  Tidak  0 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

user id  int(10)  Tidak  0 cfg name  varchar(100 

) Tidak 

cfg value  varchar(255 ) 

Tidak

Page 21: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

21 

mos modules menu 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

modul idieid 

int(11)  Tidak 

menuid  int(11)  Tidak 

mos_poll data 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  int(11)  Tidak pollid  lint(4)  Tidak     0 

text  text  Tidak 

hits  int(11)  Tidak  0 

mos_poll date 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  bigint(20)  Tidak 

date  datetime  Tidak  0000­00­00 00:00:00 vote_i 

d int(11)  Tidak  0 

poll id  int(11)  Tidak  0 

mos_poll menu 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

pollid  int(11)  Tidak  0 menui d 

int(11)  Tidak  0 

mos_polls 

Field  Jenis  Koson  De fault  Link ke 

Komentar MIME 

id  int(11)  Tidak 

title  varchar(10 0) 

Tidak 

voters  int(9)  Tidak  0 

checked out  int(11)  Tidak  0 

checked out time datetime  Tidak  0000­00­00

Page 22: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

22 

published               tinyint(1)        Tidak  0 access  int(11)  Tidak  0 lag  int(11) 1  Tidak 

mos_polls 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  int(11)  Tidak title  varchar(50)  Tidak name  varchar(255)Tidak image  varchar(100)Tidak scope  varchar(50)  Tidak image_position  varchar(10)  Tidak description  text  Tidak published  tinyint(1)        Tidak  0 checked out  int(11)  Tidak  0 checked out_time  datetime  Tidak  0000­00­00 00:00:00 ordering  int(11)  Tidak  0 access  tinyint(3)  Tidak  0 count  int(11)  Tidak  0 

text  Tidak 

mos sections 

Field  J enis  Kosong  Default  Linkke  Komentar  MIME 

id  int(11)  Tidak title  varchar(50)  Tidak name  varchar(255)Tidak image  varchar(100)Tidak scope  varchar(50)  Tidak image­position  varchar(10)  Tidak description  text 

. Tidak 

published  tinyint(1)  Tidak  0 checked out  int(11)  Tidak  0 checked out time  datetime  Tidak  0000­00­00 00

Page 23: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

23 

ordering  int(11)  Tidak  0 

access  tinyint(3)  Tidak  0 Count  int(11)  Tidak 

params text  Tidak 

mos template_positions 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  int(11)  Tidak 

position  varchar(10)  Tidak 

description varchar(255 ) 

Tidak 

mos templates menu 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

temralat e 

varchar(50 ) 

Tidak 

menuid  int(11)  Tidak  0 

client id  tinyint(4)  Tidak  0

mos users

Field 

1 Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  int(11)  Tidak 

name  varchar(50)  Tidak 

username  varchar(25)  Tidak 

email  varchar(100 ) 

Tidak 

password  varchar(100 ) 

Tidak 

usertype  varchar(25)  Tidak block  tinyint(4)  Tidak  0 

sendEmail  tinyint(4)  Ya  0 

gid  tinyint(3)  Tidak  1 

registerDatedatetime  Tidak  0000­00­00 00:00:00 IastvisitDat e 

datetime        Tidak  0000­00­00 00:00:00 

activation  varchar(100 ) 

Tidak 

params  text  Tidak

Page 24: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

24 

mos usertypes Field  Jenis  Kosong  Default  Link ke  Komentar  MIME id  tinyint(3)  Tidak  0 name  varchar(50 

) Tidak 

mask  varchar 11  Tidak 

mos webslinks 

Field  Jenis  Kosong  Default  Link ke  Komentar  MIME 

id  int(11)  Tidak catid  int(11)  Tidak  0 sid  int(11)  Tidak  0 title  varchar(250 

) Tidak 

url  varchar(250 ) 

Tidak description  varchar(250 

) Tidak 

date  datetime  Tidak  0000­00­00 00:00:00 hits  lint 11)  Tidak  0 

published  tinyint(1)  Tidak  0 checked out  int(11)  Tidak  0 checked out_time  datetime  Tidak  0000­00­00 

00:00:00 ordering  int(11)  Tidak  0 archived  tinyint(1)  Tidak  0 

approved params 

tinyint(1) text 

Tidak Tidak

Page 25: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

25 

BAB IV 

PEMBAHASAN 

4.1 Deskripsi Data 

Di dalam desain web, tidak akan bisa lepas dengan yang namanya HTML. 

HTML adalah bahasa standar yang digunakan untuk menyusun/membangun suatu 

halaman web. 

Meskipun  telah  muncul  software­software  yang  dapat  digunakan  untuk 

membangun  suatu  halaman  web  tanpa  susah­susah  memperhatikan  struktur 

HTML­nya, tidak ada salahnya kalau HTML itu sendiri dipelajari. Manfaat yang 

diperoleh  apabila mempelajari HTML  selain mampu membangun  halaman web, 

juga  dapat  dikembangkan  untuk  pemrograman  web.  Pemrograman  web  akan 

selalu terkait dengan HTML tersebut. Pemrograman web biasanya dikembangkan 

untuk membangun web yang dinamis. 

Setiap  homepage  yang  dikunjungi,  pasti  bisa  dijumpai  HTML­nya  yang 

selanjutnya  disebut  SOURCE.  Banyak  pemakai  internet  yang  sudah  memiliki 

homepage di internet. Namun sebagian besar web yang mereka miliki adalah web 

statis.  Kebanyakan  mereka  masih  belum  memahami  bagaimana  web  yang 

dinamis.  Ciri­ciri  web  dinamis  adalah  adanya  interaksi  antara  user  dengan 

sistem/pemilik  web,  dapat  menampilkan  informasi­informasi  dari  database, 

halaman­halaman web dapat berubah secara otomatis. 

Untuk  mendukung  web  dinamis  dibutuhkan  suatu  pemrograman  web. 

Berdasarkan  tempat  dijalankannya  perintah­perintah  dalam  pemrograman  web, 

terdapat 2 jenis kategori : 

1.  Client side programming 

2.  Server side programming 

25

Page 26: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

26 

Pada client side programming, script programnya dijalankan di client atau 

dalam  hal  ini  adalah  browser  internetnya.  Contoh  kategori  ini  adalah 

pemrograman  javascript,  java  applet. Sedangkan  server  side programming script 

programnya dijalankan di  server. Beberapa bahasa pemrograman yang  termasuk 

kategori ini adalah Perl (the oldest), CGI, PHP, ASP, Phyton. 

Mambo  dibangun  dengan  menggunakan  dasar  bahasa  pemrograman  website 

berbasis  php.  Tidak  menutup  kemungkinan  dengan  menambah  sedikit  bahasa 

pemrograman  website  yang  lain  yang  mendukung  sebuah  website  programing.  CMS 

Mambo  adalah  salah  satu  software open  source  untuk membuat  situs  secara  cepat  dan 

mudah. Mambo dibuat  dan di design  untuk membangun  sebuah website  dengan mudah 

dan cepat. Hanya dengan melakukan pengaturan isi dari website yang akan ditampilkan, 

maka website yang diinginkan dapat dibangun. 

Mambo  dapat  digunakan  untuk membangun  sebuah  website  perusahaan, 

website  portal,  website  komersial,  website  non­provit,  website  pribadi,  website 

religius,  dan  website  yang  lain.  Fasilitas  yang  disediakan  mambo  telah 

mendukung  serta  memudahkan  administrator  untuk  mengatur  tampilan  dari 

website yang akan dibuat. Dimisalkan pada saat ingin menghapus, menambah, dan 

menyembunyikan  menu  utama  yang  diinginkan  dapat  dilakukan  dengan 

melakukan masuk ke menu pengaturan pada adminitration website Mambo CMS. 

4.2 Analisa Data 

Pada saat penulis mencoba untuk membuka halaman website FKIP UMS 

pada  alamat  http://www.ums.ac.id/fkip  hanya mendapatkan  beberapa daftar  data 

yang masih perlu memilih untuk mengetahui halaman utama website FKIP UMS. 

Setelah penulis membuka beberapa file yang didapat dari alamat tersebut penulis 

belum  mendapatkan  file  index  dari  alamat  website  FKIP  UMS.  Pada  saat 

membuka  file  bernama  default,  penulis  mendapatkan  halaman  yang  sebenarnya 

dijadikan  halaman  index  atau  halaman  utama  dari  website  FKIP  UMS. 

Kesimpulan  yang  dapat  diambil  website  terdahulu  milik  FKIP  UMS  adalah

Page 27: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

27 

website  tersebut belum memiliki  halaman yang bernama  index.*  ,  sehingga saat 

pertama  kali  pengunjung  website  membuka  alamat  http://www.ums.ac.id/fkip 

tidak langsung bisa menemui halaman utama atau index website FKIP UMS. 

Dari data yang diperoleh dari website FKIP UMS yang dahulu, diketahui 

bahwa  website  tersebut  tergolong  situs  website  yang  kurang  begitu  dinamis. 

Pengunjung  website  hanya  bisa  melihat  data  yang  disajikan  oleh  FKIP  UMS, 

tetapi tidak bisa berinteraksi dan berkomunikasi dengan pemilik website. Berikut 

ini adalah tampilan dan menu yang ada pada website FKIP UMS (Gambar 3.2.1): 

Gambar 3.2.1 Halaman Utama 

Dari  sebuah  link  menu  yang  di  sajikan  seperti  pada  Gambar  3.2.1  akan 

membuka halaman baru pada windows  (jendela)  yang sama,  sehingga pada saat 

membuka halaman hasil dari link menu utama, maka harus kembali lagi ke menu 

utama agar dapat memilih menu link ke halaman yang lain.

Page 28: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

28 

Gambar 3.2.2 Halaman Fasilitas 

Source  website  FKIP  UMS  masih  menggunakan  kode­kode  HTML,  hal 

tersebut  menjadikan  website  tersebut  menjadi  kurang  atraktif  dan  interaktif. 

Pengunjung tidak bisa memberi komentar atau mengisi buku tamu. Meskipun dari 

sisi grafis website FKIP UMS sudah bagus, tetapi dilain hal dari sisi programming 

masih ada yang kurang menarik. 

4.3 Pembahasan 

4.3.1 Analisa Kebutuhan 

a.  Analisa Kebutuhan Hardware 

Untuk menyusun website FKIP UMS dibutuhkan sebuah PC 

dengan spesifikasi Processor Pentium IV 2,8 MHz , 256 MB of RAM, 

VGA CARD 64 MB, Hardisk 80 GB 

b.  Analisa Kebutuhan Software 

Perangkat lunak yang digunakanan untuk menyusun website ini 

adalah sebagai berikut : 

1. Sistem Operasi  : Windows XP Sp1 

2. Editor  : Macromedia Dreamweaver 8

Page 29: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

29 

3. Host Server  : The AppServ Open Project ­ 2.5.7 for Windows

•  Apache Web Server Version 2.2.3

•  PHP Script Language Version 5.1.6

•  MySQL Database Version 5.0.24a

•  phpMyAdmin Database Manager Version 2.9.0.2 

5. Grafik Editor 

6. CMS  : MAMBO V461 

4.3.2 Perancangan Website 

Perancangan design website FKIP UMS terdiri beberapa menu utama 

dan sub menu utama serta dengan link tambahan yang mendukung sebuah website 

yang dinamic. 

Beberapa link halaman utama adalah sebagai berikut : 

1.  HOME 

2.  NEW 

3.  ADVANCED SEARCH 

4.  SEJARAH 

5.  VISI & MISI 

6.  PIMPINAN 

7.  JURUSAN 

8.  FASILITAS 

9.  KEMAHASISWAAN 

10. JURNAL 

11. LINKS 

12. ADMINISTRATOR 

13. LOGIN FROM 

14. POLLING 

15. ONLINE MASSAGE

Page 30: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

30 

4.3.3 Analisa Perancangan Data 

Pada  website  yang  dibuat  kali  ini  menggunakan  struktur  direktori 

yang  terdiri  dari  beberapa  sub  direktori  untuk  memudahkan  dalam 

memanajemen data website. Untuk membantu dalam mengetahui isi dari per 

halaman  web  maka  disusun  site  MAP  (peta  web)  yang  berisi  tentang 

halaman­halaman didalam website. 

Administrator website dapat mengatur  isi data tampilan data terbaru 

melalui  halaman  administrator  website.  Didalam  website  yang  dibuat 

menggunakan database yang berbasis MySQL untuk mengatur isi yang akan 

ditampilkan  serta  mengatur  data­data  website  yang  lainnya.  Database 

MySQL  digunakan  karena  pihak  FKIP  UMS  menginginkan  website  yang 

dibuat  membutuhkan  sebuah  akses  dengan  kecepatan  akses  yang  cukup 

tinggi serta memperhatikan fungsi dinamis website. 

4.3.4 Realisasi Perancangan Desain Website 

1. Perancangan Desain Halaman Utama Website 

Halaman  utama  berisi  links  yang  menghubungkan  keseluruh 

halaman yang yang ada didalam website. Pada saat pertama kali website 

dibuka,  maka  halaman  utama  ini  akan  muncul  pertama  kali  untuk 

menampilkan menu utama. 

Gambar Halaman Utama Desain

Page 31: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

31 

2. Perancangan Desain Halaman New 

Gambar Halaman New 

3. Perancangan Desain Halaman Advanced Search 

Halaman Advanced Search adalah halaman yang berisikan form 

untuk mencari data website yang ada di FKIP UMS. 

Gambar 3.3.4.2 Halaman Search

Page 32: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

32 

4. Perancangan Desain Halaman Sejarah 

Gambar Halaman sejara 

Halaman ini membahas tentang bagaimana awal berdirinya FKIP UMS 

5. Perancangan Desain Halaman Visi & Misi 

Gambar Halaman Visi dan mis 

Halaman ini membahas Visi & Misi FKIP UMS

Page 33: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

33 

6. Perancangan Desain Halaman PIMPINAN 

Gambar Halaman Stuktur kepemimpinan 

Halaman ini membahas struktur kepemimpinan di FKIP UMS. 

7. Perancangan Desain Halaman JURUSAN 

Gambar Halaman Jurusan 

Halaman ini membahas tentang  berbagia macam jurusan yang ada di FKIP 

UMS

Page 34: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

34 

8. Perancangan Desain Halaman FASILITAS 

Gambar Halaman Fasilitas 

Halaman ini memberitahukan fasilitas apa saja yang ada di FKIP UMS. 

9.  Perancangan Desain Halaman KEMAHASISWAAN 

Gambar Halaman Kemahasiswaan 

Halaman ini mengisikan tentang kegiatan kemahasiswaan yang ada di FKIP 

UMS.

Page 35: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

35 

10. Perancangan Desain Halaman JURNAL 

Gambar Halaman Jurnal 

Halaman ini membahas jurnal yang ada di FKIP UMS 

11. Perancangan Desain Halaman LINKS

Page 36: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

36 

12. Perancangan Desain Halaman CONTACT US 

Gambar Halaman Contact us 

Halaman ini digunakan pengunjung website yang ingin mengetaui Alamat dan no 

tlp Fkip Ums. 

13. Perancangan Desain Halaman ADMINISTRATOR 

Gambar Halaman Administrator

Page 37: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

37 

14. Perancangan Desain Halaman LOGIN FORM LOGIN FORM 

USERNAME 

PASSWORDPassword 

Remember me 

Login 

Gambar Halaman Login Form 

15. Perancangan Desain Halaman POLING 

POLLING 

JURUSAN YANG ANDA SUKAI? 

Pend. Sastra Inggris (S1) 

Pend. Sastra Indonesia dan Daerah (S1) 

Pend. Ekonomi Akuntansi(S1) 

Pend. Sejarah (S1) 

Pend. Matematika (S1) 

Pend. Guru Sekolah Dasar (S1) 

Pend. Biologi (S1) 

Pend. Pancasila dan Kewarganegaraan (S1) 

Pend. Guru Taman Kanak­Kanak (D2) 

Pend. Anak Usia Dini (S1) 

Vote 

Gambar Halaman Poling

Page 38: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

38 

16. Perancangan Desain Halaman HASIL POLING 

Gambar Halaman Hasil Poling

Page 39: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

39 

BAB V 

PENUTUP 

5.1 Kesimpulan 

Komunikasi  melalui  internet  telah  menjadikan  dorongan  bagi  seluruh 

pengelola  website  untuk  mengembangkan  websitenya  menjadi  sebuah  media 

komunnikasi  yang  baik.  Alternatif  tersebut  diambil  dan  dipilih  dengan 

pertimbangan untuk mengikuti perkembangan teknologi saat ini. 

Website FKIP UMS sebelumnya telah dibuat dengan menggunakan source 

HTML. Source HTML dirasa kurang begitu mampu untuk memberikan pelayanan 

yang  baik  kepada  pengunjung  website  FKIP UMS. Desain  grafis website  FKIP 

UMS  yang  sudah  cukup  baik  kurang  mendapatkan  dukungan  dari  sisi 

programming website, sehingga website tersebut terkesan statis dan kurang begitu 

dinamis. 

Pada kesempatan yang telah diberikan, penulis berusaha mengembangkan 

website  FKIP  UMS  menjadi  sebuah  website  yang  lebih  dinamis.  Dengan 

pengembangan website tersebut bukan berarti website tersebut telah menjadi yang 

terbaik dan tanpa kelemahan sedikitpun. Website FKIP UMS yang beralamatkan 

di http://www.ums.ac.id/fkip akan dijadikan sebagai tempat pengelolaan informasi 

bagi mahasiswa FKIP UMS. 

5.2 Saran 

Seorang manusia  adalah  makhluk  ciptaan  Alloh  SWT.  Yang  tak  pernah 

lepas  dari  kesalahan  yang  dibuatnya,  untukitu  apabila  secara  tidak  disengaja 

ataupun disengaja penulis berbuat salah, maka pada kesempatan kali ini tidak lupa 

untuk memohon maaf yang sebesar­besarnya. 

Pengembangan website FKIP UMS dilaksanakan dengan melalui berbagai 

hambatan dan kesulitan yang ada, sehingga pada akhir penyelesaiannya terdapat 

beberapa kekurangan yang masih memerlukan penyempurnaan. Untuk itu pada 

kesempatan yang lain akan dilakukan penyempurnaan terhadap kekurangan yang 

ada. 

39

Page 40: BAB I PENDAHULUAN - digilib.uns.ac.id/Rancang... · PHP adalah bahasa pemrograman server side di desain untuk membaat aplikasi ... Supercomputing Aplikast ion ... dengan spesifikasi

40 

DAFTAR PUSTAKA 

Rosihan Ari Y, 2004. Modul Training PHP dan MySQL, FMIPA Universitas Sebelas Maret Surakarta http://fkip.uns.ac.id/~arie 

Anonim, Tentang FKIP UMShttp://www.fkipums.ac.id/ 

Rikyanto Isak, 2001, Macromedia Dreamweaver 4, PT Elex Media Komputindo, Jakarta. 

Anonim, 2004, seni Panduan Desain Web Maromedia Dreamweaver MX, Andi Offset, Yogyakarta 

Nugroho, 2004, Apikasi pemroraman web dinamis, Gavamedia, Jakarta 

Anonim, 2006, Mambo How To ? , 

http://www.mambosupportcenter.com/index.php?option=ccm_weblink 

&catid=33&Itemid=29 

Anonim , 2005. Mambo Foundation ,http://www.mambo­foundation.org