Sistem Informasi Akademik SMP Negeri 35 Berbasis Web Diamis

(1)

SISTEM INFORMASI AKADEMIK SMP NEGERI 35 MEDAN

BERBASIS WEB DINAMIS

TUGAS AKHIR

MHD FAISAL

092406105

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

SISTEM INFORMASI AKADEMIK SMP NEGERI 35 MEDAN

BERBASIS WEB DINAMIS

TUGAS AKHIR

Diajukan umtuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

MHD FAISAL

092406105

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Tekhnik Informatika pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah “SISTEM INFORMASI AKADEMIK SMP NEGERI 35 MEDAN BERBASIS WEB DINAMIS ”.

Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terimakasih kepada :

1. Ayahanda Ahmad Rizal dan Ibunda Tuty Magdalena yang saya syukuri atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materil yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang.

2. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara dan Pembimbing Penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.

3. Bapak Dr. Prof. Drs. Tulus, Vordipl.Math., M.Si., Ph.D, M.Sc selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Syahril Effendi, M.Kom selaku ketua Jurusan Diploma III Tekhnik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Bapak Drs. Munar Tanjung Selaku kepala sekolah SMP NEGERI 35 MEDAN yang telah mengizinkan penulis melakukan penelitian dan membantu penulis selama penelitian.

6. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D-3 Tekhnik Informatika yang telah benyak memberikan ilmu selama perkuliahan.

(4)

8. Keluarga Besar tercinta : Ocik Heni, Om Mahmud, Dila, Topik Pakcek irul,Pondet dan yang lainnya yang tidak bisa disebut satu persatu.

9. Seluruh rekan mahasiswa Jurusan Diploma III Teknik Informatika khususnya Kom B 09 kemudian kepada Wiki, Bali, Arep dan semua teman-teman di lingkungan tempat tinggal saya yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya.

Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya.

Medan, Mei 2012

(5)

ABSTRAK

(6)

DAFTAR ISI

Bab 1 PENDAHULUAN 1.1 Latar Belakang 1.2 Rumusan Masalah

1.3 Maksud dan Tujuan Penelitian 1.4 Metodologi Penelitian

1.5 Sistematika Penulisan Bab 2 Tinjauan Teoritis

2.1 Sistem

2.2 Pengertian Informasi 2.3 Sistem Informasi

2.3.1 Komponen Sistem Informasi 2.3.2 Jenis Sistem Informasi 2.4 Sekilas Tentang Komputer

2.4.1 Bagian-Bagian Komputer 2.5 Pengenalan HTML

2.5.1 Pendahuluan HTML 2.6 Pre Hypertext Prepage (PHP) 2.6.l Sintaks PHP

2.7 MySQL

2.8 Macromedia Dreamweaver 8

(7)

Halaman Bab 4 Perancangan Sistem

4.1 Perencanaan dan Perancangan 4.2 Perancangan Halaman Website

4.2.1 Halaman Home 4.2.2 Halaman Profil

4.2.3 Halaman News 4.2.4 Halaman Galery 4.2.5 Halaman Data

4.2.6 Halaman Portal Akademik 4.2.7 Halaman Admin

4.3 Perancangan Data Flow Diagram (DFD)

4.4 Perancangan Diagram Alir (Flowchart) Website 4.4.1 Flowchart Menu Utama

4.4.2 Flowchart Portal Akademik 4.4.3 Flowchart Admin

4.4.4 Flowchart Administrator Siswa 4.4.5 Flowchart Admin Guru 4.5 Merancang Database Server 4.6 Desain Website

4.7 Gambaran Umum Perancangan Website 4.7.1 Administrator Website 4.7.2 Pengunjung Website Bab 5 Implementasi Sistem

5.1Pengertian Implementasi Sistem 5.2 Tujuan Implementasi Sistem

5.3 Komponen Utama dalam Implementasi Sistem 5.4 Instalasi Apache, PHP dan MySQL

5.5 Proses Instalasi Web Server XAMPP 5.6 Proses Pengujian Website Melalui Browser 5.7 Demonstrasi Program

Bab 6 Kesimpulan dan Saran

(8)

DAFTAR TABEL

Halaman Tabel 4.1 Simbol-Simbol Flowchart

Tabel 4.2 Tabel Admin Tabel 4.3 Tabel Guru Tabel 4.4 Tabel Nilai Tabel 4.5 Tabel Siswa

(9)

DAFTAR GAMBAR

Halaman Gambar 2.1 Komponen Sistem Informasi

Gambar 3.1 Struktur Organisasi SMP Negeri 35 Medan Gambar 4.1 Struktur Website

Gambar 4.2 Diagram Konteks Website

Gambar 4.3 Tampilan Halaman Administrator Gambar 4.4 Flowchart Portal Akademik Gambar 4.5 Flowchart Admin

Gambar 4.6 Flowchart Admin Siswa Gambar 4.7 Flowchart Admin Guru Gambar 5.1 Halaman Home

Gambar 5.2 Halaman Profil Gambar 5.3 Halaman News Gambar 5.4 Halaman Galery Gambar 5.5 Halaman Data Gambar 5.6 Halaman Data Guru Gambar 5.7 Halaman Data Siswa Gambar 5.8 Halaman Portal Siswa Gambar 5.9 Halaman Depan Gambar 5.10 Halaman Profil

Gambar 5.11 Halaman Informasi Hasil Studi Gambar 5.12 Halaman Password

Gambar 5.13 Halaman Depan Admin Gambar 5.14 Halaman Menu Admin Gambar 5.15 Halaman Data Siswa/i Gambar 5.16 Halaman Data

Gambar 5.17 Halaman Input Data Gambar 5.18 Halaman Edit Data Gambar 5.19 Halaman Input Nilai Gambar 5.20 Halaman Edit Nilai Gambar 5.21 Halaman Data Guru Gambar 5.22 Halaman Depan Data Guru Gambar 5.23 Halaman Input Data Guru Gambar 5.24 Halaman Edit Data Guru

Gambar 5.25 Halaman Statistika Guru Berdasarkan Golongan Gambar 5.26 Halaman Statistika Guru Berdasarkan Jenis Kelamin Gambar 5.27 Halaman Statistika Guru Berdasarkan Pendidikan Gambar 5.28 Halaman Statistika Guru Berdasarkan Umur

Gambar 5.29 Halaman Statistika Guru Berdasarkan Lama Bekerja Gambar 5.30 Halaman Statistika Siswa Berdasarkan Jenis Kelamin Gambar 5.31 Halaman Statistika Siswa Berdasarkan Pendidikan Orangtua Gambar 5.32 Halaman Statistika Siswa Berdasarkan Pekerjaan Orangtua

(10)

Halaman Gambar 5.33 Halaman Statistika Siswa Berdasarkan Penghasilan Orangtua

