Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang
1. BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan teknologi informasi berkembang dengan sangat pesat,
merambat ke berbagai sektor dengan kecepatan yang sangat mengagumkan.
Hal ini menyebabkan dekade ini sering disebut sebagai dekade Informasi,
karena informasi memegang peran kunci dalam berbagai bidang. Salah satu
yang sangat berpengaruh sekarang ini salah satunya adalah Aplikasi Web atau
sering dikenal dengan sebutan Website.
Suatu Website atau aplikasi Web adalah suatu aplikasi yang dapat
membentuk halaman-halaman Web berdasarkan permintaan pemakai. Seperti
contohnya adalah;
1. Mesin pencari atau search engine (yahoo, google, dll),
2. Toko online (book pool, amazon, dll),
3. Lelang online (eBay),
4. Situs-situs berita (detikcom, cnn, dll),
5. Layanan akademis perguruan tinggi.
Aplikasi Web juga biasa mencakup permainan interaktif ataupun kelompok
diskusi.
Aplikasi Web merupakan salah satu contoh aplikasi clien/server. Klien
mewakili komputer yang digunakan oleh seseorang pemakai yang hendak
1
2. 2
menggunakan aplikasi, sedangkan server mewakili computer yang
menyediakan layanan aplikasi. Dalam konteks ini, klien dan server
berhubungan melalui Internet ataupun Intranet. Yang menarik, model
klien/server yang menggunakan aplikasi Web dapat melibatkan bermacam-
macam platform.
Ciri khas yang lain pada aplikasi Web, pemakai menggunakan perangkat
lunak yang dinamakan Web browser atau sering disebut browser saja (misalnya
Netscape, Internet Explore, dan Mozila) untuk mengakses aplikasi Web.
Komputer yang bertindak sebagai server umumnya menyediakan database
server, selain Web server yang ditujukan untuk melayani permintaan pemakai
yang hendak mengakses aplikasi Web. Database server adalah server yang
melayani akses terhadap database. Oracel dan MySQL merupakan contoh dari
sekian database server. Adapun contoh Web server yaitu Apache (sangat
terkenal di lingkungan Linux) dan IIS (Internet Information Server), yang
merupakan andalan Microsoft.
Dari hal diatas dapat disimpulkan bahwa pada jaman sekarang ini,
kebutuhan suatu Web Site sudah sangat penting bagi setiap instansi atau suatu
perusahaan baik itu swasta ataupun pemerintahan. Karena Web Site sangat
berpengaruh dalam memberikan suatu informasi kepada masyarakat luas yang
sangat membutuhkan informasi yang serba cepat pada era teknologi informasi
sekarang ini.
3. 3
1.2 Tujuan Kerja Praktek
Mengacu pada kurikulum Akademik, khususnya pada Program Studi
Teknik Informatika STMIK MDP (Multi Data Palembang), tujuan kegiatan
Kerja Praktek adalah :
1. Memenuhi kewajiban melaksanakan mata kuliah Kerja Praktek yaitu
memenuhi persyaratan kurikulum yang ada pada perguruan tinggi kami.
2. Mencari dan mengolah data sebagai bahan yang kami perlukan dalam
penulisan Kerja Praktek ini.
3. Menambah pengetahuan dan pengalaman di bidang Teknik Informatika
dalam penerapannya di lapangan.
4. Mempersiapkan dan mengkondisikan diri sebagai seorang pekerja yang
nantinya diharapkan bisa melaksanakan tugas dengan baik apabila telah
terjun di dunia kerja.
5. Mencoba mengukur seberapa jauh kemampuan penulis dalam membuat
program aplikasi sesuai dengan perkuliahan yang telah ditempuh.
1.3 Pengumpulan Bahan Kerja Praktek
Dalam melaksanakan kerja praktek ini, penulis menggunakan beberapa
macam metode, yaitu metode observasi atau pengamatan dan metode
interview atau wawancara serta metode studi ke sekolah yang bersangkutan,
yaitu;
4. 4
1. Metode Observasi atau Pengamatan
Dalam hal ini penulis langsung terjun ke sekolah yang bersangkutan,
yaitu SMA Arinda Palembang untuk melakukan pengamatan terhadap
data yang ada dan kira-kira apa saja yang dibutuhkan nantinya di dalam
pembuatan program.
2. Metode Interview atau Wawancara
Disini penulis melakukan wawancara langsung dengan pihak-pihak
yang berperana di dalam sekolah tersebut atau dengan pihak pembimbing
kerja praktek yang telah di tunjuk dari pihak sekolah. Dalam hal ini
penulis ingin mengetahui secara langsung keadaan SMA Arinda
Palembang keadaan data, kebutuhan akan bantuan program aplikasi dan
sebagainya. Selain itu penulis juga menjelaskan apa saja yang nantinya
akan dibutuhkan dan dilakukan oleh penulis dalam melakukan kerja
praktek tersebut.
3.Metode Studi Ke Pihak Sekolah.
Yaitu aktivitas mempelajari keterangan atau teori-teori yang
berhubungan dengan data yang akan diolah. Disini penulis mencari
panduan dalam buku bagaimana cara membuat program aplikasi yang
baik yang nantinya dapat digunakan dengan baik dan mempunyai nilai
jual yang tinggi kelak di pasaran software.
5. 5
4.Desain Software
Desain software nantinya akan dibuat dengan mengacu pada data
yang ada di Sekolah yang bersangkutan. Dalam tahap ini penulis
menggunakan software Macromedia Dreamweaver 8 dalam membangun
aplikasi Web, dan software Macromedia Firework 8 dalam pembuatan
tampilan Web. Dan dengan menggunakan bahasa pemrograman PHP.
Sebagai gambaran program aplikasi website ini adalah sebagai berikut :
Gambar 1.1 Rancangan Tampilan website
HEADER
MENU KATA SAMBUTAN
KEPALA SEKOLAH
LOGIN SISWA
PENGUMUMAN MAIN WINDOW
AGENDA
6. 6
1.4 Tempat Dan Waktu
Kegiatan Kerja Praktek ini rencananya akan dilaksanakan selama satu
semester yaitu semester genap tahun ajaran 2010, atau selama bulan maret
2010 sampai Juli 2008. Pelaksanaan Kerja Praktek disini meliputi dua tahap
yaitu pengambilan data dan pengolahan data. Adapun jika tenyata terdapat
perpanjangan waktu dikarenakan program yang belum selesai, maka penulis
akan tetap melakukan Kerja Praktek hingga program tersebut selesai.
1.5 Sistematika Penulisan
Dalam penulisan laporan kerja praktek ini menggunakan sistematika
sebagai berikut :
1.Bab 1 Membahas pendahuluan sebelum melaksanakan Kerja Praktek
2.Bab 2 Membahas tentang landasan teori yang digunakan dalam
melaksanakan Kerja Praktek.
3.Bab 3 membahas metode Kerja Praktek yang digunakan dan
membahas hasil Kerja Praktek yang dikerjakan.
4.Bab 4 Kesimpulan dan Saran.
7. BAB 2
LANDASAN TEORI
2.1 Pengenalan Halaman Web
Halaman web tersusun atas satu atau beberapa komponen baik
dokumen web itu sendiri ataupun komponen penyerta lain. Komponen-
komponen tersebut biasanya dapat langsung ditampilkan oleh browser
(client), tetapi terkadang harus menggunakan program pembantu atau aplikasi
tambahan lain (plug-In).
A. Web Browser
Web browser adalah perangkat lunak (software) di sisi klien yang
digunakan untuk mengakses informasi web, memformat teks dan
menempatkan grafik pada layer. Ada beberapa jenis web browser yang
dipakai sebagai sumber tampilan antara lain : Internet Explorer, Netscape
Navigator, Mozila, Opera, dsb.
Prinsip kerja pengaksesan sebuah halaman web yang berbasisi
HTML adalah sebagai berikut :
a. Browser meminta sebuah halaman kesuatu situs web melalui protokol
http.
b. Web server meminta permintaan.
c. Web server segera mengirimkan dkumen HTML yang diminta ke klien.
d. Browser pada klien akan membaca dan mengartikan dokumen yang
8. 8
diterima.
B. Web Server
Web server adalah server yang melayani permintaan klien terdapat
halaman web seperti apache, IIS (Internet Information Server) dan
berkomunikasi dengan Middleware untuk menterjemahkan kode-kode
tertentu, menjalankan kode-kode tersebut dan memungkinkan berinteraksi
dengan basis data, PHP atau ASP. Adapun arsitektur aplikasi server adalah
sebagai berikut :
a. Browser atau klien berinteraksi dengan web server.
b. Secara internal web server berinteraksi dengan middleware.
c. Middleware yang berhubungan dengan database.
Adapun teknologi yang berjalan di server antara lain : CGI (Common
Gateway Interface), ASP (Aktive Server Page), JSP (Java Server Page)
dan PHP.
2.2 Bahasa Pemrograman PHP
PHP (Personal Home Page Tools) adalah sebuah bahasa scripting
yang dibundel dengan TML, yang berjalan disisi server. Sebagian besar
perintahnya berasal dari bahasa C, Java dan Perl dengan beberapa tambahan
fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web
yang menyajikan HTML yang dinamis dan interaktif dengan cepat dan
mudah, yang di hasilkan server. PHP bisa berinteraksi dengan hampir semua
teknologi web yang sudah ada. Developer bias menulis sebuah program PHP
9. 9
yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat
bermanfaat bagi pemilik situssitus web yang besar dan sibuk, karena pemilik
masih menggunakan aplikasiaplikasi yang sudah terlanjur dibuat dimasa lalu
dengan menggunakan CGI, ISAP atau dengan script seperti Perl, awk atau
Phyton selama proses migrasi ke aplikasi baru yang di buat dengan
menggunakan PHP.
Dengan PHP, developer tidak perlu lagi berurusan dengan dua buah file
yang terpisah seperti pada CGI. Browser web mengacu secara langsung ke
file yang dituju, yang lalu dibaca oleh server sebagaimana file HTML statis
biasa. Bedanya, sebelum dikirim balik ke browser web, server web
memeriksa isi file dan menentukan apakah ada kode didalam file tersebut
yang harus dieksekusi. Bila ada, kode-kode tersebut akan dieksekusi.
Hasilnya akan dimasukkan kedalam dokumen yang sama. Server web bekerja
secara langsung terhadap file yang bersangkutan tidak memanggil script
terpisah seperti pada metode CGI. Seluruh kode di eksekusi di server.
10. 10
Gambar 2.1 Prinsip Kerja PHP dan Apache
PHP membuat proses pengembangan aplikasi menjadi mudah karena
kelebihan-kelebihannya, yaitu :
1. Script ( kode program) terintegrasi dengan file HTML, sehingga
developer bisa berkonsentrasi langsung pada penampilan webnya.
1. Tidak ada proses compiling dan linking.
3.Berorientasi objek (object Oriented).
4.Sintaksis pemrogramannya mudah dipelajari ,sangat menyerupai C dan
Perl. 5. Integrasi yang sangat luas ke berbagai server database. Menulis
web yang terhubung ke data base menjadi sangat sederhana. Database yang
didukung oleh PHP : Oralce, Sybase, mSQL, MySQL, Solid, ODBC,
PostgreSQL, Adabas D, FilePRo, Velocis, Informic, dBase, UNIX dbm.
2.3 Database MySQL
MySQL adalah sebuah sistem manajemen database relasi (relational
database management system) yang bersifat “terbuka” (open source).
11. 11
Terbuka maksudnya adalah MySQL boleh di download oleh siapa saja. Baik
versi kode program aslinya (source code program) maupun versi binernya
(executable program) dan bias dugunakan secara (relatif) gratis baik untuk
dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai suatu
program aplikasi komputer.
MySQL menggunakan bahasa standar SQL (Structure Query
Language) sebagai bahasa interaktif dalam mengolah data. Perintah SQL juga
sering disebut Query. Karena menggunakan bahasa standar yang sama maka
tidak akan menjadi kendala besar bila suatu saat nanti berhubungan dengan
database selain MySQL.
Tentu saja tetap ada perbedaan sintaks bahasa paket program SQL
tersebut. Adapun beberapa kelebihan MySQL adalah sebagai berikut :
1. Kecepatan
Dengan adanya fitur tambahan Query Chacing pada MySQL rilis
4.0 hingga versi diatasnya, kinerja query secara umum akan naik rata-rata
200% dari kinerja biasanya.
2. Open source
Dengan konsep ini siapapun dapat berpartisipasi mengembangkan
MySQL dan hasil penembangan itu diserahkan kepada umum atau kepada
komunitas Open Source.
3. Kapabilitas
MySQL telah digunakan untuk mengelola database dengan jumlah
50 juta record. Bahkan sanggup untuk mengelola 60.000 tabel dengan
12. 12
jumlah baris 5.000.000.000. Mendukung penggunaan index hingga 32
index pertabelnya, sedangkan setiap indexnya terdiri dari 1 hingga 16
kolom kriteria. Informasi ini dapat di peroleh dari manual MySQL yang
didapat di download dari situs MySQL.
4. Konektifitas dan keamanan
MySQL mendukung dan menerapkan sistem keamanan dan ijin
akses tingkat lanjut, termasuk dukungan keamanan dengan pengacakan
lapisan data (SSL transport layer encryption). Bahkan pada MySQL rilis
4.0 hingga versi diatasnya, dapat diterapkan pembatasan penggunaan
sumber daya server berdasarkan penggunaan per user. Adanya tingkatan
user dan jenis akses yang beragam dapat memberikan batasan akses
berdasarkan lokasi pengakses, dan terdapatnya jaminan keamanan pada
MySQL.
5.Fleksibilitas dan Portabilitas
MySQL mendukung peritah-perintah ANSI SQL 99 dan beberapa
perintah database alternative lainnya sehingga mempermudah untuk
beralih dari dan ke MySQL.
6. Lintas platform sistem operasi
MySQL dapat dijalankan pada beberapa sistem operasi yang
berbeda, seperti Linux, Microsoft Windows, FreeBSD, Sun Solaris, Mac
OS, HP-UX, AIX, QNX, Novell Net Ware, SCO Open Unix, SGI Iric, dan
Dec OSF.
13.
14. BAB 3
ANALISA KEBUTUHAN DAN PERANCANGAN PROGRAM
3.1 Analisa Sistem
Berdasarkan hasil pengamatan penulis, penulis memperoleh asumsi
bahwa sistem penyediaan informasi yang ada pada SMA Arinda
Palembang masih bersifat manual yaitu dengan datang langsung ke
sekolah untuk dapat memperoleh informasi, selain itu juga siswa-siswi
SMA Arinda masih harus menggunakan cara manual untuk meperoleh
tentang kegiatan di sekolahnya sendiri. Maka dari itu penulis mencoba
membangun suatu aplikasi website sekolah SMA Arinda Palembang
sebagai media penyedia informasi yang lebih efektif untuk siswa nya atau
untuk user lain yang ingin mendapatkan informasi tentang sekolah SMA
Arinda ini.
3.2 Perancangan Program
Dengan tetap berorientasi pada prosedur dan sistem kerja yang
telah ada sebelumnya, maka penulis berupaya menampilkan, merancang
dan membuat suatu website sekolah khusus yang juga dapat membantu
sekolah dengan fungsinya sebagai media sosialisasi dan promosi sekolah.
Sebagai langkah awal, penulis mengumpulkan berbagai data dan informasi
yang dibutuhkan melalui wawancara dengan kepala sekolah dan dengan
15. 15
mengumpulkan informasi berupa data – data dari tata usaha.
Selain itu, penulis juga telah melakukan observasi di SMA Arinda
Palembang serta mengambil beberapa foto yang dibutuhkan demi
merancang suatu website yang menarik dan bermutu. Dasar yang menjadi
acuan dalam perancangan website sekolah SMA Arinda Palembang ini
adalah sesuai dengan sistem informasi serta data-data yang terdapat di
Sekolah tersebut yaitu pada tampilan awalnya sebuah website
menampilkan karakteristik sekolah secara garis besar.
Penulis juga memberikan account user kepada siswa/siswi SMA
Arinda Palembang yang akan mengakses website ini dengan menyediakan
login siswa yang dapat menampilkan nilai dan data pribadi siswa pada
website, adapun yang diharapkan penulis dengan adanya website sekolah
ini yaitu dengan adanya website tersebut dapat menjadi media
penyampaian informasi yang optimal, jelas dan menyeluruh baik tentang
informasi sekolah dan nilai. Selain itu semua, website ini juga diharapkan
dapat memberikan informasi mengenai berita dan kegiatan – kegiatan yang
akan diadakan di sekolah sehingga orang tua dapat mengetahui aktivitas
yang akan dilakukan anaknya selama berada di sekolah.
3.2.1 Prosedur dan Kelebihan Program yang Diusulkan
Adapun kelebihan dari website sekolah ini dapat
dimanfaatkan dan digunakan oleh semua pihak serta dapat
memberikan warna baru dalam kehidupan dunia pendidikan
sekolah khususnya dalam penerapan ilmu pengetahuan dan
16. 16
teknologi. Kelebihan dari rancangan website yang diusulkan antara
lain merupakan salah satu metode promosi sekolah yang praktis,
memberikan laporan nilai siswa secara up-to-date setiap
semesternya, memberikan informasi untuk umum tentang berbagai
aktivitas yang dilaksanakan sekolah, baik yang telah diadakan
maupun untuk yang akan datang, siswa/i akan lebih maju
selangkah kedepan dengan adanya website sebagai media informasi
baik informasi tentang sekolah, sistem tampilan nilai melalui
jaringan internet.
3.2.2 Flowchart Program yang Diusulkan
Untuk membuat suatu website sekolah SMA Arinda
Palembang ini, sangat diperlukan adanya pembuataan flowchart
agar tidak terjadi kesalahan dalam melakukan desain dan tampilan
secara umum sehingga pengguna (user) dapat memanfaatkan dan
menggunakan website ini secara lebih mudah dan efisien. Selain
dari pada itu, flowchart program ini dapat dijadikan sebagai bagan
alir sistem setiap kejadian yang dilakukan oleh user dan admin.
Berikut ini merupakan flowchart yang terdapat pada website SMA
Arinda Palembang.
17. 17
3.2.2.1.1 Flowchart Tampilan Awal Program
Flowchart tampilan awal program ini
menjelaskan tentang urutan tampilan awal website
SMA Arinda Palembang. Isi dari tampilan ini adalah
Home, Profil Sekolah, Visi Misi, Struktur Organisasi,
Data Guru, Data Siswa, Prestasi, Fasilitas, Galeri dan
buku tamu.
18. 18
Mulai
Halaman
Utama
Host : Localhost
DB : smaarinda
Koneksi DB
Pilih DB (smaarinda)
Input
Pilihan
Tampil
Pilih = Home Y Halaman
Home
T
Pilih = Profil Y Tampil
Profil
T
Tampil Visi
Pilih = visi dan Y
dan Misi
misa
T
Tampil
Pilih = struktur Y struktur
organisasi organisasi
T
Tampil Data
Pilih = Data Guru Y Guru
T
Tampil Data
Pilih = Data Siswa Y
Siswa
T
Pilih = Prestasi Y Tampil
Prestasi
T
Tampil
Pilih = Failitas Y
Prestasi
T
Tampil
Pilih = Galeri Y
Prestasi
T
Tampil
Pilih = Buku Tamu
T Y Buku Tamu
T
T
Masukkan
Tampil nilai
=
Pilih = Login Y Tampil login dan data Logout
user,pass,
pribadi
kls
T Y
Selesai
Gambar 3.2 Flowchart Tampilan Awal Program
19. 19
3.2.2.1.2 Flowchart Tampilan Halaman Admin
Flowchart Tampilan Halaman Admin
menjelaskan tentang urutan dari menu admin yang
halamannya dibuat terpisah dari halaman utama website
SMA Arinda Palembang.
Mulai
Halaman Utama
Host : localhost
DB : smaarinda
Koneksi DB
Pilih DB (smaarinda)
Y Masukkan = Y Halaman
Pilihan = login login
user, pass Admin
T T
Selesai
Gambar 3.3 Flowchart Tampilan Halaman Menu Utama Admin
20. 20
MULAI
Halaman Utama
Host : localhost
DB : smaarinda
Koneksi DB
Pilih DB smarinda
Input Pilihan 1
Y
Menu Admin
Home
“Home Admin”
T
Y
Menu Admin Tampil Halaman
Prestasi
“Prestasi” Edit Prestasi
T
Y
Menu Admin Tampil Halaman
Fasilitas
“Fasilitas” Edit Fasilitas
T
Y
Menu Admin Tampil Halaman
Galeri
“Galeri” Edit Galeri
T
Y
Menu Admin Tampil Halaman
Buku Tamu
“Buku Tamu” Edit Buku Tamu
T
Y
Menu Admin Tampil Halaman
Agenda
“Agenda” Edit Agenda
2
T
Gambar 3.4.b Flowchart Tampilan Halaman Menu Admin
21. 21
2
Y Tampil Halaman
Menu Admin
Pengumuman Edit
“Pengumuman”
Pengumuman
T
Y
Menu Admin Tampil Halaman
Berita
“ Berita” Edit Berita
T
Y
Menu Admin Tampil Halaman
Data Guru
“Data Guru” Edit Data Guru
T
Y
22. 22
2
Y Tampil Halaman
Menu Admin
Pengumuman Edit
“Pengumuman”
Pengumuman
T
Y
Menu Admin Tampil Halaman
Berita
“ Berita” Edit Berita
T
Y
Menu Admin Tampil Halaman
Data Guru
“Data Guru” Edit Data Guru
T
Y
Menu Admin Tampil Halaman
Data Siswa
“Data Siswa” Edit Data Siswa
T
Y
Menu Admin Tampil Halaman
Kelas
“Kelas” Edit Kelas
T
Y
Menu Admin Tampil Halaman
Nilai Siswa
“Nilai Siswa Edit Nilai Siswa
T
Y
Menu Admin Tampil Halaman
User
“User” Edit User Admin
T
Logout 1
Y
SELESAI
Gambar 3.4.b Flowchart Tampilan Halaman Menu Admin
23. 23
3.2.3 Use Case Program yang Diusulkan
Home
Profil Sekolah
Visi dan Misi
Struktur
Organisasi
admin
Data Guru
Data Siswa
Prestasi
User
Fasilitas
Galeri
Buku Tamu
Nilai Siswa
Login Siswa
Data Siswa
Edit Nilai
Edit Data
Siswa Login Admin
Edit User
Admin
Edit Berita
Edit
Pengumuman
Gambar 3.5 Use Case Program yang Diusulkan
Tabel 3.1 Glosarium Use Case
24. 24
No Nama Use Deskripsi Aktor
Case
1 Login Use Case ini digunakan untuk Administrator dan
kejadian yang terjadi ketika actor Siswa
mengakses menu login
2 Input Data Use Case ini digunakan untuk Administrator
Siswa kejadian yang terjadi ketika
admin ingin mendinput data
siswa
3 Input Nilai Use Case ini digunakan untuk Administrator
kejadian yang terjadi ketika
admin ingin meng-input nilai
siswa
4 Home Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Siswa.
ingin melihat tampilan awal
website
5 Visi,Misi dan Use Case ini digunakan untuk Administrator,
Tujuan kejadian yang terjadi ketika actor Guru, Siswa,
ingin melihat tampilan halaman User
visi dan misi
6 Data Guru Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Siswa.
ingin melihat tampilan halaman
Data Guru
7 Data Siswa Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Siswa.
25. 25
ingin melihat tampilan halaman
Data Siswa
8 Fasilitas Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Guru, Siswa,
ingin melihat tampilan halaman User
fasilitas
9 Galeri Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Siswa,
ingin melihat tampilan halaman
Galeri
10 Buku Tamu Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Siswa.
ingin melihat tampilan halaman
Buku Tamu
11 Nilai Use Case ini digunakan untuk Administrator,
kejadian yang terjadi ketika actor Guru dan Siswa,
ingin melihat tampilan halaman
nilai siswa
12 Agenda Use Case ini digunakan ketika Administator, user.
actor ingin melihat halaman
agenda.
3.2.4 Tampilan Menu
3.2.4.1 Rancangan Tampilan Program
3.2.4.1.1 State Transition Diagram Halaman Utama
Halaman Utama ini merupakan muka
26. 26
awal dari tampilan sistem. Pada saat user
memasuki halaman utama, yang mana disana
akan di tampilkan informasi umum
mengenai sekolah SMP Arinda Palembang.
Berikut adalah gambar diagram STD
(State Transision Diagram) halaman utama,
yakni :
Pilih Home
HOME
Tampil Halaman Home
Pilih Profil
PROFIL SEKOLAH
Tampil Halaman Profil
Pilih Visi Misi
VISI DAN MISI
Tampil Halaman Visi Misi
Pilih Struktur Organisasi STRUKTUR
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
HOME DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil Halaman Prestasi
Pilih Buku Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.6 STD Tampilan Utama
27. 27
Pilih Home
HOME
Tampil Halaman Profil
Pilih Visi Misi
VISI DAN MISI
Tampil Halaman Visi Misi
Pilih Struktur Organisasi STRUKTUR
Tampil Halaman Struktur Organisasi ORGANISASI
PROFIL Pilih Data Guru
DATA GURU
SEKOLAH Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil Halaman Prestasi
Pilih Fasilitas
FASILITAS
Tampil HalamanFasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Agenda Sekolah
LOGIN SISWA
Tampil Halaman Agenda Sekolah
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.7 STD Tampilan Profil Sekolah
28. 28
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Struktur Organisasi STRUKTUR
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
VISI DAN MISI DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman data siswa
Pilih Prestasi
PRESTASI
Tampil HalamanPrestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.8 STD Tampilan Profil Visi dan Misi
29. 29
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
STRUKTUR Pilih Data Guru
DATA GURU
ORGANISASI Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil HalamanPrestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.9 STD Tampilan Struktur Organisasi
30. 30
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Data Guru
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil HalamanPrestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.10 STD Tampilan Data Guru
31. 31
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Data Siswa
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
DATA GURU
Tampil Halaman Data Guru
Pilih Prestasi
PRESTASI
Tampil HalamanPrestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.11 STD Tampilan Data Siswa
32. 32
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Prestasi
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.12 STD Tampilan Prestasi
33. 33
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Fasilitas
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil Halaman Prestasi
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.13 STD Tampilan Data Fasilitas
34. 34
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Galeri
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil Halaman Prestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Buku Tamu
BUKU TAMU
Tampil Halaman Buku Tamu
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.14 STD Tampilan Data Galeri
35. 35
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Buku Tamu
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil Halaman Prestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.15 STD Tampilan Data Buku Tamu
36. 36
Pilih Home
HOME
Tampil Halaman Profil
Pilih Profil sekolah
PROFIL SEKOLAH
Tampil Halaman Profil Sekolah
Pilih Visi dan Misi
VISI dan MISI
Tampil Halaman Visi dan Misi
Pilih Struktur Organisasi STRUKTUR
Login SIswa
Tampil Halaman Struktur Organisasi ORGANISASI
Pilih Data Guru
DATA GURU
Tampil Halaman Data Guru
Pilih Data Siswa
DATA SISWA
Tampil Halaman Data Siswa
Pilih Prestasi
PRESTASI
Tampil Halaman Prestasi
Pilih Fasilitas
FASILITAS
Tampil Halaman Fasilitas
Pilih Galeri
GALERI
Tampil Halaman Galeri
Pilih Login Siswa
LOGIN SISWA
Tampil Halaman Login Siswa
Pilih Pengumuman
PENGUMUMAN
Tampil Halaman Pengumuman
Pilih Agenda Sekolah
AGENDA SEKOLAH
Tampil Halaman Agenda Sekolah
Pilih Home
Tampil Halaman Home
Gambar 3.16 STD Tampilan Data Buku Tamu
37. 37
3.2.4.2 Penjelasan Tampilan Menu
Berikut ini akan dijelaskan tentang penjelasan
tampilan menu website pada setiap halaman.
3.2.4.2.1 Menu Utama untuk Pengunjung.
Untuk pengujung di sediakan beberapa
menu, seperti menu profile, berita, agenda,
pengumuman, fasilitas, galeri, data siswa,
prestasi sekolah, dan buku tamu. Dan ada
beberapa tambahan fasilitas menu yaitu
pencarian berita, berita terpopuler, berita
sebelumnya, banner, dan pencarian data.
Untuk tampilannya seperti pada Gambar 3.17.
38. 38
Gambar 3.17 Menu Pengunjung
Pada halaman depan atau halaman utama
pengunjung, menampilkan tiga berita terbaru. Jika
pengunjung pilih link akan terlihat seperti pada
Gambar 3.18 pada salah satu berita tersebut akan
masuk ke halaman detail berita tersebut yaitu
Gambar 3.19.
40. 40
Pada menu sebelah kiri selain terdapat menu utama juga
terdapat fasilitas pencarian berita, berita terpopuler, dan banner.
Untuk berita terpopuler, ditampilkan berdasarkan banyaknya
berita tersebut dikunjungi oleh pengunjung. Di sebelah kanan
judul berita terpopuler terdapat counter atau dapat juga disebut
sebagai jumlah berapa kali berita tersebut di kunjungi oleh
pengunjung website. Sedangkan banner sendiri dapat juga disebut
sebagai tempat penyimpanan alamat website lain yang jika di klik
maka akan langsung ke alamat website yang tertera pada banner
tersebut seperti pada Gambar 3.20.
42. 42
3.2.4.2.2 Menu Administrator.
Untuk administrator memiliki hak akses penuh
atas seluruh menu atau modul. Dan untuk mengaksesnya
administrator diharuskan melakukan login terlebih
dahulu dengan memasukkan username dan password.
Gambar 3.21 Tampilan Halam Login untuk Admin
Jika username dan password tidak sesuai dengan data
pada database, maka database akan malakukan konfirmasi
bahwa login gagal.
43. 43
Gambar 3.22 Konfirmasi Login Gagal
Setelah admin memasukkan username dan
password dengan benar sesuai dengan database, maka
admin akan masuk ke halaman utama menu administrator.
Pada halaman tersebut admin dapat mengola semua menu
yang tersedia seperti pada Gambar 3.23.
Gambar 3.23 Halaman Menu atau Modul Admin
44. 44
3.2.4.2.3 Pembahasan menu data editor website.
Rancangan halaman tambah data editor website :
Gambar 3.24 Halaman Tambah Data Editor Website
Rancangan halaman data editor website :
Gambar 3.25 Halaman Data Editor Website
Rancangan halaman edit data editor website
Gambar 3.26 Rancangan Halaman Edit Data Editor Website
Rancangan halaman hasil perubahan data editor setelah
melakukan pengeditan data.
45. 45
Gambar 3.27 Hasil Perubahan Data Editor
Untuk menghapus data editor website, pada halaman
data editor webSITE seperti pada Gambar 3.27, jika klik
link hapus, misalnya untuk data nomor 1, maka data
tersebut akan terhapus dari daftar editor.
3.2.4.2.4 Pembahasan Menu Berita untuk Administrator.
Untuk melakukan penambahan berita, admin harus
klik tombol tambah berita. Setelah itu admin akan masuk
ke halaman untuk tambah data berita seperti pada
Gambar 3.28.
46. 46
Gambar 3.28 Rancangan Halaman Admin Tambah Data Berita
Setelah admin melakukan klik tombol tambah berita dan
mengisikan datadatanya, kemudian kilk tombol simpan seperti
pada gambar diatas, maka hasil dari penambahan data berita dapat
dilihat pada halaman data berita seperti pada Gambar 3.29.
47. 47
Gambar 3.29 Rancangan Halaman Admin Data Berita
Untuk memastikan masuk tidak-nya berita tersebut masuk
ke database dengan benar, dapat dilakukan dengan masuk ke
halaman awal website seperti pada Gambar 3.30.
Gambar 3.30 Tampilan Berita Baru pada Halaman Awal Website
Pada Gambar 3.31 dapat diketahui bahwa data berita yang
baru telah berhasil diupload dan dapat masuk ke dalam database dan
juga dapat tampil di halaman website. Dan tertera hari dan tanggal
48. 48
saat berita tersebut di upload dan juga tertera nama penulis atau
pengirim dari berita tersebut. Pada Gambar 3.31 menyatakan bahwa
berita tersebut ditulis oleh administrator.
Untuk melakukan edit data berita silahkan klik tombol edit,
sehingga akan masuk ke halaman edit data berita seperti pada
Gambar 3.32. Setelah merubah beberapa data berita yang diinginkan,
kemudian klik tombol Update, maka hasil perubahan datanya akan
langsung ditampilkan di halaman data berita seperti pada Gambar
3.33.
Gambar 3.32 Tampilan Halaman Edit Data Berita
49. 49
Gambar 3.33 Hasil Edit Data Berita Admin
Hasil edit berita terlihat sepert pada Gambar 3.32. Untuk
menghapus data berita caranya hampir sama dengan menghapus data
editor, cukup dengan klik tombol hapus pada halaman data berita.
3.2.4.2.5 Pembahasan Manajemen Modul website.
Pada aplikasi website ini terdiri dari beberapa
modul yang dapat di akses oleh administrator dan editor
website. Khusus untuk administrator, dapat mengelola
seluruh modul yang tersedia pada aplikasi website ini.
Sedangkan untuk editor website hanya dapat mengelola
beberapa modul, dengan catatan modul tersebut di
ijinkan atau di aktifkan oleh pihak administrator. Ada
50. 50
beberapa modul yang khusus hanya dapat diakses oleh
pihak administrator dalam artian, modul tersebut tidak
dapat diaktifkan untuk pihak editor.
Beberapa modul yang dapat di akses oleh pihak
editor, dengan catatan modul tersebut sudah di aktifkan
atau di ijinkan oleh pihak administrator agar pihak
editor dapat mengelolanya terdiri dari :
1. Profile Sekolah.
2. Visi dan Misi.
3. Struktur organisasi.
4. Data guru.
5. Data siswa.
6. Fasilitas
7. Galeri.
8. Pengumuman
9. Agenda Sekolah
Untuk mengedit modul website silahkan klik
tombol edit pada salah satu satu modul yang akan di
edit. Sehingga akan tampil ke halaman edit modul.
Untuk data modul terdiri dari beberapa field yaitu :
1. Nama modul.
Digunakan sebagai identitas dari modul itu sendiri.
51. 51
2. Publish.
Publish digunakan untuk menampilkan modul
ke halaman webs ite pengunjung. Terdiri dari dua
pilihan yaitu “Y”, ( seperti pada Gambar 3.34 )
Gambar 3.34 Modul Ditampilkan
Untuk menyatakan bahwa modul tersebut
ditampilkan ke halaman webs ite pengunjung ( seperti
pada Gambar 3.35 ), sedangkan untuk “N” (seperti pada
Gambar 3.36) menyatakan bahwa modul tersebut tidak
ditampilkan ke halaman website pengunjung ( seperti
pada Gambar 3.37 ).
52. 52
Gambar 3.35 Modul Pengumuman Tampil pada website
Gambar 3.36 Modul Tidak Tampilkan
53. 53
Gambar 3.37 Modul Pengumuman Tidak Tampil pada Website
3.4.3.2.6 Form Login Siswa
Pada halaman ini user dapat melihat tampilan
login, karena login ini hanya dibuat untuk para siswa/i yang
telah resmi menjadi siswa/i SMA ARINDA Palembang,
yang mana di dengan login para siswa/i dapat melihat nilai
dan data pribadi.
Gambar 3.38 Login Siswa
56. 56
Gambar 3.41 Tampilan Data Pribadi Siswa
3.4.3.2.7 Form Tampilan Data Guru
Pada tampilan ini data guru hanya bisa
ditampilkan saja tanpa adanya interaksi langsung dari
guru yang bersangkutan dan untuk melakukan
pencarian data guru secara cepat dan efektif kami
menyediakan link search dengan memasukkan nama
guru atau huruf depanya saja.
57. 57
Gambar 3.42 Tampilan Data Kepala Sekolah Dan Guru
Gambar 3.43 Tampilan Penggunaan Search
3.4.3.2.8 Form Fasilitas
Pada tampilan ini kami hanya menampilkan
photo – photo fasilitas yang dimiliki SMA ARINDA
PALEMBANG.
58. 58
Gambar 3.44 Tampilan Fasilitas
3.4.3.2.9 Form Tampilan Buku Tamu
Pada tampilan ini kami membuat agar tamu
bisa melakukan interaksi langsung kepada SMA ARINDA
PALEMBANG dimana tamu bisa mengirim pesan secara
langsung dan terpublikasi kesemua pengguna.
59. 59
Gambar 3.45 Tampilan Buku Tamu
3.4.3.2.10 Form Profil Sekolah
60. 60
Pada tampilan ini kami menampilkan tentang profil
sekolah, yaitu mengenai data – data sekolah beserta sarana
dan prasarananya
Gambar 3.46 Tampilan Profil Sekolah
3.2.4.3 Spesifikasi Tabel yang Tersedia pada Database
61. 61
Struktur database dari apilkasi web SMA Arinda
Palembang terdiri dari beberapa table berikut
+ Tabel User
Untuk menyimpan data user, yang terdiri dari dua
level yaitu: user admin dan user anggota.
Tabel 3.2 User
Field Type Field Null Keterangan
Id _user tinyint(4) No Nomor id user (auto increment)
Username Varchar (10) No User
Password Varchar (10) No Password
+ Tabel Profile Sekolah
Untuk menyimpan data profile sekolah.
Tabel 3.3 Profile Sekolah
Field Type Field Null Keterangan
Nomor id profile sekolah (auto
Id_prof Int (5) No
Id_user Varchar (50) No increment)
Nama identitas user
Isi_prof Text No Detail isi profile sekolah
Gambar Varchar (100) No Gambar profile sekolah
+ Tabel Guru
Untuk menyimpan data profile.
Tabel 3.4 Guru
Field Type Field Null Keterangan
Id_guru Int (5) No Nomor id guru (auto increment)
Nama Varchar (100) No Nama guru
Jenis kelamin Enum(‘L’,’P’) No Jenis Kelamin
Alamat Varchar (100) No Alamat Guru
Telpon Varchar (100) No Telepon
62. 62
Bidang Studi Varchar (20) No Mata pelajaran yang dibidangi
Jabatan Varchar (100) No Status jabatan
Mulai mengajar Varchar (50) No Waktu mengajar
+ Tabel Agenda
Untuk menyimpan data agenda sekolah.
Tabel 3.5 Agenda
Field Type Field Null Keterangan
Nomor urut / id agenda ( Auto)
Id _ agenda Int (5) No
Tema Varchar (100) No ))increment)
Tema agenda
Isi_agenda Text No Isi / penjelasan agenda
Tempat Varchar (100) No Tempat kegiatan
Tgl_mulai Date No Tanggal awal menjabat
Tgl_selesai Date No Tanggal selesai menjabat
Tgl_posting Date No Tanggal user posting ke website
Waktu Varchar (50) No Waktu pelaksanaan agenda
Publish Enum (‘Y’,’T’) No Waktu agenda
+ Table Pengumuman
Untuk menyimpan data pengumuman
sekolah.
Tabel 3.6 Pengumuman Sekolah
Field Type Field Null Keterangan
Nomor id pengumuman
Id_pengumuman Int (5) No
Judul Varchar (100) No (auto increment)
Judul pengumuman
Isi Text No Detail isi pengumuman
Tanggal Date No Tanggal pengumuman
Tgl_posting Date No Tanggal user posting
Id_user Varchar (50) No Nama identitas user
+ Tabel Berita
63. 63
Untuk menyimpan data Berita sekolah.
Tabel 3.7 Berita
Field Type Field Null Keterangan
Nomor id berita
Id _ berita Int (5) No
Id_Posting Int (5) No (auto increment) berita
Nomor id kategori
Judul Varchar (50) No Judul berita
Isi1 Mediumtext No Isi berita
Isi2 Text No Isi detail berita
Gambar Varchar (50) No Gambar berita
Publish Enum (‘Y’,’T’) No Hari user posting
Tanggal Date No Tanggal user posting
+ Tabel Fasilitas
Untuk menyimpan data fasilitas sekolah.
Tabel 3.8 Fasilitas
Field Type Field Null Keterangan
Nomor id fasilitas
Id _ fasilitas Int (5) No
Nama Varchar (100) No (auto increment)
Nama fasilitas
Gambar Varchar (100) No Gambar fasilitas
Keterangan Text No Detail fasilitas
+ Tabel Galeri
Untuk menyimpan data galeri sekolah.
Tabel 3.9 Galeri
Field Type Field Null Keterangan
Nomor id galeri
Id _ galeri Int (11) No
Nama Varchar (100) No (auto )increment)
Nama galeri
Gambar Varchar (100) No Gambar galeri
+ Tabel Data Guru
64. 64
Untuk menyimpan data guru sekolah.
Tabel 3.10 Data Guru
Field Type Field Null Keterangan
Id_guru Int (9) No Nomor id guru (auto increment)
Nama Varchar (50) No Nama Guru
Jenis Kelamin Varchar (50) No Jenis Kelamin
Alamat Varchar (100) No Alamat Guru
Telpn Varchar (20) N No Telepon Guru
Bidang_Studi Varchar (20) N Mata Pelajaran dibidangi
Jabatan Varchar (20) o
N Status Jabatan
Mulai_mengajar Varchar (100) o
N Jadwal mulai mengajar
o
o
+ Tabel Data Siswa
Untuk menyimpan data siswa
sekolah.
Tabel 3.11 Siswa
Field Type Field Null Keterangan
Nomor id siswa
Id _ siswa Int (11) No
(auto increment)
Nis Varchar (10) No No Induk Siswa
Nama_siswa Varchar (10) No Nama siswa
Tempat_lahir date No Tempat Lahir
Tanggal Lahir Varchar (10) No Tanggal Lahir
Jenis_Kelamin Enum(‘L’,’P’) No Jenis Kelamin
Agama Varchar (10) No Agama
Alamat Varchar (10) No Alamat siswa
Kelas Varchar (10) No Kelas ditempatkan
Asal_Sekolah Varchar (10) No Asal sekolah
Alamat_Sekolah Varchar (50) No Alamat sekolah sebelumnya
Telp Varchar (10) No Telepon siswa
Pwd Varchar (10) No Pwd
+ Tabel Prestasi
65. 65
Untuk menyimpan data prestasi
sekolah
Tabel 3.12 Prestasi
Field Type Field Null Keterangan
Nomor id prestasi
Idjrestasi Int (5) No
Juara Varchar (50) No (auto increment)
Peringkat juara
Kegiatan Varchar(100) No Nama kegiatan
Pelaksana Varchar (4) No Pelaksana
Tahun Varchar(50) No Tahun Pelaksanaan
3.2.4.4 Implementasi
Sistem yang diwujudkan dalam situs web ini akan
diimplementasikan dengan cara melakukan hosting situs web.
Hosting akan dilakukan oleh pihak sekolah. Dengan demikian
website sekolah ini yang lebih fokus ke pendaftaran secara online
dapat dikunjungi oleh siapapun, kapanpun, dan dimanapun.
Perusahaan hanya perlu menyiapkan perangkat keras dan
perangkat lunak untuk kebutuhan pembaharuan situs web.
Disamping itu juga diperlukan koneksi internet agar komputer yang
digunakan dapat menggugah (upload) data yang akan digunakan ke
server hosting.
1. Perangkat keras
Perangkat keras yang dibutuhkan oleh admin untuk
memperbaharui isi web adalah perangkat komputer dengan
prosesor intel Pentium Dual core 2 GHz, harddisk SATA 160
GB, dan RAM 1 GB. Selain itu dibutuhkan juga perangkat
66. 66
modem yang menhubungkannya dengan internet.
2. Perangkat lunak
Komputer yang digunakan oleh admin akan memerlukan
beberapa perangkat lunak. Perangkat lunak yang diperlukan
meliputi : sistem operasi Windows XP, Macromedia
Dreamweaver 8, MySQL, Mozilla Firefox, dan Apache web
server 2.2.
Server web (XAMPP) lokal juga diperlukan untuk melakukan
pemeriksaan dan pengujian sebelum isi web didaftarkan ke
server hosting. Server basis data juga perlu dipasang pada
komputer untuk kebutuhan yang sama.
BAB 4
67. 67
KESIMPULAN DAN SARAN
4.1 Kesimpulan
Berdasarkan hasil kerja praktek yang penulis kerjakan selama beberapa
bulan di SMA Arinda Palembang, dengan mengambil judul aplikasi Jaringan
pembantu sistem informasi berbasis website SMA ARINDA PALEMBANG
ini. Diharapkan dapat membantu pihak sekolah dalam memberikan informasi
sekilas tentang SMA ARINDA PALEMBANG kepada masyarakat melalui
teknologi internet.
Dan juga dapat membantu masyarakat dalam mempermudah memperoleh
informasi SMA ARINDA PALEMBANG tanpa harus datang ke lokasi
sekolah. Dan juga untuk menghadapi era informasi yang serba cepat sekarang
ini, baik dalam memberikan informasi atau memperoleh informasi, sebuah
instansi milik swasta atau milik pemerintahan dituntut memiliki sebuah
fasilitas atau media yang dapat digunakan dalam penyampaian informasi
secara cepat, salah satunya adalah melalui aplikasi website yang berbasiskan
teknologi informasi ini.
4.2 Saran
68. 68
Penulis menyadari masih terdapat kekurangan-kekurangan dalam aplikasi
yang penulis buat ini, salah satunya adalah dalam penggunaan skrip bahasa
pemrograman php yang penulis gunakan ini. Untuk membangun suatu
aplikasi website yang layak untuk ditampilkan kepada masyarakat umum
harus melihat dari tujuan atau kebutuhan dari pembuatan website itu sendiri.
Sehingga dalam pembuatan website janganlah berpatokan pada satu bahasa
pemrograman saja. Oleh karena itu agar dapat menghasilkan aplikasi website
yang maksimal, alangkah baiknya jika dalam pembuatannya tidak berpatokan
pada satu bahasa pemrograman saja. Dan juga jangan pantang menyerah
dalam membuatt sebuah aplikasi website, dan jangan malu untuk bertanya
kepada yang lebih ahli. Semoga hasil kerja praktek ini dapat bermanfaat bagi
rekan-rekan adik kelas dan pembaca.
Akhir kata, penulis ucapkan terima kasih kepada bapak dosen
pembimbing lapangan maupun dosen pembimbing tertulis yang dengan setia
telah bersedia membantu dan membimbing penulis, sehingga penulis dapat
menyelesaikan kerja praktek ini.
69. 69
DAFTAR PUSTAKA
Hakim, Lukmanul 2008, Membongkar Trik Rahasia Para Master PHP,
Lokomedia, Yogyakarta.
Komputer, Wahana 2006, Panduan Praktis Pengolahan Database dengan
MySQL, Andi Offset Yogyakarta.
Kurniawan, Rulianto 2007, CMS dan Forum untuk Orang Awam,Maxicom,
Palembang.
Kronke, David M 2004, Database Processing, Erlangga, Jakarta.
Mohamad, Sukarno 2006, Sistem cepat menguasai php, Media Press, Jakarta.