## IMPLEMENTASI WEBSITE INFORMASI SEKOLAH MENENGAH KEJURUAN (SMK)  MENGGUNAKAN FRAMEWORK CODEIGNITER DAN ADMIN LTE DI SMK AL-IKHLAS SUSURU PANAWANGAN CIAMIS
Rizal Nugraha
Teknik Informatika, STMIK DCI, Email:rizal.smkalikhlassusuru@gmail.com

## ABSTRAK
Seiring  dengan  perkembangan  teknologi  saat  ini,  teknologi  banyak digunakan sebagai sarana promosi dan informasi khususnya pada bidang website yang  saat  ini  menjadi  media  informasi  yang  menawarkan  berbagai  kemudahan dalam menyajikan informasi. Kecepatan dan kenyamanan merupakan nilai positif adanya  internet.  Website  lebih  mudah  diakses  oleh  masyarakat  di  berbagai daerah hanya dengan menggunakan internet. Salah satunya dalam hal sosialisasi sekolah,  website  dapat  menjadi  sarana  mempromosikan  dan  menyampaikan informasi  yang  efektif  dan  efisien  kepada  masyarakat.  Dalam  mempromosikan tersebut  masih  menggunakan  cara  yang  kurang  efisien  diantaranya  melalui brosur  dan  spanduk.  sekolah  dapat  memanfaatkan  website  sebagai  media promosi  dan  informasi  untuk  memajukan  sekolah  tersebut  dan  menunjukkan bahwa  sekolah  tersebut  memiliki  kualitas  yang  baik  dalam  hal  promosi.  Dalam merancang website sebagai media promosi dan informasi pada sekolah ini terdiri dari dua halaman diantaranya, halaman admin dan halaman utama. Masyarakat dapat  mengakses  tanpa  harus  melakukan  login  terlebih  dahulu.  Ini  dilakukan untuk memudahkan masyarakat. Website ini dirancang menggunakan framework codeigniter dan template admin lte dengan  bahasa pemograman PHP dan MySql sebagai database.
Kata Kunci: Website, Media Promosi dan Informasi, Framework Codeigniter, PHP dan SQL
1.1 PENDAHULUAN SMK Al-Ikhlas Susuru merupakan  salah  satu  SMK  di Kecamatan  Panawangan.  SMK  Al- Ikhlas  Susuru  terletak  di  Dusun Susuru  Desa  Kertajaya  Kecamatan Panawangan Kabupaten Ciamis. Sekitar 496  siswa  dari  berbagai  wilayah  di
Ciamis dan luar daerah belajar di SMK ini. Selama ini informasi pada SMK Al- Ikhlas  Susuru  masih  disampaikan
dalam  bentuk  cetak.  Siswa  dan masyarakat luas dapat mudah mengetahui  informasi  mengenai  SMK Al-  Ikhlas  Susuru  selain  dengan menggunakan  buku  informasi,  maka dicoba membuat altenatif lain dengan membuat  website,  selain  itu  siswa diharapkan
dapat
mengakses informasi  dengan  mudah  dan efisien. Website  sistem  informasi  ini  dibuat menggunakan  Framework Codeigniter dan Template AdminLTE .
Menurut  Everet  M.  Rogers (dalam Akbar, 2003: 17-18) merangkumkan perkembangan media komunikasi  ke  dalam  empat  era. Pertama,  era  komunikasi  tulisan, kedua  era  komunikasi  cetak,  ketiga era  telekomunikasi,  dan  keempat  era komunikasi interaktif. Website adalah media  yang  berkembang  pada  era komunikasi  interaktif.  Penggunaan website di  suatu  lembaga  pendidikan yang  berbasis  kepada  Teknologi Informasi  menjadi  hal  yang  sangat penting  dimasa  sekarang.  Teknologi Informasi adalah suatu teknologi yang digunakan  untuk  mengelolah  data, termasuk  memproses,  mendapatkan, menyusun, menyimpan, memanipulasi  data  dalam  berbagai cara  untuk  menghasilkan  informasi yang berkualitas, yaitu  informasi  yang relevan,  akurat  dan  tepat  waktu. Peran  dan  Fungsi  website  bagi lembaga  pendidikan  sangat  banyak, mulai dari menginformasikan fasilitas, program  keahlian,  prestasi  dan kegiatan  lembaga  penidikan  itu sendiri hingga sampai kepada masyarakat.  Yang  tujuannya  untuk kemajuan lembaga tersebut. 2.1 LANDASAN TEORI 2.1 Pengertian Informasi Informasi  merupakan  hasil
pengolahan  dari  sebuah  model, formasi,  organisasi,  atau  sebuah perubahan  bentuk  dari  data  yang memiliki  nilai  tertentu  dan  biasa digunakan untuk  menambah pengetahuan bagi yang menerimanya (Anonim, 2001).

## 2.2 Website (Situs Web)
Web adalah fasilitas hypertext untuk  menampilkan  data  berupa teks,  gambar,  bunyi,  dan  animasi dan  data  multimedia  lainnya,  yang di  antara  data  tersebut  saling berhubungan  satu  sama  lainnya
(Anonim, 2001). Website
merupakan  tempat  penyimpanan data  dan  informasi  dengan  topic tertentu.  Dimuat  dalam  jurnal Guntur  Wibisono,  Wahyu  Eko Susanto  (2015)  bahwa  menurut pendapat  Arief  (2011:7),  “Web adalah  salah  satu  aplikasi  yang berisikan
dokumen–dokumen
multimedia  (teks,  gambar,  suara, animasi,  video)  di  dalamnya  yang mengunakan protokol HTTP (hypertext  transfer  protokol)  dan untuk  mengakses  menggunakan perangkat  lunak yang disebut browser”. Fungsi website diantaranya : 1. Media Promosi
2. Media Pemasaran
3. Media Informasi
4. Media Pendidikan
5. Media Komunikasi 2.3 Word Wide Web (WWW)
Selain  Ghoper,  WWW  atau
yang  sering  disebut  dengan  Word Wide  Web  (Jaringan  Dunia  Luas) adalah  sebuah  bagian  dari  internet yang  sangat  dikenal  dalam      dunia internet,  dengan  adanya  WWW
seorang pengguna dapat menampilkan sebuah halaman virtual yang  disebut  dengan Website  (Sidik, 2004).  WWW  merupakan  suatu sistem  hypertext  yang  membantu menjelajahi  dunia  untuk  mencari informasi  di  dalam  jaringan  internet.
WWW ini dapat diumpamakan seperti perpustakaan dengan berbagai informasi.

## 2.4 Pengertian Internet
Internet  adalah  sebuah  solusi jaringan  yang  dapat  menghubungkan beberapa jaringan lokal yang ada pada suatu  daerah,  kota  atau  bahkan negara.        Internet dapat
menghubungkan  beberapa  jaringan lokal  yang  ada  pada  setiap  tempat (Kurniawan, 2004).
Menghubungkan
beberapa komputer  sehingga  dapat  menjadi sebuah  jaringan  membutuhkan  suatu media  penghubung  yang  bernama TCP  /  IP,  yaitu  sebuah  protokol  yang mengidentifikasi  sebuah  komputer yang  terhubung  di  dalam  sebuah jaringan.  TCP  /  IP  memiliki  teknik mengidentifikasi dengan menggunakan penomoran yang
dinamakan  nomor IP/IP          address (Internet          Protokol.  Address). Nomor  IP  sebuah  komputer  dapat terhubung  dengan  komputer  lain dalam  sebuah  jaringan  atau  dalam jaringan global yang disebut internet.

## 2.5 PHP
PHP  singkatan  dari  (“PHP hypertext  Prepocessor”)  merupakan bahasa script yang diletakkan kedalam kode  HTML,  kode  PHP  berbeda dengan  HTML.  Browser  pengunjung hanya  akan  menerima  kode  HTML akhir,  tidak  ada  kode  PHP  yang diterima  langsung  oleh  browser
(Kurniawan, 2004).

