L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## PEMBANGUNAN SISTEM INFORMASI PADA SD NEGERI 189 KOTA JAMBI BERBASIS WEB
Oleh : Lisdarti 1) , Faiza Rini 1) , Ramadhoni
1 ) Dosen Tetap STMIK Nurdin Hamzah,   J a m b i   3 6 1 2 1 E-mail : lisdarti80@yahoo.com
Abstrack - The writing of this manuscript describes the Analysis and Design of Information Systems at City of Edinburgh  primary  school  189/IV  Website  Based  in  order  to  assist  the  school  in  order  to  better  convey information known by the public. This Information System using the web-based programming languages HTML, PHP,  CSS  and  MySQL  Databases  relating  to  research  obtained  through  field  studies  and  literature.  The conclusion  by  the  authors  in  the  creation  of  this  website-based  information  system  is  the  consideration  for  the school to assist the school to convey information efficiently to be more recognized by the public.
Keywords : Sistem Informasi,  Sekolah Dasar , Web , HTML, PHP

## I. PENDAHULUAN
Dalam  era  globalisasi  ini  teknologi  telah  merajai segala aspek kehidupan manusia khususnya teknologi informasi.  Dengan  teknologi  informasi  kita  bisa mengetahui  informasi  apa  saja  yang  ada  diberbagai penjuru dunia. Mulai dari pedesaan, perkotaan bahkan sampai  belahan  dunia.  Untuk  memenuhi  kebutuhan akan informasi, manusia terus berusaha mengembangkan unsur-unsur teknologi seperti teknologi  computer  dan  internet.  Komputer  dan internet  merupakan  suatu  teknologi  yang  mempunyai kemampuan  untuk  melaksanakan  berbagai  macam tugas.  Mulai  dari    penulisan,  pengeditan,  pencetakan sampai  pengiriman  informasi.  Kemajuan  yang  terjadi pada  komputer  tidak  hanya  pada  salah  satu  bagian atau  komponennya  saja,  tapi  hampir  pada  semua komponennya,  mulai  dari  kecepatan  prosesor, kapasitas media penyimpanan dan lain sebagainya.
Akses  informasi  di  internet  tidak   terbatas  oleh waktu  karena  dunia  maya  yang  dihadirkan  secara global  tidak  pernah  tidur.  Artinya,  kita  dapat melakukan pencarian informasi melalui internet kapan saja  selama  24  jam  sehari.  Akses  informasi  melalui internet  lebih  cepat  dibanding  dengan  mencari informasi pada halaman-halaman buku di perpustakaan  maupun  koran.  Kita  tinggal  mengklik icon  tertentu,  maka  apa  yang  kita  inginkan  akan muncul pada layar monitor kita.
SD Negeri 189 Jambi merupakan Sekolah Dasar berbasis  kompetensi  kader  bangsa  yang  berorientasi ke depan dalam  membangun  bangsa. Setiap tahunnya SD Negeri 189 Jambi meluluskan  siswa, menyiapkan keterampilan  bagi  tamatan  sekolah  dalam  rangka meneruskan  ke jenjang SLTP. Penyajian  informasi di SD  Negeri  189  Jambi  masih  sederhana  seperti informasi  data  siswa  dan  guru  yang  penyajian laporannya  telah  menggunakan  sistem  komputer namun  belum  optimal.  Baik  pada  penyimpanan dokumen-dokumen resmi (arsip), media cetak maupun
lewat  papan  pengumuman  yang  terpasang  di lingkungan sekolah, untuk mengetahui informasi baru siswa  dan  orang  tua  siswa  harus  datang  ke  sekolah untuk  melihatnya  pada  waktu  dan  hari  yang  telah ditetapkan oleh pihak sekolah.
Dari  permasalahan  tersebut  penulis  mencoba memberikan  sebuah  solusi  untuk  membangun  sebuah Sistem Informasi pada SD Negeri 189 Jambi berbasis web, dimana dengan adanya  web tersebut, para siswa atau  orang  tua  siswa  bila  ingin  mengetahui  informasi terbaru, siswa dan orang tua siswa tersebut tidak perlu datang  ke  sekolah  pada  waktu  dan  hari  yang  telah ditetapkan  melainkan  dapat  mengakses  kapanpun  dan dimanapun  ia  berada  dengan  cara  mengakses  situs web sekolah tersebut.

## II. TINJAUAN PUSTAKA

