Anda di halaman 1dari 12

JTIM: Jurnal Teknik Informatika Mahakarya

2 (2), (2019) 41-52


Naskah masuk: Sept Naskah diterima: okt Naskah diterbitkan: Desember

MEMBANGUN WEBSITE SMA PGRI GUNUNG RAYA RANAU


MENGGUNAKAN PHP DAN MYSQL
Abdurahman Hidayat1, Ahmad Yani2, Rusidi3, Saadulloh4
,41
Program Studi Sistem Informasi, STMIK Mahakarya
2,3
Program Studi Teknik Informatika, AMIK AKMI Baturaja
E-mail: 2Ahmadyani21101996@gmail.com
ABSTRAK

Word Wide Web (WWW) atau yang dikenal dengan sebutan website merupakan salah satu fasilitas di
internet yang luas, dan merupakan salah satu media informasi dan sekaligus sebagai sarana promosi,
SMA PGRI Gunung Raya Ranau belum mempunyai website, untuk itu penulis berinisiatif membangun
websiteSMA PGRI Gunung Raya Ranau sebagai media informasi menggunakan PHP dan MySQL.
Dalam penelitian di SMA PGRI Gunung Raya Ranau data yang digunakan antara lain Metode Interview,
Metode Referensi, Metode Observasi. Penulis menggunakan 1 unit laptop dengan sistem operasi
menggunakan windows10, program aplikasi PHP dan MySQL serta sofware pendukung diantaranya
XAMPP, Sublime Text 3.Dari penelitian ini didapat sebuah websiteSMA PGRI Gunung Raya Ranau
beberapa halaman saling berhubungan, website ini dibuat menggunakan PHP dan MySQL serta sofware
pendukung diantaranya XAMPP, Sublime Text 3, Website ini memberikan informasi bagi masyarakat,
dan sebagai media informasi serta sebagai penghubung sekolah dan siswa.

Kata kunci : Website, PHP MySQL dan SMA PGRI Gunung Raya Ranau

BUILDING A PGRI GUNUNG RAYA RANAU SMA WEBSITE USING PHP AND MYSQL

Abstract

Word Wide Web (WWW) or known as the website was one of the facilities on the internet that was vast and was
one of the media information and as a means of promotion, Senior High School PGRI Gunung Raya Ranau
had not a website, for the author took the initiative to build the website Senior High School PGRI Gunung
Raya Ranauas a medium of information using PHP and MySQL. In research in Senior High School PGRI
Gunung Raya Ranauthe data used ware Interview Method, Reference Method, Observasi Method. The author
uses 1 unit of laptop with operating system using windows10, PHP and MySQL application program and
support software such as XAMPP, Sublime Text 3. From this research obtained a website Senior High School
PGRI Gunung Raya Ranau several pages interconnected, this website was made using PHP and MySQL and
support software such as XAMPP, Sublime Text 3, This website provided information for the community, and
as a medium of information as well as connecting schools and students.

Keywords: Website, PHP MySQL and Senior High School PGRI Gunung Raya Ranau

Abdurahman, dkk. Membangun…41


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

I. PENDAHULUAN Bapak Najamudin memiliki sebuah ide untuk


