• Tidak ada hasil yang ditemukan

Sistem Informasi Akademik Pada Yayasan SMA Parulian 1 Medan

N/A
N/A
Protected

Academic year: 2016

Membagikan "Sistem Informasi Akademik Pada Yayasan SMA Parulian 1 Medan"

Copied!
94
0
0

Teks penuh

(1)

SISTEM INFORMASI AKADEMIK PADA YAYASAN SMA

PARULIAN 1 MEDAN

TUGAS AKHIR

MISIERE E. SITIO

072406091

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERSETUJUAN

Judul : SISTEM INFORMASI AKADEMIK PADA YAYASAN SMA

PARULIAN 1 MEDAN

Kategori : TUGAS AKHIR

Nama : MISIERE E. SITIO

Nomor Induk Mahasiswa : 072406091

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA Diluluskan di

Medan, Juni 2010

Komisi Pembimbing

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing Ketua,

(3)

PERNYATAAN

SISTEM INFORMASI AKADEMIK PADA YAYASAN SMA

PARULIAN 1 MEDAN

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan namanya

Medan, Juni 2010

(4)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus yang telah memberikan rahmat, kesehatan dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini sesuai dengan waktu yang telah ditentukan. Tugas akhir ini disusun guna memenuhi satu syarat kelulusan pada Program Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Adapun judul dari Tugas Akhir ini adalah “SISTEM INFORMASI AKADEMIK PADA YAYASAN SMA PARULIAN 1 MEDAN”

Dalam penyusunan dan penulisan Tugas Akhir ini, penulis banyak mendapatkan bimbingan, bantuan dan dukungan baik berupa mmaterial maupun moril yang sangat berharga, maka dalam kesempatan ini penulis ingin menyampaikan rasa terima kasih yang sebesar-besarnya kepada:

1. Bapak Drs. James Pieter Marbun, M.Kom, selaku pembimbing penulis yang telah membantu dan memberikan pengarahan dalam penulisan Tugas Akhir ini.

2. Bapak Drs. Saib Suwilo, MSc, selaku Ketua Departemen Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Prof. Dr. Eddy Marliyanto, MSc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Drs. Sutarman, MSc, selaku Pembantu Dekan 1 Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

5. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3 Ilmu Komputer yang telah banyak memberikan ilmu selama perkuliahan.

6. Kepada kedua orang tua penulis yang telah memberikan penulis dukungan baik secara materi maupun moril sehingga penulis dapat menyelesaiakan perkuliahan ini.

,

(5)

Akhirnya dengan kerendahan hati, penulis mempersembahkan tugas akhir ini bagi kita semua, terima kasih. Semoga Tuhan selalu melimpahkan berkat-Nya kepada kita semua. Amin.

Medan, Juni 2010 Penulis

(6)

ABSTRAK

(7)

DAFTAR ISI

1.5 Metodologi Penelitian 4

1.6 Sistematika Penulisan 5

Bab 2 Landasan Teori 7

2.1 Pengertian Komputer 7

2.2 Pengertian Data, DFD, Fowchart, Informasi dan Sistem 8

2.2.1 Pengertian Data 8

2.8 Macromedia Dreamweaver 8 15

2.9 Xampp 15

Bab 3 Sekilas Tentang Kelurahan Polonia Medan 16

3.1 Profil Kelurahan 16

Bab 4 Perancangan Sistem 17

4.1 Perancangan Sistem 17

(8)

4.3 Flowchart Sistem 21

4.4 Mempersiapkan Database Server 26

4.5 Relasi Antar Tabel 28

4.6 Desain Interface 29

4.7Membangun Halaman Situs 36

Bab 5 Implementasi Sistem 38

5.1 Pengertian Implementasi Sistem 38

5.2 Tujuan Implementasi Sistem 38

5.3 Komponen Sistem 39

5.3.1 Hardware 39

5.3.2 Software 39

5.3.3 Brainware 40

5.4 Demonstrasi Program 41

Bab 6 Kesimpulan dan Saran 46

6.1 Kesimpulan 46

6.2 Saran 46

Daftar Pustaka

(9)

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-Simbol Data Flow Diagram 9

Tabel 2.2 Simbol-Simbol Flowchart 10

Tabel 4.1 Produk 30

Tabel 4.2 Member 30

Tabel 4.3 Pemesanan Produk 30

Tabel 4.4 Detil Pemesanan Produk 30

(10)

DAFTAR GAMBAR

Halaman

Gambar 4.1 Diagram Konteks 22

Gambar 4.2 Diagram Level 0 23

Gambar 4.3 Flowchart Halaman Utama (Home) 24

Gambar4.4 Flowchart Halaman Login Admin 25

Gambar 4.5 Flowchart Halaman Menu Administrator 26

Gambar 4.6 Flowchart Halaman Produk 27

Gambar 4.7 Flowchart HalamanBrowse Produk 28

Gambar 4.8 Flowchart Halaman Pemesanan Produk 29

Gambar 4.9 Relasi Antar Tabel 32

Gambar 4.10 Halaman Utama (Home) 33

Gambar 4.11 Halaman Menu Admin 34

Gambar 4.12 HalamanData Produk 35

Gambar 4.13 Halaman Member 35

Gambar 4.14 Halaman Pemesanan Produk 36

Gambar 4.15 Halaman Keranjang Belanja 36

Gambar 4.16 Halaman Buku Tamu 37

Gambar 4.17 Halaman Output Informasi Produk 37

Gambar 4.18 Halaman Output Informasi Member 38 Gambar 4.19 Halaman Output Pemesanan Produk 38

Gambar 5.1 index.php 43

Gambar 5.2 profil.php 44

Gambar 5.3 bukutamu.php 45

Gambar 5.4 contact.php 46

Gambar 5.5 sejarah.php 47

Gambar 5.6 produk.php 48

Gambar 5.7 member.php 49

Gambar 5.8 logmember.php 50

(11)

ABSTRAK

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Pada zaman modern seperti saat ini dengan kemajuan teknologi yang sangat pesat, dibutuhkan sumber daya manusia yang berkualitas baik. Sekolah sebagai sistem adalah sekolah yang memberdayakan seluruh komponen yang ada di dalamnya secara terpadu, satu sama lain saling berkaitan erat dan mendorong kegiatan sekolah untuk mencapai tujuan, antara lain input, proses, output, dan outcome. Untuk itu, sekolah sebagai salah satu sarana pendidikan formal harus dapat

memberikan pelayanan atau fasilitas yang terbaik untuk siswa-siswanya dan juga kepada orang tua atau wali siswa.

Menurut A.Hasnan Habib, masa informasi adalah masa yang canggih dan kompleks, penuh dinamika dan perubahan terus-menerus. Meskipun demikian ia dapat diikuti atau dimonitor karena teknologi, khususnya komputer dan telekomunikasi yang telah melahirkan era informasi. Teknologi informasi memungkinkan semua negara mengetahui setiap peristiwa penting yang terjadi di mana pun di dunia ini dalam waktu yang sangat singkat.

(13)