Gambar 5.34 Halaman Statistika Siswa Berdasarkan Kelas

(11)

ABSTRAK

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Sistem informasi yang penulis buat ini adalah sistem informasi akademik SMP Negeri 35 Medan yang bertujuan untuk memudahkan para guru dan pegawai dalam menjalankan tugas seperti memasukkan data siswa.data guru dan data pegawai. Motifasi penulis membuat sistem informasi akademik berbasis web dinamis ini yaitu mengolah data siswa tidaklah lagi dengan tulisan melainkan melalui web dinamis ini.

(13)

Selain itu hal yang mendorong penulis membuat sistem informasi akademik ini agar memudahkan pegawai memasukkan data-data dari semua siswa,guru dan pegawai tanpa harus menulis tangan. Dengan website ini pegawai hanya mengetik data yang ingin dimasukkan dan bisa dihapus,diedit maupun ditambah dengan lebih mudah dibanding dengan buku yang harus membeli buku baru untuk menambah atau mencoret untuk menghapus.

Penulis juga memiliki motifasi membuat sistem informasi akademik berbasis web ini untuk memudahkan siswa SMP Negeri 35 Medan melihat nilai mereka dengan login terlebih dahulu di menu portal yang telah disediakan oleh penulis di dalam website. Dengan menu portal tersebut tugas guru memasukkan nilai tidak harus lagi dengan menulis tetapi bisa langsung dimasukkan di dalam website, dapat dihapus maupun diedit sesuai data yang ada.

(14)

1.2Rumusan Masalah

Berdasarkan penjelasan yang telah dibuat penulis di atas, maka yang menjadi masalah di SMP Negeri 35 Medan yaitu belum adanya suatu media untuk mengganti metode penyimpanan data-data yang ada pada SMP Negeri 35 Medan. Selain itu permasalahan juga ada pada belum banyaknya sumber daya manusia di SMP Negeri 35 Medan yang bisa mengerti tentang computer.

Selain itu penulis juga memiliki masalah bagaimana merancang dan menghasilkan suatu website untuk dapat menampilkan, memperbaharui dan menyimpan data siswa, data guru dan data pegawai dengan menggunakan sebuah website agar bisa memudahkan pekerjaan di dalam SMP Negeri 35 Medan agar data-data tidak lagi ditulis lagi didalam catatan-catatan buku yang mungkin saja bisa hilang atau terbakar.

(15)

Penulis memberikan batasan-batasan atau ruang lingkup pembahasan masalah sebagai berikut:

a. Peninjauan hanya berfokus pada konsep umum mengenai sistem informasi SMP Negeri 35 Medan

b. Sistem yang dibentuk merupakan sistem informasi data siswa SMP Negeri 35 Medan c. Sumber data yang diperoleh dari lembaga pendidikan SMP Negeri 35 Medan

1.3Maksud dan Tujuan Penelitian

Adapun tujuan dari penulisan ini adalah:

(16)

1.4Metodologi Penelitian

Pada penjelasan tentang metodologi penelitian ini,penulis akan membahas tentang beberapa metode yang dilakukan penulis didalam penelitian ini. Metode penelitian adalah cara atau teknik yang sistematis untuk mengerjakan atau menyelesaikan suatu masalah. Penulis membuat metode penelitian ini sebagai pedoman dalam melakukan penelitian agar hasil dari penelitian bisa seperti yang diharapkan oleh penulis. Adapun metodologi penelitian yang digunakan penulis untuk mencari dan mengumpulkan data adalah:

1. Penelitian Kepustakaan (Library Research)

Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu penyelesaian masalah dalam perancangan aplikasi yang benar, serta dalam mendukung tugas akhir ini untuk menyusun landasan teoritis.

2. Penelitian Lapangan (Field Research)

(17)

3. Studi Literatur

Mengunjungi website atau situs-situs yang berhubungan dengan penelitian penulis yang menyediakan tutorial mengenai bahasa pemrograman yang digunakan

4. Perancangan Sistem

Dalam perancangan sistem semua informasi-informasi yang telah terkumpul akan dirancang yang terdiri dari perancangan proses dan perancangan antarmuka. Pada perancangan sistem inilah penulis memulai membuat suatu sistem informasi yang berbasis web dinamis.

5. Implementasi sistem

Pada implementasi sistem dilakukanlah semua yang telah dirancang sebelumnya untuk membuat sistem informasi. Lalu pada saat implementasilah semua kekurangan yang harus diperbaiki penulis didalam pembuatan sistem informasi diganti jika penulis menganggap perlu diganti.

6. Pengujian Sistem

(18)

1.5 Sistematika Penulisan

Untuk mempermudah penulisan tugas akhir ini, penulis merancang suatu sistematika penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Pada bab 1 ini secara ringkas membahas tentang latar belakang, rumusan masalah, maksud dan tujuan penelitian, metode penelitian,serta sistematika penulisan.

BAB 2 TINJAUAN TEORIRIS

Bab ini berisikan tentang uraian dan penjelasan teori-teori singkat yang berhubungan dengan judul dan sistem informasi

BAB 3 SEKILAS TENTANG SMP NEGERI 35 MEDAN

Bab ini menguraikan tentang sejarah singkat SMP Negeri 35 Medan, visi dan misi sekolah serta struktur organisasi.

BAB 4 PERANCANGAN SISTEM

Pada bab ini menguraikan tentang perancangan program.

BAB 5 IMPLEMENTASI SISTEM

(19)

BAB 6 KESIMPULAN DAN SARAN

(20)

BAB 2

TINJAUAN TEORITIS

2.1. Sistem

Sistem adalah jaringan daripada elemen-elemen yang saling berhubungan, membentuk suatu kesatuan untuk melaksanakan suatu tujuan pokok dari sistem tersebut (Hartono,1999).

2.2 Pengertian Informasi

(21)

2.3 Sistem Informasi

Pembangunan suatu sistem informasi suatu organisasi unit usaha perlu dipikirkan agar penanganan data dan informasi dapat dilaksanakan sesuai dengan prinsip tepat waktu, tepat waktu, tepat sasaran dan dapat dipercaya (Longkutoy,1996).

2.3.1 Komponen Sistem Informasi

Dalam suatu sistem informasi terdapat komponen-komponen, yaitu (Kadir,2003):

1. Perangkat keras (hardware) : mencakup piranti-piranti fisik seperti monitor, printer, scanner, keyboard dan mouse.

2. Perangkat lunak (software) atau program : sekumpulan instruksi yang memungkinkan perangkat keras untuk dapat memproses data.

3. Prosedur : sekumpulan aturan yang dipakai untuk mewujudkan pemrosesan data dan pembangkitan keluaran yang dikehendaki.

(22)

5. Basis data (database) : sekumpulan tabel, hubungan, dan lain-lain yang berkaitan dengan penyimpanan data.

