Perancangan Sistem Infomasi pada SMA Negeri 6 Menggunakan PHP dan MySQL

(1)

PERANCANGAN SISTEM INFORMASI PADA SMA NEGERI 6 MEDAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

AMELIA DINA SYAHRI SIREGAR

092406031

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERANCANGAN SISTEM INFORMASI PADA SMA NEGERI 6 MEDAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

AMELIA DINA SYAHRI SIREGAR 092406031

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

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 Teknik Informatika pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah “PERANCANGAN SISTEM INFORMASI PADA SMA NEGERI 6 MEDAN MENGGUNAKAN PHP DAN MYSQL”.

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 terima kasih kepada :

1. Bapak Dr.Sutarman,M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Prof.Dr.Tulus,M.Si selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Syahril Efendi S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan sekretaris program studi Diploma III Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.

4. Ibu Dra.Elly Rosmaini,M.Si selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.

(4)

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

7. Ayahanda (Alm.) Syahrumsyah Siregar dan Ibunda Amdina atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materi yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang.

8. Seluruh rekan mahasiswa Jurusan DIII Teknik Informatika khususnya kekasihku tersayang Indra Perdana, A.md, dan teman-teman 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

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi.

Begitu juga dengan SMA Negeri 6 Medan, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam data siswa secara on-line. Sistem yang sedang berjalan pada SMA Negeri 6 Medan saat ini belum sepenuhnya menggunakan sistem komputerisasi.

Oleh sebab itu penulis mencoba merancang sebuah database pada SMA Negeri 6 Medan. Dengan adanya portal ini diharapkan sekolah ini dapat menyediakan informasi yang lebih cepat dan akurat pada siswa maupun masyarkat yang juga dapat membantu dalam mempromosikan sekolah ini.

(6)

DAFTAR ISI

1.2 Identifikasi Masalah 2

1.3 Batasan Masalah 3

1.4 Metodelogi Penelitian 3

1.5 Maksud dan Tujuan 4

1.6 Kegunaan Penelitian 5

1.7 Sistematika Penulisan 5

Bab 2 Landasan Teori 7

2.1 Pengertian Komputer 7

2.1.1 Sistem Komputer 8

2.2 Pengertian Data, DFD (Data Flow Diagram), Flowchart

(Diagram Alir), Informasi dan Sistem 9

2.2.1 Pengertian Data 9

2.2.2 Pengertian DFD (Data Flow Diagram) 10

2.2.3 Diagram Alir (flowchart) 12

2.2.4 Pengertian Informasi 14

2.2.5 Pengertian Sistem 15

2.3 Sistem Informasi 16

2.3.1 Komponen sistem informasi 16

2.3.2 Perangkat sistem informasi 18

2.4 Internet 19

2.4.1 Manfaat internet 20

2.5 Website 21

2.5.1 Web statis 21

2.5.2 Web dinamis 22

2.6 Hypertext Markup Language (HTML) 22

(7)

2.11 JavaScript 31

2.12 Macromedia Dreameaver 32

Bab 3 Tinjauan SMA Negeri 6 Medan 34

3.1 Profil 34

3.1.1 Identitas Sekolah 34

3.1.2 Identitas Kepala Sekolah 35

3.2 Struktur Organisasi 36

3.3 Uraian Tugas dan fungsi organisasi 37

3.3.1 Kepala Sekolah 37

3.3.2 Wakil Kepala Sekolah 37

3.3.3 Guru 37

3.3.4 Wali Kelas 38

3.3.5 Ketua MGMP 38

3.3.6 Guru Pembimbing dan Konseling 38

3.3.7 Pustakawan Sekolah 39

3.3.8 Pengelola Laboratorium 39

3.3.9 Kepala Tata Usaha 39

3.3.10 Teknisi Media 40

3.3.11 Petugas Piket 40

3.4 Visi, Misi & Motto 41

3.4.1 Visi Sekolah 41

3.4.2 Misi Sekolah 41

3.4.3 Motto Sekolah 41

Bab 4 Perancangan Sistem 41

4.1 Perencanaan dan Perancangan 41

4.2 Perancangan Halaman Website 44

4.2.1 Halaman Home 44

4.2.2 Halaman Profil 44

4.2.3 Halaman Guru dan Siswa 44

4.2.4 Halaman Buku Tamu 44

4.2.5 Halaman Portal Akademik 45

4.2.6 Halaman Admin 45

4.3 Perancangan Data Flow Diagram (DFD) Website 45 4.4 Perancangan Diagram Alir (Flowchart)Website 47

4.4.1 Flowchart Menu Utama 47

4.4.2 Flowchart Portal Akademik 48

4.4.3 Flowchart Admin 49

4.4.4 Flowchart Administrator Siswa 51

4.4.5 Flowchart Administrator Guru 52

4.5 Merancang DatabaseServer 52

4.6 Design Website 57

4.6.1 Design halaman home 57

4.6.2 Design headerwebsite 58

4.7 Gambaran Umum Perancangan Sistem 58

4.7.1 Administrator Website 59

(8)

Bab 5 Implementasi Sistem 62

5.1 Pengertian Implementasi Sistem 62

5.2 Tujuan Implementasi Sistem 62

5.3 Komponen Dalam Implementasi Sistem 63