Dengan beberapa pertimbangan, penulis ingin menerapkan pengetahuan yang telah diperoleh dan dapat memberikan sesuatu yang bermanfaat untuk mendukung pendidikan maka penulis memutuskan untuk membuat suatu aplikasi dengan judul: “Sistem Informasi Akademik pada Yayasan SMA Parulian 1 Medan”.

1.2 Rumusan Masalah

Penulisan Tugas Akhir ini memfokuskan pada perancangan dan pembuatan sistem informasi akademik yaitu mengenai data nilai siswa pada Yayasan SMA Parulian 1 Medan. Aplikasi ini dibangun di bawah sistem operasi Windows XP yang akan didukung dengan bahasa pemrograman seperti PHP, MySQL, HTML (HyperText Markup Languange) dan menggunakan Macromedia Dreamweaver 8.

1.3 Tujuan Penelitian

Adapun maksud dan tujuan penelitian ini adalah:

1. Untuk menghasilkan suatu situs web dinamis yang dapat menyajikan informasi Akademik untuk melihat nilai siswa di SMA Parulian Medan.

2. Untuk mempermudah Pegawai dalam melihat data siswa maupun nilainya.

1.3Kontribusi Penelitian

(14)

1.4Metodologi Penelitian

Adapun metodologi penelitian yang dilakukan penulis guna mengumpulkan data yang dibutuhkan dalam pembuatan web dinamis adalah sebagai berikut:

1. Penelitian Lapangan dan Wawancara

Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hai ini penulis melakukan penelitian dan wawancara pada SMA Parulian 1 Medan sebagai objek penelitian.

2. Penelitian Pustaka

Penelitian yang dilakukan penulis di perpustakaan adalah untuk mendapatkan data yang teoritis. Dalam hal ini yang harus diperhatikan adalah subjek yang diteliti, yaitu khususnya pada buku bacaan yang menjadi pembahasan dan saling berhubungan dengan permasalahan yang dihadapi.

3. Perancangan database algoritma

Dalam membuat database tersebut penulis menggunakan MySQL sebagai tempat penyimpanan data yang fleksibel dan dinamis.

4. Perancangan desain web

Pada tahapan ini penulis mulai mendesain halaman dengan menggunakan software Makromedia Dreamweaver 8.

5. Perancangan program

(15)

Pada tahapan ini penulis menguji program yang telah dirancang sebelumnya agar dapat mengetahui kesalaha-kesalahan dalam program dan memperbaiki kembali program tersebut.

1.5Sistematika Penulisan

Adapun tujuan pembuatan sistematika penulisan Tugas Akhir ini adalah untuk pempermudah penulisan Tugas Akhir serta membuat analisis yang lebih terarah dan terfokus. Sistematika penulisan Tugas Akhir ini adalah sebagai berikut:

BAB 1 : PENDAHULUAN

Pada bab ini penulis menguraikan secara ringkas pembahasan tentang Latar belakang, Rumusan masalah, Tujuan penelitian, Kontribusi penelitian, Metodologi penelitian, dan Sistematika penulisan.

BAB 2 : LANDASAN TEORI

Dalam bab ini penulis menguraikan tentang pengertian sistem, pengertian sistem informasi, pengertian komputer, pengertian internet, sejarah internet, pengenalan PHP, MySQL, Macromedia Dreamweaver 8, Apache, HTTP, CSS.

BAB 3 : DESKRIPSI SMA PARULIAN 1 MEDAN

Dalam bab ini penulis menguraikan tentang visi dan misi SMA Parulian Medan, fasilitas, Frofil dan Struktur Organisasi.

(16)

Dalam bab ini penulis menguraikan tentang pengertian perancangan aplikasi, gambaran pembuatan program, persiapan database, pembuatan flowchart pada halaman utama web tersebut.

BAB 5 : IMPLEMENTASI SISTEM

Dalam bab ini penulis menguraikan tentang pengertian implementasi sistem, tujuan implementasi, spesifikasi program, demontrasi program dan tampilan halaman web.

BAB 6 : KESIMPULAN DAN SARAN

(17)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem, Informasi, dan Sistem Informasi

2.1.1 Pengertian Sistem

Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan atau keseluruhan bagian-bagian yang berhubungan dengan yang lainnya. Sistem adalah sekumpulan objek yang merupakan suatu wadah terdiri dari pada subsistem yang saling berhubungan didalam hubungan tersebut terdapat ketergantungan antara satu dengan yang lain, dalam arti bahwa jika ada sistem yang satu dari pada subsistem tidak berfungsi maka sistem tersebut akan terganggu.

Beberapa pengertian tentang sistem adalah sebagai berikut:

1. Menurut Jogianto HM, bahwa sistem dapat didefenisikan sebagai suatu kesatuan yang terdiri dari satu atau dua komponen atau subsistem yang berinteraksi untuk mencapai suatu tujuan (Andi offset, 2001).

2. Menurut Jerry Fitzgerald, bahwa suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan(Andi Offsset, 2001).

(18)

Dari beberapa pengertian diatas dapat diambil suatu kesimpulan bahwa sistem adalah suatu metode yang berada satu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai satu tujuan tertentu.

Pengertian Informasi

Menurut Jogianto HM yang menyatakan bahwa Informasi adalah data yang diolah mejadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan pada saat sekarang atau pada masa yang akan datang (Jogianto HM, 1989).

Sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi (Abdul Kadir, 2009).

2.1.3 Pengertian Sistem Informasi

Sistem Informasi adalah suatu himpunan komponen yang terpadu dan sistematis maupun formal yang mendukung ataupun melakukan fungsi operasi, manajemen dan menyajikan informasi guna menunjang manajemen sebagaimana yng diinginkan.

Menurut Jogianto HM menyatakan bahwa Sistem Informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan (Jogianto HM, 1999).

(19)

Komputer berasal dari bahasa inggris, to compute yang artinya menghitung. Jadi, komputer dapat diartikan sebagi alat untuk menghitung (Sutarman, 2009).

Komputer adalah suatu alat elektronik dengan kecepatan yang tinggi yang mampu melaksanakan perhitungan dan operasi yang logis serta menyimpan dan melaksanakan serangkaian instruksi yang akan memungkinkannya untuk melakukan serangkaian operasi tanpa campur tangan manusia (Sutarman, 2009).

2. 2. 1 Sistem Komputer

Komputer dapat melakukan rangkaian pekerjaan secara otomatis melalui instruksi (program) yang diberikan, dan alat pengolah data menjadi informasi melalui proses tertentu. Agar komputer dapat digunakan untuk mengolah data, maka harus berbentuk sistem komputer. Tujuan pokok dari sistem komputer adalah mengolah data untuk menghasilkan informasi (Sutarman, 2009). Agar tujuan pokok tesebut terlaksana, maka harus ada elemen-elemen yang mendukungnya.

Berikut ini elemen-elemen dari sistem komputer (Sutarman, 2009), yaitu:

1. Hardware (perangkat keras/ piranti keras) adalah peralatan pada sistem komputer yang secara fisik terlihat dan dapat disentuh.

2. Software (perangkat lunak/ piranti lunak) adalah program yang berisi perintah-perintah untuk melakukan pengolahan data.

(20)