mendirikan sebuah SMA Swasta di Gunung
Perkembangan teknologi pada masa
Raya Ranau lalu ide tersebut disambut baik oleh
sekarang ini, sudah sangat cepat dan maju, salah
rekan-rekannya.
satunya adalah internet.Internet merupakan
Setelah beberapa hari Bapak Agusman
bagian dari teknologi informasi yang
mengundang tokoh adat, tokoh agama, dan calon-
keberadaannya terus berkembang dari tahun
calon guru, untuk mengadakan rapat
ketahun. Dalam pemanfaatannya, pengguna
pembentukan sekolah swasta dan terbentuklah (
internet semakin hari semakin meningkat.
SMA PGRI ) di Gunung Raya Ranau, dimana
Melihat luasnya cakupan wilayah yang dijangkau
Bapak Agusman menjabat sebagai kepala
oleh jaringan internet untuk mencari informasi.
sekolah dan dibantu oleh ke-12 orang rekannya
Dari banyaknya layanan yang diberikan internet,
sebagai tenaga pengajar. Pada tahun ajaran baru
website salah satu media informasi yang cepat
2001/2002 terkumpullah murid sebanyak 37
untuk menyajikan informasi dari suatu objek
orang, dari tahun ke-tahun SMA ini berdiri telah
kepada pengunjung internet. Website adalah
banyak menghasilkan lulusan dan prestasi
sebuah media yang berisi halaman-halaman yang
sampai saat ini.
berisi informasi yang bisa diakses lewat jalur
Pada saat ini di SMA PGRI Gunung Raya
internet dan dapat dinikmati secara global
Ranau di kepalai oleh Bapak Pijarman, S.H. Jumlah
(seluruh dunia).
guru di SMA PGRI Gunung Raya Ranau berjumlah
SMA PGRI Gunung Raya Ranau berdiri
24 orang dan 4 orang staf tata usaha, belum ada
pada tahun ajaran 2001/2002 yang beralamat di
guru yang PNS tetapi hanya ada 1 guru yang sudah
Jalan Pasir Gedong Desa Gunung Raya
tersertifikasi. Fasilitas yang tersedia di SMA PGRI
Kecamatan Warkuk Ranau Selatan Kab. OKU
Gunung Raya Ranau terdiri dari musholah,
Selatan, yang belum memiliki sebuah media
perpustakaan, laboratorium, dan lab komputer.
informasi dan promosi yang meluas, yang masih
Pada website yang akan dibuat terdapat tools untuk
menggunakan media cetak sebagai media
mempromosikan SMA PGRI Gunung Raya Ranau
promosinya dan agar SMA PGRI Gunung Raya
yaitu terdiri dari profil, data, fasilitas, galeri,
Ranau tersebut diketahui oleh masyarakat
prestasi, pendaftaran, dan kontak.
banyak, sehingga perlu mempromosikan dirinya
2. Visi dan Misi
melalui sebuah website yang online di internet.
Adapun Visi dan Misi SMA PGRI Gunung Raya
Untuk membuat website tersebut penulis
Ranau, adalah:
melakukan penelitiaan guna mendapatkan data –
a. Visi
data yang dibutuhkan dalam pembuatan website
“ Berprestasi beriman dan mandiri “
ini. Data tersebut diolah menjadi informasi bagi
b. Misi
masyarakat, siswa yang mengakses website ini.
1) Melaksanakan proses belajar yang efektif
2) Mengembbangkan perilaku yang agamis
2.1Website
3) Menerapkan disiplin dalam segala
Menurut Sarwono, Website adalah sebuah kegiatan
media yang berisi halaman-halaman yang berisi 4) Menanamkan kepedulian sosial
informasi yang bisa diakses lewat jalur internet 5) Menciptakan lingkungan sekolah yang
dan dapat dinikmati secara global (seluruh aman dan nyaman
dunia). Sebuah website pada dasarnya adalah 6) Memberikan bekal keterampilan bagi
barisan kode-kode yang berisi kumpulan lulusan
perintah, yang kemudian diterjemahkan melalui
sebuah browser (2015:2). 2.3 HTML
Menurut Abdulloh, HTML singkatan dari
Hyper Text Markup Language, yaitu skrip yang
2.2SMA PGRI Gunung Raya Ranau berupa tag-tag untuk membuat dan mengatur
1. Sejarah SMA PGRI Gunung Raya Ranau struktur website (2016:2).
SMA PGRI Gunung Raya Ranau Menurut Abdullah, HTML merupakan
berdiri sejak tahun 2001/2002, yang pada awalnya singkatan dari Hypertext Markup Languange
Bapak Najamudin beserta kedua rekannya Bapak yaitu bahasa stadar web yang dikelolah
Ibud dan Bapak Agusnan berbincang – bincang penggunanya oleh W3C(World Wide Web
setelah mengikut ujian EBTANAS di Simpang Consortium) berupa tag-tag yang menyusun
Sender. Pada saat itu mereka berbincang – bincang setiap elemen dari website. HTML berperan
didalam sebuah kendaraan diamana sebagai penyusun struktur halaman website yang

Abdurahman, dkk. Membangun…42


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

menempatkan setiap elemen website sesuai PHP merupakan bahasa server-side yang
layout yang diinginkan (2018:7). menyatu dengan html, untuk membuat halaman
HTML merupakan bahasa standar yang web yang dinamis, salah satu fungsinya adalah
digunakan dokumen yang ada dalam website, untuk menerima dan mengolah dan menampilkan
Bahasa pemograman HTML menggunakan tag data ke sebuah situs, data yang diterima akan
(akhiran) yang menandakan cara suatu keyword, diolah disebuah prorgam databases server, untuk
kebanyakan browse mengenali akhiran HTML, kemudian hasilnya ditampilkan kembali ke layar
biasanya tag berpasangan dan setiap tag ditandai browser sebuah situs.
dengan simbol <>. PHP adalah bahasa pemrograman untuk
Menurut Sarwono, HTML merupakan dijalankan melalui halaman web, umumnya
sebuah format data berupa dokumen Hyper-text digunakan untuk mengolah informasi di internet.
yang dapat dibaca dari satu sistem ke sistem Sedangkan dalam pengertian lain PHP adalah
lainnya, tanpa melakukan suatu perubahan singkatan dari Hypertext Preprocessor yaitu
apapun, karena HTML sebenarnya hanya bahasa pemrograman web serverside yang
merupakan subuah dokumen teks biasa. Tulisan- bersifat open source atau gratis. PHP merupakan
tulisan atau teks dalam HTML disebut Markup script yang menyatu dengan HTML dan berada
Language karena mengandung tanda-tanda pada server.
tertentu (tag, element, attribute) yang digunakan Menurut Tim EMS, PHP adalah singkatan
untuk menampilkan teks melalui browser. HTML dari Hypertext Processor. Saat pertama kali
merupakan bahasa dalam Word Wide Web dikembangkan oleh programmer
(WWW) yang digunakan untuk membuat suatu bernamaRasmus Lerdoft, PHP awalnya adalah
dokumen tertentu agar dapat ditampilkan dan singkatan dari Personal Home Page Tools.
dilihat melalui browser(2015:6-8). Namun setelah dikembangkan oleh Zeev Suraski
dan Andi Gutmans. Dan fiturnya bertambah,
2.4 PHP maka PHP diubah singkatannya menjadi
sekarang ini. PHP merupakan jenis bahasa
Menurut Solichin, PHP merupakan salah
scripting yang lazim digunakan di halaman web.
satu bahasa pemograman berbasis web yang
Artinya, kode ini langsung dimasukan kedalam
ditulis oleh dan untuk pengembang web. PHP
kode HTML (2014:59-61).
pertama kali dikembangkan oleh Rasmus
Menurut Tim EMS, Salah satu kelebihan
Lerdorf, seorang pengembang softwere dan
PHP adalah kemudahannya untuk berintegrasi
anggota tim Apache, dan dirilis pada akhir tahun
dengan database. PHP dapat mendukung
1994. PHP dikembangkan dengan tujuan awal
beberapa database secara langsung tanpa
hanya untuk mencatat pengunjung pada website
menginstal konektor seperti halnya bahasa
pribadi Rasmus Lerdorf. PHP merupakan bahasa
pemrograman Java. Dengan demikian PHP
pemorgaman berbasis web yang dibuat secara
sangat Flesibel berhubungan dengan berbagai
khusus untuk membangun aplikasi berbasis web.
database. Dari beberapa database, paling banyak
Selain tersedia secara gratis, PHP juga mudah
disandingakan dengan PHP adalah MySQL.
dipelajari oleh siapapun (2016:11:23).
Untuk menghubungkan PHP dengan database,
Menurut Enterprise, PHP (Hypertext
hanya perlu mengetahui nama database dan
Preprocessor) merupakan bahasa pemrograman
lokasinya, serta username dan password untuk
yang digunakan untuk membuat aplikasi berbasis
menuju ke database tersebut.
website. Sebagai sebuah aplikasi, website
Berikut ini diantara keuntungan PHP :
tersebut hendaknya memiliki sifat dinamis dan
1. Akses cepat, karena ditulis ditengah kode
interaktif. Memiliki sifat dinamis artinya, website
HTML, sehingga waktu respon programnya
tersebut bisa berupa tampilan kontennya sesuai,
lebih cepat.
kondisi tertentu (misalnya menampilan produk
2. Murah, bahkan gratis tidak perlu membayar
yang berbeda-beda untuk setiap pengunjung).
software ini untuk menggunakannya.
Interaktif artinya, website tersebut dapat member
3. Mudah dipakai, fitur dan fungsinya
feedback bagi user (misalnya, menampilkan hasil
lengkap, cocok dipakai untuk membuat
pencarian produk). PHP merupakan bahasa
halaman web dinamis.
pemrograman berjenis server-side. Dengan
4. Dapat dijalankan diberbagi sistem operasi,
demikian, PHP akan diproses oleh server yang
seperti Windows, Linux, Mac OS, dan
hasil olahannya akan dikirim kembali ke
berbagai varian Unix.
browser. Oleh karena itu, salah-satu tool yang
5. Dukungan teknis banyak tersedia. Bahkan
harus tersedia sebelum memulai pemrograman
banyak forum dan situs didedikasikan untuk
PHP adalah server (2014:1).
troubleshooting berbagai masalah seputar
PHP

Abdurahman, dkk. Membangun …43


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

