Sistem Perancangan Portal Akademik pada SMA Negeri 1 NA IX-X Aek Kota Batu Berbasis Web

  

SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1

NA IX-X AEK KOTA BATU BERBASIS WEB

TUGAS AKHIR

YUNI RAHMAIDA NASUTION

  

092406036

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

  

2012

  

SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1

NA IX-X AEK KOTA BATU BERBASIS WEB

  Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

  

YUNI RAHMAIDA NASUTION

092406036

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

  

2012

  

PERSETUJUAN

  Judul : SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB

  Kategori : TUGAS AKHIR Nama : YUNI RAHMAIDA NASUTION Nomor Induk Mahasiswa : 092406036 Program Studi : DIPLOMA III TEKNIK INFORMATIKA Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

  ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2012

  Komisi Pembimbing : Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Pembimbing, Ketua, Prof. Dr. Tulus, M.Si Drs,Rosman Siregar, M.Si NIP. 196209011 198803 1 002 NIP. 19610101071986011001

  

PERNYATAAN

  SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-

  X AEK KOTA BATU BERBASIS WEB TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

  Medan, Juni 2012 Yuni Rahmaida Nasution 092406036

  

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 “SISTEM PERANCANGAN PORTAL AKADEMIK PADA SMA NEGERI 1 NA IX-X AEK KOTA BATU BERBASIS WEB”.

  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 Drs, Rosman Siregar, M.Si selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.

  5. Bapak Drs. Yusri Hamonangan Selaku kepala sekolah SMA Negeri 1 NA IX-X Aek Kota Batu yang telah mengizinkan penulis melakukan penelitian dan membantu penulis selama penelitian.

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

  7. Ayahanda Chaidir Nasution dan Ibunda Ratma 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, 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, Juni 2012 Yuni Rahmaida Nasution

  

ABSTRAK

  Sistem Perancangan Portal Akademik Pada SMA Negeri 1 NA IX-X Aek Kota Batu Berbasis Web ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMA Negeri 1 NA IX-X Aek Kota Batu, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Negeri 1 NA IX-X Aek Kota Batu tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari Xampp 1.6.7 dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

  Halaman Persetujuan ii

  20

  22

  2.5.2 Web dinamis

  21

  2.5.1 Web statis

  21

  2.5 Website

  2.4.1 Manfaat internet

  22

  19

  2.4 Internet

  18

  2.3.2 Perangkat sistem informasi

  16

  2.3.1 Komponen sistem informasi

  16

  2.6 Hypertext Markup Language (HTML)

  2.7 PHP

  15

  2.9 Apache

  2.12 Macromedia Dreameaver

  31

  2.11 JavaScript

  31

  2.10 Cassading Style Sheet (CSS)

  30

  28

  24

  2.8 MySQL

  27

  2.7.3 Sintaks PHP

  25

  2.7.2 Kelebihan PHP

  24

  2.7.1 Sejarang singkat PHP

  2.3 Sistem Informasi

  2.2.5 Pengertian Sistem

  Pernyataan iii

  1

  3

  1.4 Metodelogi Penelitian

  3

  1.3 Batasan Masalah

  2

  1.2 Identifikasi Masalah

  1.1 Latar Belakang

  4

  1

  Bab 1 Pendahuluan

  Daftar Gambar xi

  Daftar Tabel x

  Daftas Isi vii

  Abstrak vi

  Penghargaan iv

  1.5 Maksud dan Tujuan

  1.6 Kegunaan Penelitian

  14

  9

  2.2.4 Pengertian Informasi

  12

  2.2.3 Diagram Alir (flowchart)

  10

  2.2.2 Pengertian DFD (Data Flow Diagram)

  9

  2.2.1 Pengertian Data

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

  5

  8

  2.1.1 Sistem Komputer

  7

  2.1 Pengertian Komputer

  7

  5 Bab 2 Landasan Teori

  1.7 Sistematika Penulisan

  32 Bab 3 Tinjauan SMA Negeri 1 NA IX-X Aek Kota Batu

  34

  4.2.7 Halaman Agenda

  46

  4.3.0 Halaman Galeri Foto

  46

  4.2.9 Halaman Pengumuman

  45

  4.2.8 Halaman Berita

  45

  45

  46

  4.2.6 Halaman Admin

  45

  4.2.5 Halaman Portal Akademik

  44

  4.2.4 Halaman Hubungin Kami

  44

  4.2.3 Halaman Guru dan Siswa

  44

  4.3 Perancangan Data Flow Diagram (DFD) Website

  4.4 Perancangan Diagram Alir (Flowchart)Website

  44

  70

  5.1 Pengertian Implementasi Sistem

  73

  72 Bab 5 Implementasi Sistem

  4.7.2 Pengunjung website

  70

  4.7.1 Administrator Website

  70

  4.7 Gambaran Umum Perancangan Sistem

  4.6.2 Design header website

  48

  68

  4.6.1 Design halaman home

  68

  4.4.3 Design Website

  49

  4.4.2 Merancang Database Server

  48

  4.4.1 Flowchart Menu Utama

  4.2.2 Halaman Profil

  4.2.1 Halaman Beranda

  3.1 Profil SMA N1 NA IX-X Aek Kota Batu

  3.3.3 Tata Usaha

  38

  3.3.3.1Bidang Sarana dan Prasarana

  37

  3.3.5 Pembantu Kepala Sekolah

  37

  3.3.4 Komite Sekolah

  37

  36

  38

  3.3.2 Wakil Kepala Sekolah

  36

  3.3.1 Kepala Sekolah

  36

  3.3 Uraian Tugas dan fungsi organisasi

  35

  3.2 Struktur Organisasi

  34

  3.3.4.2Bidang Kurikulum

  3.3.5.3Bidang Kesiswaan

  44

  40

  4.2 Perancangan Halaman Website

  41

  4.1 Perencanaan dan Perancangan

  41

  40 Bab 4 Perancangan Sistem

  3.4.3 Tujuan Sekolah

  40

  3.4.2 Misi Sekolah

  3.4.1 Visi Sekolah

  38

  40

  3.4 Visi, Misi & Tujuan

  39

  3.3.8 Guru Pembimbing dan Konseling

  39

  3.3.7 Wali Kelas

  39

  3.3.6 Guru

  73

  5.2 Tujuan Implementasi Sistem

  73

  5.3 Komponen Dalam Implementasi Sistem

  74

  5.4 Instalasi Xampp, PHP, dan MySQL

  75 Bab 6 Kesimpulan dan Saran

  79

  6.1 Kesimpulan

  79

  6.2 Saran

  80 Daftar Pustaka Lampiran A Lampiran B

  

DAFTAR TABEL

  6.1 Tabel Sekilasinfo

  5.5 Tabel Modul

  59 Tabel

  5.6 Tabel Mp

  60 Tabel

  5.7 Tabel Nilai

  60 Tabel

  5.8 Tabel Pegawai

  61 Tabel

  5.9 Tabel Pengumuman

  61 Tabel

  6.0 Tabel Poling

  63 Tabel

  63 Tabel

  5.4 Tabel Mainmenu

  6.2 Tabel Shoutbox

  64 Tabel

  6.3 Tabel Siswa

  64 Tabel

  6.4 Tabel Statistik

  65 Tabel

  6.5 Tabel Submenu

  66 Tabel

  6.6 Tabel Tag

  66 Tabel

  6.7 Tabel Templates

  67 Tabel

  6.8 Tabel User

  58 Tabel

  58 Tabel

  Halaman Tabel

  53 Tabel

  2.1 Simbol-simbol Data Flow Diagram

  11 Tabel

  2.2 Simbol-simbol Flowchart

  12 Tabel

  4.1 Tabel Agenda

  50 Tabel

  4.2 Tabel Album

  51 Tabel

  4.3 Tabel Banner

  51 Tabel

  4.4 Tabel Berita

  52 Tabel

  4.5 Tabel Download

  4.6 Tabel Gallery

  5.3 Tabel Komentar

  54 Tabel

  4.7 Tabel Guru

  54 Tabel

  4.8 Tabel Halamanstatis

  55 Tabel

  4.9 Tabel Hubungi

  56 Tabel

  5.0 Tabel Identitas

  56 Tabel

  5.1 Tabel Katajelek

  57 Tabel

  5.2 Tabel Kategori

  57 Tabel

  67

  

DAFTAR GAMBAR

  Halaman

Gambar 3.1 Struktur Organisasi SMA Negeri 1 NA IX-X

  35 Gambar 4.1 Struktur Website

  43 Gambar 4.2 Diagram Konteks Website

  47 Gambar 4.3 Flowchart Menu Utama

  49 Gambar 4.8 Tampilan Halaman Home

  57 Gambar 4.9 Tampilan Header Website

  58 Gambar 4.10 Tampilan Halaman Administrator

  59 Gambar 5.1 Instalasi XAMPP

  76 Gambar 5.2 Menentukan Direktori Instalasi Xampp

  77 Gambar 5.3 Proses Instalasi Xampp

  77 Gambar 5.4 Instalasi Xamp Selesai

  78