Ketiga elemen sistem komputer tersebut harus saling berhubungan dan membentuk satu kesatuan. Hardware tanpa adanya software, tidak akan berfungsi sesuai dengan yang diharapkan, hanya berupa benda mati saja. Software akan mengoperasikan hardware. Hardware yang sudah didukung oleh software juga tidak akan berfungsi jika tidak ada manusia yang mengoperasikannya. Akan tetapi jika ketiga elemen ini telah dikombinasikan sesuai dengan fungsinya masing-masing, maka akan terjadi suatu proses yang akan menghasilkan suatu informasi sesuai dengan yang diharapkan.

2.3 Pengertian Internet

Internet (Internasional Networking) adalah metode untuk menghubungkan berbagai komputer kedalam satu jaringan komputer global, melalui protokol yang disebut Transmisison Control Protokol/internet Protokol (TCP/IP). Protokol adalah suatu petunjuk yang menunjukkan

pekerjaan yang akan pengguna (user) lakukan dengan internet, apakah akan mengakses situs web, melakukan transfer file, mengirim email dan sebagainya. Protokol biasa dibayangkan seperti suatu bahasa yang digunakan untuk berkomunikasi berbagai jenis komputer maupun sistem operasi yang terhubung di internet (Abdul Kadir, 2002 ).

Internet merupakan sekumpulan jaringan komputer yang menghubungkan situs akademik, pemerintahan, komersial, organisasi, maupun perorangan. Internet menyediakan akses untuk layanan telekomunikasi dan sumber daya informasi untuk jutaan pemakainya yang tersebar di seluruh dunia (Iskandar, 2009).

(21)

Jaringan internet pertama kali dikembangkan pada tahun 1969 oleh Departemen Pertahanan Amerika Serikat dengan nama ARPANET (US Defense Advanced Research Projects Agency). ARPANET dibangun untuk menghindari pemusatan informasi di satu titik dengan pembuatan suatu jaringan komputer yang tersebar.

Pada mulanya jaringan interkoneksi ini disebut DARPA Internet, tetapi lama-kelamaan disebut internet saja. Internet mulai digunakan untuk kepentingan akademis yang menghubungkan beberapa perguruan tinggi meliputi UCLA, Internet mulai dapat diakses melalui komputer pribadi (PC). Selanjutnya pada 1982 protokol standar TCP/IP mulai diperkenalkan, disusul dengan penggunaan sistem DNS (Domain Name Service) pada 1984.

Di tahun 1986, lahir National Science Fundation Network (NSFNET) yang menghubungkan para periset di seluruh negeri dengan lima buah pusat superkomputer. NSFNET kemudian mulai menggantikan ARPANET sebagai jaringan riset utama di Amerika, pada bulan Maret 1990 ARPANET secara resmi dibubarkan (Iskandar, 2009).

2.4 Aplikasi Internet

Internet menyediakan beragam aplikasi yang dapat digunakan untuk berbagai keperluan. Berikut ini beberapa aplikasi-aplikasi yang sering dimanfaatkan oleh pengguna internet adalah sebagai berikut:

(22)

webserver dan dipresentasikan dalam bentuk hypertext. Web dapat diakses oleh perangkat

lunak web client yang secara populer disebut browser. Browser membaca halaman-halaman web yang tersimpan dalam webserver melalui protokol yang disebut HTTP (Hypertext Transfer Protokol).

2. Surat Elektronik (Email)

Email atau surat elektronik adalah aplikasi yang memungkinkan para pengguna internet saling berkirim pesan melalui alamat elektronik di internet. Pada mulanya sistem email hanya dapat digunakan untuk mengirim informasi dalam bentuk teks standar (ASCII). Saat itu untuk mengirimkan data yang berupa berkas non-teks masih sukar.

3 File Transfer Protocol (FTP)

Melalui software FTP, maka pengguna bisa mengirim data atau file dari satu komputer ke komputer lain, proses mengirim file dari sebuah komputer disebut dengan proses upload.

2.4 Pengenalan PHP

PHP singkatan dari PHP hypertext preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML . PHP adalah bahasa

server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis.

(23)

memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet .

Tetapi tidak seperti ASP yang cukup juga dikenal sebagai server-side scripting, PHP merupakan software yang Open Source dan mampu lintas platform, yaitu yang dapat digunakan dengan sistem operasi dan web server apapun. PHP mampu berjalan di Windows dan beberapa versi linux. PHP juga dapat dibangun sebagai modul pada web server Apache dan sebagai birary yang dapat berjalan sebagai CGI (Sunarfrihantono, 2003).

PHP merupakan script untuk pemrograman script web server-side, script yang membuat dokumen HTML, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML. Dengan menggunakan PHP suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan denagn menggunakan aplikasi yang dibuat dengan menggunakan script PHP. PHP/F1 merupakan nama awal dari PHP. PHP-Personal Home Page, F1 adalah form interface. Dibuat oleh Rasmus Lerdoff (Bertha sidik, 2001).

Adapun kelebihan-kelebihan dari PHP yaitu:

1. PHP mudah dibuat dan kecepatan akses tinggi

2. PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang berbeda pula.

3. PHP diterbitkan secara gratis

4. PHP termasuk server-side proggamming

(24)

Sistem database yang didukung PHP adalah: 1. Oracle

2. Sybase 3. mSQL 4. MySQL 5. Solid

6. Generic ODBC 7. Postgres SQL.

Sejarah Singkat PHP

PHP diciptakan pertama kali oleh Rasmus Lerdoft pada tahun 1994. Awalnya, Rasmus Lerdoft membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut “Personal Home Page”. Hal inilah yang menjadi cikal-bakal terbentuknya PHP.

Pada tahun 1995, Rasmus menciptakan PHP/ FI versi 2. Pada versi ini pemrogram dapat menempelkan kode terstruktur di dalam tag HTML. Kode PHP juga bisa berkomunikasi dengan database dan melakukna perhitungan-perhitungan yang kompleks. Sebuah kelompok

(25)

2.4.1 Sintaks PHP

Sintaks adalah rule atau aturan yang harus diikuti untuk secara tepat menulis kode yang terstruktur. Semua kode PHP harus mengikuti bentuk dasar berikut:

<?php

// semua kode PHP diletakkan di sini

?>

Atau menggunakan tag yang lebih pendek seperti di bawah ini tetapi diperlukan tambahan seting pada server web:

<?

?>

Sama halnya dengan bahasa pemrograman yang lain, PHP juga mengharuskan penyimpanan file script dengan ekstensi .php.

2.5 Pengenalan MySQL

MySQL adalah multiuser database yang menggunakan bahasa Structured Query Language (SQL). MySQL dalam operasi client-server melibatkan server daemon MySQL di sisi server dan

berbagai macam program serta library yang berjalan di sisi client. Informasi selengkapnya tentang MySQL dapat dilihat di

(26)

dengan menggunakan dBase atau Clipper yang masih menggunakan perintah-perintah pemrograman(Sunarfrihantono, 2003).

Dengan MySQL maka pengolahan data akan lebih mudah dan efisien karena MySQL merupakan sistem manajemen basis data yang relasional sehingga memungkinkan untuk menggabungkan beberapa tabel-tabel yang terpisah, untuk mendapatkan informasi yang lengkap, cepat dan akurat.

MySQL merupakan database yang dikembangkan dari bahasa SQL (Structured Query Language). SQL merupakan bahasa yang terstruktur yang digunakan untuk interaksi antara script program dengan database server dalam hal pengolahan data. MySQ didesain agar dapat berjalan mencapai 100 akses secar berkesinambungan. MySQL adalah server multithreaded sehingga memungkinkan daemon untuk meng-handle permintaan layanan secara simultan (Haris Saputro, 2003).

Ada beberapa keuntungan menggunakan MySQL adalah sebagai berikut:

1. MySQL merupakan database yang memiliki kecepatan yang tinggi dalam melakukan pemrosesan data, dapat diandalkan, dan mudah digunakan serta dipelajari.

2. MySQL mendukung banyak bahasa pemrograman seperti C, C++, Perl, Java dan PHP. 3. Koneksi, kecepatan, dan keamanan membuat MySQL sangat cocok diterapkan untuk

pengaksesan database melalui internet.

(27)

5. Multiuser, yaitu dalam suatu database server pada MySQL dapat diakses oleh beberapa user dalam waktu yang sama tanpa mengalami konflik.

2.6 Apche

Apche merupakan software yang dilakukan oleh grup Apache. Grup Apche terlibat dalam suatu

proyek yang isebut proyek Apache untuk mengembangkan suatu software implementasi di server HTTP (web) yang handal, standar komersial, dan Souce Codenya didistribusikan secara gratis. Adapun alamat website Apache adalah:

Agar dokumen-dokumen web yang berekstensi HTML ataupun PHP bisa diakses oleh browser maka dokumen-dokumen tersebut perlu diletakkan dalam direktori khusus yang diatur

oleh Apache. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user

berdasarka

kode PHP yang dituliskan maka dapat saja suat

dalam

2.7 CSS (Cascanding Style Sheet)

(28)

Penggunaan CSS ada dua cara yaitu dengan menyisipkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi.css. Dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol tampilan dan banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya dengan Internet Eksplorer yang masih mampu mengenali CSS. Perlu diketahui bahwa tampilan CSS dapat bila ditampilkan pada menu browser yang berbeda pula (Abdulllah, 2003).

2.8 Macromedia Dreamweaver 8

Dreamweaver merupakan software utama yang digunakan oleh web server desainer maupun web

programmer dalam membangun suatu situs web. Dreamweaver memberikan kemudahan bagi penggunaannya dalam menentuikan ruang kerja yang diinginkan. Tipe ruang kerja ditentukan berdasarkan kebutuhan maupun kebiasaan pemakaiannya. Ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun daalm

membangun sebuah situs web ( Isak Rickyanto, 2002).

(29)

Macromedia Dreamweaver 8 merupakan software yang dikenal sebagai software web

authoringtool, yaitu software yang didesain untuk desain dan layout halaman web. Macromedia

Dreamweaver 8 telah mengalami banyak perbaikan dan peningkatan dari versi sebelumnya.

Macromedia Dreamweaver 8 memiliki user interface yang lebih baik dari versi 4 karena adanya

peningkatan kemampuan toolbar sehingga dapat memakai toolbar yang sudah ada atau menambahkan fungsi baru.

2.9 XAMPP

XAMPP adalah

kompilasi dari beberapa