6. Jaringan komputer dan komunikasi data : sistem penghubung yang memungkinkan satu sumber dipakai secara bersama atau diakses oleh sejumlah pemakai.

Di bawah ini adalah gambar komponen sistem informasi (Kadir 2003):

Gambar 2.1 Komponen Sistem Informasi

Komponen Sistem Informasi

Orang

Basis Data

Jaringan komputer dan

komunikasi data

Perangkat Lunak

(23)

2.3.2 Jenis Sistem Informasi

Sistem informasi memiliki beberapa jenis yaitu (Kadir 2003):

1. Sistem informasi menurut level organisasi

Berdasarkan level organisasi, sistem informasi dikelompokkan menjadi sistem informasi departemen, sistem informasi peusahaan, dan sistem informasi antar organisasi.

2. Sistem informasi fungsional

Sistem informasi fungsional adalah sistem informasi yang ditujukan untuk memberikan informasi bagi kelompok orang yang berada pada bagian tertentu dalam perusahaan. Beberapa sistem informasi fungsional yang umum yaitu sistem infomasi akutansi, sistem informasi keuangan, sistem informasi manufakur, sistem informasi pemasaran, dan sistem informasi SDM.

3. Sistem informasi berdasarkan dukungan yang tersedia

(24)

4. Sistem informasi geografis

Sistem informasi geografis adalah sistem berbasis komputer yang digunakan untuk menyimpan dan memanipulasi informasi geografis. Sistem informasi geografis dapat menggabungkan tugas-tugas pengambilan keputusan seperti mencari jarak terpendek atau tercepat dari posisi A ke posisi B, menentukan / memilih lokasi lain yang memiliki pola serupa, mengelompokkan daerah pendistribusian untuk meminimalkan jarak perjalanan.

2.4 Sekilas Tentang Komputer

Komputer berasal dari kata “to compute” yang artinya menghitung. Bila ditinjau dari asal kata, maka komputer adalah alat hitung atau mesin penghitung. Pengertian tersebut salah, karena komputer tidak sama dengan alat penghitung atau kalkulator, karena komputer bukanlah kalkulator (Longkutoy,1996).

(25)

2.4.1 Bagian-bagian Komputer

Bagian dasar komputer terdiri dari (Hartono,1999):

a. Perangkat Keras (Hardware)

Yang dimaksud dengan hardware (perangkat keras) adalah peralatan di system komputer yang secara fisik terlihat dan dapat dijamaah

b. Perangkat Lunak (Software)

Yang dimaksud dengan software atau perangkat lunak sering disebut dengan istilah “program” yaitu program yang berisi perintah-perintah untuk melakukan pengolahan data.

c. Brainware

(26)

2.5 Pengenalan HTML

2.5.1 Pendahuluan HTML

HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu (platform independent). Dokumen HTML adalah suatu dokumen teks biasa, dan disebut markup language karena mengandung tanda-tnda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topic tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa ke suatu topic atau dokumen lain secara langsung (Sutarman, 2003).

2.6 Pre Hypertext Prepage (PHP)

(27)

Melihat bahwa PHP adalah pengembangan dari bahasa C secara tidak langsung, maka PHP mempunyai fitur-fitur shell di Linux mempunyai fungsi yang lengkap berhubungan dengan networking. Kemudahan lain dari PHP ialah PHP mampu berintegrasi dengan berbagaimacam jenis database. Database yang paling umum digunakan ialah MySQL (Pramono dan Syafii, 2005).

2.6.1 Sintaks PHP

PHP merupakan bahasa scripting yang menyatu dengan tag-tag HTML dalam satu file, dieksekusi di server, dan digunakan untuk membuat halaman web yang dinamis. Kode PHP diawali dengan tag <? Atau <?php dan ditutup dengan tag ?<. File yang berisikan tag HTML dank ode PHP ini berisi ekstensi.php atau ekstensi lain yang telah ditetapkan pada Apache atau Web server. Beriku ini contoh penggunaan kode PHP:

1. Menggunakan tanda <?....?> V Contoh:

<?

echo (“Model SGML\n”); ?<

2. Menggunakan tanda <?php....?> Contoh:

<?php

(28)

?<

3. Menggunakan perintah seperti pada javascript. Contoh:

Berikut ini contoh penggunaan tag HTML dan ode PHP <HTML>

<HEAD>

<TITLE>Programku<TITLE> </HEAD>

</BODY> </CENTER> <?php

Echo “Programku PHP ku yang Pertama”. ?>

</CENTER </BODY> <HTML>

(29)

2.7 MySQL

(30)

2.8 Macromedia Dreamweaver 8

(31)

BAB 3

SEKILAS TENTANG SMP NEGERI 35 MEDAN

3.1 Sejarah Singkat Sekolah

SMP Negeri 35 Medan berdiri pada tahun 1960 dengan status negeri yang memiliki akreditasi A. SMA Negeri 35 Medan terletak di Jalan WIlliem Iskandar No 34 Pasar 5 Medan terletak di Jalan WIlliem Iskandar No 34 Pasar 5, yaitu tepat di depan Unimed dan disamping IAIN Sumut, Sumatera Utara. Saat ini Kepala Sekolah SMA Negeri 5 Medan adalah Drs Munar Tanjung.

(32)

3.2 Visi dan Misi

3.2.1 Visi

Visi Misi dari SMP Negeri 35 Medan yaitu menciptakan warga sekolah yang berbudaya serta menghasilkan warga sekolah yang berprestasi, berbudi pekerti dn bertaqwa kepada Tuhan Yang Maha Esa.

3.2.2 Misi

1.Menciptakan suasana belajar yang kondusif

2.Pengelolaan KBM secara maksimal dan professional 3.Pemanfaatan Perpustakaan dan Labolatorium

4.Mengaktifkan siswa dalam bidang extrakulikuler seperti pramuka,pmr,uks dan olahraga

3.3 Struktur Organisasi

(33)

Organisasi adalah suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan kegiatan operasional untuk mencapai tujuan yang di harapakan dan diinginkan. Struktur Organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang siapa melapor kepada siapa, jadi ada suatu pertanggung jawaban apa yang akan anda kerjakan.

(34)

Gambar 3.1 Struktur Organisasi SMP Negeri 35 Medan PKS I Edukatif

Dra Resdi ES

Wakil Kepala Sekolah Drs Ali Amsyah

PKS III Kesiswaan Ali Arbin S.Spd

TU I Nurmaida

TU II Darlina S

Guru Mata Pelajaran

(35)

BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Apache sebagai servernya, dan Deameamweaver 8 sebagai media untuk membuat layout dari situs yang akan dirancang oleh penulis.

Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :

a. Website apa yang akan dibangun ?

(36)