## 2.6 Framework
Menurut  Betha  Sidik  (2012) Framework  adalah  :“  kumpulan intruksiintruksi  yang  dikumpulkan dalam  class  dan  function-function dengan  fungsi  masingmasing  untuk memudahkan developer dalam memanggilnya tanpa harus menuliskan syntax program yang sama berulang- ulang serta dapat menghemat waktu”. 2.7 Codeigniter Menurut  Betha  Sidik  (2012) CodeIgniter adalah :“ Sebuah framework  php  yang  bersifat  open source  dan  menggunakan  metode MVC  (Model,  View,  Controller)  untuk memudahkan developer atau programmer dalam membangun sebuah  aplikasi  berbasis  web  tanpa harus  membuatnya  dari  awal”.  Dalam situs  resmi  codeigniter,  (Official Website CodeIgniter,2002) menyebutkan bahwa codeigniter
merupakan framework PHP yang kuat dan  sedikit  bug.  Codeigniter  ini dibangun  untuk  para  pengembang dengan  bahasa  pemrogram  PHP  yang membutuhkan  alat  untuk  membuat web dengan fitur lengkap.

## 2.8 Template Admin LTE
Menurut  Nuris  Akbar  (2016) “Template  AdminLTE  adalah  salah satu  template  yang  paling  sering digunakan  oleh  web  developer sebagai  backend  template  pada proyek  yang  sedang  dikerjakan. template  ini  dibuat  menggunakan framework bootsrap yang merupakan  framework  CSS  yang paling banyak digunakan di kalangan web desainer sekarang”.

## 2.9 Basis Data
Basis  data  (Tabel)  adalah kumpulan  dari  file-file  yang  saling berhubungan  satu  sama  lain  dan tersimpan dalam memori yang terintegrasi  sehingga  membentuk suatu  bangunan  data  (Fathansyah, 1999).
Dalam  satu  field  terdapat record-  record  yang  sejenis,  sama besar,  sama  bentuk  dan  merupakan satu  kumpulan  entitas  yang  seragam. Satu record terdiri dari field-field yang saling berhubungan untuk menunjukkan  bahwa  field  tersebut dalam  satu  pengertian  lengkap  dan direkam dalam satu record.
2.10 Perangkat Lunak Yang Digunakan 1. Sublime Text Bos (2014:12) menjelaskan
Sublime  Text  merupakan  salah  satu text editor yang sangat powerful yang dapat  meningkatkan  produktivitas dan  mengembangkan  kualitas  kode yang tinggi.
2. Apache Server Apache  Server  adalah  web
server yang paling popular dan sangat luas  digunakan  di  dunia  internet (Nugroho, 2004). Keuntungan
menggunakan  Apache  Server  ialah aman  dan  efisien,  selain  itu  apache server  yang  dikembangkan  dengan sistem open- source memiliki kemampuan ekstensibilitas yang tinggi hingga  selalu  up  to  date  dengan standarisasi server http.

## 3.1 ANALISIS MASALAH
3.1 Jenis dan Sumber Daya Analisis  pembuatan  website
informasi  SMK  Al-Ikhals  Susuru,  data dan  informasi  sangatlah  diperlukan guna  menyusun  laporan  agar  laporan yang  disusun  mencapai  hasil  yang memuaskan serta dapat
dipertanggungjawabkan.
Adapun  sumber  data  yang diperoleh  dari  hasil  penelitian  adalah sebagai berikut:
a. Data  primer  adalah  data  yang diperoleh  secara  langsung  dari obyek  penelitian yaitu  dari pihak
– pihak yang berhubungan :
1. Kepala  Sekolah  SMK  Al-Ikhals
Susuru. 2. Pembimbing dari SMK
Al- Ikhals Susuru.
3. Karyawan  serta  staf  SMK  Al-
Ikhals Susuru.
b. Data  sekunder  adalah  data yang diperoleh dari data – data yang sudah ada di dalam  buku, literatur  sebagai  dasar  teori atau  contoh  lapangan.  Sumber data  sekunder  adalah  literatur dan buku –  buku yang berhubungan  dengan  obyek yang diteliti.
Gambar 3.1 Diagram Jenjang User Atau Pengunjung Website

## Gambar 3.2 Diagram Jenjang Admin Website
IV. PERANCANGAN SISTEM
4.1 Diagram Konteks
1. Diagram Konteks Website Informasi SMK Al-Ikhlas Susuru
Gambar 4.23 Diagram Konteks
Website SMK Al-Ikhlas Susuru
2. DFD Level 1
Gambar 4.24 DFD Level 1