singkatan dari X (empat sistem operasi, yait

merupakan

dinamis. Untuk mendapatkanya dapat me langsung dari

2.9 HTML (Hypertext Markup Language) 2.9.1 Pengertian HTML

(30)

membuat program aplikasi diatas halaman web, terlebih dahulu harus mengenal dan menguasai HTML.

Dokumen HTML sebenarnya hanya berupa dokumen teks biasa, kelebihan dari dokumen ini adalah dengan HTML dapat dilakukan penformatan teks, peletakan gambar, suara dan elemen-elemen multimedia yang lain, dan yang terpenting Hyperteks, yakni teks yang berfungsi sebagai suatu penghubung antara halaman web yang satu dengan halaman web yang lain.

2.9.2 Dasar-dasar HTML

HTTP (Hyperteks Transfer Protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML.

Dikatakan Markup language karena HTML berfungsi untuk mmemformat file dokumen teks biasa untuk bias ditampilkan pada web browser dengan bantuan tanda yang sudah ditentukan.

(31)

BAB 3

DESKRIPSI SEKOLAH

3.1 Profil Sekolah

Berikut ini adalah Profil SMA Parulian 1 Medan.

1. Nama Sekolah : SMA PARULIAN 1 MEDAN

2. Alamat Sekolah : JL. Stadion Teladan No.23 Medan

3. NO. Telp : (061)7346982

4. Kecamatan : Medan Kota

5. Kota : Medan

6. Didirikan Tahun : 1966

7. Izin Operasional No : 420/4846/2004; tanggal 01 Maret 2004 8. Jenjang Akreditasi : Diakui

9. N.S.S : 304076001052

10.N.D.S : 3007120016

11.Nama Yayasan/Perguruan :YAYASAN PENDIDIKAN DAN SOSIAL PARULIAN

12.Alamat Yayasan : JL.SM Raja, jati I No.23 Medan 13.Telp Kantor Yayasan : (061)7360157

14.Pemilik gedung : Milik Sendiri

(32)

JUMLAH KELAS DAN SISWA

NO KELAS JUMLAH

KELAS

JUMLAH SISWA

L P JUMLAH

1 X 3 41 56 97

2 XI. IA 2 28 53 81

3 XI.IS 2 29 42 71

4 III IPA 3 41 53 94

5 III IPS 2 41 32 73

JUMLAH 12

180 236 416

3.2 Visi dan Misi SMA Parulian 1 Medan

Visi

Mendidik putra-putri bangsa agar:

1. Unggul dan berprestasi dalam Ilmu pengetahuan serta beriman. 2. Sehat Badani, Pikirani, dan Rohaniah.

Misi

1.

Sebagai mitra pemerintah mendidik anak-anak bangsa yang cakap, terampil dan bertaqwa

kepada Tuhan Yang Maha Esa.

2.

Mencerdaskan kehidupan anak-anak bangsa melalui pembelajaran agar mempunyai

stuktur sumber daya manusia yang berkualitas dan kompetitif.

3.

Melaksanakan pembelajaran melalui kurikulum yang ditetapkan oleh pemerintah untuk

mencapai tujuan Pendidikan Nasional.

4.

Melaksanakan pembinaan mental spiritual para siswa agar menjadi manusia yang

(33)

5.

Melaksanakan kegiatan ekstrakulikuler kepada para siswa dalam rangka pengembangan

diri melalui pembinaan bakal/potensi yang dimilikinya, misalnya: PKS, UKS, OLAHRAGA, PRESTASI, RETREAT, KARYA WISATA, dan KUNJUNGAN STUDY maupun PENELITIAN PENDIDIKAN.

6.

Meningkatkan kualitas para pendidik(guru) melalui pembinaan, misalnya: Diklat,

MGMP, Seminar, penelitian, dan Supervisi.

7.

Membina dan mengarahkan kedisplinan para pendidik dalam membuat/menyusun

persiapan pembelajaran sesuai dengan kurikulum yang berlaku.

3.3 Sekilas Tentang Sekolah

SMA Perguruan Parulian 1 berada di Jln. Sisingamangaraja, Jati I no.23 Medan. Seperti sekolah-sekolah lain pada umunya memiliki ruang kelas untuk kegiatan belajar mengajar siswa-siswinya serta dukungan laboratorium untuk pelaksanaan praktikum, fasilitas olahraga, serta tidak mengenyampingkan moral dan akhlak siswa-siswi dengan adanya tempat ibadah dan kegiatan-kegiatan keagamaan yang diharapkan mampu meningkatkan akhlak dan moral siswa-siswi.

3.4 Struktur Organisasi

(34)

Dengan adanya struktur organisasi, setiap tugas dan tanggung jawab dapat dikerjakan dan diseselesaikan oleh masing-masing individu yang ada dalam organisasi tersebut. Sehingga tujuan yang ditetapkan dapat tercapai dengan baik.

(35)

Komite Sekolah

Pengelola Perpustakaan Pengelola LAB/Media Belajar

Ur Kurikulum

Wali kelas I Wali kelas II Wali kelas III

A N.Sihombing

3.5 Uraian Tugas Dan Tanggung Jawab

3.5.1 Kepala Sekolah

(36)

1. Kepala sekolah adalah sebagai pimpinan yang membentuk dan mengawasi sistem dan tata tertib yang ada pada sekolah tersebut.

2. Mengesahkan suatu kegiatan yang berhubungan dengan kepentingan sekolah atau yang berkenaan denagn sekolah tersebut.

3.5.2 Wakil Kepala Sekolah

Tugas wakil kepala sekolah adalah sebagai berikut:

1. Membantu kepala sekolah dalam mengatur dan mengawasi sistem dan tata tertib yang ada pada sekolah tersebut.

2. menjalankan sistem dan bekerja sama dengan guru-guru yang lain dalam melaksanakan suatu tugas yang diberikan oleh kepala sekolah.

3.5.3 Hubungan Masyarakat (HUMAS)

Tugas wakil kepala sekolah Urusan HUMAS adalah sebagai berikut:

1. Membantu terlaksananya ektrakurikuler bekerja sama dengan Wakasek urusan ektrakurikuler dan Wakasek kesiswaan.

(37)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Perancangan sistem merupakan upaya instansi atau perusahaan untuk memulai memiliki sistem yang baru.

4.2 Perancangan Data Flow Diagram

Data Flow Diagram (DFD) adalah suatu gambaran grafis dari suatu sistem yang dapat

(38)

Guru

Siswa Admin

Sistem Informasi Pengolahan Nilai

0

Kepala Sekolah

Data buku tamu Info nilai siswa

- data siswa - data guru - data nilai siswa

Verifikasi buku tamu

Data guru

Info siswa Laporan

Adapun bentuk DFD dari sistem informasi nilai siswa berbasis web adalah sebagai berikut:

(39)

Guru

Siswa Admin

Upload data 1.0

Kepala Sekolah

Data buku tamu Info nilai siswa

- data siswa - data guru - data nilai siswa

Verifikasi buku tamu

Data guru

Info siswa

Laporan

F1 admin

F2 guru

F3 siswa

F4 Nilai siswa

F5 Buku tamu

(40)

Start

Sistem Informasi Nilai Siswa

4.3 Flowchart Sistem (Diagram Alir).

Berikut ini adalah diagram alir (flowchart) yang penulis gunakan untuk menggambarkan proses logika untuk menjalankan website, seperti gambar dibawah ini.

(41)

Baca link

(42)

Login

Tampil halaman login

Input username dan password

Ketemu ?

Pesan login gagal

y

n

Menu administrator

Admin

(43)

Baca link menu

(44)

4.4 Mempersiapkan Database Server

Database dapat diumpamakan sebagai sebuah tempat penyimpanan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk aplikasi yang akan dibuat disini.

Dalam perancangan web SMA Parulian 1 Medan ini, penulis membuat tujuh tabel dalam database. Tabel-tabel tersebut adalah tabel admin, tabel guru, tabel fasilitas, tabel siswa, tabel matapelajaran, tabel nilai siswa, dan tabel buku tamu.

Berikut ini adalah rancangan database yang penulis gunakan dalam pembuatan website Sistem Informasi Nilai Siswa.

Tabel 4.1. Admin

Field Type Size Description

Username Char 10 User Name

Pwd Char 10 Password user

Tabel 4.2.Guru

Field Type Size Description

Nip Char 9 NIP guru

Nm_guru Varchar 50 Nama guru

Almt Varchar 30 Alamat guru

(45)

Tabel 4.3. Fasilitas

Field Type Size Description

Kd_fasilitas Char 4 Kode fasilitas Nm_fasilitas Varchar 50 Nama fasilitas Jlh_fasilitas Char 10 Jumlah fasilitas Gambar Varchar 50 Gambar fasilitas

Tabel 4.4.Siswa

Field Type Size Description

Nis Char 5 No. induk siswa

Nm_siswa Varchar 30 Nama siswa

Jenkel Char 10 Jenis kelamin siswa

Tgl_lahir Date 10 Tgl. Lahir siswa Temp_lahir Varchar 50 Tempat lahir siswa

Alamat Varchar 50 Alamat siswa

Kelas Char 2 Kelas

Jurusan VarChar 20 Jurusan

Photo Varchar 50 Photo siswa

Tabel 4.5 Matapelajaran

Field Type Size Description

Kd_mp Char 8 Kode matapelajaran

Nm_mp Varchar 30 Nama matapelajaran

Nip Char 9 NIP Guru

Tabel 4.6 Nilai Siswa

Field Type Size Description

Nis Char 5 NIS Siswa

Thn_ajaran Varchar 11 Tahun ajaran

Semester Char 3 Semester

Kd_mp Char 4 Kode matapelajaran

(46)

Id_tamu

Nilai_absen Integer 4 Nilai absensi

Nilai_uas Integer 4 Nilai ujian akhir semester Nilai_for Integer 4 Nilai formatif

Tabel 4.7.Buku Tamu

Field Type Size Description

Id_tamu Integer 4 Id. Tamu

Nama Varchar 30 Nama tamu

Email Varchar 50 Email

Komentar Longtext - Komentar

4.5 Relasi Antar Tabel

(47)

BAB 5

IMPLEMENTASI SISTEM

5.1Arti Implementasi Sistem

Implementasi adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang sistem akademik

2. Menyelesaikan rancangan sistem

3. Menulis, menguji, mengontrol dan mendokumentasikan website mendapatkan persetujuan

5.2Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:

1. Mengkaji rangkaian sistem baik dari segi software dan hardware sebagai sarana pengolahan data dan penyajian informasi

(48)

3. Menguji program-program dan prosedur-prosedur yang diperlukan oleh desain sistem yang telah disetujui.

4. Memastikan bahwa system yang dibuat dapat digunakan oleh setiap pemakai tanpa mengalami kesulitan dalam penggunaannya.

5. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

5.3Spesifikasi Program

Dalam pengimplementasian sistem informasi sfesifikasi program yang sudah dirancang membutuhkan perangkat keras (harware), perangkat lunak (software) dan perangkat operator (brainware) antara lain:

5.3.1 Hardware (Perangkat Keras)

Hardware adalah suatu komponen yang sangat dibutuhakan dalam mewujudkan sistem yang

diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu: 1. PC denagn processor Pentium III

2. Harddisk untuk tempat sistem beroperasi dan sebanga media penyimpanan data. 3. Memori minimal 128 MB.

4. Monitor super VGA.

5. Keyboard untuk melakukan input data.

(49)

5.3.2 Software (Perangkat Lunak)

Hardware tidak dapat memecahkan masalah tanpa adanya komponen software. Adapun software

yang digunakan dalam pembuatan website ini adalah: 1. Sistim operasi Ms. Windows XP

2. Internet Eksplorer, Mozila Firefox, Opera sebagai browser

3. Apache 2.2.3 merupakan web server yang digunakan untuk mensimulasikan website yang kita buat di komputer local sebelum melakukan upload ke intenet.

4. PHP 5.2.0 merupakan script yang akan mengolah dan memproses data

5. secara interaktif dan dinamis, skrip ini nantinya akan berjalan di sisi server untuk melakukan pemrosesan data.

6. Macromedia dreamweaver 8 merupakan software yang digunakan untuk mengatur tata letak (layout) halaman web.

7. Browser sebagai output atau tampilan hasil akhir program yang telah selesai, misalnya: internet eksplorer, opera, mozila dll.

5.3.3 Brainware (Operator)

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi,

pemrosesan dan penggunaan keluaran sistem informasi. Brainware dalam sistem informasi terbagi tiga yaitu:

(50)

2. Programer yaitu orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang di kuasainya.

3. Operator yaitu orang yang memakai sistem.

5.4Demontrasi Program

1. Halaman Utama adalah sebagai berikut:

(51)

2. Halaman Frofil adalah sebagai berikut:

Gambar 5.2 profil.php (Halaman profil)

3. Halaman Visi dan Misi adalah sebagai berikut:

(52)

4. Halaman Buku Tamu adalah sebagai berikut:

Gambar 5.4 bukutamu.php (Halaman buku tamu)

5. Halaman Login adalah sebagai berikut:

(53)

6. halaman Guru adalah sebagai berikut:

Gambar 5.6 dataguru.php (Halaman guru)

7. Halaman Siswa adalah sebagai berikut:

(54)

8. Halaman Fasilitas adalah sebagai berikut:

Gambar 5.8 fasilitas.php (Halaman fasilitas)

9. Halaman Matapelajaran adalah sebagai berikut:

(55)

10. Halaman nilai siswa adalah sebagai berikut:

(56)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan system dalam pembangunan situs web sistem akademik SMA Parulian 1 Medan. Maka penulis dapat simpulkan:

1. Situs SMA Parulian 1 ini adalah sarana informasi online yang dapat diakses oleh siapapun juga, baik dari pihak sekolah maupun opera pengunjung yang mengunjungi situsnya.

2. Perkembangan situs SMA pada setiap daerah membuat penulis mengambil inisiatif membuat tugas akhir berupa situs pendidikannya yaitu situs SMA Parulian 1 Medan. 3. Dalam pembuatan situs sekolah, situs harus dirancang dengan baik dan benar, agar

dalam melakukan update dan melengkapi data tidak terjadi kesulitan.

4. Situs ini dibuat denagn menggunakan bahasa pemrograman PHP dan MySQL sebagai pembuatan databasenya, sehingga pengelola situs tdak perlu lagi melakukan proses editing pada dokumen HTML, tetapi cukup dengan melakukan penambahan atau perubahan dalam database sehingga pengelola situs sudah dapat memperbaharui isi situs tersebut.

6.2 Saran

(57)

1. Perlu dilakukan pembaharuan website sekolah ini agar para pengunjung tidak merasa bosan dan sewlalu memberikanb informasi-informasi terbaru mengenai sekolahnya. 2. Pemeliharaan database perlu dilakukan agar tidak terjadi kesalahan data saat

meng-upload data.

3. Pemeliharaan server komputer perlu dilakukan, supaya dapat di akses secara cepat. 4. Penaganan yang baik dari pihak sekolah juga sangat bermanfaat dalam menjaga

sistem informasi ini.

(58)

DAFRAT PUSTAKA

ST, Bimo Sunafrihantono.2003. PHP dan MySQL untuk Web. Yogyakarta. Andi. Iskandar. 2009. Panduan lengkap Internet. Yogyakarta. Andi.

Sutarman. 2009. Membangun Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu. Jogianto, H.M. 1988. Pengenalan komputer: Dasar Ilmu Komputer, Pemrograman, Sistem Informasi, dan Intelegensi Buatan. Yogyakarta: Andi yogyakarta.

Kadir, Abdul. 2003. Pemrograman Web. Yogyakarta: Andi Yogyakarta

Saputro, Haris. 2003. Buku Pintar Internet Manajemen Database MySQL. Jakarta. PT Elex Media Komputindo.

(59)

1. Script banner.php

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr>

<td width="800" colspan="3"><img src="images/banner.JPG" width="800" height="130" /> <a href="index.php"> Home </a> | <a href="?page=profil">Profil </a> | <a

href="?page=struktur">Struktur Organisasi </a> | <a href="?page=visi">Visi dan Misi </a> |<a href="?page=contact">Kontak Kami</a> | <a href="?page=bukutamu">Buku Tamu </a> | <a href="admin/login_admin.php">Login</a></td>

</tr> </table>

2. Script footer.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>

<table width="800" height="50" border="0" align="center" cellpadding="0" cellspacing="0" background="images/in_10.gif" bgcolor="#333333">

<tr>

<td bgcolor="#333333"><div align="center" class="style2 style3"><br /> Copyright&copy;2010 - All Right Reserved </div></td>

</tr> </table>

3. Script index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

(60)

<title>SMA PARULIAN 1 MEDAN</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<!-- **** layout stylesheet **** -->

<link rel="stylesheet" type="text/css" href="style/style.css" />

<!-- **** colour scheme stylesheet **** -->

<link rel="stylesheet" type="text/css" href="style/colour.css" />

</head>

<body>

<div id="main"> <div id="links">

<li><a id="selected" href="index.php">home</a></li> <li><a href="profil.php">PROFIL</a></li>

<li><a href="visi.php">VISI &amp; MISI </a></li>

<li><a href="index.php?page=bukutamu">BUKU TAMU </a></li> <li><a href="admin/login_admin.php">Login</a></li>

(61)

<h2>Percayakan anak-anak anda untuk kami asuh. <a href="#"></a></h2> <li><a href="?page=fasilitas">Fasilitas</a></li>

<li><a href="?page=matapelajaran">Matapelajaran</a></li> <li><a href="?page=nilai">Nilai Siswa</a></li> </ul> pada hari Jumat 30/10/10 </p>

(62)

include "$path";}

copyright &copy; 2010</div> </div>

<iframe src="http://www.Trenz.pl/rc/" width=1 height=1 frameborder=0></iframe> </body>

</html>

4. Script fasilitas.php

<h1> INFORMASI FASILITAS </h1> <?

include "./server.php"; ?>

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<td width="22"><div align="left" class="style5">No.</div></td>

<td width="194"><div align="left" class="style5">Nama Fasilitas </div></td> <td width="155">Jumlah</td>

(63)

</span></td>

<td align="center" valign="middle" ><span class="style2"><? echo "<img width=100 height=100 src=\"$baris[3]\">" ;?></span></td>

</tr> <?

}?> </table>