6. Aman, pengunjung tidak akan bisa melihat menyalain data yang ada didalamnya. Untuk
kode PHP. menampung dan mengatur data yang begitu
7. Mendukung banyak database. banyak, dapat menggunakan Relational Database
8. Bisa dikostumisasi. Karena software ini Management System (RDMS). Hal ini disebut
open source. relation database karena semua data disimpan
a. Sintaks Dasar PHP dalam tabel-tabel yang berbeda dan dihubungkan
Script PHP disisipkan langsung dalam berdasarkan relasinya dengan menggunakan
tubuh file HTML yang ditandai dengan tag primary key dan foreign key. (2014:1)
pembuka dan penutup. Sebagaimana Berikut ini istilah-istilah yang digunakan
diketahui,HTML dalam database :
(HyperTextMarkupLanguage) adalah 1. Database, merupakan sekumpulan table-
bahasa standar untuk membuat halaman- tabel yang berisi data-data yang saling
halaman web. berkaitan.
b. Script PHP 2. Table, merupakan matriks berisi data. Table
Script PHPdiawali dengan tag (<?) dan dalam database terlihat seperti spreadsheet
diakhiri dengan tag (?>). Setiap baris sederhana.
perintah/statement harus diakhiri dengan 3. Kolom, satu kolom (elemen data)
menggunakan tanda titik koma (;). Umumnya mengandung data dengan satu jenis yang
setiap statement dituliskan dalam satu baris. sama.
Script PHPmerupakan script yang digunakan 4. Baris, sebuah baris (masukan atau rekaman
untuk menghasilkan halaman- data) meruapakan sekumpulan data yang
halaman web. Cara penulisannnya berhubungan.
dibedakan menjadi embedded dan non 5. Redundancy, menyimpan data dua kali
embedded script. secara redundant untuk membuat sistem
berjalan lebih cepat.
2.5 Pengertian XAMPP 6. Primary Key, key yang bersipat unik.
Database adalah sebuah tempat Sebuah nilai key tidak dapat digunakan dua
penyimpanan yang besar dimana terdapatkumpulan kali dalam satu table.
data yang tidak hanya berisi data operasional tetapi 7. Foreign Key, merupakan penghubung
juga deskripsi data. Seperti yang disampaikan oleh antara dua table.
Connolly dan Begg (2015:63), bahwa database 8. Compound Key, disebut juga composite key
adalah kumpulan data yang saling terhubung secara merupakan key yang terdiri dari beberapa
logis dan deskripsi dari data tersebut, dirancang kolom.
untuk menemukan informasi yang dibutuhkan oleh 9. Indeks, merupakan indeks dalam database
sebuah organisasi. Dalam merancang database, yang menyerupai indeks pada buku.
salah satu hal yang perlu diperhatikan adalah 10. Integritas referensial, digunakan untuk
efisiensi. memastikan nilai foreign selalu mengacu
Database adalah kumpulan informasi pada suatu baris yang ada.
yang disimpan di dalam komputer secara
sistematik sehingga dapat diperiksa
menggunakan suatu program komputer untuk 2.6MySQL
memperoleh informasi dari basis data tersebut.
MySQL adalah salah satu jenis database
Konsep dasar dari basis data adalah kumpulan
yang banyak digunakan untuk membuat aplikasi
dari catatan-catatan, atau potongan dari
berbasis web yang dinamis. MySQL termasuk
pengetahuan. Database dapat dibuat dan diolah
jenis RDBMS (Relational Database
dengan menggunakan suatu program komputer,
Management Sistem). MySQL ini mendukung
yaitu yang biasa kita sebut dengan software
Bahasa pemrograman PHP. MySQL juga
(perangkat lunak). Software yang digunakan
mempunyai query atau bahasa SQL(Structured
untuk mengelola dan memanggil query. DBMS
Query Language) yang simple dan menggunakan
adalah perangkat lunak yang dirancang untuk
escape character yang sama dengan PHP.
mengelola suatu basis data dan menjalankan
MySQL adalah sebuah implementasi dari
operasi data yang diminta banyak pengguna.
sistem manajemen basisdata relasional (RDBMS)
Contoh DBMS adalah Oracle, SQL server
yang didistribusikan secara gratis dibawah lisensi
2000/2003, MS Access, MySQL dan sebagainya.
GPL (General Public License). Setiap pengguna
Menurut Enterprise, Database adalah dapat secara bebas menggunakan MySQL, namun
suatu aplikasi yang menyimpan sekumpulan data.
dengan batasan perangkat lunak tersebut tidak
Setiap database mempunyai API tertentu untuk
membuat, mengakses, mengatur, mencari, dan

Abdurahman, dkk. Membangun…44


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

boleh dijadikan produk turunan yang bersifat


komersial.
Menurut Enterprise, MySQL adalah
Relational Database Management System
(RDBMS) yang cepat dan mudah digunakan,
serta banyak digunakan berbagai kebutuhan.
MySQL dikembangkan oleh MySQL AB
Swedia. Berikut ini hal-hal yang menyebabkan
MySQL menjadi begitu pupoler:
1. Berlisensi open source, sehingga dapat
menggunakannya secara gratis.
2. Merupakan program yang powerful dan
menyediakan fitur yang lengkap.
3. Mengunakan bentuk standar data SQL. Gambar 2. Tampilan XAMPP Control
Panel
4. Dapat bekerja dengan banyak sistem operasi
dan dengan bahasa pemrograman seperti
PHP, PERL, C, C++, JAVA, dan lain-lain. 2.8Sublime text
5. Bekerja dengan cepat dan baik, bahkan Menurut Supono, Sublime Text merupakan
dengan data set yang banyak. perangkat lunak text editor yang digunakan untuk
6. Sangat mudah digunakan dengan PHP untuk membuat atau mengedit suatu aplikasi. Sublime
pengembangan aplikasi web. Text mempunyai fitur plugin tambahan yang
7. Mendukung banyak database, sampai 50 juta memudahkan programmer. Selain itu, Sublime Text
baris atau lebih dalam suatu table (2014:1-3). juga memiliki desain yang simpel dan keren
menjadikan Sublime Text terkesan elegan untuk
sebuah syntax editor. Selain ringan, IDE ini
memiliki kecepatan proses simpan dan buka file.
Tidak heran kalau IDE ini paling
banyak digunakan terutama dikalangan
programmer berbasis web (2016:14).
Bos, menjelaskan Sublime Text
merupakan salah satu text editor yang sangat
powerful yang dapat meningkatkan produktivitas
dan mengembangkan kualitas kode yang tinggi
Gambar 1. Tampilan PHPMyAdmin (2014:12).
Membuat Database Baru Menurut Tarmizi, Sublime Text adalah
aplikasi editor untuk kode dan teks yang dapat
2.7 XAMPP berjalan diberbagai platform operating
system dengan menggunakan teknologi Phyton
Menurut Enterprise, XAMPPmerupakan API.Terciptanya aplikasi ini terinspirasi dari a
server yang paling banyak digunakan. Fiturnya plikasi Vim, Aplikasi ini sangatlah fleksibel dan
lengkap. Gampang digunakan programmer PHP powerfull. Fungsionalitas dari ap
pemula karena yang perlu gunakan hanyalah likasi ini dapat dikembangkan
menjalankan salah-satu module bernama Apache dengan menggunakan sublime-packages.
yang dapat memproses PHP (2017:2). Sublime Text bukanlah aplikasi opensource d an
XAMPP adalah sebuah aplikasi web server juga aplikasi yang dapat digunakan dan
instan dan lengkap dikarenakan segala yang didapatkan secara gratis, akan tetapi beberapa
butuhkan untuk membuat sebuah situs web dengan fitur pengembangan fungsional itas (packages)
Content Management System (Joomla) bisa dicoba dari aplikasi ini merupakan hasil dari temuan dan
di dalam aplikasi ini. XAMPP adalah sebuah paket mendapat dukungan penuh dari komunitas serta
installer AMP (Apache, MySQL, dan Php) yang memiliki linsensi aplikasi gratis.
sangat mudah untuk diaplikasikan dalam komputer
yang belum memiliki server untuk dapat melihat
situs yang buat menggunakan bahasa server dan
database server tersebut.

Abdurahman, dkk. Membangun …45


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

proses desain website tidak dibuat dari nol,


sehingga proses desain website lebih cepat dan
mudah. Bahkan tanpa kita membuat skrip CSS
sedikit pun, kita sudah dapat membuat desain
website yang bagus (2016:157).
Bootsrap adalah sebuah framework
untuk CSS dan berupa produk open source
yang dibuat oleh Mark Otto dan Jacob
Thornton. Pada awalnya Bootsrap ini dibuat
untuk membuat standarisasi front end untuk
Gambar 3. Tampilan Awal Sublime Text semua programmer di perusahaannya.
Berikut beberapa fitur yang diunggulkan Bootsrap telah berubah dari yang
dari aplikasi Sublime Text: sebelumnya adalah CSS-Driven proyek ke
1. Multiple Selections sebuah host dari JavaScript plugins dan ikon
Fitur ini memungkinkan user untuk yang dapat dengan mudah digunakan untuk
mengubah secara interaktif banyak formulir dan tombol.
baris sekaligus, mengubah nama varia
bel dengan mudah, dan 3.0 Framework Codeigniter
memanipulasi file lebih cepat dari Framework atau dalam bahasa indonesia
sebelumnya. dapat diartikan sebagai “kerangka kerja”
2. Command Pallete merupakan kumpulan dari fungsi-
Dengan hanya fungsi/prosedur-prosedur dan class-class
beberapa keystorkes, user dapat untuk tujuan tertentu yang sudah siap
dengan cepat mencari fungsi yang digunakan sehingga bisa lebih
diinginkan, tanpa harus menavigasi mempermudah dan mempercepat pekerjaan
melalu menu. seorang programer, tanpa harus membuat
3. Distraction Free Mode fungsi atau class dari awal.
Bila user memerlukan fokus penuh CodeIgniter adalah sebuah web
pada aplikasi ini, fitur ini dapat application network yang bersifat open source
membantu user dengan memberikan yang digunakan untuk membangun aplikasi
tampilan layar penuh. php dinamis. CodeIgniter menjadi sebuah
4. Split Editing framework PHP dengan model MVC (Model,
Dapatkan hasil yang maksimal dari View, Controller) untuk membangun website
monitor layar lebar dengan dukungan dinamis dengan menggunakan PHP yang dapat
editing perpecahan. Meng edit sisi file mempercepat pengembang untuk membuat
dengan sisi, atau mengedit dua lokasi sebuah aplikasi web. Selain ringan dan cepat,
di satu file dapat mengedit dengan CodeIgniter juga memiliki dokumentasi yang
banyak baris dan kolom yang user super lengkap disertai dengan contoh
inginkan. implementasi kodenya. Dokumentasi yang
5. Instant Project Switch lengkap inilah yang menjadi salah satu alasan
Menangkap semua file yang kuat mengapa banyak orang memilih
dimasukkan kedalam project pada CodeIgniter sebagai framework pilihannya,
aplikasi ini. Terintegrasi dengan karena kelebihan-kelebihan yang dimiliki oleh
CodeIgniter, pembuat PHP Rasmus Lerdorf
fitur Goto Anything untuk menjelajahi
semua file yang ada ataupun untuk memuji CodeIgniter di frOSCon (Agustus
beralih ke file dalam project lainnya 2008) dengan mengatakan bahwa dia
dengan cepat. menyukai CodeIgniter karena “it is faster,
6. Cross Platform lighter and the least like a framework.”
Aplikasi ini dapat berjalan hampir
disemua operating system modern CodeIgniter pertamakali dikembangkan
Windows, OS X, dan Linux based pada tahun 2006 oleh Rick Ellis. Dengan
operating system (2017). logo api yang menyala, CodeIgniter dengan
cepat “membakar” semangat para web
2.9 Bootsrap developer untuk mengembangkan web
Menurut Adulloh, Bootstrap merupakan dinamis dengan cepat dan mudah
salah satu framework CSS yang sangat menggunakan framework PHP yang satu ini.
popular di kalangan pecinta pemrograman Alur kerja Framework Codeigniter :
website. Dengan menggunakan bootstrap,

Abdurahman, dkk. Membangun…46


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

1. Index.php: Index.php disini berfungsi 3.2 Waktu dan Tempat Penelitian