## 4.2 ERD
Diagram hubungan entitas atau yang  lebih  dikenal  dengan  sebutan
Entity  Relationship  Diagram  (ERD) merupakan  suatu  modal  jaringan yang menggambarkan rancangan atau susunan  data  store  dari  sistem  pada level  pemisah  yang  tinggi.  Jadi didalamnya  terdapat  informasi  apa saja  yang  terkandung  di  dalam  data store  dan  juga  hubungan  apa  yang ada diantara data store. Rancangan dari diagram hubungan entitas dari Website Sistem Sekolah  Menengah  Kejuruan  (SMK)
pada  SMK  Al-Ikhlas  Susuru  yang diusulkan adalah sebagai berikut :
Gambar 4.35 ERD SMK Al-Ikhlas Susuru
V. IMPLEMENTASI 5.1 Form Tampilan Admin 1. Form Login
Gambar 5.1 Form Login Admin

## 2. Form  Menu Administrator
Gambar 5.2  Form Menu Admin

## 3. Form List Berita
Gambar 5.3 Form Tampilkan Data

## Sekolah

## 4. Form Add Berita
Gambar 5.4 Form Tambahkan Berita

## 5. Form Kategori Berita
Gambar 5.5 Form Kategori Berita
6 Form Data Pengguna
Gambar 5.6  Form Tambahkan Berita
7. Form Data Agenda
Gambar 5.7  Form Data Agenda
8. Form Add Agenda
Gambar 5.8  Form Add Agenda
9. Form Data Pengumuman
Gambar 5.9  Form Data Pengumuman

## 10. Form Add Pengumuman
Gambar 5.10 Form Add
Pengumuman 11.Form Add File
Download
11. Form      Add      File      Download
Gambar 5.11 Form Add File Download

## 12. Form Data Download
Gambar 5.12. Form Data Download

## 13. Form Galeri Photo
Gambar 5.13.  Form Galeri Photo
14. Form Add Photo

## Gambar 5.14.  Form Add Photo

## 15. Form Data Guru
Gambar 5.15. Form Data Guru

## 16. Form Add Guru
Gambar 5.16  Form Add Guru
17. Form Komentar

## 18. Form Inbox

## Gambar 5.18  Form Inbox
5.2 Form Tampilan User
1. Halaman Utama
Gambar 5.19  Halaman utama

## 2. Halaman Tentang Kami
Gambar 5.20  Halaman Tentang Kami

## 3. Halaman Guru
Gambar 5.21 Halaman Guru
4. Halaman Berita
Gambar 5.22  Halaman Berita
5. Halaman Pengumuman
Gambar 5.23 Halaman Pengumuman

## 6. Halaman Agenda
Gambar 5.24 Halaman Agenda
7. Halaman Download Gambar 5.25 Halaman Download
8. Halaman Galeri
Gambar 5.26 Halaman Galeri
9. Halaman Hubungi Kami
Gambar 5.27  Halaman Hubungi Kami

## VI. KESIMPULAN
Hasil  penelitian  ini, dapat disimpulkan  bahwa  sistem  informasi di  SMK  Al-Ikhlas  Susuru  masih  sangat sederhana  dan  masih  bersifat  statis.
Kelebihan  website  ini  pihak  sekolah dapat menyampaikan informasi kepada siswa atau masyarakat melalui website dengan lebih mudah.

## DAFTAR PUSTAKA
Anonim,  2001,  Kamus  Besar  Bahasa Indonesia, Balai Pustaka, Jakarta. Fathansyah, 1999, Basis Data, Informatika Bandung, Bandung.
Kurniawan,  Yahya,  2004,  Aplikasi
Web  Database  dengan  PHP
dan  MySQL,  PT  Elex  Media Komputindo, Jakarta.

## Nugroho,  Bunafit,  2004,  Aplikasi
Pemrograman  Web  Dinamis dengan  PHP  MySQL,  Gava Media, Yogyakarta.
Sidik,  Betha,  2004,  Pemrograman
Web  dengan  PHP,  Informatika, Bandung.
Basuki, Awan Pribadi., 2007. Membangun  Web  berbasis  PHP dengan Framework Codeigniter.Yogyakarta Akbar,  Nuris,  2016.  Membuat  Menu Dinamis Pada Template Adminlte Dan Codeigniter. Jakarta
Bos,  Wes.  2014.  Sublime  Text  Power User.
Hamilton: O’Reilly
Wibisono
& Susanto. 2015. Perancangan  Website  Sebagai Media  Informasi  Dan  Promosi Batik Khas Kabupaten Kulonpogo. Kulonprogo