## 2.1 Sekolah Dasar
Menurut Kamus  Besar  Bahasa  Indonesia , sekolah  merupakan  bangunan  atau  lembaga  untuk belajar  dan  mengajar,  serta  tempat  menerima  dan memberi  pelajaran.  Sebagaimana  yang  telah  kita ketahui  bahwa  sekolah  merupakan  salah  satu  tempat bagi  para  siswa  untuk  menuntut  ilmu.  Dan  melihat kenyatannya hingga sekarang sekolah masih dipercaya oleh sebagian besar anggota masyarakat sebagai salah satu  tempat  untuk  belajar,  berlatih  kecakapan, menyerap pendidikan atau tempat proses mendewasakan  anak.  Di  Sekolah  juga  kemudian tumbuh calon-calon pemimpin bangsa.
Sekolah merupakan  bangunan  atau  lembaga untuk belajar dan mengajar serta tempat menerima dan memberi  pelajaran.  Sekolah  dipimpin  oleh  seorang Kepala  Sekolah,  Kepala  Sekolah  dibantu  oleh  wakil kepala sekolah. Jumlah wakil kepala sekolah di setiap sekolah  berbeda,  tergantung  dengan  kebutuhannya. Bangunan sekolah disusun meninggi untuk memanfaatkan  tanah  yang  tersedia  dan  dapat  diisi dengan fasilitas lain.
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Definisi Sekolah Dasar (disingkat SD) adalah jenjang  paling  dasar  pada  pendidikan  formal  di Indonesia.  Sekolah  dasar  ditempuh  dalam  waktu  6 tahun,  mulai  dari  kelas  1  sampai  kelas  6.  Lulusan sekolah  dasar  dapat  melanjutkan  pendidikan  ke Sekolah  Menengah  Pertama  (atau  sederajat).Pelajar sekolah dasar umumnya berusia 7-12 tahun.
Di  Indonesia,  setiap  warga  negara  berusia  7- 15  tahun  tahun  wajib  mengikuti  pendidikan  dasar, yakni  sekolah  dasar  (atau  sederajat)  6  tahun  dan sekolah  menengah  pertama  (atau  sederajat)  3 tahun.Sekolah  dasardiselenggarakan  oleh  pemerintah maupun  swasta.  Sejak  diberlakukannya  otonomi daerah  pada  tahun  2001,  pengelolaan  sekolah  dasar negeri (SDN) di Indonesia yang sebelumnya berada di bawah  Kementerian  Pendidikan  Nasional,  kini menjadi tanggung jawab Pemerintah Daerah Kabupaten/Kota.  Sedangkan  Kementerian  Pendidikan Nasional  hanya  berperan  sebagai  regulator  dalam bidang standar nasional pendidikan.
Secara  struktural,  sekolah  dasar  negeri merupakan  unit  pelaksana  teknis  dinas  pendidikan kabupaten/kota.Dalam Undang-undang Sistem Pendidikan  Nasional  (UU  Nomor  20  Tahun  2001) Pasal  17  mendefinisikan  pendidikan  dasar  sebagai berikut:Pendidikan dasar merupakan jenjang pendidikan  yang  melandasi  jenjang  pendidikan menengah.Pendidikan  dasar  berbentuk  sekolah  dasar (SD)  dan  madrasah  ibtidaiyah  (MI)  atau  bentuk  lain yang sederajat serta sekolah menengah pertama (SMP) dan  madrasah  tsanawiyah  (MTs),  atau  bentuk  lain yang sederajat.

## 2.2 Rancangan
Menurut  Jogian  Jogiyanto  HM  [JOG01], “Rancangan  adalah  gambaran  rencana  untuk pengaturan  dari  beberapa  elemen  yang  terpisah kedalam  kesatuan  yang  utuh  dan  berfungsi”.Menurut Edhy  Sutanta  [SUT02],  “Rancangan  adalah  membuat atau  mengembangkan  suatu  sistem,  sehingga  akan menghasilkan yang lebih baik dari sistem sebelumnya”.

## 2.3 Sistem Informasi
Telah  diketahui  bahwa  informasi  merupakan hal  yang  sangat  penting  bagi  manajemen  didalam pengambilan  keputusan.  Karena  informasi  diperoleh dari  sistem  informasi  ( information  system )  atau disebut  juga  dengan processing  system .Berikut penuturan dari para ahli tentang sistem informasi :
Leitch  Rosses  dalam  buku  Jogian  Jogiyanto HM [JOG05] mengemukakan sistem informasi adalah suatu sistem didalam organisasi yang mempertemukan kebutuhan  pengelolah  transaksi  harian,  mendukung operasi,  bersifat  manajerial  dan  kegiatan  strategi  dari suatu  organisasi  dan  menyediakan  pihak  luar  tertentu dengan  laporan-laporan  yang  diperlukan.  John  Burch dan Gary Grudnitski [JOH05], sistem informasi terdiri dari  komponen-komponen  yang  disebutnya  dengan istilah blok bangunan yaitu blok masukan, blok model,
blok  model,  blok  teknologi,  blok  keluaran,  blok  basis data, dan blok kendali”. Sebagai suatu sistem keenam yang  masing-masing  berinteraksi  satu  dengan  yang lainnya  membentuk  suatu  kesatuan  untuk  mencapai sasarannya.
Dalam  arti  yang  luas  sistem  informasi  dapat dipahami  sebagai  sekumpulan  subsistem  yang  saling berhubungan, berkumpul bersama-sama dan membentuk  satu  kesatuan,  saling  berinteraksi  dan bekerja  sama  antara  bagian  satu  dengan  yang  lainnya dengan  cara-cara  tertentu  untuk  melakukan  fungsi pengolahan  data,  menerima  masukan  ( input )  berupa data-data,  kemudian  mengolahnya  ( processing ),  dan menghasilkan  keluaran  ( output )  berupa  informasi sebagai  dasar  bagi  pengambilan  keputusan  yang berguna  dan  mempunyai  nilai  nyata  yang  dapat dirasakan akibatnya baik pada saat itu juga maupun di masa  mendatang,  mendukung  kegiatan  operasioanl, manajerial, dan strategi organisasi, dengan memanfaatkan  sebagai  sumber  saya  yang  ada  dan tersedia  bagi  fungsi  tersebut  guna  mencapai  tujuan [SUT11].
Definisi  diatas  dapat  disimpulkan  bahwa informasi adalah sistem didalam suatu organisasi yang mempertemukan  kebutuhan  pengolahan  transaksi harian,  mendukung  operasi,  yang  terdiri  dari komponen-komponen  dan  menyediakan  pihak  luar tertentu dengan laporan-laporan yang ditentukan.