sebagai file pertama dalam program
Penelitian ini dilakukan pada bulan Februari
yang akan dibaca oleh program.
2020 sampai dengan bulan September 2020.
2. The Router: Router akan memeriksa
Penulis melakukan penelitian di SMA PGRI
HTTP request untuk menentukan hal
Gunung Raya Ranauyang beralamat di Jalan
apa yang harus dilakukan oleh program.
Pasir Gedong Desa Gunung Raya Kecamatan
3. Cache File: Apabila dalam program
Warkuk Ranau Selatan Kabapaten OKU Selatan.
sudah terdapat “cache file” maka file
tersebut akan langsung dikirim ke
3.3 Metode Pengumpulan Data
browser. File cache inilah yang dapat
membuat sebuah website dapat di buka Adapun cara atau teknik pengumpulan data
dengan lebih cepat. Cache file dapat dalam penelitian ini yaitu:
melewati proses yang sebenarnya harus 1. Metode interview
dilakukan oleh program codeigniter. Interview adalah pengumpulan data
4. Security: Sebelum file controller di load dengan cara melakukan tanya jawab
keseluruhan, HTTP request dan data langsung kepada pihak yang
yang disubmit oleh user akan disaring bersangkutan, dalam hal ini yaitu pihak
terlebih dahulu melalui fasilitas security SMA PGRI Gunung Raya Ranau.
yang dimiliki oleh codeigniter. 2. Metode Referensi
5. Controller: Controller akan membuka Metode Referensi dilakukan dengan
file model, core libraries, helper dan pengumpulan referensi-referensi yang
semua resources yang dibutuhkan berhubungan dengan permasalahan
dalam program tersebut. yang ada, berupa buku-buku, majalah,
6. View: Hal yang terakhir akan dilakukan jurnal dan artikel.
adalah membaca semua program yang 3. Metode Observasi
ada dalam view file dan Metode Observasi adalah
mengirimkannya ke browser supaya pengumpulan data yang dilakukan
dapat dilihat. Apabila file view sudah melalui pengamatan langsung kepada
ada yang di “cache” maka file view subjek penelitian dalam hal ini
baru yang belum ter-cache akan pengamatan dilakukan pada SMA PGRI
mengupdate file view yang sudah ada. Gunung Raya Ranau.

3.4 Alat Penelitian


Dalam melakukan penelitian penulis
menggunakan sebuah perangkat berupa
laptop dengan spesifikasi sebagai berikut:
1. Satu unit laptop ASUS 430AMD A8-
7410APU with AMD Radeon dengan
spesifikasi sebagai berikut :
a. Processor AMD A8-7410 APU
with AMD Radeon
b. R5 Graphics 2.20GHz
c. Memory RAM 6 GB
Gambar 4. Tampilan Alur Kerja Codeigniter d. Hardisk 500 GB

2. Software yang digunakan


dalam penelitian ini yaitu:
III. METODOLOGI
a. System Operasi Windows 10
PENELITIAN 3.1Subjek Penelitian Ultimate
Subjek penelitian ini adalah Pembuatan b. Program Aplikasi Sublime Text
3 c. Program Aplikasi Web Server
Website SMA PGRI Gunung Raya Ranau
XAMPP 3.2.2
Menggunakan PHP dan MySQLdengan semua
data yang berkaitan dengan profil, data guru,
data siswa, berita, agenda, gallery, download dan
kontak yang ada di SMA PGRI Gunung Raya
Ranau.

Abdurahman, dkk. Membangun …47


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

3.5Analisis Perancangan file_judul Varch 120


ar
Perancangan merupakan salah satu awal
atau langkah dalam merancang aplikasi,
untuk memperoleh gambaran atau model file_deskripsi Text -
yang nantinya akan dibuat. file_tanggal Time -
1. Perancangan Database stamp
Membangun basis data yaitu
bagaimana cara merancang suatu tabel
yang akan digunakan untuk
menyimpan data dan bagaimana untuk file_oleh Varch 60
bisa menyimpan data-data yang perlu ar
disimpan. Basis data yang digunakan
terdiri dari beberapa tabel yaitu :
1) Tabel 1. Tabel Agenda file_download Int 11
Field Type Size key
Agenda_id Int 11 *
Agenda_nama Varch 200
ar file_data Varch 120
ar
Agenda_tangg Time -
al stamp
Agenda_deskr Text -
4) Tabel 4. Tabel Galeri
ipsi
Agenda_mulai Date - Field Type Size key
Agenda_selesa Data - Galeri_id Int 11 *
i Galeri_judul Varch 60
Agenda_temp Varch 90 ar
at ar Galeri_tanggal Time -
Agenda_wakt Varch 30 stamp
u ar Galeri_gambar Varch 40
Agenda_keter Varch 200 ar
angan ar Galeri_album_ Int 11 *
Agenda_autho Varch 60 id
r ar Galeri_penggu Int 11 *
na_id
2) Tabel 2. Tabel Album Galeri_author Varch 60
ar
Field Type Size key
album_id Int 11 * 5) Tabel 5. Tabel Guru
album_nama Varch 50
Field Type Size key
ar
album_tanggal Time - Guru_id Int 11 *
stamp Guru_nip Varch 30
album_penggu Int - * ar
na_id Guru_nama Varch 70
album_author Varch 60 ar
ar Guru_jenkel Varch 2
album_count Int 11 ar
album_cover Varch 40 Guru_tmp_la Varch 80
ar hir ar
Guru_tgl_lahi Varch 80
3) Tabel 3. Tabel Files r ar
Guru_mapel Varch 120
Field Type Size key ar
Guru_photo Varch 40
file_id Int 11 * ar
Guru_tgl_inp Times -
ut tamp

Abdurahman, dkk. Membangun…48


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

6) Tabel 6. Tabel Inbox log_pengguna Int 11 *


Field Type Size key _id
inbox_id Int 11 * log_icon blob
inbox_nama Varch 40 log_jenis_icon Varch 50
ar ar
inbox_email Varch 60
ar 11) Tabel 11. Tabel Pengguna
inbox_kontak Varch 20 Field Type Size key
ar pengguna_id Int 11 *
inbox_pesan Text - pengguna_na Varch 50
inbox_tanggal Time - ma ar
stamp pengguna_mot Varch 100
inbox_status Int 11 * o ar
pengguna_jen Varch 2
kel ar
7) Tabel 7. Tabel Kategori pengguna_use Varch 30 *
Field Type Size key rname ar
kategori_id Int 11 * pengguna_pas Varch 35
kategori_nama Varch 30 sword ar
ar pengguna_tent Text -
ang
kategori_tangg Time -
pengguna_em Varch 50
al stamp
ail ar
pengguna_noh Varch 20
8) Tabel 8. Tabel Kelas p ar
Field Type Size key pengguna_fac Varch 35
kelas_id Int 11 * ebook ar
kelas_nama Varch 40 pengguna_twit Varch 35
ar ter ar
pengguna_link Varch 35
9) Tabel 9. Tabel Komentar din ar
pengguna_goo Varch 35
Field Type Size key gle_plus ar
komentar_id Int 11 *
pengguna_stat Int 2
komentar_nam Varch 30 us
a ar
pengguna_lev Varch 3
komentar_ema Varch 50 el ar
il ar
pengguna_regi Time -
komentar_isi Varch 120 ster stamp
ar
pengguna_pho Varch 40
komentar_tang Time - to ar
gal stamp
komentar_stat Varch 2 12) Tabel 12. Tabel Pengumuman
us ar
komentar_tulis Int 11 * Field Type Size key
an_id pengumuman_ Int 11 *
id
10) Tabel 10. Tabel Log Aktivitas pengumuman_ Varch 150
judul ar
Field Type Size key
pengumuman_ Text -
log_id Int 11 * deskripsi
log_nama Text - pengumuman_ Time -
log_tanggal Time - tanngal stamp
stamp
pengumuman_ Varch 60
log_ip Varch 20 author ar
ar

Abdurahman, dkk. Membangun …49


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

tulisan_img_sl Int 2
13) Tabel 13. Tabel Pengunjung ide
Field Type Size key
pengunjung_id Int 11 * 17) Tabel 17. Tabel Visitor
pengunjung_ta Time - Field Type Size key
nggal stamp ip Varch 20 *
pengunjung_ip Varch 40 ar
ar date Date -
pengunjung_p Varch 100 hits Int 11
erangkat ar online Varch 255
14) Tabel 14. Tabel Siswa ar
Field Type Size key time Dateti - *
Siswa_id Int 11 * me
Siswa_nis Varch 20
ar 1.6 Perancangan Desain Tampilan
Siswa_nama Varch 70 a. Halaman Home
ar Halaman Menu beranda merupakan tampilan
Siswa_jenkel Varch 2 utama dari website yang di rancang penulis.
ar Halaman ini menampilkan Sambutan dari
Siswa_kelas_i Int 11 * koordinator Hotel Redante Satu.
d
Siswa_photo Varch Alamat: Jl. Pasir Gedong
ar

15) Tabel 15. Tabel Testimoni


------------------------------
-------
Lin
Field Type Size key
testimoni_id Int 11 *
testimoni_nam Varch 30
a ar slide Gal
testimoni_isi Varch 120
Gambar 31. Tampilan Halaman Beranda
ar
b. Halaman Utama Admin Beranda
testimoni_ema Varch 35 ketika admin berhasil melakukan login
il ar
Administrator, maka akan muncul halaman
testimoni_tang Time - * beranda admin.
gal stamp
16) Tabel 16. Tabel Tulisan
Field Type Size key
tulisan_id Int 11 *
tulisan_judul Varch 100
ar
tulisan_isi Text -
tulisan_tangga Time -
l stamp
Tulisan_kateg Int 11 *
ori_id
tulisan_katego Varch 30
ri_nama ar
tulisan_views Int 11 Gambar 41. Tampilan Halaman Utama Admin
tulisan_gamba Varch 40 Beranda
r ar Halaman Utama Admin Beranda
tulisan_pengg int 11 * ketika admin berhasil melakukan login
una_id Administrator, maka akan muncul halaman
tulisan_author Varch 40 beranda admin.
ar

Abdurahman, dkk. Membangun…50


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

Gambar 40. Tampilan Halaman Login


Administrator
Gambar 41. Tampilan Halaman Utama Admin 4.2 Pembahasan
Beranda 1. Website SMA PGRI Gunung Raya
Ranau.dibuat penulis dengan menggunakan
PHP dan MySQL untuk penulisan script dan
IV. HASIL DAN PEMBAHASAN
pembuatan database, adobe Photoshop CS5
4.1 Hasil dan Sublime Text untuk desain dan menejemen
Adapun hasil yang didapat dari penelitian Website. Membuat Database yang
tugas akhir yang dilakukan yaitu berupa situs akan digunakan melalui
website atau media promosi dan informasi localhost/PHPMyadmin.
Lembaga Pendidikan SMA PGRI Gunung Adapunlangkah-langkahnya sebagai
Raya Ranau.untuk pihak instansi maupun berikut :
masyarakat luas. Website tersebut dibuat a. Aktifkan XAMPP
menggunakan PHP MySQL. Berikut tampilan
Website Lembaga PendidikanSMA PGRI
Gunung Raya Ranau.
1. Menu Navigasi
Website ini terdiri dari Halaman Utama dan
Halaman Admin. Halaman utama terdiri
dari delapan menu yaitu, Menu
Beranda, Profil, Galeri.

Gambar 47. Tampilan XAMPP


database berhasil dibuat, buat tabel sesuai yang
dibutuhkan pada perancangan website misalnya
tabel login, galeri.

Gambar 30. Tampilan Halaman Home

2. Halaman Admin
Halaman ini berfungsi untuk mengakses halaman
administrator dengan memasukkan username Gambar 50. Tampilan PHPMyAdmin
dan password yang telah tertanam di database.
Tampilannya seperti gambar dibawah ini :
1. Membuat Halaman Website
Pada pembuatan halaman website ini
kita menggunakan aplikasi Sublime
Text 3, perangkat lunak text editor yang
digunakan untuk membuat atau meng-
edit halaman suatu aplikasi.

Abdurahman, dkk. Membangun …51


Jurnal Teknik Informatika Mahakarya (JTIM), Vol. 2, No. 2, Desember 2019

Berikut ini adalah tampilan dari sederhana. Website ini dapat dikembangkan
Sublime Text 3, perhatikan gambar. sesuai kebutuhan, fungsi dan tujuan yang
ingin dicapai. Sehingga pada akhirnya nanti
website yang dibuat dapat terselesaikan
dengan baik dan menarik. Saran yang bisa
disampaikan oleh tugas akhir ini setelah
melakukan penelitian adalah sebagai
berikut:
1. Dalam pembuatan website ini masih ada
kekurangan di antaranya segi desain,
diharapkan bagi peneliti lain agar dapat
menghasilkan sebuah karya website
Gambar 56. Tampilan Awal Sublime Text yang sempurna.
2. Membuat sebuah website harus
mengetahui secara rinci tentang apa saja
hal yang akan ditampilkan dalam
V. KESIMPULAN
website tersebut.
Berdasarkan hasil penelitian tugas akhir 3. Dalam pembutan website ini diperlukan
ini, maka disimpulkan bahwa: penelitian dalam penulisan perintah-
1. Website ini dapat menampung seluruh perintah yang dimasukan.
informasi mengenai SMA PGRI
Gunung Raya Ranau secara terpusat, VII. DAFTAR PUSTAKA
cepat, tepat, akurat. Abdulloh, Rohi. 2016. Easy & Simple Web
2. Penerapan sistem yang telah dirancang Programming. PT Elex Media
pada website menggunakan sofware Komputindo. Jakarta.
Sublime Text 3danXAMPPsebagai
media penyimpanan database website Abdullah, Rohi. 2018. 7 in 1 Pemrograman Web
tersebut. Untuk Pemula. PT Elex Media
3. Pembuatan website menggunakan Komputindo. Jakarta.
pemrograman PHP dan Framework
CodeIgniter mempunyai berbagai Enterprise, Jubilee. 2017. PHP Komplet. PT Elex
macam kelebihan dan keunggulan bila Media Komputindo. Jakarta.
dibandingkan dengan menggunakan
program lain yang sejenis. Berbagai Enterprise, Jubilee. 2014. MySQL Untuk Pemula.
macam kemudahan yang ada pada PT Elex Media Komputindo. Jakarta.
program PHP sangat fleksibel dan akan
memberikan kemudahan dalam Sarwono, Jonathan. 2015. Bikin Website Itu
aplikasinya. Mudah. MediaKita. Jakarta.
4. Nama domain atau alamat situs untuk
mencari website ini adalah Solichin, Achmad. 2016. Pemrograman Web
https://www.smapgrigurara.sch.id
dengan PHP dan MySQL. Budi Luhur.
5. Setiap posting atau tambah data pada Yogyakarta
website ini akan terarsip secara otomatis
melalui tampilan tabel baik itu data
Supono, Virdiandry Putratama. 2018.
guru, data siswa, sejarah, berita, agenda,
Pemrograman Web dengan
pengumuman, download dan kontak
Menggunakan PHP dan Framework
sehingga memudahkan admin untuk
Codeigniter. CV. Budi Utama.
mengedit atau menghapus data.
Yogyakarta
VI. SARAN
Tim EMS. 2014. Aplikasi web Database dengan
Sehubungan dengan hasil penelitian tugas Dreamweaver dan Php-Mysql. Andi.
akhir ini dalam sebuah website yang telah Yogyakarta.
dirancang agar informasi mengenai SMA
PGRI Gunung Raya Ranau dapat disampaikan
dengan cepat, tepat, dan akurat. Website
mengenai SMA PGRI Gunung Raya Ranau ini
masih sangat singkat dan

Abdurahman, dkk. Membangun…52

Anda mungkin juga menyukai