ANALISA DAN PERANCANGAN SISTEM INFORMASI
AKADEMIK PONDOK PESANTREN DARUL HIKMAHMEDAN
BERBASIS WEB
TUGAS AKHIR
SABRINA AMALIA
112406161
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
ANALISA DAN PERANCANGAN SISTEM INFORMASI
AKADEMIK PONDOK PESANTREN DARUL HIKMAHMEDAN
BERBASIS WEB
TUGAS AKHIR
Di ajukanSebagai Salah SatuSyaratdalamMenyelesaikanPendidikan Program Studi D3 TeknikInformatika
SABRINA AMALIA
112406161
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
PERSETUJUAN
Judul : ANALISA DAN PERANCANGAN SISTEM
INFORMASI AKADEMIK PONDOK PESANTREN
DARUL HIKMAH MEDAN BERBASIS WEB
Kategori : TUGAS AKHIR
Nama : SABRINA AMALIA
NomorIndukMahasiswa : 112406241
Program Studi : DIPLOMA 3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juni 2014
Diketahui / Distujuioleh
Ketua Prodi D3 TeknikInformatika Pembimbing
FMIPA USU
Dra.EllyRosmaini, M.Si
PERNYATAAN
ANALISA DAN PERANCANGAN SISTEM INFORMASI
AKADEMIK PONDOK PESANTREN DARUL HIKMAH
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa laporan akhir studi ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringksan yang masing-masing di sebutkan sumbernya.
Medan, Juli 2014
PENGHARGAAN
Puji dan syukur penulis panjatkan kepda Allah SWT atas limpahan rahmat dan
hidayah-Nyaa sehingga tugas akhir ini dapat diselesaikan dengan baik. Adapun judul
tugas akhir ini adalah “Analisa dan Perncangan Sistem Informasi Akademik Pondok Pesantren Darul Hikmah Berbasis Web”.
Pada kesempatan ini penulis juga menyampaikan terima kasih yang sebesar -
besarnya kepada seluruh pihak yang sudah banyak membantu yaitu kepada Bpk Dr.
Syahril Efendi S.Si, M.IT sebagai Dosen Pembimbing yang telah banyak banyak
memberikan saran dan masukan dalam penyelesaian TugasAkhir, Ibu Dra. Elly
Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.I.T selaku Ketua dan Sekretaris
Program Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara.
Bapak Prof.Dr.Tulus,M.Si dan Ibu Dr. Mardiningsih, M.Sc selaku Ketua dan
Sekretaris Departemen Matematika Fakultas MIPA Universitas Sumatera
Utara.Bapak Dr. Sutarman,M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.Kedua orang tua, Bapak H. Munasir
dan Ibu Hj.SitiMasita serta Adinda –Adinda dan Kakanda saya yang telah
memberikan dukungan moril maupun materil dalam proses penyusunan Tugas Akhir
ini. Seluruh sahabat dan teman-teman khususnya T.Fakhri Noor Anshari Johan yang
ikut memberikan kritik dan saran.
Semogatugas akhir ini dapat berguna. Kritik dan saran penulis harapkan untuk
ABSTRAK
Kajian ini bertujuan untuk membangun suatu
website
informasi
akademik pada Pondok Pesantren Darul Hikmah secara online untuk
mempermudah masyarakat dalam memperoleh informasi akademik dan
tentang pondok pesantren (online). Karena persaingan antar pondok
pesantren yang memberikan nuansa- nuansa berbeda, mendorong pihak
pondok pesantren berlomba-lomba menciptakan sesuatu yang baru agar
mereka tidak kehilangan murid-murid dan dapat memperbaiki citra
pondok pesantren, serta dapat menghemat waktu secara lebih efektif.
Sistem perancangan dalam pembuatan website
sisteminformasiakademikpadaPondokPesantrenDarulHikmahinidikemba
ngkandenganmenggunakan software yakni
Sublime Text, Xampp server
yang merupakangabungandari
Apache Web Server, PHP dan MySQL
yang digunakanuntukmenampung data
danmempermudahdalampembangunan
websiteanalisadanperancangansis
DAFTAR ISI
Pengesahan ii
Penghargaan iii
Abstrak v
Daftar Isi vi
Daftar Gambar viii
BAB 1. Pendahuluan
1.1 LatarBelakang 1
1.2 Rumusan Masalah 4
1.3 Maksud dan Tujuan 4
1.4 Pembatasan Masalah 5
BAB 2. Pemrograman Web
2.1 Sejarah Pemrograman Web 6
2.2 Jenis Pemrograman Web 9
2.3 Pemrograman Web 11
2.4 Sejarah MySQL 12
2.4.1. Keistimewaan MySQL 13
2.5 Sejarah PHP 17
2.5.1. Hubungan PHP dengan HTML 19
2.6 Kelebihan PHP 20
2.6.1. Defenisi CSS 21
2.6.2. Kelebihan Penggunaan CSS 23
BAB 3. Analisis Sistem
3.1 Analisis Sistem 24
3.2 Perancangan Sistem 29
3.3 Diagram Alir Data 30
3.4 Basis Data 32
3.5 Flowchart 37
3.6 Perancangan Halaman Website 39
BAB 4. Implementasi Sistem
4.1 Pengertian Implementasi Sistem 41
4.2 Tujuan Implementasi Sistem 41
4.3 Komponen Utama Implementasi Sistem 43
4.4 Implementasi, Apache, MySQL 44
4.5 Pengujian di Browser 45
4.6 Tampilan Program 45
BAB 5
Kesimpulan dan Saran 53
LAMPIRAN
DAFTAR GAMBAR
Nomor Gambar Judul Halaman
3.1 Simbol-simbol Data Flow Diagram 27
3.2 Gambar Admin 28
3.3 Gambar Pendaftaran 28
3.4 Gambar Komentar 29
3.5 Gambar Fasilitas 29
3.6 Gambar Galeri Foto 30
3.7 Gambar Kategori Galeri 30
3.8 Gambar Guru 31
3.9 Gambar Kegiatan Harian 31
3.10 Gambar Kegiatan 31
3.11 Gambar Kegiatan Mingguan 32
3.12 Gambar Pimpinan 32
3.13 Gambar Prestasi 32
3.14 Gambar Tamu 33
3.15 Gambar User 33
ABSTRAK
Kajian ini bertujuan untuk membangun suatu
website
informasi
akademik pada Pondok Pesantren Darul Hikmah secara online untuk
mempermudah masyarakat dalam memperoleh informasi akademik dan
tentang pondok pesantren (online). Karena persaingan antar pondok
pesantren yang memberikan nuansa- nuansa berbeda, mendorong pihak
pondok pesantren berlomba-lomba menciptakan sesuatu yang baru agar
mereka tidak kehilangan murid-murid dan dapat memperbaiki citra
pondok pesantren, serta dapat menghemat waktu secara lebih efektif.
Sistem perancangan dalam pembuatan website
sisteminformasiakademikpadaPondokPesantrenDarulHikmahinidikemba
ngkandenganmenggunakan software yakni
Sublime Text, Xampp server
yang merupakangabungandari
Apache Web Server, PHP dan MySQL
yang digunakanuntukmenampung data
danmempermudahdalampembangunan
websiteanalisadanperancangansis
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Berdasarkan firman Allah SWT: "Allah akan meningkatkan dan meninggikan derajat
orang-orang yang diberi ilmu pengetahuan". (Al-Mujadalah 11). Sadba Rasulullah
SAW : Barang siapa hendak memperoleh kebahagiaan dunia maka ia haruslah
menguasai ilmu pengetahuan dan barang siapa hendak memperoleh kebahagiaan
akhirat haruslah menguasai ilmu pengetahuan dan barang siapa hendak memperoleh
keduanya haruslah dengan ilmu pengetahuan. (Al-Hadist). Berpegang kepada ayat
diatas serta sejalan dengan Program Pemerintah untuk membentuk manusia Indonesia
seutuhnya, Taman Pendidikan Islam yang didirikan pada tanggal 01 Mei 1950 di
Medan keberadaannya ditengah-tengah masyarakat turut berpartisipasi dalam mengisi
kemerdekaan dengan merealisasikan Falsafahnya yaitu TRI PROGRAM KARYA
(Tabligh Dakwah Penerangan, Pendidikan Pengajaran, Kebudayaan dan Ibadah
Pendidikan Pengajaran, maka sejak tahun 1953, Pimpinan TPI telah berupaya
membangun sarana/fasilitas guna terlaksananya proses pendidikan dan pengajaran
khususnya Pondok Pesantren Modern Darul Hikmah sebagai salah satu unit Taman
Pendidikan Islam. Pondok Pesantren Modern Darul Hikmah Taman Pendidikan Islam
(PPMDH TPI) berdiri atas hasil musyawarah Rapat Pimpinan Daerah Taman
Pendidikan Islam (Rapimda TPI) sejak tanggal 1 Juni 1986 yang mana sebelumnya
bernama Pesantren Arrivaiyah diambil dari nama pendiri TPI Drs. KH. Rivai Abdul
Manaf Nasution, selanjutnya berganti nama Pesantren Taman Pendidikan Islam,
disesuaikan dengan lembaga/ yayasan, selang beberapa tahun berganti lagi dengan
Pesantren Darul Hikmah dan akhirnya ditetapkan dengan nama Pesantren Modern
Darul Hikmah Taman Pendidikan Islam tepat pada tanggal 1 Juni 1986 dan dijadikan
hari lahir Pondok Pesantren Modern Darul Hikmah Taman Pendidikan Islam
(PPMDH TPI) yang diharapkan sebagai tempat penggemblengan generasi umat Islam
benar-benar mampu mencetak kader pembangunan yang beriman dan bertaqwa serta
berbobot, rela berkorban demi negara, bangsa dan agama yang mampu mandiri dan
berwiraswasta serta bergaul dalam masyarakat. Pondok Pesantren Modern Darul
Hikmah adalah salah satu Institusi Pendidikan yang didirikan dibawah Yayasan
Taman Pendidikan Islam yang didirikan oleh KH. Rifa'i Abdul Manaf Nst pada 1 Mei
1950. Pondok Pesantren sekarang dipimpin oleh anak kandung dari KH. Rifa'i Abdul
Manaf Nst yaitu Prof.H.Ismet Danial Nasution,drg.,Sp.Pros(K).,PhD.
Pengelola Pondok Pesantren ini berkeinginan untuk memiliki suatu sistem
informasi dan pendaftaran secara online yang terkomputerisasi dan saling terhubung.
dan rapi, terkontrol dan cepat. Sistem diharapkan dapat dengan cepat memberikan
informasi mengenai keadaan pondok pesantren saat ini: Dimana alamat lengkap dari
pondok pesantren, berapa banyak guru dan murid yang terdaftar disini, apa-apa saja
kegiatan di pondok pesantren ini,berapa banyak murid yang berprestasi di pondok
pesantren ini,dan apa saja yang di unggulkan dari pondok pesantren ini. Selain itu,
sistem juga diharapkan dapat menyampaikan informasi mengenai nilai-nilai murid
yang ada di pondok pesantren ini,
Idealnya, sistem ini dapat juga diakses oleh pelanggan/pengguna untuk
melihat pondok pesantren ini lebih terperinci tanpa harus datang ke pondok
pesantren berikut. Implementasi yang diinginkan adalah adanya suatu situs web
tempat pelanggan atau calon siswa dapat melihat-lihat pondok pesantren ini secara
mudah dan dimana saja dan dapat melakukan pendaftaran secara online. Sebagai
gambaran, calon siswa dan orang tua calon siswa dapat melihat kegiatan sekolah
tersebut, fasilitas yang dimiliki oleh pondok pesantren ini,melihat tenaga pengajar
yang mengajar di pondok pesantren ini
Dengan pertimbangan tersebut dan pribadi penulis yang ingin menerapkan
pengetahuan yangtelahdiperolehmakapenulismemutuskanuntukmembuatsuatu
aplikasiwebdenganjudul:“ANALISA DAN PERANCANGAN SISTEM INFORMASI
AKADEMIK PONDOK PESANTREN DARUL HIKMAH MEDAN BERBASIS
1.2 Rumusan Masalah
Dari latar belakang tersebut diatas, ditemukan beberapa masalah, yaitu:
a. Kurangnya informasi masyarakat tentang pesantren ini, baik berupa kegiatan
akademiknya, kegiatan diluar non akademik, prestasi hingga status akreditas dari
pondok pesantren ini yang penyebarannya di lakukan secara manual.
b. Minimnya media atau fasilitas pendukung penyampaian informasi sehingga
masyrakat tidak dapat mengetahui secara luas pondok pesantren ini
1.3 Maksud dan Tujuan
Maksuddiadakannyapenelitianiniadalahuntukmerancangsuatuaplikasiwebyang
dinamisyangdimanfaatkanuntukmenyebarkaninformasiyangbaikdengancepatdan
mudah. Adapun tujuan penulis
1.Menyajikansisteminformasiyang mudah di akses sehinggainformasi
tersebutdapatdiketahui oleh masyarakat yang ingin mendaftarkan
anaknya atau mencari sekolah yang baik buat anaknya.
2.Untuk mempermudah pengunjung mencari informasi mengenai Pondok
Pesantren Darul Hikmah.
3. Membuat suatu sistem informasi online agar pengunjung lebih mudah
dan efisien waktu baik dari segi pendaftaran ataupun untuk
1.4 Pembatasan Masalah
Dalam perancangan sistem web ini,penulis membatasi sistem web ini hanya sistem
informasi dan pendaftaran secara online(e-commerce). Hal-hal lain seperti laporan
keuangan, info tenaga kerja, penggajian pegawai,dan lain-lain yang menyangkut
BAB 2
LANDASAN TEORI
2.1. Sejarah Pemrograman Web
Apakah yang dimaksud Web Programming?Web Programming adalah adalah proses
menulis, mencoba, memeriksa dan memperbaiki (debug), serta memelihara kode
untuk membuat sebuah program komputer. Kode ini ditulis dalam berbagai bahasa
pemrograman. Tujuan dari pemrograman adalah untuk memuat suatu program yang
dapat melakukan suatu perhitungan atau proses sesuai dengan keinginan si
pemrogram.
Jadi Secara singkat untuk Web programming adalah proses pembuatan
program yang outputnya disajikan oleh Web Browser. Di sini belum akan di jelaskan
web programming secara detail dimada ada program berupa server side ataupun
client side. Untuk lebih jelas jenis-jenis dan perkembangan dari Web programming
hal ini bisa dibaca pada
HTML.
HTML merupakan turunan atau pengembangan dari SGML (Standar
Generalized Markup Language). HTML sendiri dikembangkan oleh Tim Berners-Lee
Mosaic yang dikembangkan NCSA. Selama awal tahun 1990an, HTML terus
mengalami kemajuan yang sangat cepat.Tapi pengembangan resmi HTML ini baru
dikeluarkan pada tahun 1995 yang dikembangkan oleh Internet Engineering Task
Force (IETF). HTML2 yang dikembangkan ini merupakan turunan dari HTML+ pada
tahun 1993. HTML3 yang juga dirilis pada tahun 1995 mempunyai kemampuan yang
jauh lebih bagus dari versi sebelumnya. Merupakan hasil usaha yang dikembangan
oleh World Wide Web Consortium’s (W3C) dan kemudian menghasilkan HTML3.2
pada tahun 1996.Dan akhirnya terbitlah HTML4 dan HTML4.1 pada akhir tahun
1997 dan 1998. HTML ini merupakan sebuah text biasa yang dirancang untuk tidak
tergantung pada sistem operasi apapun.
Secara umum pemrograman web dapat dibagi 2, yaitu: client side scripting
dan server side scripting. perbedaan dari kedua jenis script ini adalah pada bagaimana
script tersebut di proses dan tentu saja dari sintaks program yang digunakan.
1. Client Side Scripting (CSS), merupakan jenis script yang pengolahannya
dilakukan di sisi client. pengolahan disini berarti “di terjemahkan/
interpreted”. yang memiliki tugas untuk menterjemahkan script jenis ini disisi
client adalah web browser. agar semua script yang masuk kategori ini dapat
diterjemahkan oleh web browser maka didalam web browser terdapat sebuah
komponen/ modul/ “engine” yang memiliki daftar pustaka (library) yang
mampu mengenali semua perintah-perintah yang terdapat pada kategori client
side scripting. berikut contoh web browser yang populer digunakan: internet
scripting: HTML (hypertext markup language), java script, XML (extensible
markup language), CSS (cascading style sheet). client side scripting
merupakan script yang digunakan untuk membuat halaman web statis.
2. Server Side Scripting (SSS), merupakan script yang pengolahannya (baca:
diterjemahkan) di sisi server. server yang dimaksud disini adalah sebuah
komponen yang biasa disebut web server yang didalamnya terintegrasi dengan
sebuah mesin (engine)/ modul yang didalamnya terdapat daftar pustaka
(library) yang mampu menterjemahkan script-script tersebut yang kemudian
setelah di terjemahkan di server kemudian dikirim (ditampilkan) ke client
(web browser) dalam format HTML (hypertext markup language). mesin
(engine) tersebut harus di install terlebih dahulu karena mesin-mesin tersebut
memiliki karakteristik yang berbeda untuk tiap script (bahasa pemrograman)
yang digunakan. berikut contoh server side scripting: PHP (Hypertext Pre
Processor), ASP (active server pages), JSP (java server pages). server side
scripting digunakan untuk membuat halaman web dinamis. hal ini disebabkan
karena server side scripting memiliki kelebihan, diantaranya: mampu
berinteraksi dengan banyak perangkat lunak basis data (database), mampu
mengelola sumber daya yang terdapat di sistem operasi dan perangkat keras
komputer, mampu dijalankan di semua sistem operasi (multi platform), aman
2.2 Maksud Pemrograman Web & Jenisnya
Web merupakan fasilitas hypertext untuk menampilkan data berupa teks,
gambar, suara, animasi, dan data multimedia lainnya jika anda ingin meguasai
web maka anda perlu mengenal itu bahasa HTML dan PHP .HTML merupakan
bahasa pemrogrman web yang merupakan pada kategori script client side
sedangkan PHP merupakan salah satu script (perintah-perintah program) server
side yang sangat populer diterapkan dalam sebuah web. Web dapat menjadi alat
untuk mempromosikan suatu produk maupun diri kita sendiri jika ingin
terkenal lewat web.web mengalami perkembangan yang sangat pesat dewasa
ini.mulai dari situs web e-commerce sampai web non-profit.Situs/web dapat
dikategorikan menjadi dua yaitu web statis dan web dinamis.
A. Web Statis
Web Statis adalah web yang berisi/menampilkan informasi –informasi yang
sifatnya statis (tetap).disebut statis karena pengguna tidak dapat berinteraksi
dengan web tersebut. Singkatnya,untuk mengetahui suatu web bersifat statis
atau dinamis dapat dilihat Dari tampilannya.jika suatu web hanya
berhubungan dengan halaman web lain dan berisi informasi yang tetap
maka web tersebut disebut dengan web statis.pada web statis, pengguna
berpindah ke halaman web yang lain. Interaksi pengguna hanya terbatas
dapat melihat informasi yang ditampilkan tetapi tidak dapat mengolah
informasi yang dihasilkan web statis biasanya merupakan HTML yang
ditulis pada editor teks dan disimpan dalam bentuk .Html atau .htm.
B. Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat
berinteraksi dengan pengguna.web yang dinamis memungkinkan pengguna
untuk berinteraksi menggunakan form sehingga dapat mengolah informasi
yang ditampilkan.web dinamis bersifat interaktif,tidak kaku,dan terlihat
lebih indah.
2.3 Pemrograman Web
Ada 2 kategori dalam pemrograman web,yaitu pemrograman server side dan
client side.pada pemrograman server-side.perintah-perintah program (script)
dijalankan di server web kemudian hasil dikirimkan dalam bentuk HTML
biasa. Adapun pada client side, program Dijalankan pada browser web
sehingga ketika klien meminta dokumen script maka script Dapat didownload
A. Mengenal Script Client Side
Program web yang tergolong dalam client side seperti Javascript,
Vbscript, HTML, dan lain-lain. Hasil parsing script pemrograman
client side (misal Javascript dan Vbscript) yang berupa HTML dari
server web dapat dilihat dengan memilih menu view >Source Code. Anda dapat melihat bahwa script program yang ditulis ditampilkan
pada halaman source code.
B. Javascript
Javascript diperkenalkan pertama kali oleh Netscape pada tahun
1995.pada awalnya bahasa ini dinamakan “Livescript” dan berfungsi
sebagai bahasa sederhana utnuk browser Netscape Navigator 2.Pada
masa awal dirilis,bahasa ini banyak dikritik karena kurang aman.tidak
ada pesan kesalahan yang ditampilkan saat kita membuat kesalahan
program.kemudian sejalan Dengan kerjasama antara Netscape dengan
Sun(pengembang bahasa pemrograman Java) pada masa itu,maka
netscape memberi nama “Javascript” kepada bahasa tersebut pada
Javascript adalah bahasa pemrograman sederhana karena bahasa ini tidak dapat
digunakan untuk membuat aplikasi ataupun applet.dengan Javascript kita dapat
dengan mudah sebuah halaman web yang interaktif.program Java script dituliskan
pada file HTML.dengan kata lain anda tidak perlu menuliskan program Javascript
pada file terpisah (walaupun anda juga bisa melakukannya).Bahasa ini adalah bahasa
pemrograman untukn memberikan kemampuan tambahan terhadap bahasa
HTML.dengan mengizinkan Pengeksekusian perintah di sisi klien,yang artinya disisi
browser bukan disisi server web.Javascript bergantung kepada browser yang
memanggiol halaman web berisi script.Javascript tidak memerlukan kompilator atau
penerjemah khusus untuk menjalankannya. Pada Javascript kita tidak mungkin
menyembunyikan kode script yang kita tulis.kode langsung ditulis dalam dokumen
HTML dan sangat mudah terlihat.Javascript adalah bahasa yang
“case-sensitive”.artinya,membedakan penamaan variabel dan fungsi
2.4 Sejarah MySQL
MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembang
software dan konsultan database bernama MYSQL AB yang berada di Swedia.
Waktu itu perusahaan tersebut masih bernama TcX DataKonsult AB, dan tujuan awal
dikembangkannya MySQL adalah untuk mengembangkan aplikasi berbasis web pada
client. Awalnya Michael "Monty" Widenius, pengembang satu-satunya di TcX
mencari antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya.
Mula-mula Monty memakai miniSQL (mSQL) pada eksperimennya itu, namun SQL dirasa
kurang sesuai, karena terlalu lambat dalam pemrosesan query. Akhirnya Monty
menghubungi David Hughes, pembuat mSQL yang sedang merilis versi kedua dari
mSQL. Kemudian Monty mencoba membuat sendiri mesin SQL yang memiliki
antarmuka mirip dengan SQL, tetapi dengan kemampuan yang lebih sesuai sehingga
lahirlah MySQL. Tentang pengambilan nama MySQL, sampai saat ini masih belum
jelas asal usulnya. Ada yang berpendapat nama My diambil dari huruf depan dan
belakang Monty, tetapi versi lain mengatakan nama itu diambil dari putri Monty yang
kebetulan juga bernama My.
2.4.1 Keistimewaan MySQL
Sebagai database server yang memiliki konsep database modern, MySQL memiliki
banyak sekali keistimewaan. Berikut ini beberapa keistimewaan yang dimiliki oleh
MySQL:
a. Portability
MySQL dapat berjalan stabil pada berbagai OS seperti Windows,
Linux, Unix, Mac OS, Solaris, Unix, Amiga, HP-UX, Symbian.
Dahulu MySQL didistribusikan secara open source (gratis), dibawah
lisensi GPL sehingga kita dapat menggunakannya secara cuma-cuma
tanpa dipungut biaya. Namun, saat ini karena MySQL telah dibeli oleh
SUN, maka kita tidak dapat lagi menikmati fitur-fitur baru yang ada di
MySQL, karena SUN akan membatasi fitur-fitur baru ini hanya untuk
user yang membeli lisensinya. Sehingga MySQL tidak lagi sebuah
opensource yang benar-benar gratis lagi. MySQL sekarang hanya
menyediakan fitur-fitur "dasar" saja yang saat ini sudah menggunakan
versi 5.1. Untuk mendownloadnya silahkan download di sini dan
dicari versi MySQL dengan OS kita.
c. Multiuser
MySQL dapat digunakan oleh beberapa user dalam waktu yang
bersamaan tanpa mengalami konflik. Hal ini memungkinkan sebuah
database server MySQL dapat diakses klien secara bersamaan.
d. Performance Tuning
MySQL memiliki kecepatan yang menakjubkan dalam menangani
query sederhana, dengan kata lain dapat memproses lebih banyak SQL
e. Column Types
MySQL memiliki tipe kolom yang sangat kompleks, seperti
signed/unsigned integer, float, double, char, varchar, text, blob, date,
time, datetime, timestamp, year, set serta enum.
f. Command dan Functions
MySQL memiliki operator dan fungsi secara penuh yang mendukung
perintah SELECT dan WHERE dalam query.
g. Security
MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask,
nama host, dan izin akses user dengan sistem perizinan yang mendetail
serta password terenkripsi.
h. Scalability dan Limits
MySQL mampu menangani database dalam skala besar dengan jumlah
records lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain
itu, batas index yang dapat ditampung mencapai 32 indeks pada tiap
tabelnya.
MySQL dapat melakukan koneksi dengan klien menggunakan
TCP/IP, Unix soket (Unix), atau Named Pipes (NT).
j. Localisation
MySQL dapat mendeteksi pesan kesalahan (error code) pada klien
dengan menggunakan lebih dari dua puluh bahasa
k. Interface
MySQL memiliki interface terhadap berbagai aplikasi dan bahasa
pemrograman dengan menggunakan fungsi API (Application
Programming Interface).
l. Clients dan Tools
MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk
administrasi database, dan pada setiap tool yang ada disertakan
petunjuk online.
m. Struktur Tabel
MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani
ALTER TABLE dibandingkan database lainnya.
2.5 Sejarah PHP
PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan
mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang
spesifik.
Pada awalnya PHP merupakan kependekan dari Personal Home Page
(Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya
berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari
web. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber
terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan
PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP
sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga
modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara
signifikan. Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang
interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada
Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan
meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi
akronim berulang PHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak
kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki
kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter
PHP mengalami perubahan besar. Versi ini juga memasukkan model
pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan
bahasa pemrograman ke arah paradigma berorientasi objek. Tujuan utama
penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis
halaman web dinamik dengan cepat.
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
personal). PHP pertama kali dibuat olehpada tahun
waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya
maka banyak
November 1997, dirilis PHP/FI 2.0. Pada rilis ini,
diimplementasikan dalam program
Pada tahun 1997, sebuah perusahaan bernama
menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut
sebagaiPHP:
Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut
dikenal dengan
awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk
membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas
yang tinggi.
Padainterpreter PHP
mengalami perubahan besar. Versi ini juga memasukkan model
pemrograman ke arah paradigma berorientasi objek.
2.5.1 Hubungan PHP dengan HTML
Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file
berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser,
Kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu
diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke
browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan
di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan
kode-kode html tersebut.
Program php dapat ditambahkan dengan mengapit program tersebut diantara
tanda . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode
html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi
.php3 atau php. Php merupakan bahasa pemograman web yang bersifat server-side
HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada
si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan
sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal
sebagaibahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan
digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server
Pages) dan JSP (Java Server Pages).
2.5.2 Sejarah PHP
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP
digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia
mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama
untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia
mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database
dan dapat terintegrasi dengan HTML. Pada tahun 1998 tepatnya pada tanggal 6 Juni
1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama
kelompok pengembang softwarenya.Versi terbaru, yaitu PHP 4.0 keluar pada tanggal
22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi
sebelumnya.
Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine
yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan
dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi
menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini
adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web.
Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser,
tetapi prosesnya secara keseluruhan dijalankan web server.
Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang
paling utama PHP adalah pada konektivitasnya dengan system database di dalam
web. Sistem database yang dapat didukung oleh PHP adalah :
1.Oracle
2.MySQL
PHP dapat berjalan di berbagai system operasi seperti windows 98/NT,
UNIX/LINUX, solaris maupun macintosh. PHP pertama kali dibuat oleh Rasmus
Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada
saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data
form dari web.
Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan
menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal
Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open
source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah
diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi
yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP
menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis
tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter
PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang
paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk
stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi
mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan
besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru
untuk menjawab perkembangan bahas pemrograman kearah pemrograman
berorientasi objek.
2.6.1 Kelebihan PHP
Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin
ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal situs
tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh
ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa
server-side scripting yang lebih dinamis seperti PHP. pemrograman kearah
pemrograman berorientasi objek.
Kelebihan PHP dari bahasa pemrograman lain
a. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
b. Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai
IIS sampai dengan apache, dengan configurasi yang relatif mudah.
c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
d. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah
karena referensi yang banyak.
e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(linux, unix, windows) dan dapat dijalankan secara runtime melalui console
serta juga dapat menjalankan perintah-perintah system.
2.6 Sejarah CSS
Pada tanggal 17 Agustus 1996, World Wide Web Consortium (W3C) menjadikan
CSS sebagai bahasa pemrograman standart dalam pembuatan dokumen web.
Tujuannya adalah mengurangi pembuatan tag-tag baru oleh Netscape dan Internet
Explorer, karena kedua kedua browser pada saat itu bersaing mengembangkan TAG
sendiri untuk mengatur tampilan web.
CSS level 1 mendukung pengaturan tampilan dalam hal:
1. Font (jenis, ketebalan)
2. Warna, teks, backgrounf dan elemen lainnya
3. Text attributes, misalnya spasi antar baris, kata dan huruf
4. Posisi teks, gambar, table dan elemen lainnya
Selanjutnya di tahun 1998, W3c menyempurnakan CSS awal dengan
menciptakan standar CSS2 (CSS level 2) yang menjadi standar hingga saat
ini. Pada CSS level 2 ini, di masukkan semua atribut dari CSS1, serta
diperluas dengan penekanan pada Internasional accessibility and capability
khususnya media-specific CSS. Bahkan pada tahun 2000, tidak lama setelah
CSS2 di implementasikan. CSS2 ini sampai sekarang masih terus
dikembangkan, spesifikasinya dibagi pada beberapa topik atau modul.
2.6.1 Definisi CSS
CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan atas kode
HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah
struktur dasar halaman web secara lebih mudah dan cepat, serta irit size. CSS juga
membantu kita untuk menyeragamkan seluruh halaman website dengan tampilan
yang konsisten. Misalnya, kita mau seluruh font yang ada di website kita adalah font
"Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu menjadi otomatis
tanpa harus mengganti-ganti font secara manual di setiap halaman.
Dahulu kala, sebelum CSS menjadi standar untuk mendesain halaman web
seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu
desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi
bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu
sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi
berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut
image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak
SEO friendly.
Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, dimana dimulai
CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2 yang merupakan
penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1.
CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana
mempunyai banyak keuntungan, diantaranya :
a. Ukuran file lebih kecil
b. Load file lebih cepat
c. Dapat berkolaborasi dengan Javascript
d. Pasangan setia XHTML
e. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman
CSS.
f. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya
saja.
2.6.2 Kelebihan penggunaan CSS :
1. Halaman web menjadi tidak padat, hingga halaman web menjadi SEO
2. Dapat dengan mudah mengganti tampilan web dengan cukup mengganti
nilai dan definisi pada pada satu file CSS saja.
2.6.3 Kekurangannya penggunaan CSS :
Sayangnya susah untuk dimengerti dibandingkan dengan bahasa pemrograman
lainnya contohnya: HTML, PHP, Java Script, dan lain-lain dan CSS ini memerlukan
ANALISA PERANCANGAN SISTEM
3.1 Analisis Sistem
Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan
efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih
manual, yang harus diganti dengan sistem yang lebih baik lagi, yaitu dengan
membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun
suatu Program mengenai Perancangan web ecommerce, maka penulis terlebih dahulu
merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan
aplikasi basis data ini.
Perancangan web ecommerce ini diperbuat atas dasar kebutuhan masyarakat
yang menginginkan cara mendapatkaninfomasisekolahdanpendaftaransekolah secara
online, sehingga dapat menghemat waktu. Berdasarkan pengamatan penulis mengenai
analisis sistem yang berjalan pada web ecommerce ini adalah masih ditemui kendala
diantaranya yaitu, masih terdapat informasi berita tentang pondokpesantren yang
dilakukan secara manual, yakni dari mulut kemulut dan dari brosur-brosur yang
tidak dapat cepat diupdate. Mengetahui kendala yang ada, maka penulis mencoba
merancang sebuah web ecommerce untuk mempermudah masyarakat
3.2 Perancangan Sistem
Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk
mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen
sistem diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience,
objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana
mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling
fleksibel, efesien dan elegan.
Dalam hal ini, sistem yang akan dibuat adalah dengan menggunakan PHP
sebagai bahasa pemogramannya dan MySQL sebagai database nya serta Sublime text
sebagai media untuk membuat web ecommerce ini. Adapun spesifikasi serta target
terhadap sistem yang akan dibuat yaitu :
1. Perancangan yang akan dibuat yaitu “Perancangan web
sisteminformasiakademik pada PondokPesantrenDarulHikmahberbasis web”.
Yang
menyediakaninformasi-informasiakademiksertacarapendaftarandaripondokpesantrenini Target yang
ingin dicapai dalam perancangan web e-commerce ini adalah diharapkan
pengunjung mendapatkan segala informasiakademik mengenaikegiatan yang
memudahkan masyarakat untuk melakukan pendaftaran dan diharapkan pula
dapat memberikan kemudahan bagi masyarakat luas.
3.3 Diagram Alir Data
Data flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan
pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan
diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang
komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa,
penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam
perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem
menggunakan notasi-notasi untuk menggambarkan arus dari data sistem. Berikut ini
adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian dari diagram
konteks.
Disamping itu DFD 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.
DFD juga 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. Adapun Data Flow Diagram (DFD) yang penulis
ajukan yaitu, keterangan mengenai simbol-simbol Data Flow Diagram yang
No Simbol Nama Fungsi
1 Kesatuan Luar
(External Entity)
Memberikan input atau menerima
output dari sistem
2 Proses (Process) Kegiatan dari hasil suatu arus data
yang masuk dalam proses untuk
dihasilkan arus data yang akan
keluar atau mengubah input
menjadi output.
3 Liran Data
(Data Flow)
Data mengalir melalui sistem,
dimulai dengan sebagian input
dan diubah atau diproses menjadi
output.
4 Penyimpanan Data
(Data Storage)
Data disimpan untuk keperluan
[image:44.612.108.532.109.487.2]berikutnya.
Gambar 3.1 Simbol-simbol Data Flow Diagram
3.4 Basis Data (Database)
Databaseadalah kumpulan dari data yang berhubungan antara yang satu dengan yang
lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak
untuk memanipulasinnya. Databasemerupakan salah satu komponen yang penting
dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file,
dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel Exit/
sesuai dengan informasi yang terkandung di dalamnya. Berikut ini rancangan tabel
yang penulis gunakan dalam membangun sistem informasi :
3.4.1 TabelAdmin
Nama Field Tipe Data Lebar Data
Nama Text -
Password Text -
Gambar 3.2 Tabel Admin 3.4.2 TabelPendaftaran
Nama Field Tipe Data Lebar Data
Nama Varchar 30
Alamat Varchar 30
Namawali Varchar 30
Namaayah Varchar 20
Namaibu Varchar 20
Tempatlahir Varchar 30
Jenjang Varchar 20
[image:45.612.101.524.310.549.2]Telepon Integer 15
Gambar 3.3 TabelPendaftaran 3.4.3 TabelKomentar
Nama Field Tipe Data Lebar Data
No Int 3
Nama Varchar 50
Gambar 3.4TabelKomentar
3.4.4 TabelFasilitas
Nama Field Tipe Data Lebar Data
Id Integer 20
Foto Text SebanyakKarakter
[image:46.612.104.536.167.272.2]Nama Text SebanyakKarakter
Gambar 3.5TabelFasilitas
3.4.5 TabelDirektur
Nama Field Tipe Data Lebar Data
Id Integer 11
Foto Text SebanyakKarakter
Nama Text SebanyakKarakter
[image:46.612.107.533.539.697.2]Masa Text SebanyakKarakter
Gambar 3.6TabelDirektur
3.4.6 TabelGaleriFoto
Nama Field Tipe Data Lebar Data
Id Integer 4
File Varchar 200
Kategori Integer 2
Keterangan Varchar 255
Tgl Datetime -
Gambar 3.7TabelGaleriFoto
3.4.7 TabelKategoriGaleri
Nama Field Tipe Data Lebar Data
Id Integer 2
[image:47.612.108.534.194.273.2]Nama Varchar 200
Gambar 3.8TabelKategoriGaleri
3.4.8 TabelGuru
Nama Field Tipe Data Lebar Data
No Int 3
Nama Varchar 50
Ttl Varchar 50
Jk Varchar 10
Pend_akhir Varchar 50
Tmt_thn Varchar 50
Gambar 3.9TabelGuru
3.4.9 TabelHarian
Nama Field Tipe Data Lebar Data
Jam Text -
[image:47.612.108.535.618.697.2]Kegiatan Text -
Gambar 3.10TabelKegiatanHarian
3.4.10 TabelKegiatan
Nama Field Tipe Data Lebar Data
Id Int 11
Foto Text -
[image:48.612.104.536.436.539.2]Kegiatan Text -
Gambar 3.11TabelKegiatan
3.4.11 TabelMingguan
Nama Field Tipe Data Lebar Data
Hari Varchar 10
Jam Varchar 11
Kegiatan Varchar 50
Gambar 3.12TabelKegiatanMingguan
3.4.12 TabelPimpinan
Nama Field Tipe Data Lebar Data
Id Int 11
[image:48.612.110.533.622.701.2]Nama Text 255
[image:49.612.108.522.85.138.2]Jabatan Varchar 20
Gambar 3.13TabelPimpinan
3.4.13 TabelPrestasi
Nama Field Tipe Data Lebar Data
Id Int 3
Foto Text -
[image:49.612.104.536.221.325.2]Prestasi Text -
Gambar 3.14TabelPrestasi
3.4.14 TabelTamu
Nama Field Tipe Data Lebar Data
Id Int 11
Foto Text -
Tamu Text -
[image:49.612.107.533.407.539.2]Kegiatan Text -
Gambar 3.15TabelTamu
3.4.15 TabelUser
Nama Field Tipe Data Lebar Data
Id Integer 10
Password Varchar 30
Gambar 3.16TabelAdmin
3.5 Flowchart
Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi
flowchart ini digunakan untuk menggambarkan urutan langkah-langkah suatu
algoritma.
Penjelasan arti dari lambing-lambang flowchart dapat didefinisikan sebagai
berikut :
No Simbol Fungsi
1
Terminal untuk memulai dan mengakhiri
suatu program.
2
Proses suatu simbol yang menunjukkan setiap
pengolahan yang dilakukan komputer.
3
Input – output, untuk memasukkan data
maupun menunjukkan hasil dari suatu proses.
4
Decision, suatu kondisi yang akan
menghasilkan beberapa kemungkinan
5
Untuk menyatakan sekumpulan langkah
proses yang ditulis sebagai prosedure
6
Off Line Connector, merupakan symbol
masuk dan keluarnya suatu prosedur pada
lembar kertas yang lain.
7
Garis alir untuk menunjukkan arah
selanjutnya yang akan dituju.
8
Predifined Process, sutau symbol untuk
menyediakan tempat-tempat pengolahan data
dalam storage.
9
Connector, suatu prosedur akan masuk dan
keluar melalui symbol ini dalam lembar yang
sama.
10
Document merupakan symbol untuk data
yang berbentuk informasi.
11
Simbol untuk output yang ditujukan suatu
divice, seperti printer, plotter.
Gambar 3.17 Simbol Flowchart
3.6 Perancangan Halaman Website
Halaman website merupakan bagian penting yang harus diperhatikan dalam
membangun sebuah website yang baik dan benar. Halaman website berfungsi sebagai
user interface antara user dan administrator.
Adapun halaman website yang terdapat di dalam perancangan Sistem Informasi
AkademikPondokPesantrenDarulHikmah berbasis Web terdiri dari 2halamanyaaitu :
1. Halaman Depan terdiri dari:
a. Halaman Home, yaitu halaman yang berfungsi sebagai pembuka dan
menampilkan hasil websiteDarulHikmahsecaraonline.
b. Halaman Profil, yaitu halaman yang
menginformasikantentangprofildariPondokPesantrenDarulHikmah.
c. Halaman KegiatandanFasilitas, yaitu halaman yang berfungsi untuk
memberikan informasi dimana
danapasajakegiatandarisantrisertafasilitaspendukung yang
dimilikiolehpesantrenini.
d. Halaman InformasidanPedaftaran, yaitu halaman yang berfungsi
sebagaiinformasisyarat yang harus di
e. HalamanGaleri, yaituhalaman yang berisifoto-fotokegiatansantri,
tamupondokpesantren, fasilitas yang
dimilikipesantrensertakegiatanparasantri.
f. HalamanKontak, yaituhalaman yang
berfungsiuntukmemberikankomentarataupenilaianterhadappondokpesa
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam
menyelesaikan desain sistem yang telah disetujui, untuk menguji, mengisntall, dan
memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang
lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar
sistem dapat siap untuk dioperasikan. Tahap implementasi sistem terdiri dari
1. Menerapkan rencana implementasi
2. Melakukan kegiatan implementasi
3. Tindak lanjut implementasi
4.2 Tujuan Implementasi
Adapun tujuan-tujuan dari implementasi sistem, yaitu :
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware
sebagai sarana.
2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang
baru atau yang telah disetujui.
3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah
terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai
yaitu dengan menguji sistem secara menyeluruh.
5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan
melakukan instalasi secara benar.
4.3 Komponen Utama Dalam Implementasi Sistem 4.3.1 Hardware
Hardware merupakan komponen fisik dalam rangkaian komputer, sedangkan
spesifikasi hardware yang dibutuhkan adalah sebagai berikut :
b. CPU (Central Processing Unit)
c. Hardisk untuk tempat program beroperasi dan sebagai media penyimpanan
data.
d. Keyboard
e. Mouse
f.Printer untuk mencetak hasil
4.3.2 Software
Software merupakan intruksi program yang dapat digunakan dalam komputer dan
memberikan fungsi menampilkan seperti yang diinginkan. Software yang diperlukan
untuk menjalankan perangkat keras untuk aplikasi pengolahan nilai, yaitu :
a. Windows 7
b. Browser sebagai software untuk menjalankan website yang dibuat.
c. PHP sebagai bahasa pemograman serverside.
d. MySQL sebagai pengelola database server.
e. Sublime Text sebagai media mendesain web dan menggabungkan antara
layout dengan bahasa pemograman.
f. Javascript sebagai bahasa pemograman clientside.
Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang
dibutuhkan adalah :
a. Administrator
b. Pengunjung
4.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP, dan MySQL dilakukan secara satu persatu.
Adapun software dapat diperoleh dari situApache,
MySQL. Tahap
instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan
menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan
melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai.
4.5 Pengujian di Browser
SetelahmenginstalAppServ, makaapplikasiwebtelahdapat di ujikan di
komputerlokal.Adapuncaranyaadalahsebagaiberikut :
1. Letakkanfile-file yang membangun web kedalamsuatu folder,
dalamhalinipenulismembuatnamafoldernya “site” dandiletakkan di
dalam folder web.
2. BukaBrowser Google Chrome atau Mozilla Firefox
4.6 Tampilan Program
4.6.1 TampilanHalamanUtama(Home)
Halaman Home, yaituhalaman yang
berfungsisebagaipembukadanmenampilkanhasilwebsite
[image:58.612.115.539.252.500.2]PondokPesantrenDarulHikmahsecara online dansebagaihalamanawalpada website ini.
Gambar 4.6.1.1 TampilanHalamanUtama
4.6.2 HalamanProfil
HalamanProfil, yaituhalaman yang
berisiinformasimengenaiprofilpesantren,profilpimpinanpesantren,danprofilguru.dima
natujuandibuatnyahalamanini agar
masyarakatluaslebihmengetahuitenagapengajar,pimpinanpesantren,danpesantrenterse
Gambar 4.6.2.1TampilanHalamanProfil
Gambar 4.6.2.3TampilanHalamanProfilPimpinanPesantren
4.6.3 TampilanHalamanKegiatandanFasilitas
Halaman Kegiatandanfasilitas, yaitu halaman yang
menjelaskantentangkegiatanapasaja yang ada di
lakukanolehsantribaikitukegiatanharianbahkankegiatanmingguanmaupunkegiatanruti
[image:62.612.124.522.218.453.2]nbulanansertafasilitasapasaja yang dapatdigunakansantri di pesantrenini.
Gambar 4.6.3 TampilanHalamanKegiatanMingguanPesantren
4.6.4 TampilanHalamanGaleri
A. TampilanHalamanGaleriTamuBesarPesantren
Halamangaleritamubesarpesntrenyaituhalaman
yangberisikumpulankumpulanfototamu-tamu yang
pernahmengunjungipesantrendanbeberapakegiatanparasantri.
G
a
m
b
r 4.6.4.1TampilanGaleriTamuBesarPesantren
B. TampilanHalamanGaleriPrestasiSantri
Halamangaleriprestasisantriyaituhalaman
[image:64.612.184.537.248.467.2]yangberisikumpulankumpulanfotosantri yang mendapatkanprestasi.
Gambar 4.6.4.2 TampilanGaleriPrestasiSantri
C. TampilanHalamanGaleriKegiatanSantridanFasilitasPesantren
Halamangalerikegiatansantridanfasilitaspesantrenyaituhalaman yang
berisikumpulankumpulanfotokegiatan yang di
lakukanolehsantridansatriwatisertafasilitas yang
Gambar 4.6.4.3 TampilanGaleriPrestasiSantri
4.6.5 TampilanHalamanInformasidanPendaftaran
Halamaninformasidanpendaftaranyaituhalaman yang
berisitentanginformasipenerimaanmuridbaru,
persyaratanakademismaupunpersyaratancalonmurid.
[image:65.612.138.505.446.662.2]Gambar 4.6.5.2GambarTampilanHalamanPersyaratanAkademis
Gambar 4.6.5.3GambarTampilanHalamanPersyaratanCalonSantri
Halamanpendaftaran online adalahhalaman yang berisi form untukmendaftar via
online tanpaharusdatangkesekolahdan data pendaftarantersebutterhubunglangsungke
[image:67.612.153.490.193.390.2] [image:67.612.140.501.427.633.2]database administrator
Gambar 4.6.6.1 TampilanHalamanPendaftaran Online
4.6.7TampilanHalamanKontak
HalamanKontakberfungsiuntukmemberikankritikdan saran
maupunkomentarkepadapihakpesantrententengkekuranganataupunkelebihanpesantren
[image:68.612.115.532.247.485.2]ini.
Gambar 4.6.7.1TampilanHalamanKomentar
4.7 Halaman Admin
Halaman admin bertujuan agar administrator dapatmengubah, menambah,
4.6.7.1 Tampilan LoginHalaman Admin
4.6.7.3TampilanHalaman Edit GaleriTamu
4.6.7.5TampilanHalaman Edit GaleriPrestasi
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang
merupakan bab terakhir dari tugas akhir ini, penulis akan mencoba menarik
kesimpulan yakni sebagai berikut :
1. Aplikasi berbasis web dapat menjadi alternative pilihan sebagian besar
masyarakat yang ingin mencari informasi mengenai sekoalah ataupun pondok
pesantren yang ada di Kota Medan.
2. Pada perancangan website ini merupakan salah satu sarana untuk
mendapatkan informasi online yang biasa diakses oleh siapa saja.
3. Website ini memberikan informasi yang berkaitan dengan sistem informasi
Pondok Pesantren Penyajian informasi yang baik dapat dilakukan dengan
meng-update isi dari situs tersebut secara berkala dan sesuai dengan
perkembangan zaman sekarang.
4. Perancangan website ini dibuat dengan softwaresublime text, dan
4.2 Saran
Setelah selesainya website berbasis web pada pondok pesantren ini dan dalam sub
bab terakhir ini penulis ingin memberikan saran dan harapan yang dapat memberikan
masukan bagi konsumen dan pengguna internet lainnya, yakni :
1. Data pada situs website seharusnya selalu di-update oleh admin secara berkala
sesuai dengan perkembangan yang terjadi sekarang ini, sehingga dapat
memberikan informasi yang update dan teraktual kepada masyarakat.
2. Diharapkan komputer yang digunakan sebagai serverwebsite ini adalah
komputer yang mempunyai spesifikasi yang tinggi, sehingga mempermudah
dalam pengaksesan data secara cepat dan efisien.
3. Diharapkan dunia pendidikan khususnya pondok pesantren ini harus lebih
tanggap dengan perkembangan teknologi agar tidak tertinggal dengan
pesantren-pesantren yang ada di kota Medan ini
4. Diharapkan dengan adanya website ini dapat meningkatkan daya saing anatar
pesantren dalam meningkatkan mutu pendidikan di Indonesia ini khususnya
DAFTAR PUSTAKA
.Kusumo, Suryo, Ario, Drs, artikel-penelitian-penerapan-e-comerce, Elex Media
Komputindo, PT, Gramedia, Jakarta, 2000
S.Si, Budiarto, Widodo,
Paper-Sim-Nanda-Penerapan-E-Commerce-Dalam-Menunjang-Strategi-Bisnis-Perusahaan2 Elex Media Komputindo, PT, Gramedia,
Jakarta, 2002.
Www.Google.com/Membuat laporan dengan crystal report (Diakses tanggal 03 Juni
Hasil Uji Program Tugas Akhir SURAT KETERANGAN
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir
Program D3 Teknik Informatika :
Nama :SABRINA AMALIA
NIM : 112406161
Prog. Studi :D3 Teknik Informatika
Judul TA :ANALISA DAN PERANCANGAN SISTEM INFORMASI AKADEMIK PONDOK PERSANTREN DARUL HIKMAH MEDAN BERBASIS WEB
Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada
Dengan Hasil : Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja
Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA
USU Medan.
Medan, Juni 2014
Dosen PembimbinG
Dr. Syahril Efendi, S.Si., M.I.T
NIP : 19671110199602
KEMENTERIAN PENDIDIKAN NASIONAL
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUANALAM
Jl. Bioteknologi No. 1 Kampus USU
Telp. (061) 8214290, 8211212, 8211414 Fax. (061) 8214290 Medan 20155
Nama : PUTRI INDAH USPITA
Nomor Induk Mahasiswa : 11240168
Judul Tugas Akhir :ANALISA DAN PERANCANGAN SISTEM
INFORMASI AKADEMIK PONDOK PERSANTREN DARUL HIKMAH MEDAN BERBASIS WEB
Dosen Pembimbing : Dr. Syahril Efendi, S.Si., M.I.T
Tanggal Mulai Bimbingan : ...
Tanggal Selesai Bimbingan : ...
No Tanggal Asistensi
Bimbingan
Pembahasan Pada Asistensi
Mengenai, Pada Bab :
Paraf Dosen
Pembimbing
Keterangan
*Kartu ini harap dikembalikan ke Departemen Matematika
bila bimbingan mahasiswa telah selesai
Diketahui, Disetujui,
Departemen Matematika FMIPA USU Pembimbing Utama/
Ketua Penanggung Jawab
Dr. Elly Rosmaini
LISTING PROGRAM
<html>
<head>
<title> PP. MODERN DARUL HIKMAH TPI MEDAN </title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<div id="atas">
<img id="logo" src="foto/darulhikmah.jpg">
<b>PP. MODERN DARUL HIKMAH TPI MEDAN </b></br>
JL. Pelajar. 44. Medan. Kecamatan Medan Kota,
kelurahan Teladan Timur 20217</br>
<p id="telp">Telp. (061) 7345274. Email:
darul_hikmah2000@yahoo.com
</p>
<div id="atas1">
</div>
<div id="atas2">
<ul>
<li><a href="index.php?m=home">Home</a></li>
<li><a href="index.php?m=profil">Profil</a></li>
<li><a href="index.php?m=kegiatan">Kegiatan & Fasilitas
</a></li>
<li><a href="index.php?m=informasi">Informasi &
Pendaftaran </a></li>
<li><a href="index.php?m=galeri">Galeri</a></li>
<li><a
href="index.php?m=kontak">Kontak</a></li>
</li>
</ul>
</div>
<div id="kiri">
<?php
$m=$_GET['m'];
if ($m=='home'){
include('h.php');
}
if ($m=='profil'){
include('profil.php');
}
if ($m=='guru'){
include('guru.php');
}
if ($m=='murid'){
include('murid.php');
}
if ($m=='kegiatan'){
include('kegiatan.php');
}
if ($m=='informasi'){
include('informasi.php');
}
include('galeri.php');
}
if ($m=='kontak'){
include('kontak.php');
}
?>
</div>
<div id="kanan">
<?php
$m=$_GET['m'];
if ($m=='profil') {
echo "<a
href=\"?m=profil&sm=pim\" id=\"pimpinan\">Profil Pimpinan
Pusat </a>";
echo "<a
href=\"?m=profil&sm=p\" id=\"pimpinan\">Profil Pimpinan
echo "<a
id=\"pimpinan\">Profil Profil Guru </a>";
}
else{
echo "";
}
?>
<?php
$m=$_GET['m'];
if ($m=='home') {
echo "<a
href=\"?m=home&sm=visi\" id=\"visi\">Visi Pesantren</a>";
echo "<a
href=\"?m=home&sm=misi\" id=\"visi\">Misi Pesantren
</a>";
}
else{
echo "";
}
<?php
$m=$_GET['m'];
if ($m=='kegiatan') {
echo "<a
href=\"?m=kegiatan&sm=harian\" id=\"kegiatan\">Kegiatan
Harian</a>";
echo "<a
href=\"?m=kegiatan&sm=mingguan\" id=\"kegiatan\">kegiatan
Mingguan </a>";
}
else{
echo "";
}
?>
<?php
$m=$_GET['m'];
if ($m=='informasi') {
echo "<a
href=\"?m=informasi&sm=aka\" id=\"info\">Persyaratan
echo "<a
href=\"?m=informasi&sm=syarat\" id=\"info\">Persyaratan
Calon Santri</a>";
echo "<a
href=\"?m=informasi&sm=daftar\" id=\"info\">DAFTAR</a>";
}
else{
echo "";
}
?>
<?php
$m=$_GET['m'];
if ($m=='galeri') {
echo "<a
href=\"?m=galeri&sm=tamu\" id=\"prestasi\">Tamu Besar
Pesantren</a>";
echo "<a
href=\"?m=galeri&sm=prestasi\" id=\"prestasi\">Prestasi
echo "<a
href=\"?m=galeri&sm=kegiatan\" id=\"prestasi\">Kegiatan
Santri/ah</a>";
echo "<a
href=\"?m=galeri&sm=fasilitas\" id=\"prestasi\">Fasilitas
Pesantren</a>";
}
else{
echo "";
}
?>
</div>
<div id="kananbawah">
</div>
<div id="bawah">
<center>© 2014 All Right Reserved
</center> </div>
</body>
</html>
<div>
<?php
error_reporting(0);
$m=$_GET['m'];
$sm=$_GET['sm'];
if ($m=='informasi' && $sm=='aka') {
include('akademis.php');
}
elseif ($m=='informasi' &&
$sm=='syarat') {
include('syarat.php');
}
elseif ($m=='informasi' &&
$sm=='daftar') {
include "daftar.php";
}
else{
<center><br><b>PENERIMAAN MURID
BARU</br></br></b></center>
PP MODERN DARUL HIKMAH
TAMAN PENDIDIKAN ISLAM MEDAN
Membuka Pendaftaran untuk
Santri/ah Baru dan juga Pindahan Untuk Tingkat
MTs/SMP dan juga tingkat MA/SMU
dengan persyaratan sebagai
berikut : </br></br></br>
1. Membayar Uang Pendaftaran
</br>
2. Mengisi Formulir Pendaftaran
</br>
3. Membawa Pas Poto Tutup Kepala
(2 x 3 dan 3 x 4 ) masing -
masing 3 Lembar </br>
4. Membawa Foto Copy Raport
</br>
a. Kelas I sampai Kelas VI
b. Kelas VII sampai Kelas