5.4 Instalasi Apache, PHP, dan MySQL 64

Bab 6 Kesimpulan dan Saran 70

6.1 Kesimpulan 70

6.2 Saran 71

(9)

DAFTAR TABEL

Halaman Tabel 2.1 Simbol-simbol Data Flow Diagram 11

Tabel 2.2 Simbol-simbol Flowchart 12

Tabel 4.1 Tabel Admin 53

Tabel 4.2 Tabel Siswa 53

Tabel 4.3 Tabel Nilai 54

Tabel 4.4 Tabel Guru 55

Tabel 4.5 Tabel Buku Tamu 56

Tabel 4.6 Tabel Informasi Akademik 56

(10)

DAFTAR GAMBAR

Halaman Gambar 3.1 Struktur Organisasi SMA Negeri 6 Medan 36

Gambar 4.1 Struktur Website 43

Gambar 4.2 Diagram Konteks Website 46

Gambar 4.3 Flowchart Menu Utama 48

Gambar 4.4 Flowchart Portal Akademik 49

Gambar 4.5 Flowchart Admin 50

Gambar 4.6 Flowchart Admin Siswa 51

Gambar 4.7 Flowchart Admin Guru 52

Gambar 4.8 Tampilan Halaman Home 57

Gambar 4.9 Tampilan HeaderWebsite 58

Gambar 4.10 Tampilan Halaman Administrator 59

Gambar 5.1 Instalasi Apache2triad 65

Gambar 5.2 Menentukan Direktori Instalasi Apache2triad 66 Gambar 5.3 Masukkan Password Instalasi Apache2triad 66 Gambar 5.4 Autentifikasi Instalasi Apache2triad 67

Gambar 5.5 Proses Instalasi Apache2triad 67

(11)

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi.

Begitu juga dengan SMA Negeri 6 Medan, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam data siswa secara on-line. Sistem yang sedang berjalan pada SMA Negeri 6 Medan saat ini belum sepenuhnya menggunakan sistem komputerisasi.

Oleh sebab itu penulis mencoba merancang sebuah database pada SMA Negeri 6 Medan. Dengan adanya portal ini diharapkan sekolah ini dapat menyediakan informasi yang lebih cepat dan akurat pada siswa maupun masyarkat yang juga dapat membantu dalam mempromosikan sekolah ini.

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Kebutuhan akan informasi yang akurat dan tepat untuk penyajian data sangat diperlukan oleh suatu organisasi atau perusahaan. Sekolah merupakan salah satu organisasi yang bergerak dalam memberikan pelayanan kepada masyarakat dalam bidang pendidikan. Salah satu unsur terpenting dari suatu sekolah adalah siswa. Dalam satu sekolah ada ratusan bahkan lebih siswa yang masing-masing mempunyai data yang berbeda dan tidak jarang data tersebut tersimpan secara manual sehingga memakan waktu yang banyak dalam pencarian suatu data siswa jika dibutuhkan.

Dengan kemajuan teknologi komputer, pengolahan data dan informasi dapat dilakukan dengan cepat dan akurat. Komputer merupakan suatu alat yang banyak digunakan untuk membantu permasalahan yang sering dihadapi oleh suatu organisasi atau perusahaan.

(13)

pengolahan data maupun informasi. Dengan pertimbangan tersebut penulis memilih judul “Perancangan Sistem Informasi pada SMA Negeri 6 Medan menggunakan PHP & MYSQL”.

Dalam perancangan sistem informasi berbasis web pada SMA Negeri 6 Medan ini penulis menggunakan bahasa pemograman PHP dan MySQL dan beberapa software pendukung seperti Apache dan Dreamweaver 8.

1.2Identifikasi Masalah

Pengolahan data siswa dengan menggunakan komputer akan dapat menghemat waktu dan dapat mengefisienkan pengerjaan pengolahan data pada SMA Negeri 6 Medan. Dengan demikian dapat diidentifikasi masalah dalam penelitian ini adalah bagaimana membentuk sebuah pemograman berbasis web untuk mengolah data pada sekolah tersebut dengan efektif dan efisien sehingga dapat terorganisasi dengan baik.

1.3Batasan Masalah

(14)

1.4 Metodologi Penelitian

Metode penelitian yang digunakan dalam tulisan ini, antara lain : 1. Penelitian Lapangan (Field Research)

Metode penelitian ini dilakukan langsung pada objek penelitian, hal ini dilakukan dengan cara :

a. Wawancara (interview)

Dalam hal ini penulis mengadakan tanya jawab dengan staf dan guru yang berhubungan dengan masalah yang akan dibahas.

b. Pengamatan (observasi)

Dalam metode ini penulis melakukan observasi untuk mendapatkan data secara umum dengan melihat langsung, mengamati dan mencatat kegiatan yang ada pada SMA Negeri 6 Medan.

2. Penelitian Kepustakaan (Library Research)

Penelitian ini dimaksudkan untuk mendapatkan landasan teori yang memadai dalam menyusun tugas akhir, dalam hal ini penulis melakukannya dengan membaca serta mengkaji buku-buku yang berkaitan dengan masalah yang ditinjau.

1.5 Maksud dan Tujuan

(15)

Medan tersebut sehingga sistem informasi yang akan dirancang sesuai dengan kebutuhan dan permasalahan yang ada.

