• Tidak ada hasil yang ditemukan

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP Dan MySQL Pada SMA Negeri 1 Julok

N/A
N/A
Protected

Academic year: 2016

Membagikan "Perancangan Sistem Informasi Berbasis Web Menggunakan PHP Dan MySQL Pada SMA Negeri 1 Julok"

Copied!
161
0
0

Teks penuh

(1)

PERANCANGAN SISTEM INFORMASI BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

PADA SMA NEGERI 1 JULOK

TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi Pada Program Studi D – 3 Ilmu Komputer

TEUKU MUARRIF IKRAMULLAH 072406010

DEPARTEMAEN METEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(2)

PERANCANGAN SISTEM INFORMASI BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

PADA SMA NEGERI 1 JULOK

TUGAS AKHIR

TEUKU MUARRIF IKRAMUULAH

072406010

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : PERANCANGAN SISTEM INFORMASI

BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 JULOK

Kategori : TUGAS AKHIR

Nama : TEUKU MUARRIF IKRAMULLAH

Nomor Induk Mahasiswa : 072406010

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2010

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua,

Dr. Saib Suwilo, M.Sc NIP 19640109 198803 1 004

Pembimbing

Drs. Partano Siagian, M.Sc NIP 130 877 994

(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 JULOK

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 2010

(5)

PENGHARGAAN

Syukur Alhamdulillah, puji dan syukur penulis panjatkan kehadirat Allah SWT,

karena dengan limpah rahmat dan karunia-nya penulis berhasil menyelesaikan tugas

akhir ini yang berjudul ”Perancangan Sistem Informasi Berbasis Web

Menggunakan PHP dan MySql pada SMA Negeri 1 Julok“ pada waktu yang telah

ditetapkan. Tidak lupa shalawat serta salam kepada junjungan Nabi Besar Muhammad

SAW dan para sahabatNya yang telah membawa kita dari alam ke gelapan ke alam

yang terang benderang yang penuh ilmu pengetahuan seperti yang kita rasakan

sekarang ini.

Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan

dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan

terima kasih yang setulus-tulusnya kepada :

1. Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas MIPA

Universitas Sumatera Utara.

2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Jurusan Program Studi D-3 Ilmu

Komputer.

3. Bapak Drs. Partano Siagian, M.Sc selaku Dosen Pembimbing Tugas Akhir

Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera

Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis

(6)

4. Seluruh Staf Pengajar Program Studi D-3 Ilmu Komputer Faklutas MIPA

Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya

kepada penulis selama masa perkuliahan.

5. Ibu Dra. Hj. Nursalamah selaku Kepala Sekolah SMA Negeri 1 Julok yang

telah memberikan kesempatan kepada penulis untuk melakukan riset dan

terima kasih juga kepada seluruh guru dan pegawai SMA Negeri 1 Julok yang

banyak membantu penulis dalam mengumpulkan data dalam pembuatan tugas

akhir.

6. Teristimewa kepada kedua orang tua penulis H. Bustami T. Ibrahim, S.Ag dan

Hj. Farida, serta kepada kakak dan adik penulis Miftahul Wardah, Musriyani

Safitri, Teuku Ighfar Hajar dan Teuku Ichsanul Aulia yang senantiasa

memberikan kasih sayang, dukungan dan selalu mendoakan penulis agar

lancar dalam segala urusan.

7. Buat rekan-rekan di jurusan komputer angkatan 2007 dan buat teman-teman

sejati saya yang selalu membantu dalam suka dan duka Ahmad Reza Azwary,

Yudi Prahara Putra, Reza Armiga, Fitriani, dan yang terkasih buat Heni Savitri

yang telah membantu penulis dalam menyelesaikan laporan ini.

8. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis

sebutkan namanya satu-persatu.

Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan yang

(7)

Oleh karena itu penulis bersedia menerima kritik dan saran yang membangun dari

pembaca dalam upaya perbaikan tugas akhir ini.

Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi

siapapun yang membacanya. Semoga Allah SWT senantiasa memberikan rahmat dan

hidayah kepada kita semua. Amin.

Medan, Juni 2010 Penulis

(8)

ABSTRAK

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMA Negeri 1 Julok ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMA Negeri Julok, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Negeri 1 Julok 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 apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

(9)

DAFTAR ISI

2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi 9

2.1.1 Data 9

2.1.2 Informasi 10

2.1.3 Sistem Informasi 10

2.1.3.1 Konsep Dasar Sistem 10

2.1.3.2 Konsep Dasar Informasi 12

2.1.3.3 Konsep Dasar Sistem Informasi 13

2.2 Pengertian Komputer 14

2.3 Pengertian Internet 17

2.3.1 Network 18

2.3.2 Sekilas Mengenai Web 18

2.4 Sejarah Web 19

2.4.1 Aplikasi Web 19

2.4.2 Web Server 20

2.5 Sejarah PHP 20

(10)

2.5.2 Kelemahan PHP 23 2.5.3 Penggabungan Script PHP dan HTML 23

2.6 Sejarah MySQL 25

2.7 Pengenalan Macromedia Dreamweaver 8 27

2.7.1 Membuka Program Aplikasi 27

Bab 3 Sekilas Mengenai SMA Negeri 1 Julok 29

3.1 Profil SMA Negeri 1 Julok 29

3.2 Struktur Organisasi 30

3.3 Uraian Tugas dan Fungsi Organisasi 31

3.3.1 Kepala Sekolah 31

Bab 4 Analisis dan Perancangan Sistem 36

4.1 Analisis 36

4.2 Perencanaan dan Perancangan Sistem 36

4.3 Perancangan Data Flow Diagram (DFD) 38

4.4 Perancangan Flowchart 39

4.5 Mempersiapkan Data Base Server 47

4.6 Perancangan Website 50

Bab 5 Implementasi Sistem 55

5.1 Pengertian Implementasi Sistem 55

5.2 Tujuan Implementasi Sistem 55

5.3 Komponen Utama Dalam Sistem 55

5.4 Instalasi Apache, PHP, dan My SQL 56

(11)

5.4.2 Pengujian Website di Browser 59

5.5 Memperbaharui Web 60

5.6 Demonstrasi Program 61

5.6.1 Tampilan Homepage 61

5.6.2 Tampilan Bagian Login Admin 62

5.6.3 Tampilan Halaman Admin 62

5.6.4 Tampilan Halaman Galeri Photo 63

5.6.5 Tampilan Halaman Visi dan Misi 63

5.6.6 Tampilan Halaman Perpustakaan 64

5.6.7 Tampilan Halaman Daftar Guru 64

5.6.8 Tampilan Halaman Kepala Sekolah 65 5.6.9 Tampilan Halaman Kalender Akademik 65 5.6.10 Tampilan Halaman Identitas Sekolah 66 5.6.11 Tampilan Halaman Struktur Organisasi 66

5.6.12 Tampilan Halaman Siswa 67

5.6.13 Tampilan Halaman Prestasi

Bab 6 Kesimpulan dan Saran 68

6.1 Kesimpulan 68

6.2 Saran 69

Daftar Pustaka 70

(12)

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Admin 48

Tabel 4.2 Tabel Artikel 48

Tabel 4.3 Tabel Kalender 48

Tabel 4.4 Tabel Contact 48

Tabel 4.5 Tabel DBGuru 48

Tabel 4.6 Tabel DBSiswa 49

Tabel 4.7 Tabel Fasilitas 49

Tabel 4.8 Tabel Galeri 49

Tabel 4.9 Tabel Kesiswaan 49

Tabel 4.10 Tabel Pengumuman 50

Tabel 4.11 Tabel Personalia 50

(13)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Lima Komponen Sistem Informasi 14

Gambar 2.2 Tampilan Start page Macromedia Dreamweaver 8 28

Gambar 3.1 Struktur Organisasi 30

Gambar 4.1 Diagram Konteks 38

Gambar 4.2 Diagram Konteks Level 0 (Nol) 39

Gambar 4.3 Aliran Informasi rancangan situs 41

Gambar 4.4 Flowchart Halaman Utama 42

Gambar 4.5 Flowchart halaman Login Administrator 43

Gambar 4.6 Flowchart Manage Kepala Sekolah 44

Gambar 4.7 Flowchart Manage Guru 45

Gambar 4.8 Flowchart Manage Pengumuman Terbaru 46

Gambar 4.9 Flowchart Manage Artikel 47

Gambar 4.10 Tampilan Macromedia Dreamweaver 8 53

Gambar 4.11 Header Situs 54

Gambar 5.1 Uji Apache 57

Gambar 5.2 Uji PHP 58

Gambar 5.3 Uji MySQL 59

Gambar 5.4 Halaman Index Website SMA Negeri 1 Julok 60

Gambar 5.5 Tampilan Bagian Homepage 61

Gambar 5.6 Tampilan Bagian Login Admin 62

Gambar 5.7 Tampilan Halaman Admin 62

Gambar 5.8 Halaman Galeri Foto 63

Gambar 5.9 Halaman Visi dan Misi 63

Gambar 5.10 Halaman Perpustakaan 64

Gambar 5.11 Halaman Daftar Guru 64

Gambar 5.12 Halaman Kepala Sekolah 65

Gambar 5.13 Halaman Kalender Akademik 65

Gambar 5.14 Halaman Identitas Sekolah 66

Gambar 5.15 Halaman Struktur Organisasi 66

Gambar 5.16 Halaman Siswa 67

(14)

ABSTRAK

Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada SMA Negeri 1 Julok ini bertujuan untuk mempermudah proses informasi untuk seluruh siswa dan guru SMA Negeri Julok, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMA Negeri 1 Julok 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 apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

(15)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Pada masa sekarang ini, perkembangan dan pengaruh teknologi informasi di Indonesia

sudah tidak dapat dihindari lagi. Kebutuhan yang mendesak dan semakin berharganya

waktu, semakin membuat semua orang harus bekerja ekstra cepat dengan

mengharapkan hasil semaksimal mungkin. Dunia internet makin lama makin

berkembang dengan pesat seiring dengan kemajuan zaman. Ini terlihat dari banyaknya

tempat yang menyediakan sarana atau fasilitas internet untuk memperoleh informasi.

Dan itu bukan hanya dapat dinikmati oleh kalangan atas saja, melainkan semua

lapisan dapat menikmatinya dengan biaya yang lebih ringan.

Berbicara tentang teknologi informasi dan komunikasi, komputer merupakan

suatu media elektronik yang memegang peranan yang sangat penting dalam

perkembangan yang terjadi saat ini. Komputer bukan lagi barang mewah atau sesuatu

yang langka untuk dimiliki oleh seseorang, tetapi sudah menjadi suatu keperluan

(16)

instansi baik milik pemerintah atau swasta, maupun perorangan. Sehingga segala

sesuatu yang dikerjakan dapat dikoordinir secara terkomputerisasi yang sifatnya jauh

dari kesalahan dan lebih efisien.

Begitu halnya dengan SMA Negeri 1 Julok Sistem pengolahan dan

penyampaian data yang lebih baik merupakan suatu kebutuhan yang tidak dapat

ditunda lagi. Akan tetapi, pada kenyataannya segala kegiatan yang menyangkut

informasi masih menggunakan sistem dan cara yang sangat manual. Informasi yang

disampaikan atau diberikan kepada siswa, guru, pegawai maupun masyarakat lainnya,

masih menggunakan kertas-kertas cetakan yang ditempelkan pada papan

pengumuman maupun dari mulut ke mulut. Hal semacam ini, tak jauh bedanya dengan

cara pengumpulan data yang dilakukan oleh orang-orang dalam mengumpulkan

berbagai data tentang zaman sejarah maupun prasejarah dahulu.

Dari permasalahan tersebut, penulis ingin membuat solusi yang

mudah-mudahan dapat membantu kinerja semua pihak, baik siswa, guru, pegawai ataupun

masyarakat lain. Penulis dalam hal ini memilih SMA Negeri 1 Julok dalam melakukan

risetnya, karena sekolah ini mulai menampakan perkembangan yang lebih baik dalam

berbagai bidang yang dijalaninya, terutama dalam sistem pendidikan, teknologi

(17)

ekstrakulikuler dan kegiatan pendidikan dan pelatihan serta telah dibangunnya

laboratorium komputer untuk menunjang perkembangan pendidikan siswa di bidang

komputerisasi.

Untuk memenuhi segala kebutuhan di atas, diperlukan adanya suatu aplikasi

yang berbasis sistem informasi. Dalam hal ini, penulis menggunakan bahasa

pemrograman PHP, MySQL sebagai pengolah database dan web server Apache serta

aplikasi pendukung lainnya, seperti Macromedia Dreamweaver 8, Macromedia Flash

8, Adobe Photoshop CS2 dan Corel Draw 12 untuk mendesain tampilan web.

Dengan uraian masalah tersebut, penulis berkeinginan membantu sekolah

tersebut untuk mengubah sistem penyampaian informasi yang telah ada sebelumnya,

sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada

di SMA Negeri 1 Julok. Atas dasar inilah, penulis tertarik mengangkat judul

“Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySQL Pada

SMA Negeri 1 Julok”.

Semoga dengan diselesaikannya sistem informasi dengan judul di atas,

nantinya bermanfaat untuk memberikan informasi dengan cepat serta lebih efisien dan

jangka panjangnya, mampu memanfaatkan secara lebih baik sumber daya komputer

(18)

Dalam hal ini penulis mencoba membuat sistem informasi yang

terkomputerisasi yang akan diterapkan pada SMA Negeri 1 Julok, sehingga

diharapakan mampu memberikan layanan yang lebih cepat dan akurat. Atas dasar

itulah, penulis memilih judul ”PERANCANGAN SISTEM INFORMASI

BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 JULOK”. Dalam perancangan sistem informasi ini, penulis menggunakan PHP dan

server database yang digunakan MySQL, yang keduanya adalah software open

source.

1.2 Identifikasi Masalah

Dalam mempublikasikan suatu lembaga, instansi maupun perusahaan, informasi yang

up to date sungguh sangat dibutuhkan. Karena dengan adanya informasi,

perkembangan tentang lembaga tersebut dapat dijabarkan secara luas dan terperinci.

Begitu juga dengan SMA Negerio 1 Julok yang merupakan salah satu instansi

pemerintah yang ingin mempublikasikan tentang sekolahnya tersebut. Walaupun

penyebaran informasi tentang sekolah tersebut telah tersebar di Kabupaten Aceh

Timur khususnya, penulis ingin mempublikasikan ke seluruh Aceh bahkan ke seluruh

Indonesia. Oleh karena itu, penulis mencoba suatu sistem on line yaitu web dinamis

(19)

perkembangan sekolah yang up to date di Kabupaten Aceh Timur Khususnya melalui

media internet.

1.3 Batasan Masalah

Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat suatu

batasan masalah, yaitu :

1. Sistem dirancang untuk menampilkan informasi pada SMA Negeri 1 Julok.

2. Sistem ini dirancang dengan menggunakan PHP dan server database yang

digunakan MySQL.

3. Sistem yang dirancang akan diupayakan sedemikian rupa sehingga dapat bekerja

secara dinamis, yaitu dapat dipergunakan dari tahun ke tahun.

4. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi akibat

serangan dari hacker atau cracker pada web server dan database server yang

digunakan untuk tempat penyimpanan program dan data pada sistem ini.

5. Sistem yang diperuntukkan bagi publikasi.

1.4 Tujuan Penelitian

(20)

1. Membangun suatu website yang dinamis yang dimanfaatkan untuk

menyebarkan informasi yang baik dengan cepat dan mudah.

2. Terbentuknya suatu media informasi dan publikasi yang berbasis website pada

SMA Negeri 1 Julok.

3. Mampu membuka wawasan para pengguna internet untuk dapat memanfaatkan

sumber daya komputer yang ada.

4. Publikasi berbasis website diharapkan akan menjadi sarana penyampaian

informasi serta berguna bagi seluruh lapisan masyarakat pada umumnya dan

seluruh warga sekolah SMA Negeri 1 Julok.

1.5 Metodologi Penelitian

Metode yang digunakan yaitu Penelitian lapangan dengan cara meneliti

instansi/perusahaan secara langsung. Hal ini dilakukan untuk mendapatkan data-data

(21)

1.6 Tinjauan Pustaka

Salah satu teknologi baru yang mulai banyak dimanfaatkan untuk perkembangan web

adalah PHP. PHP atau Hypertext Preprocessor adalah bahasa yang bersifat Server

Side yang memiliki kemampuan untuk dikombinasikan dengan teks, HTML, dan

komponen-komponen lain untuk membuat suatu halaman web lebih menarik, dinamis,

dan interaktif. PHP dimaksudkan untuk menggantikan teknologi lama seperti CGI

(Common Gateway Interface), yang juga bahasa pengembang web. Dengan

pengembang halaman web menjadi mudah dan lebih cepat bekerja.

(Panduan Lengkap Menguasai Pemrograman Web dengan PHP 5, 2006)

PHP adalah bahasa pemrograman yang berjalan pada sebuah web server, atau sering

disebut server-side. Oleh karena itu PHP dapat melakukan apa saja yang dapat

dilakukan oleh program lain, yaitu mengolah data dengan tipe apapun, menciptakan

halaman web yang dinamis, serta menerim dan menciptakan data cookies. Namun

PHP mempunyai kemampuan lebih dari itu. PHP dapat berjalan pada semua jenis

sistem operasi, antara lain Linux, Unix, Microsoft Windows, Mac OS, dan masih

(22)

lain Apache, Netscape, Xitami, Microsoft Internet Information Services, dan

sebagainya.

(Rafiza H, Panduan dan Referensi Kamus Fungsi PHP 5, 2006)

PHP, sebagai bahasa pemrograman berbasis web, mempunyai lebih banyak

kelebihan dibanding bahasa sejenis lainnya. Selain gratis, PHP juga mempunyai

fungsi-fungsi yang cukup lengkap, multiplatform serta mampu berinteraksi dengan

berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat

digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses

e-mail dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan

terhadap berbagai jenis webserver. Hampir semua webserver didukung oleh PHP,

tetapi yang paling umum ialah penggabungan PHP dengan Apache, webserver gratis.

(M.Syafii, Panduan Membuat Aplikasi Database dengan PHP 5, 2005)

Untuk membangun sebuah web page dibutuhkan sebuah bahasa pemrograman

yang lebih dikenal dengan sebutan web scripting. Web scripting yang bersifat client

side akan menghasilkan web page yang statis, artinya lebih menekankan pada desain

format tampilan informasi. HTML (Hypertext Markup Language) adalah bahasa untuk

web scripting bersifat dclient side yang memungkinkan untuk menampilkan informasi

dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar

(23)

(Bernard Renaldy S, Agus Prijono, Rusdy Agustaf, Mudah dan Cepat Menguasai Pemrograman WEB, 2005)

1.7 Sistematika Penulisan

Adapun sistematika penulisan Tugas Akhir adalah sebagai berikut :

Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika

penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Bab ini merupakan berisikan latar belakang masalah, maksud dan tujuan,

serta metode penelitian.

BAB 2 LANDASAN TEORI

Di bab ini dijelaskan teori-teori singkat tentang hal-hal yang berhubungan

dengan judul dan pembahasan bahasa pemograman PHP dan MySQL

sebagai databasenya.

BAB 3 SEKILAS MENGENAI SMA NEGERI 1 JULOK

Pada bab ini dijelaskan mengenai profil SMA Negeri 1 Julok, struktur

(24)

BAB 4 PERANCANGAN SISTEM

Didalam bab ini dijelaskan dan diuraikan tentang pembuatan serta

perancangan sistem.

BAB 5 IMPLEMENTASI SISTEM

Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam

implementasi sistem juga disertai dengan komponen-komponen kebutuhan

sistem.

BAB 6 KESIMPULAN DAN SARAN

Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dari

uraian bab-bab sebelumnya. Dan akan akan memberikan saran-saran yang

(25)

LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi dan Sistem Informasi

2.1.1 Data

Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick, dkk

(1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada

proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil

kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah

fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk

media. (Gultom et al, 2005).

Adapun definisi dari kata data adalah suatu istilah majemuk dari datum yang

berarti fakta atau bagian dari kata yang mengandung arti, yang berhubungan dengan

kenyataan, simbol-simbol, gambar-gambar, kata-kata angka-angka, huruf-huruf atau

simbol-simbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu

dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data adalah sebagai

(26)

pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan

sumber informasi yang dapat dihasilkan.

2.1.2 Informasi

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih

berarti bagi penerimanya. (Jogiyanto, 2001). Menurut George R. Terry, bahwa

informasi adalah data yang penting yang memberikan pengetahuan yang berguna.

Sedangkan menurut Gordon B. Davis, informasi adalah data yang telah diolah

menjadi sebuah bentuk yang penting bagi penerima dan mempunyai nilai yang nyata

atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan

dating. Informasi akan memiliki arti manakala informasi tersebut memiliki

unsur-unsur sebagai berikut:

1. Relevan artinya Informasi yang diinginkan benar-benar ada relevansi dengan

masalah yang dihadapi.

2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan.

3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan

(27)

4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutahir.

2.1.3 Sistem Informasi

2.1.3.1 Konsep Dasar Sistem

Sistem berasal dari bahasa Yunani yaitu “systeme” yang mempunyai pengertian :

1. Suatu keseluruhan yang tersusun dari sekian banyak bagian.

2. Hubungan yang berlangsung diantara satuan-satuan atau komponen-komponen

secara teratur.

Perkataan sistem dalam bahasa Indonesia adalah cara, metode atau teknik.

Pengertian sistem yang lain adalah suatu kesatuan yang terdiri dari unit-unit kesatuan

yang saling bekerjasama dan saling ketergantungan untuk mencapai tujuan usaha

tertentu. Ciri-ciri atau sifat-sifat sistem adalah :

1. Terdiri dari komponen-komponen yang saling berinteraksi.

(28)

3. Mempunyai interface (jalinan).

4. Terdiri dari masukan, pengolahan dan keluaran.

Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu

subsistem atau bagian-bagian dari sistem. Batasan sistem merupakan daerah yang

membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan

luarnya. Lingkungan luar dari sistem adalah apapun diluar dari batas sistem yang

mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara

suatu subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan

untuk subsistem yang lainnya dengan melalui penghubung.

Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa

masukan perawatan dan masukan sinyal. Masukan perawatan dimaksudkan supaya

sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran

adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang

berguna dan sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian

pengolahan yang akan merubah masukan menjadi keluaran. Suatu sistem pasti

mempunyai tujuan atau sasaran. Kalau suatu sistem tidak mempunyai sasaran, maka

(29)

masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem. (Jogiyanto,

2001)

Dari uraian di atas dapatlah disimpulkan bahwa sistem adalah bagian-bagian

yang saling berkaitan yang beroperasi bersama-sama untuk mencapai beberapa

sasaran dan tujuan.

2.1.3.2 Konsep Dasar informasi

Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang

kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir. Informasi

itu sendiri dapat didefinisikan sebagai berikut :

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih

berarti bagi yang menerimanya.

Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk

tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu

(30)

2.1.3.3 Konsep Dasar Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan

kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan

kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan

laporan-laporan yang diperlukan. (Jogiyanto, 2001). Menurut Simkin Mark G dalam

bukunya yang berjudul “computer information system for business”. Sistem informasi

adalah sekumpulan elemen yang bekerja secara bersama-sama baik secara manual

ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa

pengumpulan, penyimpanan, pemprosesan data untuk menghasilkan informasi yang

bermakna dan berguna bagi proses pengambilan keputusan.

Menurut Burch dan Strater dalam bukunya “informasi system : theory and

practice”. Sistem informasi adalah suatu kumpulan fungsi-fungsi yang bergabung

secara formal dan sistematis yaitu:

1. Melaksanakan pengolahan data transaksi operasional.

2. Menghasilkan informasi untuk mendukung manajemen dalam melaksanakan

(31)

3. Menghasilkan berbagai laporan bagi kepentingan eksternal organisasi.

Komponen dari sistem informasi dapat dilihat pada gambar berikut ini :

Gambar 2.1. Lima Komponen Sistem Informasi

Dari definisi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur

(manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan

informasi dari mulai mengumpulkan, pengolahan, penyimpanan sampai

pendistribusiannya.

2.2 Pengertian Komputer

Hardware System

Software

Data

(32)

Komputer barasal dari bahasa yunani “compute” yang kemudian diartikan ke dalam

bahasa inggris yaitu “to compute” yang berarti hitung, sehingga komputer dapat

diartikan sebagai alat hitung atua mesin hitung.

Bila dijabarkan, definisi dari komputer itu sendiri adalah seperangkat peralatan

elektronik yang berkerja bersama-sama secara otomatis, menerima input, memproses

data dan menghasilkan output secara logis, cepat dan tepat berdasarkan

perintah-perintah tertentu dan komputer itu sendiri adalah bagian dari sistem komputerisasi.

Sistem komputerisasi adalah suatusistem yang berdiri atas komputer dan

seluruh komponen-komponen yang menunjang terlaksananya proses pengelolahan

data dan menjadikan komputer sebagai alat yang berguna.Sistem komputer memiliki

beberapa komponen yaitu :

a. Perangkat keras (hardware)

Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang

membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegungaannya, perangkat

keras komputer digolongkan ke dalam tiga bagian utama, yaitu :

(33)

Alat input adalah alat untuk memasukan program maupun data yang akan diperoses

oleh komputer, seperti keyboard, mause, scanner.

2. Alat proses

Alat peroses atau CPU (Central Processing Unit), merupakan alat atau unit terpanting

didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem

komputer selama pengelolahan data berlangsung, seperti metherboard dan processor.

3 .Alat Ouput

Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan

oleh CPU, misalnya monitor dan printer.

b. Perangkat Lunak (software)

Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan

prosedur yang memungkinkan komputer perangkat keras komputer dapat menjalankan

fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik.

Perangkat lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer

(34)

c. Pengguna Komputer

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau

orang yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan

dalam beberapa bagian, yaitu :

1 .Sistem analis

Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang

akan dibangun.

2. Programmer

Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem

analis ke dalam suatu bahasa pemograman tertentu.

3. Computer Operator

Orang yang bertugas menangani pengelolahan data secara langsung.

(35)

Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai

dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga

pemeriksaan dan pengiriman informasi yang menghasilkan oleh komputer.

2.3 Pengertian Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya

informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu

organisasi, atau satu negara yang dapat menanganinya sendiri. Kenyataannya , tidak

ada satu prang yang mampu memahami seluruh seluk beluk internet.

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun

1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer

yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya, jaringan

komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi

tulang punggung global untuk sumber daya informasi yang disebut dengan internet.

Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan

komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok

(36)

menciptakan sesuatu yang berguna dan membuatnya tersedia buat pemakai intenet di

seluruh dunia.

2.3.1 Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau

lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi

membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan

data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat

memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara

yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus

informasi dari satu area ke area lainnya.

2.3.2 Sekilas Mengenai Web

World Wide Web (WWW) atau biasa disebut dengan Web, merupakan salah satu

sumber daya internet yang berkembang pesat. Informasi Web diistribusikan malalui

pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk

membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang dapat

(37)

Dokumen-dokimen yang diaksespun dapat tersebar diberbagai mesin dan bahkan di

berbagai Negara.

Bagai jejaring laba-laba, jejaring Web telah membentang ke seluruh penjuru

dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin

mempublikasikan hasil riset, Web juga banyak digunakan oleh perusahaan bisnis yang

ingin mengiklankan produk atau untuk melakukan transaksi bisnisnya.

2.4 Sejarah Web

Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang berkerja di

laboraturium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei

European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan

protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet

yang digunakan untuk berbagai informasi diantara para fisikawan. Protocol inilah

yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh

World Wide Web Consortium (W3C).

(38)

Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang

disebut HTML (HyperText Markup Language) dan protocol yang digunakan

dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan berikut,

sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML,

antara lain yaitu PHP.

Aplikasi Web sendiri dapat dibagi menjadi dua bagian, yaitu :

a. Web statis

b. Web dinamis

Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini

terletak pada keharusan untuk memelihara program secara terus-menerus untuk

mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi

Web dinamis.

Dengan memperluas kemampuan HTML, yakni dengan menggunakan

perangkat lunak tambahan, perubahan informasi dalam halaman – halaman Web dapat

ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai

(39)

perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab

terhadap kemutakhiran data, dan tidak menjadi tanggung jawab pemograman atau

webmaster.

2.4.2 Web Server

Web Server adalah server yang melayani permintaan client terhadap halaman web.

Middleware adalah perangkat lunak yang bekerja sama dengan web server dan

berfungsi menterjemahkan kode – kode tertentu, menjalankan kode – kode tersebut

dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat

lunak di sisi client yang digunakan untuk mengakses informasi web. Contoh Internet

Explorer, Netscape, dan Mozilla.

2.5 Sejarah PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa

berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan

dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript,

(40)

PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff.

Ini bermula saat Ramus Lerdoff 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”. Paket inilah yang

menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal

Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.

Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini

interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama

sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih,

lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru

untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada

pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama

PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmer

website. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya

untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam

kecepatan proses dan stabilitas yang tinggi.

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini

(41)

berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah

pemograman berorientasi objek.

Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site

menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan

sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di

seluruh dunia.

2.5.1 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang

menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar

pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah

kompilasi dalam penggunaannya. Tidak seperti halnya bahasa

pemrograman aplikasi seperti Visual Basic dan sebagaimya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS

(42)

3. Karena sifatnya yang open source, maka perubahan dan perkembangan

interpreter pada PHP lebih cepat dan mudah, karena banyak milis – milis

dan developer yang siap membantu pengembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat

mudah dipahami.

5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan

Windows serta dapat juga dijalankan secara runtime pada suatu console.

2.5.2 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa

kelemahan, diantaranya:

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya

(sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP

(43)

2.5.3 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu

memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan

tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP

dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela – sela tag HTML. Dengan cara ini, penulisan tag

PHP digunakan untuk mengapit bagian – bagian tertentu dalam dokumen yang

memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan

PHP sebagai bagian dari script HTML.

Contoh penulisan Embedded Script dapat dilihat di bawah ini:

<html>

<head>

<title>coba</title>

<head>

<body>

(44)

</body>

</html>

2. Non Embedded Script

Yakni cara penulisan tag PHP di bagian paling awal dan paling akhir dokumen.

Dengan cara ini, penulisan tag php digunakan untuk mengawali dan mengakhiri

keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan

script HTML sebagai bagian dari script PHP.

Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini:

<?

echo’<html>’;

echo’<head>’;

echo’<title>coba</title>’;

echo’< /head > <body>’;

echo’Hellow’;

echo’</body>’;

echo’</html>’;

?>

(45)

MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama

TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL AB. Sekitar

tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi

web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan

database.

Michael Widenius atau disebut ” Monty ” adalah pengembangan satu-satunya

di TcX. Dengan berlandasan pada aplikasi UNIREG dan ISAM yang dibuat sendiri,

dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan

di atasnya. Awalnya dia menggunakan mSQL singkatan mini SQL ( Stucture Query

Language ). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database

open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia melakukan

uji coba, ternyata mSQL tidak cukup cepat dan fleksibel. Dan pada versi pertama

mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai

pembuat mSQL, namun karena David tengah sibuk dalam mengembangkan versi 2

mSQL, maka dia (Monty) memutuskan untuk membuat sendiri mesin SQL yang

antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai

(46)

Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk

empat orang saja. Namun di bulan Oktober pada tahun yang sama versi 3.11.0 dilepas

ke publik. Namun mula – mula kode ini tidak diberikan di bawah lisensi GPL

(General Public License), melainkan lisensi khusus yang intinya kurang lebih seperti

ini :

”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai

tanpa biaya tetapi hanya untuk kebutuhan nonkomersial. Untuk kebutuhan komersial

(misal : mengemas dan menjual MySQL atau menyertakan MySQL dalam program

komersial lain), anda harus bayar lisensi”.

Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi 3.23.19,

MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya:

”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai

tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda

juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan

MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat

memperoleh pemasukan terutama dari jasa konsultasi seputar MySQL.

Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih

(47)

sederhana, namun belum memadai untuk aplikasi bisnis. Contoh kelemahannya itu

adalah:

JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING. Tipe

data TIMESTAMP dan kolom auto–update, namun tidak terdapat system– generated

number (sequnce), baru diakhir tahun 1996 ditambahkan modifier kolom

AUTO_INCREMENT. Kelemahannya berikutnya, yaitu terdapat LIMIT dan GROUP BY dan ORDER BY yang masih memiliki keterbatasan.

2.7 Pengenalan Macromedia Dreamweaver 8

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia

Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja

semakin mudah pengunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8

adalah Zoom Tool and Guides, Panel CSS yang baru, Code collapse, Coding Toolbar

dan Insert Flash Video. Tidak jauh beda dengan kemampuan versi sebelumnya,

Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal,

yaitu JavaScipt dengan penggunaan yang sangat mudah. Macromedia dreamweaver 8

(48)

(PHP), Active Server Pages (ASP), ASP.NET, ColdFusion dan Java Server Pages

(JSP).

2.7.1 Membuka Program Aplikasi

Membuka program Macromedia Dreamweaver 8 tidak berbeda dengan membuka

program Windows lainnya, yaitu Start - All Programs – Macromedia - Macromedia

Dreamweaver 8. Pada awal pembukaan akan tampil Start Page atau halaman awal

dari Dreamweaver 8.

(49)

BAB 3

SEKILAS MENGENAI SMA NEGERI 1 JULOK

3.1 Profil SMA Negeri 1 Julok

SMA Negeri 1 Julok berdiri pada tahun 1985. Sekolah ini berlokasi di Jalan Buket

Siraja dan merupakan SMAN satu-satunya di Kecamatan Julok. Kegiatan belajar

mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul

07.30 sampai dengan pukul 13.45, sedangkan sore hari sekolah ini mengadakan

kegiatan ekstrakurikuler seperti Pramuka, Bimbingan Belajar, Kegiatan Olahraga dan

lain sebagainya.

Sekolah ini memiliki 19 ruang kelas terdiri dari 7 ruang kelas untuk kelas X, 6

ruang kelas untuk kelas XI, 6 ruang kelas untuk kelas XII. Untuk pelaksanaan

kegiatan olah raga sekolah ini sudah di lengkapi dengan lapangan volley, lapangan

basket, lapangan bola kaki, lapangan untuk lompat tinggi dan lapangan untuk lompat

jauh dan lain-lain.

Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan,

(50)

untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan moral dan

ahlak siswa dengan adanya tempat ibadah seperti mushola dan kegiatan – kegiatan

keagamaan seperti sholat zuhur berjamaah setiap pulang sekolah untuk siswa dan para

guru.

3.2 Struktur Organisasi

Gambar 3.1 Struktur Organisasi

Organisasi merupakan salah satu alat untuk mencapai tujuan secara efektif dan

rasional. Pembentukan organisasi dan pembagian tugas merupakan unsur utama dan

alat utama untuk mencapai kontrol yang baik. Pengorganisasian berarti menetukan

bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan

(51)

Struktur organisasi adalah rangka atau bagian yang menunjukan tugas untuk

mencapai tujuan organisasi, hubungan antara fungsi-fungsi, dan tanggung jawab

antara setiap anggota organisasi. Dengan adanya struktur organisasi, maka pimpinan

dan bawahan yang ada didalamnya akan mengetahui kegiatan-kegiatan yang harus

dilakukan dan batas-batas kekuasaan yang ada padanya.

3.3. Uraian Tugas dan Fungsi Organisasi

3.3.1 Kepala Sekolah

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

supervisor serta pemimpin / Leader inovator.

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.

(52)

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 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. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara umum.

3.3.4 Komite Sekolah

Membantu sekolah dalam hal:

1. Peningkatan kegiatan sekolah.

(53)

3.3.5 Pembantu Kepala Sekolah

3.3.5.1 Bidang Sarana dan Prasarana

Tugas yang dilakukan disini adalah:

1. Pembangunan sarana dan prasarana.

2. Pengawasan dalam hal sarana dan prasarana yang ada.

3.3.5.2 Bidang Kurikulum

Membantu Kepala Sekolah dalam hal:

1. Pelaksanaan kurikulum.

2. Pemberian tugas guru.

3. Mengawas jadwal pelaksanaan KBM.

4. Administrasi kurikulum dan penelitian.

5. Konsultasi dengan Kepala Sekolah.

(54)

Membantu Kepala Sekolah dalam bidang:

1. Pembinaan disiplin sekolah.

2. Koordinator pembinaan siswa.

3. Koordinator pelaksana kegiatan intra / ekstrakulikuler.

4. Koordinator kegiatan sekolah.

3.3.6 Guru

Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan

kegiatan proses belajar mengajar secara efektif dan efisien.

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

(55)

3.3.8 Guru Pembimbing dan Konseling (BP/BK)

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan

pembimbingan dan konseling di sekolah.

3.4. Visi dan Misi Sekolah

3.4.1 Visi Sekolah

“Mewujudkan sekolah sebagai pelaksana dan penyelenggara pendidikan yang

berkualitas tinggi, handal, islami dan antusional “

Dengan indikator:

1. Terwujudnya Pengembangan Kurikulum Adaptif dan Produktif.

2. Terwujudnya Proses Pembelajaran yang Efektif & Efisiens.

3. Terwujudnya Tamatan yang Handal dan Berstandar Nasional.

4. Terwujudnya Sarana & Prasarana Pendidikan yang Sesuai Perkembangan

Zaman.

5. Terwujudnya SDM Pendidikan yang Handal dan Profesional.

(56)

7. Terwujudnya Partisipasi yang baik dalam Penggalangan Biaya Pendidikan.

3.4.2 Misi Sekolah

1. Melaksanakan pembelajaran dan bimbingan, sehingga dapat memotivasi

siswa untuk dapat mengenali potensi dirinya dan dapat mengembangkan

secara optimal dan berdaya guna.

2. Mengupayakan semangat bersaing dan bersanding mendorong siswa

menumbuhkan semangat keunggulan sportif.

3. Menerapkan manajemen partisipatif dengan melibatkan seluruh warga sekolah

dan masyarakat yang berpotensi untuk membantu merealisasikan visi sekolah.

4. Menumbuhkan penghayatan dan pengalaman terhadap ajaran agama dan

menerapkannya dalam berbuat, bertindak dan bertingkah laku.

3.4.3 Tujuan Sekolah

1. Mengupayakan stabilitas dan membangun sarana dan prasarana sekolah yang

belum ada dan yang rusak.

2. Meningkatlkan kelancaran kegiatan belajar mengajar.

3. Mengefektifkan pelaksanaan evaluasi dan program remedial bagi siswa.

4. Dapat meningkatkan mutu pendidikan dan perubahan pola piker melalui

(57)
(58)

ANALISIS DAN PERANCANGAN SISTEM

4.1Analisis

Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus

diperhatikan adalah tahap analisis. Tahap analisis merupakan tahap pemahaman

dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir

data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui

mekanisme sistem, proses–proses yang terlibat dalam sistem serta hubungan antara

proses tersebut.

4.2 Perencanaan dan Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun

sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik,

tujuan yang jelas dan percobaan yang berulang-ulang untuk dapat mendapatkan hasil

yang terbaik karena menyangkut semua elemen yang membentuk situs. Situs ini

(59)

sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat

layout dari situs yang telah dirancang.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:

1. Situs apa yang akan dibuat?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut?

3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut?

4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

Untuk semakin memperjelas dan mempermudah dalam membangun situs,

maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu karena dari

situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs

lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk

pertanyaan-pertanyaan di atas sebagai berikut:

a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini

adalah SMA Negeri 1 Julok, yang menyediakan informasi-informasi tentang

(60)

b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali

siswa SMA Negeri 1 Julok serta masyarakat luas yang ingin tahu mengenai segala

sesuatu tentang sekolah ini.

c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat

mengetahui informasi mengenai SMA Negeri 1 Julok, mengetahui data siswa,

serta informasi penting lainnya.

d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan

informasi tentang SMA Negeri 1 Julok, dan dapat memberikan kemudahan bagi

para siswa, guru, maupun wali siswa dalam memperoleh informasi yang

dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.

4.3Perancangan Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan diagram yang menggunakan notasi-notasi

(simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan

untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan

(61)

tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak,

struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:

Sejarah Pengumuman

Galery Photo

Visi dan Misi

Contact Us

Struktur Organisasi

Gambar 4.1 Diagram Konteks

Sekilas Pengumuman

Pengumuman Sejarah

Desain Sistem Informasi SMA

Negeri 1 Julok

Galeri Photo Visi dan Misi

Identitas Sekolah

Kepala Sekolah

Pengumuman Sejarah

Galleri Photo Visi dan Misi

(62)

Galleri Photo

Visi dan Misi

Struktur Organisasi Contact Us

Gambar 4.2 Diagram Konteks Level 0 (Nol)

4.4Perancangan Flowchart

Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran

informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang Struktur

Organisasi

Kepala Sekolah Pembuatan

Laporan

(63)

menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya

flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman

situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu

mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting

dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.

Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti berikut:

Simbol Fungsi

Terminator, untuk memulai dan mengakhiri suatu program.

Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.

Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.

Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage.

Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama.

Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.

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

Document, merupakan simbol untuk data yang berbentuk informasi.

Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

Display, untuk output yang ditujukan suatu device, seperti monitor.

(64)

Berikut adalah flowchart dari sistem informasi SMA Negeri 1 Julok yang

penulis rancang:

Gambar 4.3 Aliran Informasi rancangan situs Login Admin Index / Halaman

Utama

Profil Fasilitas Personalia

Sejarah

(65)

(66)

Start Profil Sekolah

Sejarah

Visi dan Misi

Identitas Sekolah

Tampil Sejarah

Tampil Visi dan Misi

Tampil Form Input Kontak

Tampil Form Input

(67)

Gambar 4.4 Flowchart Halaman Utama

(68)

B

Log Out Prosedur Log

Out

(69)

3. Flowchart Manage Kepala Sekolah

C

Tampil Data Kepsek

Tampil Data Kepsek

Tambah data Kepsek

Tampil Form Tambah data Kepsek

Tambah data

Kepsek Tambah?

Database

C1

Edit Data Kepsek

Tampil form Edit Data

Edit Data Kepsek Edit?

Database

C2

Hapus Data Kepsek

Hapus data Kepsekk

Hapus Data Kepsek?

(70)
(71)

D

Tampil Data Guru

Tampil Data Guru

Tambah data Guru

Tampil Form Tambah data

Guru

Tampil Form Tambah data Guru

Tambah data Guru

Tambah?

Database

D1

Edit Data Guru Tampil form Edit Data Guru

Tampil Form Edit Data Guru

Edit Data Guru Edit?

Database

D2

Hapus Data

Guru Hapus data Guru

Hapus Data Guru?

(72)

5. Flowchart Manage Pengumuman Terbaru

Tampil Form Tambah

Tampil form Pengumuman

Tampil Form Pengumum

an

Edit Pengumuman Edit?

(73)

Gambar 4.8 Flowchart Manage Pengumuman Terbaru

(74)

F

TampilArtikel Tampil Artikel

Tambah Artikel Tampil Form Tambah Artikel

Tampil Form Tambah

Artikelk

Tambah Artikel Tambah?

Database

F1

Edit Artikel Tampil form Edit Artikel

Tampil

Form Artikel Edit Artikel Edit?

Database

F2

Hapus Artikel Hapus Artikel Hapus Artikel

Database

Gambar 4.9 Flowchart Manage Artikel

(75)

Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut

nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik

penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman

website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program

MySQL.

Adapun database yang dibuat oleh penulis adalah database dbsma dengan

tabel-tabel sebagai berikut:

Tabel 4.1 Admin

Nama Field Type Size Keterangan

username Varchar 45 primary key

password Varchar 20

Tabel 4.2 Artikel

Nama Field Type Size Keterangan

Id Integer 10 primary key

Judul Varchar 100

Gambar Varchar 100

Isi Text

link Varchar 50

Urutan Integer 10 `

Tabel 4.3 Calender

Nama Field Type Size Keterangan

Id Integer 5 primary key

Judul Varchar 30

Gambar Varchar 30

(76)

Nama Field Type Size Keterangan

Id Integer 10 primary key

Nama Varchar 30

Email Varchar 30

Pesan Text

Tabel 4.5 DBGuru

Nama Field Type Size Keterangan

Id Integer 10 primary key

Pendidikan Varchar 10

Jabatan Varchar 100

gol Varchar 10

gaji Varchar 100

mulai date

Tabel 4.6 DBSiswa

Nama Field Type Size Keterangan

Id Integer 10 primary key

Tabel 4.7 Fasilitas

Nama Field Type Size Keterangan

Id Integer 10 primary key

nama Varchar 50

link Varchar 50

(77)

Gambar Varchar 100

Publish Enum(‘Y’, ‘N’) 10

Status Enum(‘user’, ‘dmin’)

Aktif Enum(‘Y’, ‘N’)

Urutan Integer 5

Tabel 4.8 Gallery

Nama Field Type Size Keterangan

Id Integer 10 primary key

Nama Varchar 10

Gambar Varchar 10

Urutan Integer 10

Tabel 4.9 Kesiswaan

Nama Field Type Size Keterangan

Id Integer 10 primary key

nama Varchar 50

link Varchar 50

Static_content Text

Gambar Varchar 100

Publish Enum(‘Y’, ‘N’) 10

Status Enum(‘user’, ‘dmin’)

Aktif Enum(‘Y’, ‘N’)

Urutan Integer 5

Tabel 4.10 Pengumuman

Nama Field Type Size Keterangan

Id Integer 10 primary key

(78)

Nama Field Type Size Keterangan

Tabel 4.12 Profil

Nama Field Type Size Keterangan

Id Integer 10 primary key

nama Varchar 50

link Varchar 50

Static_content Text

Gambar Varchar 100

Publish Enum(‘Y’, ‘N’) 10

Status Enum(‘user’, ‘dmin’)

Aktif Enum(‘Y’, ‘N’)

Urutan Integer 5

4.6 Perancangan Halaman Website

Adapun halaman - halaman yang dibangun oleh penulis adalah:

a. Halaman index merupakan halaman yang pertama kali muncul pada saat

website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman

berikutnya.

b. Halaman sejarah merupakan halaman yang berisikan sejarah tentang SMA

Negeri 1 Julok serta link-link menuju halaman berikutnya.

c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA

(79)

d. Halaman perpustakaan merupakan halaman yang berisikan tentang fasilitas

perpustakaan.

e. Halaman laboratorium merupakan halaman yang berisikan tentang fasilitas

laboratorium.

f. Halaman mushalla merupakan halaman yang berisikan tentang fasilitas

mushalla.

g. Halaman struktur organisasi merupakan halaman yang berisikan tentang

strukur organisasi SMA Negeri 1 Julok.

h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala

sekolah SMA Negeri 1 Julok.

i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang

mengajar di sekolah SMA Negeri 1 Julok.

j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang

mengajar di sekolah SMA Negeri 1 Julok.

k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang

terdaftar di sekolah SMA Negeri 1 Julok.

l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMA

Negeri 1 Julok.

m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang

(80)

n. Halaman tata tertib merupakan halaman yang berisikan tentang tata tertib di

SMA Negeri 1 Julok.

o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang

penjelasan tentang arti bimbingan konseling SMA Negeri 1 Julok.

p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster

pelajaran dan mendownload roster pelajaran SMA Negeri 1 Julok.

q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang

pengumuman SMA Negeri 1 Julok.

r. Halaman kalender akademik merupakan halaman yang berisikan tentang

kalender akademik SMA Negeri 1 Julok.

s. Halaman galleri photo merupakan halaman yang berisikan photo SMA

Negeri 1 Julok.

t. Halaman contact us merupakan halaman yang berisikan tentang contact us

untuk memberikan kritik saran yang membangun kepada SMA Negeri 1

Julok.

u. Halaman artikel merupakan halaman yang berisikan tentang berbagai artikel

yang sedang berkembang saat ini.

Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah

(81)

1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout

dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat

dilihat seperti gambar berikut ini:

Gambar 4.10 Tampilan Macromedia Dreamweaver 8

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada

Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita

(82)

3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat

yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver.

4. Mengerjakan halaman-halaman berikutnya.

4.7 Perancangan User Interface

Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver.

Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header

dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian

atas yang berisikan nama website SMA Negeri 1 Julok, sedangkan bagian isi adalah

merupakan bagian terpenting karena pada pada bagian ini merupakan tempat

menampilkan informasi yang akan disampaikan. Secara keseluruhan desain header

yang dirancang adalah sebagai berikut:

(83)

BAB 5

IMPLEMENTASI SISTEM

5.1Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-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 telah disetujui sebelumnya.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru.

3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat

(84)

5.3Komponen Utama dalam Sistem

Dalam pembuatan sistem informasi SD Negeri 091462 Parapat yang sudah dirancang

membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga

pelaksana (brainware).

a. Perangkat keras (hardware)

Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara

lain:

1. Prosesor

2. Harddisk

3. Memori

4. Monitor

5. Keyboard

6. Mouse

7. Dan lain-lain

b. Perangkat Lunak (software)

1. PHP, MySQL, dan Macromedia Dreamweaver 8

Gambar

Gambar 2.1. Lima Komponen Sistem Informasi
Gambar 2.2 Tampilan Start page Macromedia Dreamweaver 8
Gambar 3.1 Struktur Organisasi
Gambar 4.1 Diagram Konteks
+7

Referensi

Dokumen terkait

a) Sejarah berdiri dan perkembangan SMK Muhammadiyah 2 Ngawi. d) Kondisi kepala sekolah dan guru, baik ditinjau dari pengalaman. pendidikan dan jurusan yang ditempuh

wclding Gchnology {eldins .luninud is pan of thar requnes precision and skill Aluminuir and rlu.rinun alloys, inclnding lidltweighr det.l thar hs, hiell

The data basis used consists of RapidEye and TerraSAR-X imagery, as well as height information of a LiDAR nDSM (normalized Digital Surface Model) and object boundaries

Sistem Informasi geografis Untuk Pengelolaan Bentang Lahan Berbasis Sumber Daya Alam Buku 1 Sistem Informasi Geografis dan Pengindraan Jauh Menggunakan ILWIS Open Source..

Penelitian ini bertujuan untuk menguji secara empiris pengaruh penerapan sistem informasi akuntansi, komunikasi internal, dan kompensasi terhadap kinerja karyawan pada Usaha

Hubungan Antara Hasil Pemeriksaan Sputum BTA (Basil Tahan Asam) Dengan Gambaran Foto Thorax Pada Penderita Tuberkulosis Paru Di Rs.. Pku (Pembina Kesejahteraan Umat)

Tingginya efisiensi penyisihan kekeruhan pada variasi debit udara 4 L/menit dapat disebabkan karena pada variasi debit udara ini memiliki kenaikan nilai pH yang paling tinggi

This research was conducted in Silahisabungan Subdistrict of Dairi District and Pangururan Subdistrict of Samosir Regency of North Sumatera Province, This study

114 สร้างโอกาส จากวิกฤติ การสร้างภาพเคลื่อนไหว 2 มิติ และ 3 มิติ ศ32254 ชั้น ม.5 เอกแอนิเมชัน อาจารย์ธนนันท์ อินทิตานนท์ กลุ่มสาระการเรียนรู้ศิลปะ