d. Apa saja yang ingin dicapai dari pembuatan website tersebut ?

Untuk menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun website ini karena dengan pertanyaan-pertanyaan tersebut akan terbentuk kata kunci sebagai tujuan untuk membangun dan mengembangkan website ke arah yang lebih lanjut.

Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :

a. Website yang akan dibuat adalah sistem informasi berbasis web, yang menyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan sekolah.

b. Pengunjung situs tersebut adalah para siswa SMP N 35 Medan, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMP N 35 Medan.

(37)

d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan dengan cepat dan tepat serta dapat membantu sekolah dalam mempromosikan sekolahnya.

Arti lambang-lambang flowchart dapat dilihat seperti dibawah ini

(http://diantegarmanggala.files.wordpress.com/2011/11/p4-simbol-flowchart1.jpg):

Tabel 4.1 Simbol-Simbol Flowchart No. Simbol Fungsi

1

Terminator, untuk memulai dan mengakhiri suatu program.

2

Process, suatu simbol yang menunjukan setiap pengolahan yang dilakukan oleh komputer. 3

Data, untuk memasukkan data maupun menunjukan hasil dari suatu proses. 4

Decision, suatu kondisi yang akan

menghasilkan beberapa kemungkinan jawaban atau pilihan

5

Preparation, suatu simbol untuk

menyediakan tempat-tempat pengolahan data d l t

6

(38)

7

Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.

8

Off-page Connector, merupakan symbol untuk masuk dan keluarnya prosedur pada lembar kertas yang lain.

9

Document, merupakan simbol untuk data yang berbentuk informasi.

10

Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis.

11 _Display_{, untuk}_output_{yang ditujukan suatu} device, seperti pada monitor.

12

(39)

Inilah struktur website yang penulis rancang :

News Data Galery Portal

(40)

4.2 Perancangan Halaman Website

4.2.1 Halaman Home

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya.

4.2.2 Halaman Profil

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah profil dari guru dan pegawai yang ada di SMP N 35 Medan dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti profil guru yang mengajar, profil pegawai, profil guru honorer dan struktur organisasi pada SMP N 35 Medan.

4.2.3 News

(41)

4.2.4 Galery

Halaman ini berisikan koleksi gambar/foto yang ada pada SMP N 35 Medan termasuk foto suasana pada SMP N 35 Medan.

4.2.5 Data

Halaman ini berisikan data guru dan data siswa. Penulis menampilkan data dari guru dan siswa SMP N 35 Medan.

4.2.6 Halaman Portal Akademik

Merupakan halaman yang hanya dapat diakses oleh siswa yang memiliki nis dan password. Halaman ini berisikan tentang data pribadi siswa yang melakukan login tersebut. Selain data pribadi, halaman ini juga berisikan hasil studi atau nilai dari siswa.

4.2.7 Halaman Admin

(42)

4.3 Perancangan Data Flow Diagram (DFD)

- Info Sejarah Sekolah

- Info Struktur Organisasi - Login Administrator

- Info Visi Misi - Data Guru

- Info Beasiswa - Data Siswa dan Nilai Siswa

Laporan - Pengunjung - Info Data Siswa

Laporan - Administrator - Info Nilai Siswa

Laporan - Data Guru - Informasi Beasiswa

Laporan - Data Siswa dan Nilai Siswa

Gambar 4.2 Diagram Konteks Website Pengunjung

0

Sistem Informasi Akademik Berbasis Web Pada SMP N 35

Medan

Administrator

(43)

4.4 Perancangan Diagram Alir (flowchart) Website

Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMP N 35 Medan.

4.4.1 Flowchart Menu Utama

(44)

Ya

(45)

4.4.2 Flowchart Portal Akademik

Halaman Portal Akademik Hanya bias diakses oleh siswa dan administrator. Username dan password dari administrator harus sesuai dengan table admin.Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username dan password salah maka pengunjung tidak akan bisa masuk atau error dan diminta untuk login kembali. Flowchart portal akademik dapat dilihat pada gambar 4.4 di bawah ini:

(46)

4.4.3 Flowchart Admin

Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat dilihat pada gambar 4.5 di bawah ini.

(47)

4.4.4 Flowchart Administrator Siswa

(48)

4.4.5 Flowchart Admin Guru

Gambar 4.7 Flowchart Admin Guru

4.5 Merancang DatabaseServer

(49)

Database yang dirancang penulis adalah database sekolah yang terdiri dari 4(empat) tabel sebagai berikut :

1. Tabel Admin

Tabel 4.2 Tabel Admin

Field Name Type Width Description

Id Varchar 10 No.Urut (auto_increment, primary key)

User Varchar 20 Nama User

Password Varchar 20 Password User

2. Tabel Guru

Tabel 4.3 Tabel Guru

Id int 4 No Urut (auto_increment, Primary Key)

Nip varchar 30 Nomor Induk Guru

Nama varchar 30 Nama Guru

Tempat varchar 30 Tempat/tanggal lahir Guru Kelamin varchar 30 Jenis Kelamin Guru

Agama varchar 30 Agama guru

Alamat varchar 30 Alamat Guru

Golongan varchar 30 Golongan Guru

(50)

3. Tabel Nilai

Tabel 4.4 Tabel Nilai

Id int 10 No.Urut (auto_increment, primary key) Nis varchar 10 Nomor Induk Siswa

Semester int 5 Semester

Fisika int 5 Fisika

Mm int 5 Matematika

Bi int 5 Bahasa Indonesia

Kwn int 5 Keseniaan

Bing int 5 Kimia

Biologi int 5 Kewarganegaraan

Sejarah int 5 Sosiologi

Penjas int 5 Bahasa Inggris

Agama int 5 Biologi

(51)

4. Tabel Siswa

Tabel 4.5 Tabel Siswa

Id int 10 No Urut (auto_increment, primary key)

Nis varchar 10 Nomor Induk Siswa

Password varchar 20 Password Siswa Untuk Login Ke Portal

Nama varchar 20 Nama Siswa

Tempat varchar 50 Tanggal Lahir Siswa Kelamin varchar 30 Jenis Kelamin Siswa

Alamat varchar 50 Alamat Siswa

Ortu varchar 50 Nama Orang Tua Siswa

(52)

4.6 DesignWebsite

Dalam mendesign halaman ini, penulis menggunakan software Paint dan Macromedia Flash 8. Halaman home adalah halaman pembuka yang merupakan halaman yang akan tampil setelah masuk ke dalam situs SMP N 35 Medan.

4.7 Gambaran Umum Perancangan Website

Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda.

4.7.1 Administrator Website

(53)

harus melakukan login terlebih dahulu dengan username : admin dan password : password.

Pada halaman administrator website SMP N 35 Medan terdapat 2 (dua) menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan Tampilan halaman Administrator dapat dilihat pada gambar berikut ini

a. Halaman Data Siswa

Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, menghapus, dan menambah data dan nilai siswa.

b. Halaman Data Guru

(54)

4.7.2 Pengunjung Website

Jenis pengunjung pada website di SMP N 35 Medan yang dibuat penulis dibagi atas dua jenis pengunjung yaitu pengunjung umum dan pengunjung khusus (siswa/siswi, guru dan di SMP N 35 Medan).

a. Pengunjung Umum

Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin melihat website di SMP N 35 Medan maupun untuk memperoleh informasi yang disajikan pada website tersebut. Pengunjung umum ini hanya dapat melihat isi dari website tanpa dapat menambah, mengubah, dan menghapus isi website. Ada beberapa halaman website yang tidak dapat diakses oleh pengunjung umum yaitu halaman admin dan halaman portal akademik.

b. Pengunjung Khusus

Pengunjung khusus adalah siswa/siswi maupun pihak di SMP N 35 Medan. Siswa/siswi memiliki username dan password selain dapat melihat isi umum website juga dapat melihat halaman portal akademik dari siswa yang bersangkutan. Halaman portal akademik berisikan profil siswa, hasil study, dan informasi akademik

(55)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

5.2 Tujuan Implementasi Sistem

1. Mengkaji apakah sistem yang telah dibuat dapat memberikan manfaat dan kontribusi yang signifikan kepada user yang menggunakannya.

(56)

3. Memastikan bahwa penggunaan dan manfaat sistem yang telah dibuat lebih baik dari sistem yang telah ada sebelumnya.

5.3 Komponen dalam Implementasi Sistem

Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita buat. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat otak (brainware).

Pada website SMP N 35 Medan ini dibutuhkan beberapa komponen seperti yang disebutkan diatas, yaitu :

1. Perangkat Keras (Hardware) a. Monitor

b. CPU (CentralProcessingUnit) c. Harddisk

d. Memory minimal 256 MB. e. Keyboard dan Mouse

(57)

b. MySQL sebagai pengelola databaseserver. c. PHP sebagai bahasa pemograman serverside.

d. ApacheWebServer sebagai server lokal dalam pengetesan halaman web.

e. Macromedia Dreamweaver 8 sebagai media mendesain web dan menggabungkan antara layout dengan bahasa pemograman.

f. Browser sebagai software untuk menjalankan website yang dibuat.

3. Perangkat Operator (Brainware) a. Administrator

b. Pengunjung

5.4 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP, dan MySQL dapat dilakukan secara satu persatu. Software dapat didownload secara gratis dari situs http://www.apache.org untuk software Apache, http://www.php.net untuk software PHP, dan http://www.mysql.com untuk software MySQL.

(58)

5.5 Proses Installasi Web Server (XAMPP)

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsi dari xampp adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTPServer, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Adapun langkah-langkah singkat dalam menginstal xampp yaitu:

1. Pilih versi xampp yang ingin digunakan. Sebaiknya xampp yang digunakan adalah xampp dengan versi terbaru dalam hal ini digunakan xampp-win32- 1.6.4-installer.

2. Simpanlah proses installasi didalam folder: C:\XAMPP.

3. Ikutilah langkah-langkah dan perintah yang terdapat didalam proses installasi xampp seperti memilih bahasa, dll. Tunggu hingga proses installasi selesai.

(59)

5.6 Proses Pengujian Website Melalui Browser

Proses pengujian merupakan hal penting yang harus dilakukan dalam sebuah sistem. Hal ini dikarenakan agar kita dapat melihat dan menilai secara langsung hasil dari sistem yang telah kita kerjakan. Adapun langkah-langkah yang harus dilakukan dalam

proses pengujian website antara lain:

1. _Simpan_website₍_{source coude}_{) dan segala hal yang berkaitan dengan website} yang telah dibuat didalam folder xampp htdocs. Dalam hal ini folder website didalam htdocs bernama “SMPN35” dan nama database dari website ini adalah “tugasakhir”.

2. Aktifkan web server yang telah diinstal ataupun yang telah tersedia sebelumnya (dalam hal ini yaitu xampp).

3. Buka browser yang tersedia ataupun browser yang ingin digunakan

(60)

5.7 Demonstrasi Program

Adapun demosntrasi program yang terdapat pada website SMP N 35 Medan adalah sebagai berikut:

(61)

(62)

(63)

(64)

(65)

(66)

(67)

(68)

Gambar 5.9 Halaman Depan

(69)

Gambar 5.11 Halaman Informasi Hasil Study

(70)

Gambar 5.13 Halaman Depan Admin

(71)

Gambar 5.15 Halaman Data Siswa/i

(72)

Gambar 5.17 Halaman InputData

(73)

Gambar 5.19 Halaman Input Nilai

(74)

Gambar 5.21 Halaman Data Guru

(75)

Gambar 5.23 Halaman InputData Guru

(76)

Gambar 5.25 Halaman Statistik Guru Berdasarkan Golongan

(77)

Gambar 5.27 Halaman Statistik Guru Berdasarkan Pendidikan

(78)

(79)

Gambar 5.30 Halaman Statistik Siswa Berdasarkan Jenis Kelamin

(80)

Gambar 5.32 Halaman Statistik Siswa Berdasarkan Pekerjaan Orangtua

(81)

(82)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari keterangan dan bab-bab sebelumnya penulis dapat mengambil beberapa kesimpulan sebagai berikut:

1. Dalam pembuatan website ini ada beberapa tahapan yang dilakukan penulis yaitu tahap perencanaan, tahap perancangan diagram alir (flowchart), merancang dan mempersiapkan database server, dan tahap implementasi sistem.

2. Website ini dibuat dengan menggunakan bahasa pemograman PHP sebagai bahasa pemogramannya, MySQL sebaga database servernya dan apache sebagai server.

(83)

6.2 Saran

Adapun beberapa saran penulis pada pembuatan website ini adalah:

1. Perlu dilakukan pembaharuan atau update berkala oleh administrator pada website ini guna memberikan informasi yang terbaru.

2. Untuk menarik minat pengunjung, perlu dibuat rancangan layout atau template dengan gambar dan animasi yang menarik.

3. Perlu dilakukan penggandaan (backup) database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak.

4. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakukan pembaharuan data tidak terjadi kesalahan.

(84)

DAFTAR PUSTAKA

Adam, Andhie Lala. PHP PostgreSQL. Yogyakarta: Andi.

Hartano, Jogiyanto. 1999. Pengenalan Komputer. Yogyakarta: Andi.

Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi.

Longkutoy, John J. 1996. Pengenalan Komputer. Jakarta: Mutiara Sumber Widya.

Pramono, Andi dan Syafii. Kolaborasi Flash Dreamwaver dan PHP Untuk Aplikasi Website. Yogyakarta: Andi.

(85)

Listing Program