## 2.4 Website
Website  adalah  sekumpulan  halaman  yang menampilkan  konten  atau  sesuatu  yang  bisa  diakses atau  dibuka  apabila  kita  mengakses  internet.  Sebuah Website  mempunyai  halaman  awal,  yaitu  halaman yang pertama kali tampil apabila kita membuka alamat pada  internet,  halaman  pertama  ini  kerap  disebut homepage.  Website  digunakan  untuk  menampilkan informasi  dan  menampilkan  apa  saja  yang  diinginkan oleh  pemiliknya  dengan  harapan  bisa  diakses  oleh siapa  saja  yang  terkoneksi  internet  dan  menghubungi alamat Website tersebut.

## 2.7  HTML
Hypertext  Markup  Language  atau  yang  lebih akrab  dengan  sebutan  HTML,  merupakan  bahasa pemrograman web yang biasanya menjadi pengetahuan  standar  untuk  membangun  sebuah web. HTML (Hyper  Text  Markup  Language)  adalah sebuah bahasa markup yang digunakan untuk membuat  sebuah  halaman  web  dan  menampilkan berbagai  informasi  di  dalam  sebuah  browser  Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan  di  dunia  penerbitan  dan  percetakan  yang disebut dengan  SGML (Standard Generalized Markup Language), HTML  adalah  sebuah  standar  yang digunakan  secara  luas  untuk  menampilkan  halaman web.HTML  saat  ini  merupakan  standar  Internet  yang didefinisikan  dan  dikendalikan  penggunaannya  oleh World Wide Web Consortium (W3C).
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Disebut  sebagai  Hypertext  karena  pada dasarnya HTML  merupakan susunan  yang terdiri dari teks,  hanya  saja  terdapat  penambahan  beberapa  tanda atau  tag  dari  segi  penulisan,  sehingga  lebih  tampak berbeda  dengan  teks  yang  lain.Ciri  khas  dari  HTML adalah  penulisan  teksnya  dibungkus  dengan  tag  yang bertanda  “<>” .

## 2.8  PHP
PHP yang merupakan singkatan dari Hypertext  Preprocessor ,  adalah  bahasa  pemrograman yang  mana file -nya  diletakkan  di server dan  seluruh prosesnya  dikerjakan  di server ,  kemudian  hasilnyalah yang dikirimkan ke klien, tempat pemakai menggunakan browser (lebih  dikenal  dengan  istilah server-side  scripting ).  PHP  bekerja  didalam  sebuah dokumen  HTML  untuk  dapat  menghasilkan  isi  dari sebuah halaman web sesuai permintaan.PHP merupakan  salah  satu  bahasa  program  yang  berjalan dalam  sebuah web  server dan  berfungsi  sebagai pengolah  data  pada  sebuah server .  PHP  mampu mengolah  data  dari  komputer client atau  dari komputer server itu sendiri, sehingga mudah disajikan di browser . Dengan  PHP, website akan  lebih  interaktif dan  dinamis.  Data  yang  dikirim  pengunjung website client akan  diolah  dan  disimpan  pada database  web server ,  kemudian  akan  tampil  jika  diakses.  PHP adalah script pemrograman  yang  terletak  dan dieksekusi  di server .  Salah  satu  fungsinya  adalah menerima, mengolah, menampilkan data dari situs dan ke sebuah situs.
Data  akan  diolah  ke  sebuah database  server (program database yang  terletak  di  sisi server )  untuk kemudian  hasilnya  ditampilkan  di browser sebuah situs.  Dengan  demikian,  PHP  dapat  membuat  situs lebih  dinamis  karena  data  situs  dapat  selalu  berubah sesuai permintaan.

## 2.9   Basis Data
Basis  data  adalah  kumpulaninformasiyang disimpan di dalamkomputersecara sistematik sehingga dapat diperiksa menggunakan suatuprogram komputer untuk memperoleh informasi dari basis data tersebut.Perangkat lunakyang digunakan untuk mengelola  dan  memanggilkueri ( query )  basis  data disebutsistem manajemen basis data ( database management  system ,  DBMS).Konsep  dasar  dari  basis data  adalah  kumpulan  dari  catatan-catatan,  atau potongan  dari  pengetahuan.Basis  data  merupakan bagian penting dalam sebuah sistem informasi.
Basis  data  dalam  sistem  informasi  dapat mempunyai peranan sebagai berikut[SUT11] :
a. Basis  data  sebagai  komponen  penyusun  sistem informasi
b. Basis data sebagai struktur sistem informasi
c. Basis  data  sebagai  sumber  informasi  bagi  sistem informasi
d. Basis  data  sebagai  sarana  mencapai  efisiensi sistem informasi
e. Basis  data  sebagai  sarana  mencapai  efektifitas sistem informasi.
Salah  satu  bentuk  aplikasi  basis  data  yang  sering digunakan, yaitu :
 MySQL