Adapun tujuan dari penelitian yang diakukan penulis adalah untuk merancang sistem informasi pada SMA Negeri 6 Medan dengan menggunakan bahasa pemograman HTML, PHP, dan MySQL

1.6 Kegunaan Penelitian

Kegunaan penelitian yang dilakukan penulis adalah sebagai berikut :

1. Bagi SMA Negeri 6 Medan mendapat suatu aplikasi komputerisasi yang memudahkan dalam mencari informasi tentang data guru, siswa dan nilai siswa. Sedangkan bagi pegawai SMA Negeri 6 Medan mendapatkan kemudahan pekerjaan dalam menangani pengolahan data secara efektif dan efisien.

2. Bagi penulis untuk memenuhi syarat bagi Mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam Program Studi D-III Teknik Informatika dalam menyelesaikan perkuliahan.

(16)

1.7 Sistematika Penulisan

Dalam penulisan tugas akhir ini, penulis membentuk suatu sistematika penulisan yang bertujuan untuk menggambarkan secara ringkas bab-bab yang mencakup hal-hal sebagai berikut :

BAB 1 : PENDAHULUAN

Bab ini berisikan latar belakang penulisan, identifikasi masalah, pembatasan masalah, metodelogi penelitian, maksud dan tujuan, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini menjelaskan landasan teori yang meliputi pengertian data, informasi, sistem informasi, uraian singkat tentang bahasa pemograman HTML, PHP dan MySQL.

BAB 3 : TINJAUAN SMA Negeri 6 Medan

Bab ini berisi tentang sejarah, struktur organisasi pada SMA Negeri 6 Medan, kurikulum, visi dan misi serta fungsi dan tugas komponen sekolah.

BAB 4 : PERANCANGAN SISTEM

Bab ini menjelaskan tentang perancangan sistem yang diusulkan meliputi data flow diagram, struktur database, sertifikasi input, sertifikasi output dan flowchart.

BAB 5 : IMPLEMENTASI

(17)

BAB 6 : KESIMPULAN DAN SARAN

Bab ini merupakan bab terakhir yang mencakup kesimpulan dan

(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan dalam memori dan menghasilkan output berupa informasi.

(19)

2.1.1 Sistem komputer

Sistem komputer adalah kumpulan beberapa perangkat komputer yang saling mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu pekerjaan. Tujuan dari sistem komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan tersebut dapat tercapai maka elemen-elemen dari komputer harus lengkap.

Elemen-elemen dari sistem komputer adalah sebagai berikut :

1. Perangkat Keras (Hardware), yaitu perangkat pada komputer yang secara fisik dapat dilihat dan dapat disentuh, seperti keyboard, monitor dan casing.

2. Perangkat Lunak (software), yaitu program yang berisi perintah-perintah pengolahan data, seperti Microsoft Office dan sebagainya.

3. Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem komputer.

(20)

2.2 Pengertian Data, Data Flow Diagram (DFD), Diagram Alir (Flowchart) dan

Sistem.

2.2.1 Pengertian data.

Beberapa pengertian tentang data sebagai berikut :

a. Menurut berbagai kamus bahas Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datum yang berarti fakta atau bahan keterangan. b. Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu

kejadian yang kita hadapi.

c. Menurut Gordon B. Davis dalam bukunya Management Information System : Conceptual Foundation, Structures, and Development menyebutkan data sebagai bahan mentah dari informasi, yang dirumuskan sebagi sekelompok lambang-lambang acak yang menunjukkan jumlah atau tindakan atau hal-hal lain.

Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah bahan baku informasi, didefenisikan sebagai sekelompok simbol yang mewakili kuantitas, tindakan, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka, maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur file, dan basisdata.

2.2.2 Pengertian dataflowdiagram (DFD)

(21)

sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan.

Data Flow Diagram (DFD) terdiri dari 4 (empat) simbol, yaitu :

Tabel 2.1 Simbol-simbol Data Flow Diagram

No Demarco And

Yourdan Symbols

Keterangan Gane And Sarson

Symbols

1 Eksternal Entity (Kesatuan

Luar) merupakan kesatuan

dilingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang akan memberikan input atau menerima output.

2 Proses adalah kegiatan atau

kerja yang dilakukan oleh orang, mesin atau computer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan

keluar dari proses………...

3 Arus data (Data Flow) diberi

simbol panah. Arus data ini mengalir diantara proses, yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri kekanan dan dari kanan kekiri.

4 Storage (simpanan data)

(22)

penyimpanan dari data yang dapat berupa file atau database di sistem komputer.

2.2.3 Diagram alir (Flowchart)

Diagram alir program (program flow chart) adalah suatu diagram yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Diagram alir terdiri dari simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir (flow line) menunjukkan urutan dari simbol-simbol yang akan dikerjakan.

Tabel 2.2 Simbol-simbol Flowchart

No Simbol Fungsi

1 Simbol titik terminal digunakan untuk

menunjukkan awal dan akhir dari suatu proses.

2 Simbol proses digunakan untuk mewakili suatu

proses atau untuk pengolahan aritmatika dan pemindahan data

3 Simbol input-output digunakan untuk mewakili

data imput/output dan menunjukkan hasil dari suatu proses.

4 Simbol keputusan (Decision) digunakan untuk

(23)

5 Simbol persiapan (Predefined) digunakan untuk pemberian nilai awal suatu variable atau counter.

6 Simbol penghubung (Connector) digunakan untuk

menunjukkan hubungan arus proses yang terputus masih dalam halaman yang sama.

7 Simbol Off-page connector digunakan untuk

menunjukkan hubungan arus proses yang terputus masih dalam halaman yang berbeda

8 Simbol proses terdefenisi digunakan untuk

menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain.

9 Simbol display digunakan untuk output yang

ditunjukkan/ditampilkan di monitor.

10 Simbol dokumen yang digunakan untuk

menunjukkan suatu dokumen input dan output baik untuk proses manual, mekanik atau komputer. 11 Simbol garis alir (Flow line) yang digunakan untuk

menunjukkan arus dari suatu proses.

12 Simbol storage yang digunakan untuk menyimpan data.

(24)

Beberapa pengertian tentang informasi sebagai berikut :

a. Menurut Gordon B. Davis dalam bukunya Managemen Information System : conceptual Foundation, Structures, and Development menyebut informasi sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang maupun masa mendatang.

b. Menurut Barry E. Cushing dalam buku Accounting Information System and business Organization, dikatakan bahwa informasi merupakan suatu yang menunjukkan hasil pengolahan data yang diorganisasi dan berguna bagi orang yang menerimanya.

c. Menurut Robert N. Anthony dan Jhon Dearden dalam buku Management Control System, menyebutkan informasi sebagai suatu kenyataan, data, item, yang menambah pengetahuan bagi penggunanya.

d. Menurut Stephen A. Moscope dan Mark G. Simkin dalam bukunya Accounting information System : Concepts and Practise mengatakan informasi sebagai kenyataan atau bentuk-bentuk yang berguna yang dapat digunakan untuk pengambilan keputusan.

(25)

2.2.5 Pengertian sistem

Beberapa pengertian tentang sistem sebagai berikut :

a. Dalam kamus Inggris-Indonesia-nya Jhon M. Echols dan Hassan Shadily, system diartikan sebagai susunan.

b. Menurut M. Alexander dalam buku Information System Analisyst : Theory and Application, sistem merupakan suatu grup dari elemen-elemen baik yang berbentuk fisik maupun non-fisik yang menunjukkan suatu kumpulan saling berhubungan dan berinteraksi bersama menuju suatu tujuan, sasaran atau akhir dari sebuah sistem.

Dari pengertian sistem di atas dapat disimpulkan bahwa sistem adalah suatu kesatuan utuh terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu.

2.3 Sistem Informasi

Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai sutau tujuan yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.

(26)

Sistem informasi memiliki komponen-komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai sasaran sistem. Adapun komponen-komponen dari sistem informasi adalah sebagai berikut :

a. Blok Masukan ( Input Block)

Blok masukan dalam sebuah sistem informasi meliputi metode-metode dan media untuk menangkap data yang akan dimasukkan, dapat berupa dokumen-dokumen dasar.

b. Blok Model ( Model Block)

Blok model ini terdiri dari kombinasi prosedur, logika dan model matematik yang berfungsi memanipulasi data untuk keluaran tertentu.

c. Blok Keluaran (Output Block)

Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi yang berkualitas.

d. Blok Teknologi (Thechnology Block)

Blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan data dan mengakses data, menghasilkan dan mengirimkan keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses pengolahan yang terjadi dalam sistem.

e. Blok Basisdata (Database Block)

(27)

f. Blok Kendali (Control Block)

Meliputi masalah pengendalian terhadap operasional sistem berfungsi mencegah dan menangani kesalahan/kegagalan sistem.

2.2.3 Perangkat sistem informasi

Sebuah sistem informasi yang lengkap memiliki kelangkapan sebagai berikut :

a. Hardware

Bagian ini merupakan bagian perangkat keras sistem informasi. Sistem informasi modren memiliki perangkat keras seperti komputer, printer dan teknologi jaringan komputer.

b. Software

Bagian ini merupakan bagian perangkat lunak sistem informasi. Sistem informasi modren memiliki perangkat lunak untuk memerintahkan komputer dalam melaksanakan tugas yang harus dikerjakannya.

c. Data

Merupakan komponen dasar dari sistem informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.

d. Prosedur

Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses yang terjadi dalam sistem.

(28)

Manusia merupakan bagian utama dalam suatu sistem informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut :

1. Cleciral personal : untuk menangani transaksi dan pemrosesan data dan melakukan incuiry (operator).

2. First level manager : untuk mengolah pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of control dan pengambilan keputusan level menengah kebawah.

3. Staff specialist : untuk menganalisis perencanaan dan pelaporan.

4. Management : untuk pembuatan laporan berkal, permintaan khusus, analisis khusus, laporan khusus, pendukung analisis pengambilan keputusan level atas.

2.4 Internet

Internet (International Networking) adalah sutu kumpulan jaringan komputer dari berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di seluruh dunia telah bergabung dengan internet.

(29)

2.4.1 Manfaat internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.

Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut: a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi

fasilitas internet seperti e-mail, www, newsgroup dan lain sebagainya.

b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah dan brosur di dalam internet.

c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk perusahan.

d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya. e. Sebagai alat penelitian dan pengembangan.

f. Sebagai alat pertukaran data.

2.5 Website

(30)

Kemampuan di atas telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki

graphical user interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dengan mouse dan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu web statis dan web dinamis.

2.5.1 Web statis

Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.

Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.

(31)

Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.

2.6 Hypertext Markup Language (HTML)

Hypertext Markup Language (HTML) merupakan sebuah bahasa scripting yang berguna untuk menuliskan halaman web. Pada halaman web, html dijadikan sebagai bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemograman lainnya.

Dalam penulisan script html dapat menggunakan editor biasa seperti notepad, edit plus ataupun editor lain yang berbasis GUI (Graphical User Interface) seperti

Microsoft Frontpage dan yang digunakan penulis adalah Macromedia Dreameweaver 8. Dengan software ini kode html tidak perlu di ketik, karena semua perintahnya diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web, kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat disarankan untuk menguasai kode html dengan menggunakan editor teks seperti notepad.

Secara umum HTML dapat melakukan tugas-tugas sebagai berikut : a.Mengontrol tampilan halaman web dan isinya.

(32)

c.Membuat online form yang bisa digunakan untuk menangani pendaftaran buku tamu, dan transaksi online lainnya.

d.Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam dokumen html.

Browser merupakan software yang diinstall di komputer client yang berfungsi untuk menerjemahkan tag-tag HTML menjadi halaman web. Browser yang biasa digunakan adalah internet explorer, opera, mozila fireworks dan lain sebagainya.

2.7 PHP

PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script

server-side dalam pengembangan web yang disisipkan pada dokumen html.

Penggunaan php memungkinkan web dapat dibuat dinamis sehingga maintanance

situs web tersebut lebih mudah dan efisien. Php merupakan software open-source

yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs

resminya yaitu :

PHP yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri dengan menambah fungsi-fungsi baru. PHP adalah bahasa pemograman yang sangat populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C dan Perl.

2.7.1 Sejarah singkat PHP

(33)

itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dengan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak terhenti sampai di situ, kemampuan PHP terus ditambah, dan versi terbaru yang telah di keluarkan adalah PHP 5.0.x.

2.7.2 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.

PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache,

(34)

PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP :

a. Adabase D

b. dBase

c. Direct MS-SQL

d. Empress

e. FilePro (read only)

f. FrontBase

g. Hyperware

h. IBM DB2

i. Informix

j. Ingres

k. Interbase

l. MSQL

m. MySQL

n. ODBC

o. Oracle (OC17 dan OC18)

p. Ovrimos

q. PostgrSQL

r. Solid

(35)

t. Unix DBM

u. Velocis

2.7.3 Sintaks PHP

Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.

1. <?php … ?>

2. <script language=”PHP”> … </script> 3. <? … ?>

4. <% … %>

Cara 1 dan 2 merupakan cara yang paling umum digunakan walaupun cara 3 tampak lebih praktis, karena cara 3 tidak selalu diaktifkan dalam konfigurasi file php.ini yang terdapat pada direktori C:\Program Files\Apache Software Foundation\Apache2.2\PHP.

Cara 4 juga dimungkinkan sebagai kemudahan bagi anda yang sudah terbiasa dengan Active Server Pages (ASP). Namun, bila cara tersebut tidak dikenal, maka harus dilakukan pengaktifan pada file konfogurasi php.ini. Pengaktifan yang dilakukan pada file php.ini terdapat pada baris berikut :

Language options

Allow ASP-style <%%>tags.

Asp_tags=off

(36)

2.8 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL

sendiri bisa didownload da

MySQL termasuk jenis Relation Database Management Sistem (DBMS). Pada

MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

MySQL dapat didefenisikan sebagai:

a. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.

b. MySQL merupakan sistem manajemen database atau basis data terhubung (Relation Database Management System). Database terhubung menyimpan pada tabel-tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari

Structure Query Language. SQL merupakan bahasa standar yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart. c. MySQL merupakan Software Open Source, berarti semua orang diizinkan

(37)

mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.

d. Server database MySQL mempunyai kecepatan yang tinggi, mudah digunakan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.

e. MySQL Server bekerja di client server atau sistem embedded. Software databaseMySQL merupakan sistem yang terdiri atas multitheread SQL Server

yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application Programming Interfaces (APIs). f. MySQL tersedia dalam beberapa macam bahasa.

Beberapa SQLcommand atau perintah SQL yang harus diketahui adalah : 1. CREATE DATABASE, untuk membuat sebuah database.

2. DROP DATABASE, untuk menghapus sebuah database.

3. CREATE TABLE, untuk membuat sebuah table. 4. ALTER TABLE, untuk memodifikasi sebuah table. 5. DROP TABLE, untuk menghapus sebuah table. 6. SELECT, untuk menampilkan data dari database.

(38)

2.9 Apache

Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache

terlibat dalam satu proyek yang disebut Proyek Apache untuk mengembangkan suatu

software implementasi di server HTTP (web) yang handal, standar komersial, dan

Source Code-nya didistribusikan secara gratis. Adapun alamat website Apache adalah

2.10 Cassading Style Sheet (CSS)

Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu

style sekali saja dapat digunakan berulang kali.

(39)

2.11 JavaScript

JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan

Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.

JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah designweb.

2.12 Macromedia Dreamweaver 8

Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver

memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.

(40)

Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8

(41)

BAB 3

TINJAUAN SMA NEGERI 6 MEDAN

3.1Profil

IDENTITAS SEKOLAH

Nama Sekolah : SMA Negeri 6 Medan

Berdiri Tahun : 17 juli 1965

Alamat Sekolah : Jl. Ansari No.34 medan Telp. (061) 7367580

Kelurahan : Sei Rengas I

Kecamatan : Medan Kota Medan

Kabupaten/Kota : Medan

Kode Pos : 20214

Propinsi : Sumatera Utara

(42)

IDENTITAS KEPALA SEKOLAH

Nama Kepala Sekolah : Dra. Hj. Erlinda

Tempat / Tgl Lahir : Rantau Prapat, 24 Desember 1961 Nomor Induk Pegawai : 19611224 198603 2 004

Pendidikan Terakhir : S.1 Biologi Spesialisasi/Jurusan : Biologi

SK Pengangkatan : Dari Gubernur dan walikota

Golongan : IV A (Pembina)

Pendidikan dan Latihan :

• 1987 (Latihan Penjabatan Tingkat III STTPL)

• 1996 (Penataran Peningkatan

Pengetahuan dan Keterampilan Istri , Diklat

Spama)

• 1996 (Pelatihan Guru MGMP IPA)

• 1996 (Penataran Peningkatan Keimanan dan Ketaqwaan Siswa SLTA)

• 2000 (Latihan Kader

Pemantauan Kualitas Dari Kalangan Guru Dan Pelajar) • 2004 (Pelatihan Calon Kepala

Sekolah Angkatan I) • 2006 (Pelatihan Komputer)

• 2008 (Peningkatan

Profesionalisme Pendidik dan Tenaga Kependidikan Melalui

(43)

3.2Struktur Organisasi

(44)

3.3Uraian Tugas dan Fungsi Organisasi

3.3.1 Kepala Sekolah

Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator,

supervisor, pemimpin/Leader innovator, dan Motivator (EMASLIM).

3.3.2 Wakil Kepala Sekolah

Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan:

1. Menyusun kurikulum

2. Mengatur segala program kesiswaan.

3. Merencanakan kebutuhan sarana dan prasarana.

4. Mengatur dan mengembangkan hubungan dengan masyarakat. 5. Mengatur dan mengawasi penyelenggaraan program pendidikan. 6. Mengatur mutasi siswa.

7. Menyusun program kegiatan ekstrakurikuler.

8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.

3.3.3 Guru

(45)

3.3.4 Wali Kelas

Membantu Kepala Sekolah dalam kegiatan:

1. Pengelolaan kelas.

2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa. 4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.

3.3.5 Ketua MGMP

Ketua MGMP membantu Kepala Sekolah dalam Kegiatan :

1. Menyusun Program dan Pengembangan mata pelajaran sejenis

2. Koordinasi Penggunaan ruang sarana

3. Koordinasi kegiatan guru-guru mata pelajaran tertentu

4. Melaksanakan kegiatan membimbing guru dalam proses belajar mengajar

3.3.6 Guru Pembimbing dan Konseling.

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.

(46)

3.3.7 Pustakawan Sekolah

Bertugas membantu Kepala Sekolah dalam kegiatan:

1. Perencanaan pengenalan buku-buku. 2. Pengurusan pelayanan perpustakaaan. 3. Menyimpan buku-buku perpustakaan.

4. Memelihara dan perbaikan buku-buku/bahan pustaka/media lainnya. 5. Perencanaan pengembangan perpustakaan.

6. Menyusun laporan pelaksanaan kegiatan perpustakaan secara berkala.

3.3.8 Pengelola Laboratorium

Bertugas membantu Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:

1. Perencanaan dan pengadaan alat laboratorium. 2. Menyusun jadwal laboratorium.

(47)

3.3.9 Kepala Tata Usaha

Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan bertanggung jawab kepada Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:

1. Penyusunan program kerja tata usaha sekolah.

2. Pengolahan keuangan sekolah.

3. Penyusunan administrasi perlengkapan sekolah.

4. Membina dan mengembangkan karier pegawai tata usaha sekolah.

5. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara umum.

3.3.10 Teknisi Media

1. Merencanakan Pengadaan alat-alat media. 2. Menyusun Program kegiatan teknis media. 3. Menyusun laporan pemanfaatan alat-alat mdia.

4. Mengatur penyimpanan, pemeliharaan dan perbaikan alat-alat media.

3.3.11 Petugas Piket

(48)

2. Mencatat dan mengawasi keluar masuk tamu sekolah.

3. Menyerahkan laporan harian secara lengkap kepada PKS kurikulum untuk diperhatikan setelah KBM berakhir.

3.4Visi, Misi dan Motto

3.4.1 Visi Sekolah

Berprestasi, berwawasan kebangsaan, beriman dan bertaqwa kepada Tuhan Yang Maha Esa; berintegritas, dan mandiri.

3.4.2 Misi Sekolah

1. Optimalisasi Program

2. Kompetensi dengan teknologi informasi terkini

3. Aktif dalam penggunaan bahasa internasional

4. Melaksakan perlombaan matapelajaran dan seni secara teratur

5. Pelayanan dan Penyelenggaraan Sekolah yang mudah di akses

6. Penataan lingkungan yang Kondusif, bersih, dan rapi

3.4.3 Motto

(49)

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.

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

a. Website apa yang akan dibangun ?

b. Siapa saja pengunjung yang akan diharapkan ke website tersebut ? c. Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ? d. Apa saja yang ingin dicapai dari pembuatan website tersebut ?

(50)

pertanyaan-pertanyaan tersebut akan terbentuk kata kunci 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 SMA Negeri 6 Medan, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMA Negeri 6 Medan.

c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai berita pendidikan terbaru, membaca artikel para siswa, mengetahui nilai siswa yang dapat diprint, mengetahui kegiatan yang dilakukan sekolah seta informasi penting lainnya.

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

(51)

Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut :

Gambar 4.1 Struktur Website

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 dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti Sejarah,

Home

Profil Guru dan Siswa Buku Tamu Portal Akademik Admin

Sejarah Data Guru

Data Siswa Identitas

Visi dan Misi

Login Siswa

Profil Siswa Nilai Siswa

InformasiAkademik

Login Admin

(52)

Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.

4.2.3 Guru dan Siswa

Halaman ini berisikan data guru dan data siswa.

4.2.4 Halaman Buku Tamu

Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah. Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.

4.2.5 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.6 Halaman Admin

Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.

4.3 Perancangan Data Flow Diagram (DFD)

(53)

data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk Data FlowDiagram dari website SMA Negeri 6 Medan.

- Info Sejarah Sekolah

- Info Struktur Organisasi - Login Administrator

- Info Visi Misi - Data Guru

- Info Kurikulum - Data Siswa dan Nilai Siswa - Info Data Guru - Data Informasi Beasiswa - Info Data Siswa - Data Informasi Akademik - Info Komponen Sekolah dan fungsinya - Data Buku Tamu

Buku Tamu

Laporan - Pengunjung - Info Data Siswa

Laporan - Administrator - Info Nilai Siswa

Laporan - Data Guru - Informasi Akademik

Laporan - Data Siswa dan Nilai Siswa - Informasi Beasiswa Pengunjung

0

Sistem Informasi Akademik Berbasis Web Pada SMA Negeri

6 Medan

Administrator

(54)

Gambar 4.2 Diagram Konteks Website

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 SMA Negeri 6 Medan.

4.4.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA Negeri 6 Medan dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart

(55)

START

Pilih link yang ada A

Pilih link yang ada

Gambar 4.3 Flowchart Menu Utama

4.4.2 Flowchart Portal Akademik

(56)

D

Pilih login siswa

Input nis & password

Nis & Password Nis & Password salah

Halaman depan

Gambar 4.4 Flowchart Portal Akademik

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

(57)

E

Buka Halaman Admin

Input username & password

Cek Username &

password Username & password salah

Tampil Menu Admin

Halaman Data Siswa

Halaman Data Guru

Logout

E

Tampil Halaman Siswa

Tampil Halaman Guru

F

G Ya

Ya

Tidak

(58)

4.4.4 Flowchart Administrator Siswa

(59)

4.4.5 Flowchart Admin Guru

Gambar 4.7 Flowchart Admin Guru

4.5 Merancang DatabaseServer

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.

Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL.

(60)

1. Tabel Admin

Tabel 4.1 Tabel Admin

Field Name Type Width Description

id Int 10 No.Urut (auto_increment, primary key)

user Varchar 45 Nama User

password Varchar 45 Password User

2. Tabel Siswa

Tabel 4.2 Tabel Siswa

id int 10 No Urut (auto_increment, primary key) password varchar 20 Password Siswa Untuk Login Ke Portal

nis varchar 50 No Induk Siswa

nama varchar 40 Nama Siswa

kelamin varchar 15 Jenis Kelamin Siswa tgl_lahir varchar 15 Tanggal Lahir Siswa

agama varchar 20 Agama Siswa

alamat varchar 60 Alamat Siswa

ortu varchar 40 Nama Orang Tua Siswa 3. Tabel Nilai

Tabel 4.3 Tabel Nilai

(61)

semester int 4 Semester

fisika int 4 Fisika

mm int 4 Matematika

bi int 4 Bahasa Indonesia

kesenian int 4 Keseniaan

kimia int 4 Kimia

kwn int 4 Kewarganegaraan

sosiologi int 4 Sosiologi

bing int 4 Bahasa Inggris

biologi int 4 Biologi

sejarah int 4 Sejarah

agama int 4 Agama

keterampilan int 4 Keterampilan

penjas int 4 Penjaskes

seni int 4 Kesenian

eko int 4 Ekonomi

(62)

tik int 4 Teknologi Informasi dan Komunikasi

akutansi int 4 Akutansi

mlokal int 4 Muatan Lokal

4. Tabel Guru

Tabel 4.4 Tabel Guru

id int 4 No Urut (auto_increment, Primary Key)

nig varchar 20 Nomor Induk Guru

nama varchar 45 Nama Guru

kelamin varchar 15 Jenis Kelamin Guru tanggal_lahir varchar 15 Tanggal Lahir Guru

alamat varchar 60 Alamat Guru

lulusan varchar 45 Pendidikan Terakhir Guru

agama varchar 15 Agama Guru

5. Tabel Buku Tamu

Tabel 4.5 Tabel Buku Tamu

nama varchar 40 Nama Pengirim

email varchar 45 Email Pengirim

(63)

6. Tabel Informasi Akademik

Tabel 4.6 Tabel Informasi Akademik

id int 10 No.Urut (auto_increment, primary key)

informasi text - Informasi

tanggal date - Tanggal

7. Tabel Informasi Beasiswa

Tabel 4.7 Tabel Informasi Beasiswa

id int 10 No.Urut (auto_increment, primary key)

beasiswa text - Informasi

tanggal date - Tanggal

4.6 DesignWebsite

4.6.1 Design halaman home

Dalam mendesign halaman ini, penulis menggunakan software Adobe Photoshop CS3

(64)

Gambar 4.8 Tampilan Halaman Home

4.6.2 Design headerwebsite

Header website adalah bagian paling atas dari website yang biasanya berisi gambar

website, alamat, dan nama website. Pada perancangan website ini penulis juga mendesign header website dengan menggunakan software Adobe Photoshop CS3.

(65)

Gambar 4.9 Tampilan HeaderWebsite

4.7 Gambaran Umum Perancangan Website

Sistem yang dibuat dalam situs ini bekerja dalam sebuah webserver 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

Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu dengan username : admin dan

(66)

Pada halaman administrator website SMA Negeri 6 Medan terdapat 3 (tiga) menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan Halaman Buku Tamu. Tampilan halaman Administrator dapat dilihat pada gambar berikut ini :

Gambar 4.10 Tampilan Halaman Administrator

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

(67)

4.7.2 Pengunjung Website

Jenis pengunjung pada website SMA Negeri 6 Medan yang dibuat penulis dibagi atas dua jenis pengunjung yaitu pengunjung umum dan pengunjung khusus (siswa/siswi, guru dan pihak SMA Negeri 6 Medan).

a. Pengunjung Umum

Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin melihat website SMA Negeri 6 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 sekolah SMA Negeri 6 Medan. Siswa/siswi memiliki username dan password selain dapat melihat isi umum website

(68)

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

Tujuan implementasi sistem adalah sebagai berikut :

1. Menyelesaikan desain sistem yang ada dalam dokumen sistem yang disetujui, menysusun dokumen baru atau dokumen yang diperbaiki.

2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki.

3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa mengalami kesulitan dalam penggunaannya.

(69)

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 SMA Negeri 6 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

2. Pearangkat Lunak (Software)

a. Sistem Operasi WindowsXP.

b. MySQL sebagai pengelola databaseserver.

c. PHP sebagai bahasa pemograman serverside.

(70)

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

softwareApachesoftware PHP, da

untuk software MySQL.

Namun pada perancangan website ini penulis menggunakan software Apache2triad. Dimana pada software ini sudah terdapat Apache, PHP, dan MySQL. Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni hanya perlu menginstall satu kali saja yakni Apache2triad dan tidak perlu lagi untuk konfigurasi.

(71)

1. Klik ganda pada file apache2triad 1.5.4 atau pada ikon

2. Maka akan muncul tampilan seperti Gambar 5.1. Klik Next untuk melanjutkan instalasi.

Gambar 5.1 Instalasi Apache2triad

3. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.2. Tentukan direktori tempat penginstalan Apache2triad, kemudian klik Next.

(72)

4. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.3. Masukkan

password yang anda inginkan dengan ketentuan minimal 8 karakter dan maksimal 32 karakter. Kemudian klik Next.

Gambar 5.3 Masukkan Password Instalasi Apache2triad

5. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.4. klik I

Agree untuk melanjutkan instalasi..

Gambar 5.4 Autentifikasi Instalasi Apache2triad

(73)

Gambar 5.5 Proses Instalasi Apache2triad

7. Setelah proses pada Gambar 5.5 selesai kemudian akan muncul tampilan seperti Gambar 5.6. Klik OK untuk konfigurasi dan melanjutkan instalasi.

8. Setelah kita klik OK maka akan muncul tampilan seperti Gambar 5.7. Kemudian masukkan kembali password yang di buat pada langkah ke 4 kemudian tekan Enter.

(74)

9. Setelah kita masukkan password dan tekan Enter, maka akan muncul tampilan seperti pada Gambar 5.8.

10.Setelah proses pada Gambar 5.8 selesai maka akan muncul tampilan pada Gambar 5.9. Klik OK maka komputer akan restart ulang dan proses instalasi selesai.

(75)

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.

(76)

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.

(77)

DAFTAR PUSTAKA

Jogiyanto, H.M. 1988. Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman, Sistem Informasi, dan Intelegensi Buatan. Yogyakarta : Andi Yogyakarta. Kadir, Abdul. 2003. Pemograman Web. Yogyakarta: Andi Yogyakarta.

Lenawati, Mei. 2006. Macromedia Dreameaver 8 dengan PHP. Yogyakarta

Syafii, M. 2005. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi Wahana, Komputer. 2006. Membuat Website Interaktif dengan Macromedia

Dreamweaver 8. Yogyakarta: Andi.

(78)

LAMPIRAN A : TAMPILAN PROGRAM

Tampilan Halaman Utama (Home)

(79)

Tampilan Halaman Guru Dan Siswa

(80)

Tampilan Halaman Login Portal Akademik Setelah Berhasil Login

(81)

Tampilan Visi, Misi & Motto Sekolah