Server.php <?php

$db = mysql_connect("localhost","root", "") or die("Koneksi gagal."); if(!$db)

die("Tidak terkoneksi"); if(!mysql_select_db("tugasakhir",$db)) die("Database tidak terseleksi."); ?>

<![endif]--> <!--[if lt IE 9]>

.style5 {color: #FF0000}

(86)

.style14 {font-size: 18px; }

.style17 {font-size: medium;font-weight: bold;color: #FF0000;} .style18 {font-size: medium}

.style19 {color: #000000}

.style20 {font-size: 18px; color: #000000; } .style21 {color: #FF9900;font-size: medium;} .style22 {color: #FF6600}

.style23 {font-size: medium; color: #FF0000; } -->

<h1 class="style6"> <a href="index.html" <font color="#FF4500" >SMPN 35 MEDAN </a></h1></font> <li><a href="data/gurusiswa.php">Data </a></li> <li><a href="portal/portal.php">Portal</a></li> <li><a href="admin/admin.php">Admin</a></li> <li></li>

</ul> </nav>

<div id="faded">

(87)

</div>

Nama<br /> Jabatan<br /> Mata Pelajaran </span>

<span class="right">DRS MUNAR <br />KEPSEK<br />Kosong </span></a></li>

Jabatan<br />

Mata Pelajaran

/span><span class="right">ALI AM<br/> W.KEPSEK<br/>

</div><div class="ic">More Website Templates at TemplateMonster.com!</div> </header>

<h2 class="title style11 style5">Welcome to SMP NEGERI 35 MEDAN </h2>

<p class="style17">Pada Era globalisasi dengan segala implikasinya menjadi salah satu pemicu cepatnya perubahan yang terjadi pada berbagai aspek kehidupan masyarakat, dan bila tidak ada upaya sungguh-sungguh untuk mengantisipasinya maka hal tersebut akan menjadi masalah yang sangat serius. Dalam hal ini dunia pendidikan mempunyai tanggung jawab yang besar, terutama dalam menyiapkan sumber daya manusia yang tangguh sehingga mampu hidup selaras didalam perubahan itu sendiri.</p>

(88)

tahapan pencapaiannya yang jelas dan tetap mengakomodir tuntutan permasalahan faktual kekinian yang ada di masyarakat.</strong></p>

<p class="style23"><strong> Untuk mencapai itu kami berupaya dengan berbagai cara untuk mencapainya, salah satu cara kami dengan membuat website Smp Negeri 35 Medan dengan portal akademik Website ini menyediakan beberapa sarana seperti Portal Akademik yang dapat dipergunakan oleh siswa untuk mendapatkan informasi yang cepat dan akurat walaupun berada di luar wilayah sekolah karena dapat di lihat dari internet.</strong></p>

<p class="style23"><strong> Portal Akademik ini berisikan daftar nilai-nilai dari siswa</span></strong></p>

<dt><img src="images/perangkat/kepsek.jpg" alt=""><a href="#">Kepala Sekolah</a></dt><dd>MUNAR TANJUNG.</dd><dt>

<img src="images/perangkat/aliam.jpg" alt=""><a href="#">Wakil Kepala Sekolah</a></dt><dd>ALI AMSYAH Nst.</dd><dt>

<img src="images/perangkat//resdi.jpg" alt=""><a href="#">Pembantu Kepala Sekolah 1</a></dt><dd>RESDI ES.</dd><dt><img src="images/perangkat/merry.jpg" alt=""> <a href="#">Pembantu Kepala Sekolah 2</a></dt><dd>MERRIATY Spd.</dd> <dt><img src="images/perangkat/aliarbin.jpg" alt=""><a href="#">Pembantu Kepala Sekolah 3</a></dt><dd>ALI ARBIN S.Spd.</dd></dl>

</div> <ul class="style14" >

(89)

<li><a href="misi.php"class="style20">Misi Sekolah</a></li><br>

<li><a href="profil/profil.php" class="style15 style22">Profil</a></li> <li><a href="news/News.php" class="style15 style22">News</a></li> <li><a href="galery/Galery.php" class="style15 style22">Galery</a></li> <li><a href="data/gurusiswa.php" class="style15 style22">Data</a></li> <li><a href="portal/Portal.php" class="style15 style22">Portal</a></li> <li><a href="admin/Admin.php" class="style15 style22">Admin</a></li> </ul>

(90)

Profil.php <html> <body>

<h2 class="title style11 style5">Profile Guru dan Pegawai </h2> <p class="style5"><strong><span class="style19"><br>

<span class="style19">Smp Negeri 35 Medan salah satu SMP Negeri terbaik di Medan.SMP Negeri 35 medan ini terletak di Jalan WIlliem Iskandar No 34 Pasar 5</span></p>

<p class="style24"> yaitu tepat di depan Unimed dan disamping IAIN Sumut. Smp Negeri 35 Medan memiliki luas tanah yaitu 9.860 M² dan memiliki luas bangunan 6477 M².</p>

<p class="style24">Status sekolah dari Smp Negeri 35 Medan ialah Negeri dengan akreditasi "A" degan nilai 80.5 pada tahun 2005.</p>

<span class="style24">Smp Negeri 35 Medan Memiliki 811 murid dengan 310 siswa di kelas VII, 232 di kelas VIII dan 269 dikelas IX. Smp Negeri 35 Medan memiliki 58 guru dan 7 orang pegawai</span><span class="style5"></span>.</span></strong></p> </strong><br><br><br>

</span>

<p class="style24">Mata Pelajaran Di SMP Negeri 35 Medan yaitu</p> <div id="page">

<li class="style19 style5"><a href="BI.php" class="style8 style5">BAHASA INDONESIA</a></li>

<p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <li class="style19 style5"><a href="KE.php" class="style8 style5">PKN</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar)

<li class="style19 style5"><ahref="MM.php"class="style5">MATEMATIKA</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar)

<li class="style19 style5"><a href="FI.php" class="style8 style5">FISIKA</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <li class="style19 style5"><a href="BING.php"class="style5">BAHASA INGGRIS</a> </li>

<p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <li class="style19 style5"><a href="PE.php" class="style8 style5">PENJAS</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <li class="style19 style5"><a href="SE.php" class="style8 style5">SEJARAH</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <li class="style19 style5"><a href="BIO.php" class="style8 style5">BIOLOGI</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar)

<li class="style19 style5"><a href="AG.php" class=" style5">AGAMA ISLAM</a></li> <p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar)

(91)

<p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <li class="style19 style5"><a href="AGRO.php" class=”style5">AGRO INDUSTRI </a></li>

<p class="style19 style5">(klik mata pelajaran untuk melihat guru yang mengajar) <p class="style7"> </p></div>

<h2 class="style7 style6 style16">Guru Siswa </h2><p class="style7style6"> </p>

<p align="justify">Jumlah guru yang mengajar di SMP N 35 Medan berjumlah 49, dengan jumlah guru laki-laki berjumlah 30 orang dan guru perempuan berjumlah 19 orang. </p>

<p align="justify">Sedangkan jumlah siswa pada siswa SMA N 35 Medan ada 811 orang. Siswa laki-laki berjumlah 380 sedangkan siswa putri berjumlah 431.</p><p></p> </div>

<option value="nip">Nip</option><option value="nama">Nama</option> <option value="golongan">Golongan</option><option value="kelamin">Jenis Kelamin</option> </select></td>

<td><span class="style5">Masukan Kata Yang Anda Cari</span></td> <td><input name="keyword" type="text" id="keyword" size="30" /></td>

(92)

$field = $_POST['field'];

$keyword = $_POST['keyword'];

$query = mysql_query ("select * from guru where $field like '%$keyword%' order by nip",$db) or die (mysql_error());

$jumlah = mysql_num_rows($query); echo "<align=center>";

echo "<br><b> Jumlah guru = $jumlah </b>"; echo "<br>";

echo "<table width=600 border='1' align =\"center\" style=border-collapse:collapse cellpadding=5 cellspcing=5>";

Printf("<tr bgcolor=#000000><td align=center><b>Nip</b></td> <td align=center><b>Nama</b></td>

<td align=center><b>Tempat,TanggalLahir</b></td>

<td align=center><b>Jenis Kelamin</b></td><td align=center><b>Agama</b></td> <td align=center width=60><b>Alamat</b></td>

<td align=center><b>Golongan</b></td><td align=center><b>Mata Pelajaran</b></td> <td align=center><b>Umur</b></td><td align=center><b>Penghasilan</b></td> <td align=center><b>Pendidikan</b></td>

<td align=center><b>Lama Bekerja</b></td></tr>"); while ($user = mysql_fetch_array($query))

{

//echo "<tr bgcolor = #FFFFFF><td>"; $nip=$user["nip"];

Printf("<tr><td align=center>$nip</td><td align=center>$nama</td><td align=center>$tempat</td><td align=center>$kelamin</td><td

align=center>$agama</td><td align=center >$alamat</td><td align=center>$golongan</td><td align=center>$mata</td><td align=center>$umur</td><td align=center>$pendidikan</td><td align=center>$gaji</td><td align=center>$lama</td></tr>"); }echo "</table>";

(93)

<h2 class="style6 style16">Statistik Guru Berdasarkan Pendidikan</h2></div> <div class="post"><?php

// koneksi ke mysql

mysql_connect("localhost","root",""); mysql_select_db("tugasakhir");

// mencari jumlah referensi dari database

$query = "SELECT count(*) AS jumBuku FROM guru WHERE pendidikan ='D3'"; $hasil = mysql_query($query);

$data = mysql_fetch_array($hasil); $jumBuku = $data['jumBuku']; // mencari jumlah fiksi dari database

$query = "SELECT count(*) AS jumBuku1 FROM guru WHERE pendidikan ='S1'"; $hasil = mysql_query($query);

$data = mysql_fetch_array($hasil); $jumBuku1 = $data['jumBuku1']; // mencari jumlah referensi dari database

$query = "SELECT count(*) AS jumBuku2 FROM guru WHERE pendidikan ='S2'"; $hasil = mysql_query($query);

$data = mysql_fetch_array($hasil); $jumBuku2 = $data['jumBuku2']; // menghitung total pengembalian

$total = $jumBuku + $jumBuku1+ $jumBuku2; // menghitung prosentase laki-laki dan perempuan $prosenBuku = $jumBuku/$total * 100;

$prosenBuku1 = $jumBuku1/$total * 100; $prosenBuku2 = $jumBuku2/$total * 100;

// menentukan panjang grafik batang berdasarkan prosentase if ($prosenBuku == 0) $panjangGrafikBuku = 1;

else $panjangGrafikBuku = $prosenBuku * 30 / 100; if ($prosenBuku1 == 0) $panjangGrafikBuku1 = 1; else $panjangGrafikBuku1 = $prosenBuku1 * 30 / 100; if ($prosenBuku2 == 0) $panjangGrafikBuku2 = 1; else $panjangGrafikBuku2 = $prosenBuku2 * 30 / 100; ?> <td><?php echo $jumBuku?></td>

(94)

<td><? echo $prosenBuku2?> %</td></tr> <tr><td>Total</td>

<td width="448"><div style="height: 10px; width: <?php echo $panjangGrafikBuku; ?>%;background-color: red;" title="Referensi (Jumlah: <?php echo $jumBuku; ?> | <?php echo $prosenBuku; ?>%)"></div></td> </tr><tr>

<td><b>S1</b></td><td><div style="height: 10px;width: <?php echo

$panjangGrafikBuku1; ?>%;background-color: red;" title="Fiksi (Jumlah: <?php echo $jumBuku1; ?> |<?php echo $prosenBuku1; ?>%)"></div></td> </tr> <tr>

<td><div style="height: 10px;width: <?php echo $panjangGrafikBuku2; ?>%;background-color: red;" title="Fiksi (Jumlah: <?php echo $jumBuku2; ?> | <?php echo $prosenBuku2; ?>%)"></div></td>

</tr>

<h2 class="style5">Data Siswa </h2></div> <div class="post">

<option value="nis">Nis</option><option value="nama">Nama</option> <option value="kelamin">Jenis Kelamin</option></select></td>

<td><span class="style5">Masukan Kata Yang Anda Cari</span></td> <td><input name="keyword" type="text" id="keyword" size="30" /></td> <td><input name="cari" type="submit" id="cari" value="Cari" /></td> </tr></table> </form><br><br>

(95)

$keyword = $_POST['keyword'];

$query = mysql_query ("select * from siswa where $field like '%$keyword%' order by nis",$db) or die (mysql_error());

$jumlah = mysql_num_rows($query); echo "<align=center>";

echo "<br><b> Jumlah siswa = $jumlah </b>"; echo "<br>";

echo "<table width=600 border='1' align =\"center\" style=border-collapse:collapse cellpadding=5 cellspcing=5>";

Printf("<tr bgcolor=#cccccc><td align=center><b>Nis</b></td><td align=center><b>Nama</b></td><td

align=center><b>Tempat,TanggalLahir</b></td><td

align=center><b>Jenis_Kelamin</b></td><td align=center><b>Alamat</b></td><td align=center width=60><b>Nama Orang Tua</b></td><td

align=center><b>Agama</b></td></td></tr>"); while ($user = mysql_fetch_array($query)) {

//echo "<tr bgcolor = #FFFFFF><td>"; $Nis=$user["nis"];

Printf("<tr><td align=center>$Nis</td><td align=center>$Nama</td><td align=center>$tempat</td><td align=center>$Jenis_Kelamin</td><td align=center>$Alamat</td><td align=center >$ortu</td><td

(96)

Statistik9.php

<h2 class="style6 style16">Statistik Siswa Berdasarkan Jenis Kelamin</h2> </div> <div class="post">

<?php

// koneksi ke mysql

mysql_connect("localhost","root",""); mysql_select_db("tugasakhir");

// mencari jumlah referensi dari database

$query = "SELECT count(*) AS jumBuku FROM siswa WHERE kelamin ='Laki-laki'"; $hasil = mysql_query($query);

$data = mysql_fetch_array($hasil); $jumBuku = $data['jumBuku']; // mencari jumlah fiksi dari database

$query = "SELECT count(*) AS jumBuku1 FROM siswa WHERE kelamin ='Perempuan'";

$hasil = mysql_query($query); $data = mysql_fetch_array($hasil); $jumBuku1 = $data['jumBuku1']; // menghitung total pengembalian $total = $jumBuku + $jumBuku1;

// menghitung prosentase laki-laki dan perempuan $prosenBuku = $jumBuku/$total * 100;

$prosenBuku1 = $jumBuku1/$total * 100;

// menentukan panjang grafik batang berdasarkan prosentase if ($prosenBuku == 0) $panjangGrafikBuku = 1;

else $panjangGrafikBuku = $prosenBuku * 30 / 100; if ($prosenBuku1 == 0) $panjangGrafikBuku1 = 1; else $panjangGrafikBuku1 = $prosenBuku1 * 30 / 100; ?>

<br>

<tr><td width="88">Jenis Kelamin</td> <td width="39">Jumlah</td>

<td width="38">Persen</td></tr> <tr><td height="29">Laki-laki</td> <td><?php echo $jumBuku?></td>

<td><? echo $prosenBuku?> %</td></tr> <tr><td height="28">Perempuan</td> <td><?php echo $jumBuku1?></td>

<td><? echo $prosenBuku1?> %</td></tr> <tr><td>Total</td>

<td><?php echo $total?></td> <td><?php echo

(97)

<td width="393"><div style="height: 10px; width: <?php echo $panjangGrafikBuku; ?>%;background-color: red;" title="Referensi (Jumlah: <?php echo $jumBuku; ?> | <?php echo $prosenBuku; ?>%)"></div></td></tr><tr>

<td><b>Perempuan:</b></td> <td><div style="height: 10px;

width: <?php echo $panjangGrafikBuku1; ?>%;background-color: red;" title="Fiksi (Jumlah: <?php echo $jumBuku1; ?> |

<?php echo $prosenBuku1; ?>%)"></div></td></tr></table> </body>

</html>

Portal.php <html> <body>

<h3 align="center" class="style13">TENTANG PORTAL AKADEMIK</h3> <p align="right" class="style23"> </p>

<p align="justify" class="style23">Sistem informasi untuk mengelola administrasi data akademik pada fakultas/program studi. Aplikasi ini mendukung perubahan kurikulum akademik, fleksibilitas pengelolaan raport siswa serta menyediakan fungsi pelaporan DIKTI secara otomatis dan terintegrasi. Sistem ini juga mendukung sepenuhnya bimbingan akademik online.</p></div></td></tr><tr>

<td width="508"><div align="justify" class="style23">Untuk bantuan penggunaan dan penyempurnaan sistem ini, silahkan menghubungi Kepala Bidang Pelayanan Informasi Pusat Sistem Informasi SMP N 35 Medan di sekolah pada jam-jam kerja.</div></td> <td> </td> </tr><tr><th scope="row"> </th> <td> </td>

(98)

Transkip.php <html>

<body>

<p><span class="style11">Nilai Hasil Studi</span></p> <div class="post"><h5 class="style7"> </h5> </p> <?php

include("server.php");

$query = mysql_query ("select * from nilai where nis='$nis' order by semester",$db) or die (mysql_error());

echo"<h3 align=center>Nama : $nama<br>NIS : $nis</h3><br><br>";

echo "<table border = \"2\" align=center style=border-collapse:collapse cellpadding=9>"; while ($user = mysql_fetch_array($query))

{

echo "<tr bgcolor = #cccccc><td>"; $nis=$user["nis"];

Printf("<tr bgcolor=#cccccc><td bordercolor=#1E90FF width=350><STRONG><h3> Mata Pelajaran</h3></strong> </td><td align=center width=75><strong><h3>Nilai </h3></strong></td></tr>");

Printf("<tr><td bordercolor=#1E90FF><strong><h3> Semester

</h3></strong></td><td><strong></strong></td><td><strong><h3>$semester </h3></strong></td></tr>");

Printf("<tr><td bordercolor=#1E90FF><strong><h3> FISIKA </h3></strong></td></td><td

align=center><strong><h3>$fisika</h3></strong></td></tr>");

Printf("<tr><td bordercolor=#1E90FF><strong><h3> MATEMATIKA

</h3></strong></td><td align=center><strong><h3>$mm </h3></strong></td></tr>"); Printf("<tr><td bordercolor=#1E90FF><strong><h3> BAHASA INDONESIA </h3></strong></td><td align=center><strong><h3>$bi</h3> </strong></td></tr>"); Printf("<tr><td bordercolor=#1E90FF><strong><h3> KEWAGANEGARAAN

</h3></strong></td><td align=center><strong><h3>$kwn </h3></strong></td></tr>"); Printf("<tr><td bordercolor=#1E90FF><strong><h3> BAHASA INGGRIS

(99)

Printf("<tr><td bordercolor=#1E90FF><strong><h3> BIOLOGI

</h3></strong></td><td align=center><strong><h3>$biologi</h3></strong> </td></tr>");

Printf("<tr><td bordercolor=#1E90FF><strong><h3> SEJARAH

</h3></strong></td><td align=center><strong><h3>$sejarah</h3></strong> </td></tr>");

Printf("<tr><td bordercolor=#1E90FF><strong><h3> PENJASKES

</h3></strong></td><td align=center><strong><h3>$penjas</h3></strong></td></tr>"); Printf("<tr><td bordercolor=#1E90FF><strong><h3> AGAMA </h3></strong></td><td align=center><strong><h3>$agama </h3></strong></td></tr>");

Printf("<tr><td bordercolor=#1E90FF><strong><h3> AGROINDUSTRI </h3> </strong></td><td align=center><strong><h3>$agro</h3></strong> </td></tr>"); }

$admin=mysql_query("select * from siswa order by nis limit 1"); $user2=mysql_fetch_array($admin);

?> <?php

include("../server.php"); $nis=$_GET['nis'];

$query = mysql_query ("select * from siswa where nis='$nis'",$db) or die (mysql_error()); while ($user = mysql_fetch_array($query))

{