MySQL  merupakan  aplikasi  untuk  membuat suatu  DBMS  ( Database Management  System)  yang berbasis  SQL  ( Structured  Query  Language ).  Pada sebuah database yang dibuat oleh MySQL mengandung  satu  atau  beberapa  tabel,  tabel  tersebut terdiri  dari  sejumlah  baris  dan  kolom.MySQL mempunyai  beberapa  kelebihan  dibandingkan  dengan yang  lainnya  misalnya  PostgreSQL,  Microsoft  SQL Server,  dan  Oracle.  Kelebihan  MySQL  adalah  pada kecepatan  akses,  biaya,  konfigurasi,  tersedia source code karena  MySQL  berada  di  bawah Open  Source License .
Pada  umumnya  MySQL  dikelola  dengan beberapa cara yaitu melalui prompt DOS dan program utility.  Program  utility  itu  seperti  PHPMyAdmin, MySQLGUI,  MySQL  Manajer Java  Based dan MySQL Administrator  forwindows .  Program utility yang  sering  digunakan adalah  PHPMyAdmin. PHPMyAdmin  merupakan  salah satu tool  manajemen database MySQL  berbasis web ,  artinya  interaksi pemeliharaan dilakukan oleh klien dengan menggunakan  antarmuka browser ,  seperti  Mozilla Firefox,  Internet  Explorer,  Opera  Mini,  dll  software browser lainnya.

## 2.10 Wamp Server
WAMP adalah paket program independen dibuat diinstal  pada  komputer  yang  menggunakan  sistem operasi  Microsoft  Windows.WAMP  adalah  singkatan terbentuk  dari  inisial  dari  sistem  operasi  Microsoft Windows  dan  komponen  utama  dari  paket:  Apache, MySQL,  dan  salah  satu  dari  PHP,  Perl  atau  Python. Apache  adalah  server  web.  MySQL  merupakan database open-source.
PHP,  Perl  dan  Python  bahasa  scripting  yang dapat  memanipulasi  informasi  yang  diadakan  di database  dan  menghasilkan  halaman  web  dinamis setiap  isi  waktu  diminta  oleh  browser.Program  lain juga dapat dimasukkan dalam paket, seperti phpMyAdmin yang menyediakan antarmuka pengguna  grafis  untuk  manajer  database  MySQL.Jadi fungsi  dari wamp  server itu  sendiri  merupakan  server website  kita  untuk  dapat  diakses  secara  offline. Mengapa harus menjadi server ? Karena dalam hal ini komputer  yang  akan  kita  pakai  harus  memberikan pelayanan untuk pengaksesan web, untuk itu komputer kita harus menjadi server.

## 2.11 Editor Intype
Intype  adalah  editor  text  yang  bagus  dan ringan  untuk  windows.  Inteface  intype  seperti  pada TextMate untuk OS X sehingga bekerja dengan sangat baik,  mudah,  dan  rapi.  Kemajuan  intype  benar-benar lambat karena mereka hanya memiliki dua
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
developers.Yang  pertama  adalah  Martin  Cohen  yang merupakan  pemimpin  proyek  dan  orang  dibalik interface untuk intype.
Orang  yang  kedua  adalah  Juraj  Durech  yang bertanggung jawab atas inti C + + Programming.Bahasa yang didukung intype adalah C, C  +  +,  CSS,  HTML,  HTML  (Rails),  Jasmine,  Java, Javasript,  PHP,  Perl,  Phyton,  Ruby,  Ruby  on  Rails, SQL,  SQL  (Rails),  Textile,  XHTML,  XML,  XSL,  , dan YAML.

## Area Kerja Intype
Gambar 2.1. Lembar Kerja Intype
1. Menu Bar Berisikan  menu-menu  pop-up  yang  menyediakan
pengaturan dan tampilan pada intype.
2. Coding Windows Berisikan  kode-kode  HTML  dan  tempat  untuk menuliskan  kode-kode  pemrograman,  misalnya PHP.
3. Panel File Panel  ini  digunakan  untuk  mengatur  file-file  fan folder-folder  yang  membentuk  situs  web  yang akan  dibuat.  Dalam  panel  ini  para  pendisain  situs dapat melihat deretan file-file yang ada dalam web untuk  menentukan  lokasi  dari  situs  yang  akan dibuat.
4. Type Document
Berisikan  tentang  pilihan-pilihan  type  atau  jenis dokumen yang dapat disesuaikan dengan kegunaannya,  misal  HTML,  XHTML,  CSS,  PHP, dan sebagainya.