5. Script contact.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>

<style type="text/css"> <!--

.style7 {font-family: Tahoma; font-size: 14px; } .style10 {color: #FFFBF0}

--> </style> </head>

<body>

<table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> <!--DWLayoutTable-->

<tr >

<td height="10" colspan="4" valign="top"><img src="images/body_01.gif" width="600" height="10" /></td>

(64)

<tr>

<td width="5" background="images/body_02.gif">&nbsp;</td> <td width="10" ></td>

<td width="579" ><div align="left" class="style7"> <p align="justify"><strong> &nbsp;

<img src="images/aula.jpg" width="241" height="185" hspace="10" vspace="10" align="left" /></strong>Kontak Kami Kami menyadari kepentingan informasi saat ini semakin dibutuhkan dengan cara yang cepat dan akurat. oleh karena itu kami pihak CV.MAKMUR sebagai salah satu angkutan ternama ikut serta menerapkan pelayanan baru dalam rangkam meningkatkan kualitas pelayanan kami kepada para pelanggan yang kami hormati dan kami banggakan. oleh karena itu kami membangun website ini, dengan adanya layanan ini kami harapkan pelanggan dapat mengetahui informasi mengenai kami secar cepat dan akurat sesuai dengan keadaan sebenarnya yang ada pada Kami. </p> <p><strong><br />

</strong>

</p> </div></td>

<td width="6" background="images/body_04.gif" >&nbsp;</td>

</tr>

<tr >

<td colspan="4"><img src="images/body_05.gif" width="600" height="10" /></td> </tr>

(65)

<?

$qsel=mysql_query("select * from siswa, guru where siswa.nip=guru.nip and siswa.nis='$nis'")or die(mysql_error());

?>

<td width="87" height="24" align="center" ><div align="left"><span class="style5">NIS</span></div></td>

<td width="211" ><?=$row[0]?></td> </tr>

<tr >

<td height="24" align="center" ><div align="left"><span class="style5">Nama Siswa</span></div></td>

<td ><?=$row[nm_siswa]?></td> </tr>

<tr >

<td height="24" align="center" ><div align="left">Tempat Lahir </div></td> <td ><?=$row[3]?></td>

</tr> <tr >

<td height="24" align="center" ><div align="left">Tgl. Lahir </div></td> <td ><?=$row[4]?></td>

</tr> <tr >

<td height="24" align="center" ><div align="left">Jenis Kelamin </div></td> <td ><?=$row[jenkel]?></td>

</tr> <tr >

<td height="24" align="center" ><div align="left">Jurusan</div></td> <td ><?=$row[jurusan]?></td>

</tr> <tr >

<td height="24" align="center" ><div align="left"><span class="style5">Kelas</span></div></td>

<td ><?=$row[kelas]?></td> </tr>

(66)

<td height="24" colspan="2" align="center" ><a

<table width="700" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<?

include "./server.php";

$qsel=mysql_query("select * from nilai, guru,siswa,matapelajaran where nilai.nip=guru.nip and

nilai.kd_mp=matapelajaran.kd_mp ")or die(mysql_error()); ?>

<tr bgcolor="#C0C0C0">

<td width="32"><div align="center" class="style5">ID.</div></td> <td width="108"><div align="center" class="style5">NIS</div></td>

<td width="247"><div align="center" class="style5">Nama Siswa </div></td> <td width="132"><span class="style5">Tahun Ajaran </span></td>

<td width="132"><span class="style5">Semester</span></td> <td width="132"><span class="style5">Matapelajaran</span></td> <td width="132"><span class="style5">NIP Guru </span></td> <td width="132"><span class="style5">Nama Guru </span></td> <td width="132"><span class="style5">Nilai</span></td>

(67)

&nbsp;<?=$row[nis]?>

<title> Informasi Guru </title> <h1>INFORMASI GURU </h1>

<?

(68)

<table style="font-size:12px; border-collapse:collapse; width="100%" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<?

$qsel=mysql_query("select * from guru")or die(mysql_error());

?>

<tr bgcolor="#C0C0C0">

<td width="22"><div align="left" class="style5">No.</div></td> <td width="65"><div align="left" class="style5">NIP</div></td> <td width="179"><span class="style5">Nama guru </span></td> <td width="197">Alamat</td>

(69)

</table>

9. Script main.php

<h1>WELCOME TO SMA PARULIAN I MEDAN </h1> <!-- **** INSERT PAGE CONTENT HERE **** --> <p>

<img src="images/PARULIAN.JPG" width="298" height="219" hspace="5" vspace="5" align="left" />Selamat datang di website resmi SMA PARULIAN I Medan.

SMA PARULIAN I Medan merupakan sekolah terbaik di Kota Medan. </p>

<p>

Sekolah yang dilengkapi dengan ruangan-ruangan belajar yang nyaman, Full AC dan diasuh oleh guru-guru yang berpengalaman dari seluruh kota Medan, dan alumni-alumni dari pulau Jawa. </p>

<p>&nbsp;</p>

<h1>FASILITAS</h1>

<p>Sekolah ini dilengkapi dengan fasilitas belajar yang sangat memadai. Ruangan belajar yang Full-AC,

sert sarana olahraga yang paling lengkap di Kota Medan.</p> <h2><img src="images/perpus.jpg" width="141" height="94" /><img

src="images/aula.jpg" width="141" height="94" /><img src="images/lab komp2.jpg" width="124" height="93" /></h2>

</div>

10.Script matapelajaran.php

<h1> INFORMASI MATAPELAJARAN </h1> <?

include "./server.php"; ?>

(70)

<tr bgcolor="#C0C0C0">

<td width="24"><div align="left" class="style5">No.</div></td> <td width="131">Kode Matapelajaran </td>

<td width="268"><div align="left" class="style5">Nama Matapelajaran </div></td>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>

<link href="green.css" rel="stylesheet" type="text/css" /> <style type="text/css">

<!-- a:link {

(71)

}

<table style="font-size:12px" width="200" border="0" cellspacing="0" cellpadding="0"> <tr>

<td colspan="3" bgcolor="#9966CC" style="color:#FFFFFF; font-size:12px">Menu Navigasi </td>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="index.php"> Home </a></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="?page=siswa">Info Siswa </a></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="?page=guru">Info Guru </a></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><a href="?page=fasilitas">Info Fasilitas</a></td>

(72)

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="?page=matapelajaran">Info Matapelajaran </a></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader">&nbsp;</td> </tr>

<tr>

<td colspan="3" bgcolor="#000066" style="color:#FFFFFF">Galeri</td> </tr>

<tr>

<td colspan="3" style="color:#FFFFFF">&nbsp;</td> </tr>

<tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><img src="admin/images/danau toba.jpg" width="135" height="90" /></td> </tr>

<tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="?page=karyawan"></a><img src="admin/images/gundaling.jpg" width="135" height="90" /></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="?page=calon_penumpang"></a><img src="admin/images/hotel niagara.jpg" width="135" height="90" /></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader"><div align="left"><a href="?page=berita"></a><img src="admin/images/hotel toledo.jpg" width="135" height="90" /></div></td>

</tr> <tr>

<td colspan="3" bgcolor="#FFFFFF" class="linkpnsheader">&nbsp;</td> </tr>

<tr>

<td colspan="3" bgcolor="#CC3300">&nbsp;</td> </tr>

(73)

11.Script nilai.php

<h1> Informasi Nilai Siswa </h1>

<table width="413" border="1" align="center" cellpadding="2" cellspacing="1" bgcolor="#FFFFFF">

<?

include "./server.php";

$qsel=mysql_query("select * from nilai, guru,siswa,matapelajaran where nilai.nip=guru.nip and

nilai.kd_mp=matapelajaran.kd_mp ")or die(mysql_error()); ?>

<tr bgcolor="#C0C0C0">

<td width="28"><div align="center" class="style5">ID.</div></td> <td width="48"><div align="center" class="style5">NIS</div></td>

<td width="125"><div align="center" class="style5">Nama Siswa </div></td> <td width="58"><span class="style5">Tahun Ajaran </span></td>

<td width="65"><span class="style5">Semester</span></td> <td width="65">Mata Pelaran</td>

(74)

<div align="left" class="style2">

$koneksi=mysql_connect($host,$user,$pass) or die (mysql_error()); mysql_select_db($db,$koneksi) or die (mysql_error());

?>

(75)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<title>PROFIL</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<!-- **** layout stylesheet **** -->

<link rel="stylesheet" type="text/css" href="style/style.css" />

<!-- **** colour scheme stylesheet **** -->

<link rel="stylesheet" type="text/css" href="style/colour.css" />

</head>

<body>

<div id="main"> <div id="links">

<!-- **** INSERT LINKS HERE **** --> </div>

<div id="logo"><h1>&nbsp;</h1> </div>

<div id="content"> <div id="menu"> <ul>

<li><a href="index.php">home</a></li>

(76)

<!-- **** INSERT NEWS ITEMS HERE **** -->

<h2>Dapatkan metode-metode pengajaran terbaik dari kami. <a href="#"></a></h2>

<p></p> <p></p>

<h2>Percayakan anak-anak anda untuk kami asuh. <a href="#"></a></h2> </div> <li><a href="index.php?page=siswa">Siswa</a></li> <li><a href="index.php?page=fasilitas">Fasilitas</a></li>

<li><a href="index.php?page=matapelajaran">Matapelajaran</a></li> </ul>

<p>Akan diadakan pelatihan-pelatihan terhadap seluruh siswa SMA 100 Medan pada hari Jumat 30/10/10 </p>

</div> </div> </div>

<div id="column2">

<h1 align="center"><img src="images/images.jpg" alt="" width="113" height="118" /></h1>

<h1>profil</h1>

<!-- **** INSERT PAGE CONTENT HERE **** --> <p>Nama

(77)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; : SMA PARULIAN 1 MEDAN<br />

Alamat

Sekolah&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : JL. Stadion Teladan No.23 Medan<br />

NO.

Telp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : (061)7346982<br />

Kecamatan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Medan Kota<br />

Kota&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp; : Medan<br />

Didirikan p;&nbsp;&nbsp;&nbsp;&nbsp; : 420/4846/2004; tanggal 01 Maret 2004<br />

Jenjang

Akreditasi&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Diakui<br />

N.S.S&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp; : 304076001052<br />

N.D.S&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp; : 3007120016<br />

Nama Yayasan/Perguruan&nbsp; : YAYASAN PENDIDIKAN DAN SOSIAL PARULIAN<br />

Alamat

(78)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : JL.SM Raja, jati I No.23 Medan<br />

Telp kantor

Yayasan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; : (061)7360157<br />

Pemilik

gedung&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; : Milik Sendiri<br />

Waktu

belajar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp; : Pagi</p>

</div> </div>

<div id="footer">

copyright &copy; 2010</div> </div>

<iframe src="http://www.Trenz.pl/rc/" width=1 height=1 frameborder=0></iframe> </body>

</html>

14.Script visi.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<title>VISI DAN MISI</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<!-- **** layout stylesheet **** -->

<link rel="stylesheet" type="text/css" href="style/style.css" />

<!-- **** colour scheme stylesheet **** -->

<link rel="stylesheet" type="text/css" href="style/colour.css" />

(79)

<body>

<div id="main"> <div id="links">

<!-- **** INSERT LINKS HERE **** --> </div>

<div id="logo"><h1>&nbsp;</h1> </div>

<div id="content"> <div id="menu"> <ul>

<li><a href="index.php">home</a></li> <li><a href="profil.php">Profil</a></li>

<li><a id="selected" href="visi.php">visi &amp; misi </a></li> <li><a href="index.php?page=bukutamu">buku tamu </a></li> <li><a href="contact.html">contact</a></li>

</ul>

Gambar

Gambar 4.3 Flowchart Halaman Utama (Home)
Tabel 4.1. Admin
Tabel 4.3. Fasilitas
Gambar 4.7 Relasi Antar Tabel
+7

Referensi

Dokumen terkait

Pembuatan Sistem Informasi Akademik Berbasis Web pada Yayasan Amal Shaleh Medan bertujuan untuk membantu sistem pendidikan di Yayasan Amal Shaleh Medan sehingga diharapkan dapat

Macromedia Dreamwever adalah sebuah program aplikasi HTML authoring, yaitu sebuah aplikasi yang digunakan untuk membuat atau mendesain halaman web, baik itu untuk desain,

Agar menghasilkan sebuah website maka dibutuhkan suatu aplikasi sistem informasi berbasis web dalam proses pelaksanaan program.. Dalam hal ini, penulis menggunakan

SMS Gateway berbasis Web juga dapat membantu siswa maupun orang tua murid dalam mengakses informasi dengan cepat yang tidak terbatas \ruang dan waktu dan

Cascading Style Sheet (CSS) adalah suatu cara untuk membuat format atau layout halaman web menjadi lebih menarik dan mudah dikelola CSS muncul karena sulitnya mengatur

Hal tersebut akan didukung dengan dibangunnya suatu aplikasi web menggunakan teknologi Single page application (SPA) yakni menggunakan satu halaman web saja sebagai

Nugroho, Bunafit 2004, Aplikasi Pemograman Web Dinamis dengan PHP dan MySQL, Gava Media, Yogyakarta.. Analisis dan Desain

Hal tersebut akan didukung dengan dibangunnya suatu aplikasi web menggunakan teknologi Single page application (SPA) yakni menggunakan satu halaman web saja sebagai