Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang

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

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

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

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

4. Desain Software

HEADERMENU KATA SAMBUTAN

KEPALA SEKOLAHLOGIN SISWA

MAIN WINDOWPENGUMUMANAGENDADesain 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

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

1. Bab 2 Membahas tentang landasan teori yang digunakan dalam

melaksanakan Kerja Praktek.

2. Bab 3 membahas metode Kerja Praktek yang digunakan dan

membahas hasil Kerja Praktek yang dikerjakan.

3. Bab 4 Kesimpulan dan Saran.

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

diterima.

7

8

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

yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat

9

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.

Gambar 2.1 Prinsip Kerja PHP dan Apache

10

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).

3. 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).

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

11

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

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

12

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.

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

14

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

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

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

Gambar 3.2 Flowchart Tampilan Awal Program

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.

Gambar 3.3 Flowchart Tampilan Halaman Menu Utama Admin

20

Gambar 3.4.b Flowchart Tampilan Halaman Menu Admin

21

Gambar 3.4.b Flowchart Tampilan Halaman Menu Admin

22

3.2.3 Use Case Program yang Diusulkan

Gambar 3.5 Use Case Program yang Diusulkan

23

Tabel 3.1 Glosarium Use Case

No Nama Use

Case

Deskripsi Aktor

1 Login Use Case ini digunakan untuk

kejadian yang terjadi ketika actor

mengakses menu login

Administrator dan

Siswa

2 Input Data

Siswa

Use Case ini digunakan untuk

kejadian yang terjadi ketika

admin ingin mendinput data

siswa

Administrator

3 Input Nilai Use Case ini digunakan untuk

kejadian yang terjadi ketika

admin ingin meng-input nilai

siswa

Administrator

4 Home Use Case ini digunakan untuk


ingin melihat tampilan awal

website

Administrator,

Siswa.

5 Visi,Misi dan

Tujuan

Use Case ini digunakan untuk


ingin melihat tampilan halaman

visi dan misi

Administrator,

Guru, Siswa,

User

6 Data Guru Use Case ini digunakan untuk


Administrator,

24


Data Guru

Siswa.

7 Data Siswa Use Case ini digunakan untuk



Data Siswa

Administrator,

Siswa.

8 Fasilitas Use Case ini digunakan untuk



fasilitas

Administrator,

Guru, Siswa,

User

9 Galeri Use Case ini digunakan untuk



Galeri

Administrator,

Siswa,

10 Buku Tamu Use Case ini digunakan untuk



Buku Tamu

Administrator,

Siswa.

11 Nilai Use Case ini digunakan untuk



nilai siswa

Administrator,

Guru dan Siswa,

12 Agenda Use Case ini digunakan ketika

actor ingin melihat halaman

Administator, user.

25

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

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 :

26

Gambar 3.6 STD Tampilan Utama

27

Gambar 3.7 STD Tampilan Profil Sekolah

28

Gambar 3.8 STD Tampilan Profil Visi dan Misi

29

Gambar 3.9 STD Tampilan Struktur Organisasi

30

Gambar 3.10 STD Tampilan Data Guru

31

Gambar 3.11 STD Tampilan Data Siswa

32

Gambar 3.12 STD Tampilan Prestasi

33

Gambar 3.13 STD Tampilan Data Fasilitas

34

Gambar 3.14 STD Tampilan Data Galeri

35

Gambar 3.15 STD Tampilan Data Buku Tamu

36

Gambar 3.16 STD Tampilan Data Buku Tamu

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

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.

39

Gambar 3.18 Berita Terbaru

Gambar 3.19 Detail Berita

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.

41

Gambar 3.20 Menu Kiri Pengunjung

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

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

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

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

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

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

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

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

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

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

Gambar 3.35 Modul Pengumuman Tampil pada website

Gambar 3.36 Modul Tidak Tampilkan

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

54

Gambar 3.39 Tampilan Setelah Login Siswa

55

Gambar 3.40 Tampilan Nilai Siswa

Gambar 3.41 Tampilan Data Pribadi Siswa

3.4.3.2.7 Form Tampilan Data Guru

56

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.

Gambar 3.42 Tampilan Data Kepala Sekolah Dan Guru

Gambar 3.43 Tampilan Penggunaan Search

3.4.3.2.8 Form Fasilitas

57

Pada tampilan ini kami hanya menampilkan

photo – photo fasilitas yang dimiliki SMA

ARINDA PALEMBANG.

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.

58

Gambar 3.45 Tampilan Buku Tamu

3.4.3.2.10 Form Profil Sekolah

59

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

60

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 KeteranganId _user tinyint(4) No Nomor id user (auto increment)

Username Varchar (10) No UserPassword Varchar (10) No Password

+ Tabel Profile Sekolah

Untuk menyimpan data profile sekolah.

Tabel 3.3 Profile Sekolah

Field Type Field Null KeteranganId_prof Int (5) No Nomor id profile sekolah (auto

increment)Id_user Varchar (50) No Nama identitas userIsi_prof Text No Detail isi profile sekolahGambar Varchar (100) No Gambar profile sekolah