## 2.12 Data Flow Diagram (DFD)
Menurut  Jogian  Jogiyanto  HM  [JOG05], Data  Flow  Diagram (DFD)    merupakan    alat    yang digunakan    pada    metodologi    pengembangan    sistem yang    terstruktur    ( structured    Analysis    dan    design ) atau  alat  yang  cukup  populer  sekarang  ini,  karena dapat  menggambarkan  arus   data  di  dalam   sistem dengan  terstuktur  dan  jelas.

## Simbol yang digunakan dalam DFD
1. Kesatuan Luar (External Entity)
Merupakan  dilingkungan  luar  sistem  yang  dapat berupa  orang  ,  organisasi  atau  sistem  lainnya  yang berada  di  lingkungan  luarnya  yang  akan  memberikan Input atau menerima output dari sistem.Suatu kesatuan luar dapat disimbolkan dengan suatu notasi kotak atau suatu  kotak  dengan  sisi  kiri  dan  atasnya  berbentuk garis tebal sebagai berikut.
Gambar 2.2 Notasi Kesatuan Luar[JOG05] 2. Arus Data
Arus  data  (Data  Flow,di  DFD  di  beri  symbol suatu  panah  .  Arus  data  ini  mengalir  diantara  proses, simpanan  data  (data  store)dan  kesatuan  luar  (external entity).
Gambar 2.3 Notasi Arus Data[JOG05] 3. Proses
Kegiatan  yang dilakukan oleh orang,  mesin atau computer  dari  hasil  suatu  arus  data  yang  masuk kedalam  proses  untuk  dihasilkan  arus  ata  yang  akan keluar  dari  proses.Suatu  proses  dapat  ditunjukkan dengan  symbol  lingkaran  atau  dengan  symbol  empat persegi panjang tegak dengan sudut sudutnya tumpul.
Gambar 2.4 Notasi proses[JOG05] 4. Simpanan Data Simpanan  data  merupakan  simpanan  dari  data yang  berupa  suatu  file  atau  database  di  sistem computer, suatu arsip atau catatan manual, suatu kotak tempat  data  di  meja  seseorang,  suatu  table acuanmanual,  suatu  agenda  buku.Simpanan  data  di DFD  dapat  disimbolkan  dengan  sepasang  garis horizontal  pararel  yang  tertutup  di  salah  satu ujungnya.
Gambar 2.5 Simpanan Data[JOG05]
Tahapan Data Flow Diagram (DFD)
1. Context Diagram Menggambarkan  satu  lingkaran  besar  yang  dapat mewakili  seluruh  proses  yang  terdapat  di  dalam suatu sistem. Merupakan tingkatan tertinggi dalam DFD  dan  biasanya  diberi  nomor  0  (nol).  Semua entitas  eksternal  yang  ditunjukkan  pada  diagram konteks  berikut  aliran-aliran  data  utama  menuju dan  dari  sistem.  Diagram  ini  sama  sekali  tidak memuat  penyimpanan  data  dan  tampak  sederhana untuk diciptakan.
2. Diagram Nol (diagram level-1) :
Merupakan  satu  lingkaran  besar  yang  mewakili lingkaran-lingkaran  kecil  yang  ada  di  dalamnya.
Menu Bar Coding Windows Type Document Panel File
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Merupakanpemecahan  dari  diagram  Konteks  ke diagram  Nol.  di  dalam  diagram  ini  memuat penyimpanan data.
3. Diagram Rinci : Merupakan diagram yang menguraikan proses apa yang ada dalam diagram Nol.

## Fungsi DFD (Data Flow Diagram)
1. Data Flow  Diagram (DFD) adalah alat pembuatan model  yang  memungkinkan  profesional  sistem untuk  menggambarkan  sistem  sebagai  suatu jaringan  proses  fungsional  yang  dihubungkan  satu sama  lain  dengan  alur  data,  baik  secara  manual maupun komputerisasi.
2. DFD  ini  adalah  salah  satu  alat  pembuatan  model yang  sering  digunakan,  khususnya  bila  fungsi- fungsi  sistem  merupakan  bagian  yang  lebih penting  dan  kompleks  dari  pada  data  yang dimanipulasi  oleh  sistem.  Dengan  kata  lain,  DFD adalah  alat  pembuatan  model  yang  memberikan penekanan hanya pada fungsi sistem.
3. DFD  ini  merupakan  alat  perancangan  sistem  yang berorientasi  pada  alur  data  dengan  konsep dekomposisi dapat digunakan untuk penggambaran analisa  maupun  rancangan  sistem  yang  mudah dikomunikasikan  oleh  profesional  sistem  kepada pemakai maupun pembuat program

## III. HASIL DAN PEMBAHASAN

## 3.1 Metode Perancangan
Metode  perancangan  menggunakan  DFD  ( Data Flow  Diagram ).  DFD  dapat  menggambarkan  suatu sistem  yang  telah  ada  atau  sistem  yang  baru  secara logika  tanpa  mempertimbangkan  lingkungan  fisik dimana data tersebut mengalir. DFD merupakan media populer  karena  dapat  menggambarkan  arus  data didalam  sistem  dengan  struktur  yang  jelas.  Dengan DFD  dapat  dilihat  hubungan  antara  suatu  entity  dan yang  lainnya  dengan  bentuk  informasi,  baik  berupa masukan  maupun  keluaran  dari  proses  informasi tersebut.  Dengan  digambarkannya  jaringan  kerja  dan aliran  data  pada  DFD,  maka  programmer  dapat dengan mudah menuangkan dalam bentuk yang sesuai dengan kebutuhan user. Berikut adalah DFD level 0:
a. Admin b. Pengunjung 2.0p Input Data D1     Admin 3.0 Informasi Website D2     Pegawai D3     Berita D4     Galeri D7     Buku Tamu 1.0p Login Login Data Admin Konfirmasi Melihat Informasi Website Mengisi Buku Tamu Mengisi Polling Informasi Data Buku Tamu D5     Agenda D6     Prestasi D8     Polling Data Pegawai Data Berita Data Galeri Data Agenda Data Prestasi Data Polling Data Pagawai Data Berita Data Galeri Data Agenda Data Prestasi

## 3.2 Perancangan Basis Data
Basis  data (database) adalah  kumpulan  dari berbagai data dan informasi  yang saling berhubungan satu  sama  lain,  disimpan  di  dalam  perangkat  keras (komputer)  secara  sistematis  sehingga  dapat  diolah menggunakan  perangkat  lunak.  Semua  data  yang dimasukkan oleh user akan disimpan aman dan efektif sehingga komponen ini  menjadi salah satu  komponen terpenting.  Berikut  ini  basis  data  pada  rancangan website SD Negeri 189/IV Kota Jambi.
3.3 Pembuatan Tabel-tabel
a. Rancangan Tabel Admin
Tabel  ini  dirancang  untuk  menyimpan  data administrator  yang  berperan  sebagai  orang  yang menginputkan maupun memanipulasi segala data pada website SD Negeri 189 Kota Jambi.  Adapun tabel ini tersusun dari field-field sebagai berikut :
Tabel 4.1 Rancangan Tabel Admin
Field Type Length Extra Primary IdAdmin Int 2 Auto_Increment Yes NamaAdmin Varchar 20 NamaLogin Varchar 20 PasswordLogin Varchar 20

## b. Rancangan Tabel Pegawai
Tabel  ini  dirancang  untuk  menginputkan  dan menampilkan  data  pegawai  di  SD  Negeri  189  Kota Jambi,  baik  Kepala  Sekolah,  Majelis  Guru,  Tata Usaha, dan lain sebagainya. Adapun tabel ini tersusun dari field-field sebagai berikut :
Tabel 4.2 Rancangan Tabel Pegawai Field Type Length Extra Primary IdPegawai Int 5 Auto_Increment Yes NIP Varchar 20 Nama Varchar 50 Tmp_lahir Varchar 20 Tgl_lahir Date Gol Varchar 10 Jabatan Varchar 30 Foto Varchar 50 IdAdmin Int 5

## c. Rancangan Tabel Berita
Tabel  ini  dirancang  untuk  menginputkan  dan menampilkan  data  berita  berupa  berita  pendidikan daerah  maupun  nasional.  Adapun  tabel  ini  tersusun dari field-field sebagai berikut :
Tabel 4.3 Rancangan Tabel Berita Field Type Length Extra Primary Idberita Int 5 Auto_Increment Yes Judul Varchar 50 Tgl
Date Isi
Text Foto Varchar 30 IdAdmin Int 2

## d. Rancangan Tabel Galeri
Tabel  ini  dirancang  untuk  menginputkan  dan menampilkan  foto-foto  tentang  SD  Negeri  189/IV Kota  Jambi.  Foto-foto  tersebut  meliputi  foto bangunan,  kebersamaan  majelis  guru  dengan  para
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
siswa, kegiatan belajar mengajar, kegiatan perlombaan, kegiatan peringatan, dan lain sebagainya. Adapun  tabel  ini  tersusun  dari  field-field  sebagai berikut :
Tabel 4.4 Rancangan Tabel Galeri Field Type Length Extra Prima ry IdFoto Int 5 Auto_Increment Yes Judul Varchar 50 Foto Varchar 50 IdAdmin Int 2

## e. Rancangan Tabel Buku Tamu
Tabel  ini  dirancang  untuk  menampung  kritik  dan saran  maupun  pesan  dan  kesan  dari  pengunjung website  tentang  apapun  yang  berkaitan  dengan  SD Negeri 189/IV Kota Jambi. Adapun tabel ini tersusun dari field-field sebagai berikut :
Tabel 4.5 Rancangan Tabel Buku Tamu
Field Type Length Extra Primar y Id Int 5 Auto_Increment Yes Nama Varchar 50 Email Varchar 50 Isi Text

## f. Rancangan Tabel Poling
Tabel  ini  dirancang  untuk  memudahkan  para pengunjung  website  memberikan  penilaian  atas website  SD  Negeri  189/IV  Kota  Jambi  yang  akan dibangun. Penilaian tersebut dapat dilakukan pengunjung  dengan  cara  memilih  salah  satu  option yang  disediakan  pada  halaman  polling  website. Adapun  tabel  ini  tersusun  dari  field-field  sebagai berikut :
Tabel 4.7 Rancangan Tabel Poling Field Type Length Extra Primary IdPolling Int 5 Auto_Increment Yes Pilihan Varchar 30 Status Varchar 20 Rating Varchar 20 Aktif Varchar 20

## g. Rancangan Tabel Prestasi
Tabel  ini  dirancang  untuk  menginputkan  dan menampilkan  data-data  prestasi  yang  pernah  diraih oleh  SD  Negeri  189/IV  Kota  Jambi.  Prestasi  tersebut meliputi prestasi yang pernah diraih oleh majelis guru maupun para siswa di SD Negeri 189/IV Kota Jambi. Adapun  tabel  ini  tersusun  dari  field-field  sebagai berikut :
Tabel 4.8 Rancangan Tabel Prestasi
Field Type Length Extra Primary IdPrestasi Int 5 Auto_Increment Yes Ket Text Pres Text Foto Varchar 20 IdAdmin Int 2 3.4 Hubungan Antar tabel
Berikut  ini  adalah  relasi  antar  tabel  yang  ada dalam  rancangan  website  SD  Negeri  189/IV  Kota Jambi.
Tabel Admin * IdAdmin NamaAdmin NamaLogin PasswordLogin Tabel Pegawai
* IdPegawai NIP Nama
TTL Golongan Jabatan Foto **IdAdmin Tabel Berita * IdBerita Judul Isi
Tanggal Foto **IdAdmin
Tabel Galeri * IdFoto JudulFoto Foto **IdAdmin Tabel Buku_Tamu * Id Nama Email Isi Tabel Agenda * IdAgenda Judul Tanggal Tempat Peserta Isi **IdAdmin Tabel polling * IdPolling Pilihan Status Rating Aktif
Tabel prestasi * IdPrestasi Ket Pres **IdAdmin
Keterangan :
Gambar 4.4 Relasi Tabel
3.5 Tampilan  Halaman  Website  Hak  Akses Pengunjung Website
a. Tampilan Halaman Utama
Halaman beranda merupakan halaman utama yang muncul ketika pengunjung menuju alamat website SD Negeri 189/IV Kota Jambi. Adapun tampilan halaman beranda dapat diihat pada gambar berikut :
Gambar 4.5 Tampilan Menu Utama

## b. Tampilan Halaman Menu Profil
Halaman  profil  merupakan  menu  yang  terdiri  dari  4 (empat)  sub  menu,  antara  lain  sub  menu  sambutan, sejarah  sekolah,  struktur  organisasi,  dan  identitas sekolah.
Tampilan Halaman Sub Menu Struktur Organisasi
* : Primary key (kunci utama)
** : Foreign Key (Kunci tamu) : Relasi
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## c. Tampilan Halaman Menu Prestasi
Halaman  menu  prestasi  merupakan  menu  yang berisi  segala  bentuk  prestasi  yang  pernah  di  raih  oleh komponen  SD  Negeri  189/IV  Kota  Jambi,  baik  itu siswa maupun majelis guru. Adapun tampilan halaman prestasi dapat diihat pada gambar berikut :
Gambar 4.7 Tampilan Menu Prestasi
d. Tampilan Halaman Menu Profil Guru & Staf Halaman menu profil guru & staf merupakan menu  yang  berisi  data  singkat  dari  pegawai  di  SD Negeri  189/IV  Kota  Jambi.  Pegawai  yang  dimaksud meliputi kepala sekolah,  majelis guru, tata  usaha, dan lain sebagianya. Adapun tampilan halaman buku tamu dapat diihat pada gambar berikut :
Gambar 4.8 Tampilan Menu Profil Guru & Staf

## e. Tampilan Halaman Menu Siswa
Halaman  menu  siswa    merupakan  menu  yang menampilkan  foto-foto            siswa    SD  Negeri  189/IV Kota  Jambi.  Adapun  tampilan  halaman  menu  siswa foto dapat diihat pada gambar berikut :
Gambar 4.9 Tampilan Menu Siswa

## f. Tampilan Halaman Menu Alumni
Halaman  menu  Alumni    merupakan  menu  yang menampilkan  foto-foto            alumni  yang  ada  di    SD Negeri 189/IV Kota Jambi. Adapun tampilan halaman menu siswa   dapat diihat pada gambar berikut :
Gambar 4.10 Tampilan Menu Alumni
3.6 Tampilan Halaman Website Hak Akses Administrator a. Tampilan Halaman Login Administrator
Tampilan  halaman  login  administrator  adalah halaman  yang  digunakan  bagi  administrator  untuk dapat mengakses halaman admin dengan memasukkan username  dan  password  yang  sesuai  dengan  data admin  di  dalam  database.  Halaman  admin  berfungsi untuk  memanipulasi  segala  data  yang  ada  pada website. Adapun tampilan halaman login adminstrator dapat dilihat pada gambar berikut :
Gambar 4.11 Tampilan Halaman Login Administrator

## b. Tampilan Halaman Menu Admin
Tampilan halaman menu admin adalah menu yang digunakan  untuk  memanipulasi  data  administrator. Adapun  tampilan  halaman  menu  admin  dapat  dilihat pada gambar berikut :
Gambar 4.12 Tampilan Menu Admin

## c. Tampilan Halaman Menu Berita
Tampilan  halaman  menu  berita  adalah  menu  yang digunakan  untuk  memanipulasi  data  berita.    Adapun tampilan  halaman  menu  berita  dapat  dilihat  pada gambar berikut :
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## d. Tampilan Halaman Menu Galeri
Tampilan  halaman  menu  galeri  adalah  menu  yang digunakan untuk dapat memanipulasi data galeri foto. Adapun  tampilan  halaman  menu  galeri  dapat  dilihat pada gambar berikut :
Gambar 4.14 Tampilan Menu Galeri e. Tampilan Halaman Menu Pegawai
Tampilan  halaman  menu  pegawai  adalah  menu yang  digunakan  untuk  dapat  memanipulasi  data pegawai antara lain data kepala sekolah, majelis guru, dan  staf  tata  usaha.  Adapun  tampilan  halaman  menu pegawai dapat dilihat pada gambar berikut :
Gambar 4.15 Tampilan Menu Pegawai

## f. Tampilan Halaman Menu Prestasi
Tampilan  halaman  menu  prestasi  adalah  menu yang  digunakan  untuk  dapat  memanipulasi  data prestasi  yang  pernah  diraih  oleh  SD  Negeri  189/IV Kota  Jambi.  Adapun  tampilan  halaman  menu  prestasi dapat dilihat pada gambar berikut:

## g. Tampilan Halaman Menu siswa
Tampilan  halaman  menu  siswa  adalah  menu  yang digunakan untuk dapat memanipulasi data  siswa yang ada  di  SD  Negeri  189/IV  Kota  Jambi.  Adapun tampilan  halaman  menu  siswa  dapat  dilihat  pada gambar berikut:
Gambar 4.17 Tampilan Menu siswa

## h. Tampilan Halaman Menu Alumni
Tampilan  halaman  menu  Alumni  adalah  menu yang  digunakan  untuk  dapat  memanipulasi  data Alumni  yang  ada  di  SD  Negeri  189/IV  Kota  Jambi. Adapun  tampilan  halaman  menu  siswa  dapat  dilihat pada gambar berikut:
Gambar 4.18 Tampilan Menu Alumni

## IV. KESIMPULAN
Dengan terciptanya Website SD Negeri 189 Jambi maka  dapat  memberikan  keuntungan  dari  berbagai pihak, diantaranya dari pihak sekolah dapat membantu dalam penyampaian informasi agar lebih dikenal oleh masyarakat  luas,  dari  pihak  siwa  maupun  orang  tua siswa  untuk  mengetahui  informasi  terbaru  baik mengenai sekolah maupun anak mereka maka mereka tidak  perlu  datang  langsung  kesekolah  melainkan dapat  mencari  informasi  dimanapun  dan  kapanpun mereka  bisa  asalkan  mereka  memiliki  teknologi  yang terhubung tengan internet.
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## DAFTAR PUSTAKA
[1] Sutanta,  Edhy. Basis  Data  dalam  Tinjauan Konseptual . Yogyakarta : CV. Andi Offset, 2011
[2] Peranginangin,  Kasiman. Aplikasi  WEB  dengan PHP dan MySQL. Yogyakarta : CV. Andi Offset, 2006
[3] Supriyanto, Aji. Pengantar Teknologi Informasi . Jakarta : Salemba Infotek, 2006
[4] Amsyah,  Zulkifli. Manajemen  Sistem  Informasi . Penerbit : PT. Gramedia Pustaka Utama Jakarta, 2003
[5] Lucas, Henry C, Jr. Anasis Desain dan Implementasi  Sistem  Informasi .  Penerbit  : Erlangga Jakarta, 2003
[6] Jogiyanto,  Jogian,  HM. Analisis  dan  Desain Sistem  Informasi .  Penerbit  :  AndiYogyakarta,
2005
[7] Davis.  B.  Gordon. Sistem  Informasi  Manajemen
2 . Edisi Revisi. Penerbit : PPM Indonesia.
[8] Jogiyanto HM,Jogian. “Arti
Perancangan
Sistem”, http://www.scribd.com/doc/58725905/11/ ArtiPerancangan-Sistem, diakses tanggal 9 Maret 2013.
[9] Sutanta,  Edhy.“Arti  Perancangan  Sistem”, http://www.scribd.com/doc/  58725905/11/Arti- Perancangan-Sistem,  diakses  tanggal  11  Maret 2013
[10] Kamus  Besar  Bahasa  Indonesia.  “Pengertian Sekolah”,
http://www.sekolahdasar.net/2010/04/pengertian- sekolah.html#  ixzz2Oj9U18gI,  diakses  tanggal
24 Maret 2013.
[11] John Burch dan Gary Grudnitski. “Konsep Dasar Sistem Informasi”,
http://mnfuady.wordpress.com/2008/07/29/konse p-dasar-sistem-informasi/, diakses tanggal 24 Maret 2013 .

## DAFTAR RIWAYAT HIDUP PENULIS
Nama :  Lisdarti, S.Kom,M.S.I TTL :  Sawahlunto, 12 Juli 1980 NIK/NIDN :  10.076/1012078001 Pend.Terakhir :  S2 (Magister Sistem Informasi) Bidang Keahlian       :  Ilmu Komputer
Jabatan Fungsional  :   Asisten Ahli