+ Tabel Guru

Untuk menyimpan data profile.

Tabel 3.4 Guru

Field Type Field Null KeteranganId_guru Int (5) No Nomor id guru (auto increment)

Nama Varchar (100) No Nama guruJenis kelamin Enum(‘L’,’P’) No Jenis KelaminAlamat Varchar (100) No Alamat GuruTelpon Varchar (100) No Telepon

61

Bidang Studi Varchar (20) No Mata pelajaran yang dibidangiJabatan Varchar (100) No Status jabatanMulai mengajar Varchar (50) No Waktu mengajar

+ Tabel Agenda

Untuk menyimpan data agenda sekolah.

Tabel 3.5 Agenda

Field Type Field Null KeteranganId _ agenda Int (5) No Nomor urut / id agenda ( Auto)

))increment)Tema Varchar (100) No Tema agendaIsi_agenda Text No Isi / penjelasan agendaTempat Varchar (100) No Tempat kegiatanTgl_mulai Date No Tanggal awal menjabatTgl_selesai Date No Tanggal selesai menjabatTgl_posting Date No Tanggal user posting ke websiteWaktu Varchar (50) No Waktu pelaksanaan agendaPublish Enum (‘Y’,’T’) No Waktu agenda

+ Table Pengumuman

Untuk menyimpan data pengumuman

sekolah.

Tabel 3.6 Pengumuman Sekolah

Field Type Field Null KeteranganId_pengumuman Int (5) No Nomor id pengumuman

(auto increment)Judul Varchar (100) No Judul pengumumanIsi Text No Detail isi pengumumanTanggal Date No Tanggal pengumumanTgl_posting Date No Tanggal user postingId_user Varchar (50) No Nama identitas user

+ Tabel Berita

62

Untuk menyimpan data Berita sekolah.

Tabel 3.7 Berita

Field Type Field Null KeteranganId _ berita Int (5) No Nomor id berita

(auto increment)Id_Posting Int (5) No Nomor id kategori beritaJudul Varchar (50) No Judul beritaIsi1 Mediumtext No Isi beritaIsi2 Text No Isi detail beritaGambar Varchar (50) No Gambar beritaPublish Enum (‘Y’,’T’) No Hari user postingTanggal Date No Tanggal user posting

+ Tabel Fasilitas

Untuk menyimpan data fasilitas sekolah.

Tabel 3.8 Fasilitas

Field Type Field Null KeteranganId _ fasilitas Int (5) No Nomor id fasilitas

(auto increment)Nama Varchar (100) No Nama fasilitasGambar Varchar (100) No Gambar fasilitasKeterangan Text No Detail fasilitas

+ Tabel Galeri

Untuk menyimpan data galeri sekolah.

Tabel 3.9 Galeri

Field Type Field Null KeteranganId _ galeri Int (11) No Nomor id galeri

(auto )increment)Nama Varchar (100) No Nama galeriGambar Varchar (100) No Gambar galeri

+ Tabel Data Guru

63

Untuk menyimpan data guru sekolah.

Tabel 3.10 Data Guru

Field Type Field Null KeteranganId_guru Int (9) No Nomor id guru (auto increment)

Nama Varchar (50) No Nama GuruJenis Kelamin Varchar (50) No Jenis Kelamin Alamat Varchar (100) No Alamat GuruTelpn Varchar (20) N

o

No Telepon GuruBidang_Studi Varchar (20) N

o

Mata Pelajaran dibidangiJabatan Varchar (20) N

o

Status Jabatan Mulai_mengajar Varchar (100) N

o

Jadwal mulai mengajar

+ Tabel Data Siswa

Untuk menyimpan data siswa

sekolah.

Tabel 3.11 Siswa

Field Type Field Null Keterangan

Id _ siswa Int (11) NoNomor id siswa (auto increment)

Nis Varchar (10) No No Induk Siswa

Nama_siswa Varchar (10) No Nama siswaTempat_lahir date No Tempat LahirTanggal Lahir Varchar (10) No Tanggal LahirJenis_Kelamin Enum(‘L’,’P’) No Jenis KelaminAgama Varchar (10) No AgamaAlamat Varchar (10) No Alamat siswaKelas Varchar (10) No Kelas ditempatkanAsal_Sekolah Varchar (10) No Asal sekolahAlamat_Sekolah Varchar (50) No Alamat sekolah sebelumnyaTelp Varchar (10) No Telepon siswaPwd Varchar (10) No Pwd

+ Tabel Prestasi

64

Untuk menyimpan data prestasi

sekolah

Tabel 3.12 Prestasi

Field Type Field Null KeteranganIdjrestasi Int (5) No Nomor id prestasi

(auto increment)Juara Varchar (50) No Peringkat juaraKegiatan Varchar(100) No Nama kegiatanPelaksana Varchar (4) No PelaksanaTahun 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

65

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

66

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

67

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.

68

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.

Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang

Documents

Transcript of Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang