Aplikasi Pembelajaran Tik Interaktif Kelas Ix Menggunakan Macromedia Director (Studi Kasus SMP Negeri 14 Padang)

1
APLIKASI PEMBELAJARAN TIK INTERAKTIF KELAS IX

MENGGUNAKAN MACROMEDIA DIRECTOR
( STUDI KASUS SMP NEGERI 14 PADANG )
SKRIPSI
Untuk memenuhi sebagai persyaratan

guna memperoleh gelar Sarjana Sistem Informasi
OLEH
FATMA WINATA
1210024262015
PROGRAM STUDI SISTEM INFORMASI

YAYASAN MUHAMMAD YAMIN
SEKOLAH TINGGI TEKNOLOGI INDUSTRI
(STTIND) PADANG
2017
ii
HALAMAN PERSETUJUAN SKRIPSI
Judul Skripsi : Aplikasi Pembelajaran Tik Interaktif Kelas IX

Menggunakan Macromedia Director ( Studi Kasus SMP
Negeri 14 Padang )
Nama : Fatma Winata
NPM : 1210024262015
Program Studi : Strata 1 – Sistem Informasi
Jurusan : Sistem Informasi
Padang, 4 Januari 2017
Menyetujui :
Pembimbing I, Pembimbing II,
Nofriadiman, ST, M.Kom Elmawati, M.Kom

NIDN. 1030117901 NIDN. 1020108001
Ketua Program Studi Plt Ketua STTIND

Padang
Veni Wedyawati, M.Kom Tri Ernita, ST, MP

NIDN 1015098901 NIDN.1028027801
ii
iii
APLIKASI PEMBELAJARAN TIK INTERAKTIF KELAS IX

MENGGUNAKAN MACROMEDIA DIRECTOR
( STUDI KASUS SMP NEGERI 14 PADANG )
Nama : Fatma Winata

NPM : 1210024262015
Pembimbing 1 : Nofriadiman, ST, M.Kom
Pembimbing II : Elmawati, M.Kom
ABSTRAK
Masalah dalam penelitian ini, pada proses pembelajaran guru yang kurang
menggunakan media pembelajaran yang menarik, guru cenderung menggunakan
metode ceramah saja, siswa merasa jenuh dan membosankan mengikuti
pembelajaran. Penelitian ini bertujuan supaya guru membuat media pembelajaran
interaktif menggunakan Macromedia Director dan mampu mengunakannya dalam
pembelajaran TIK kelas IX di SMP N 14 Padang. Bentuk penelitian ini adalah
studi kasus, jenis penelitian lapangan dan penelitian perpustakaan. Lokasi
penelitian dilakukan di SMP N 14 Padang. Variable penelitian adalah guru TIK
yang belum menggunakan media interaktif dalam mengajar. Hasil penelitian
lapangan yang dikumpulkan di gambarkan dalam bentuk Aliran Sistem Informasi
(ASI) yang sedang berjalan dan dianalisis serta dijelaskan dalam bentuk Aliran
Sistem Informasi (ASI) baru yang diusulkan yang menggambarkan sistem
informasi yang dirancang beserta Flowchart Desain Sistem cara menjalankan
media pembelajaran, Context Diagram dan Storyboard. Hasil penelitian ini, guru
TIK menerapkan dalam pembelajaran sebagai media untuk pembelajaran dan
menjadi pembelajaran yang menarik bagi siswa di SMP N 14 Padang.
Kata kunci : Media, Macromedia Director, Pembelajaran, Interaktif
iii
iv
ICT INTERACTIVE LEARNING APPLICATIONS USING

MACROMEDIA DIRECTOR CLASS IX
(CASE STUDY STATE SMP NEGERI 14 PADANG)
Name : Fatma Winata

NPM : 1210024262015
Promotor : Nofriadiman, ST, M.Kom
Copromotor : Elmawati, M.Kom
ABSTRACT
The problem in this research, on the learning process of teachers less

interesting learning media use, teachers tend to use methods of lecture course,
students feel saturated and boring follow instruction. This research aims so that
teachers make the learning interactive media using Macromedia Director and was
able to use them in class IX ICT learning in SMP N 14 Padang. The form of this
research is a case study, the type of fieldwork and research library. The location of
the research conducted at the SMP N 14 Padang. ICT teacher research is the
variable that has not been using interactive media in teaching . Field research
results collected on to draw in the form of a flow of information systems (ASI) in
progress and analyzed and explained in the form of a flow of information systems
(ASI) has proposed that describes information system designed with Flowchart
Design System how to run the media learning, Context Diagram and
Storyboarding. The results of this study, teachers applying learning in ICT as a
medium for learning and the learning becomes interesting for students in SMP N
14 Padang.
Keywords: Media, Macromedia Director, learning, Interactive
iv
v
KATA PENGANTAR
Puji syukur penulis ucapkan kehadirat Allah SWT, yang telah
melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyusun skripsi
ini yang berjudul “Aplikasi Pembelajaran TIK Interatif kelas 9
Menggunakan Macromedia Director Study kasus SMPN 14 Padang”
sehingga dapat memperoleh gelar sarjana strata satu Program Studi Sistem
Informasi pada Sekolah Tinggi Teknologi Industri Padang (STTIND).
Dalam penyusunan skripsi ini, penulis mendapat bantuan dan dukungan
dari banyak pihak. Atas peran sertanya dalam membantu proses penyelesaian ini
penulis ingin mengucapkan terimakasih kepada :
1) Bapak H. Riko Ervil, MT, selaku Ketua Yayasan Muhammad Yamin
Padang.
2) Ibu Tri Ernita,ST, MP, selaku Plt Ketua STTIND Padang.
3) Ibu Veni Wedyawati, M.Kom, selaku Ketua Program Studi Sistem
Informasi.
4) Bapak Nofriadiman, ST, M.Kom, selaku Dosen Pembimbing I.
5) Ibuk Elmawati, M.Kom, selaku Dosen Pembimbing II.
6) Bapak dan Ibuk dosen Program Studi Sistem Informasi STTIND Padang.
7) Bapak dan ibuk guru SMP Negeri 14 Padang yang telah memberikan ijin
kepada penulis untuk melakukan survey dan membantu memberikan
informasinya untuk kelengkapan data pada penelitian ini.
8) Rasa terima kasih yang tak terhingga kepada kedua Orang tuaku, yang
telah melahirkan dan membesarkan aku dengan kasih sayangnya.
v
vi
9) Istriku tercinta Liza Mustika Sari, S.Pd yang selalu memberikan suport
dan semangatnya kepada suami tercinta dari proses penelitian sampai
dalam proses penulisan skripsi ini.
10) Seluruh keluarga besarku yang selalu memberikan dukungan dan doa.
11) Teman-teman Program Studi Sistem Informasi yang selalu kompak dan
bisa diandalkan dalam suka dan duka.
Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan
skripsi ini, untuk itu penulis mohon maaf dan mengharapkan saran serta kritik
yang membangun dari pembaca.
Semoga skripsi ini dapat bermanfaat bagi pengembangan ilmu dan
pengetahuan, khususnya pada Program Studi Sistem Informasi. .
Padang, 4 Januari 2017
Penulis
vi
vii
DAFTAR ISI
HALAMAN JUDUL ...................................................................................... i
HALAMAN PERSETUJUAN ...................................................................... ii
ABSTRAK ...................................................................................................... iii
ABSTRACT .................................................................................................... iv
KATA PENGANTAR .................................................................................... v
DAFTAR ISI ................................................................................................... vii
DAFTAR GAMBAR ...................................................................................... xii
DAFTAR TABEL .......................................................................................... xvii
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah ............................................................. 1
1.2 Identifikasi Masalah ................................................................... 3
1.3 Batasan Masalah......................................................................... 3
1.4 Rumusan Masalah ...................................................................... 3
1.5 Tujuan Penelitian ....................................................................... 4
1.6 Manfaat Penelitian .................................................................... 4
1.6.1 Bagi Penulis ...................................................................... 4
1.6.2 Bagi SMP Negeri 14 Padang ............................................ 4
1.6.3 Bagi Akademik ................................................................. 4
BAB II TINJAUAN PUSTAKA
2.1 Landasan Teori ........................................................................... 5
2.1.1 Konsep Sistem Informasi ................................................... 5
vii
viii
2.1.1.1 Pengertian Sistem .................................................. 5
2.1.1.2 Karakteristik Sistem .............................................. 5
2.1.1.3 Klasifikasi Sistem .................................................. 6
2.1.1.4 Pengertian Informasi ............................................. 8
2.1.1.5 Nilai dan Kualitas Informasi ................................. 8
2.1.1.6 Pengertian Sistem Informasi ................................. 10
2.1.2 Defenisi Aplikasi .............................................................. 10
2.1.3 Defenisi Pembelajaran ...................................................... 11
2.1.4 Pengertian Teknologi Informasi dan Komunikasi ............ 12
2.1.5 Ruang lingkup Teknologi Informasi dan Komunikasi ...... 13
2.1.6 Multimedia Interaktif ........................................................ 14
2.1.6 Macromedia Director ....................................................... 15
2.1.7 Pengenalan Macromedia Director .................................... 15
2.1.7.1 Macromedia Director ........................................... 15
2.1.7.2 Manfaat dan Kegunaan Dari Macromedia
Director ................................................................ 16
2.1.7.3 Kebutuhan Sistem ................................................. 17
2.1.7.4 Persiapan ............................................................... 17
2.1.7.5 Jendela-Jendela Pada Director .............................. 19
2.1.7.6 Jendela Utama Director ........................................ 19
2.1.8 Keunggulan Macromedia Director Mx 2004 21 .............. 21
2.1.8.1 Zoom Stage ........................................................... 21
2.1.8.2 Cast Member ......................................................... 21
viii
ix
2.1.8.3 Kompresi Bitmap .................................................. 21
2.1.8.4 Lock And Unlock Sprite ......................................... 21
2.1.8.5 Peletakan Pada Guide Dan Grid ............................ 22
2.1.8.6 Mengontrol Gambar Bitmap Dengan Lingo ......... 22
2.1.8.7 Memainkan Audio Dengan Lingo ......................... 22
2.1.9 Kegunaan Program Aplikasi Macromedia Director
Dalam Pembelajaran.......................................................... 22
2.1.10 Alat bantu perancangan sistem imformasi ……… 24
2.1.10.1 Aliran sistem imformasi .……………… 24
2.1.10.2 Data Flow Diagram (DFD). ................. 26
2.1.10.3 Entity Relationship Diagram (ERD) .... 28
2.1.10.4 Diagram Konteks (CD) ......................... 29
2.1.10.5 Flowchart .............................................. 30
2.1.10.6 Storyboard ............................................. 32
2.2 Kerangka Konseptual ................................................................... 33
BAB III METODOLOGI PENELITIAN
3.1 Jenis Penelitian ........................................................................... 35
3.2 Lokasi Penelitian ........................................................................ 35
3.3 Variabel Penelitian ..................................................................... 35
3.4 Langkah-langkah Metoda Penelitian.......................................... 36
3.5 Data dan Sumber Data ............................................................... 36
3.6 Kerangka Metodologi................................................................. 38
ix
x
BAB IV ANALISA DAN DESAIN SISTEM
4.1 Analisis Sistem............................................................................
4.1.1 Analisa Sistem Informasi yang sedang berjalan ................ 39
4.1.2 Analisis Sistem Informasi ................................................. 42
4.1.3 Hasil Analisis .................................................................... 42
4.1.4 Aliran Sistem Informasi Yang diusulkan .......................... 42
4.2 Desain Sistem.............................................................................. 46
4.2.1 Flowchart ........................................................................... 46
4.2.2 Context Diagram ................................................................ 48
4.2.3 Storyboard.......................................................................... 48
BAB V IMPLEMENTASI SISTEM
5.1 Implementasi Sistem ................................................................... 56
BAB VI Penutup .............................................................................................. 90
6.1 Kesimpulan ................................................................................. 90
6.2 Saran ............................................................................................ 90
DAFTAR KEPUSTAKAAN
LAMPIRAN
x
xi
DAFTAR GAMBAR
Gambar 2.1 Macromedia Director ................................................................ 15
Gambar 2.2 Tampilan Pada Macromedia Director Mx 2004 ....................... 20
Gambar 2.3 Kerangka Konseptual ................................................................ 33
Gambar 3.1 Kerangka Metodologi Penelitian ............................................... 38
Gambar 4.3 Flowchart .................................................................................. 47
Gambar 4.4 Context Diagram ....................................................................... 48
Gambar 5.1 Bentuk Tampilan Utama ........................................................... 56
Gambar 5.2 Bentuk Tampilan Menu KD ...................................................... 57
Gambar 5.3 Bentuk Tampilan KD 1.1 Menjelaskan Dasar Internet/ ............
Intranet ..................................................................................... 57
Gambar 5.4 Bentuk Tampilan KD 1.1 .......................................................... 58
Gambar 5.5 Bentuk Tampilan Memulai Evaluasi ......................................... 58
Gambar 5.6 Bentuk Tampilan Soal Evaluasi yang pertama ......................... 58
Gambar 5.7 Bentuk Tampilan Soal Evaluasi soal kedua .............................. 59
Gambar 5.8 Bentuk Tampilan Soal Evaluasi soal ketiga .............................. 59
Gambar 5.9 Bentuk Tampilan Saoal Evaluasi ke empat ............................... 59
Gambar 5.10 Bentuk Tampilan Soal Evaluasi soal ke lima ............................ 60
Gambar 5.11 Bentuk Tampilan Soal Evaluasi yang pertama yang di ulang ... 60
Gambar 5.12 Bentuk Tampilan KD 1.1 ......................................................... 60
Gambar 5.13 Bentuk Tampilan Kunci Jawaban Untuk Evaluasi .................... 61
Gambar 5.14 Bentuk Tampilan Materi Tentang Pengertian Internet .............. 61
Gambar 5.15 Bentuk Tampilan Materi Tentang Dampak Posistif Internet .... 61
xi
xii
Gambar 5.16 Bentuk Tampilan Materi Dampak Negatifnya Internet ............. 62
Gambar 5.17 Bentuk Tampilan Materi Pengertian Internet ............................ 62
Gambar 5.18 Bentuk Tampilan Materi Dampak Positif Penggunaan .............
Internet ...................................................................................... 62
Gambar 5.19 Bentuk Tampilan Materi Tentang Dampak Negatif Intranet .... 63
Gambar 5.20 Bentuk Tampilan Menu KD ...................................................... 63
Gambar 5.21 Bentuk Tampilan Materi Sejarah Internet ................................. 63
Gambar 5.22 Bentuk Tampilan Kelanjutan Materi Sejarah Internet .............. 64
Gambar 5.23 Bentuk Tampilan Materi Tentang Aplikasi Internet ................. 64
Gambar 5.24 Bentuk Tampilan Materi Aplikasi Internet Word Wide Web .... 65
Gambar 5.25 Bentuk Tampilan Materi Aplikasi Internet Elektronik Mail ..... 65
Gambar 5.26 Bentuk Tampilan Aplikasi Internet Mailing List(Milis) ........... 65
Gambar 5.27 Bentuk Tampilan Aplikasi Internet News Group ...................... 66
Gambar 5.28 Bentuk Tampilan Aplikasi Internet Relay Chat (IRC) .............. 66
Gambar 5.29 Bentuk Tampilan Aplikasi File Transfer Protokol(FTP) .......... 66
Gambar 5.30 Bentuk Tampilan Aplikasi Internet Gopher.............................. 67
Gambar 5.31 Bentuk Tampilan Aplikasi Ping ................................................ 67
Gambar 5.32 Bentuk Tampilan Aplikasi Voip ................................................ 67
Gambar 5.33 Bentuk Tampilan Materi Dampak Positif dan Negatif
dari penggunaan Internet ........................................................... 68
Gambar 5.34 Bentuk Tampilan Materi Keuntungan Internet bagi Konsumen
dan Produsen (e-commerce) ...................................................... 68
Gambar 5.35 Bentuk Tampilan Materi Internet Banking Bagi Bank dan
xii
xiii
Bagi Nasabah ........................................................................... 69
Gambar 5.36 Bentuk Tampilan Materi Bidang Pemerintahan dan Bidang
Social.. ....................................................................................... 69
Gambar 5.37 Bentuk Tampilan Materi Bidang Keagamaan dan
bidang bersosialisasi ................................................................. 69
Gambar 5.38 Bentuk Tampilan Materi Bidang Hiburan dan Bidang
Pendidikan ................................................................................. 70
Gambar 5.39 Bentuk Tampilan Menu KD Memahami dasar-dasar Jaringan
DI Internet / Intranet ................................................................ 70
Gambar 5.40 Bentuk Tampilan Memulai Evaluasi ......................................... 71
Gambar 5.41 Bentuk Tampilan Soal Evaluasi yang pertama ......................... 71
Gambar 5.42 Bentuk Tampilan Soal Evaluasi yang kedua ............................. 71
Gambar 5.43 Bentuk Tampilan Soal Evaluasi yang ketiga............................. 72
Gambar 5.44 Bentuk Tampilan Soal Evaluasi yang keempat ......................... 72
Gambar 5.45 Bentuk Tampilan Soal Evaluasi yang kelima ........................... 72
Gambar 5.46 Bentuk Tampilan Soal Evaluasi yang pertama yang diulang .... 73
Gambar 5.47 Bentuk Tampilan KD 1.2 .......................................................... 73
Gambar 5.48 Bentuk Tampilan Kunci Jawaban untuk Evaluasi KD 1.2 ........ 73
Gambar 5.49 Bentuk Tampilan Materi Pengertian Internet ............................ 74
Gambar 5.50 Bentuk Tampilan Materi Manfaat Jaringan Internet ................. 74
Gambar 5.51 Bentuk Jaringan Materi Tipe Jaringan Komputer ..................... 74
Gambar 5.52 Bentuk Tampilan Materi Jangkauan Wilayah Cangkupan
Aksesnya ................................................................................... 75
xiii
xiv
Gambar 5.53 Bentuk Tampilan Materi LAN (Lokal Area Network) .............. 75
Gambar 5.54 Bentuk Tampilan Materi MAN (Metropolitan Area Network) . 76
Gambar 5.55 Bentuk Tampilan Materi WAN(Wide Area Network) dan
Internet ...................................................................................... 76
Gambar 5.56 Bentuk Tampilan Materi Jenis Jaringan Komputer
berdasarkan fungsinya .............................................................. 77
Gambar 5.57 Bentuk Tampilan Materi Peer to peer....................................... 77
Gambar 5.58 Bentuk Tampilan Menu KD Materi Perangkat Jaringan
Internet ...................................................................................... 78
Gambar 5.59 Bentuk Tampilan Materi Perangkat Jaringan Komputer
(server) ...................................................................................... 78
Gambar 5.60 Bentuk Tampilan Materi Perangkat Jaringan (client) ............... 78
Gambar 5.61 Bentuk Tampilan Materi Jaringan Internet (Hub dan Kartu
Jaringan) .................................................................................... 79
Gambar 5.62 Bentuk Tampilan Materi Perangkat Jaringan Internet (Kabel
dan Konektor) ............................................................................ 79
Gambar 5.63 Bentuk Tampilan Materi Perangkat Jaringan Internet
(Repeater dan Bridge) ............................................................... 80
Gambar 5.64 Bentuk Tampilan Materi Perangkat Jaringan Internet
(Router) ..................................................................................... 80
Gambar 5.65 Bentuk Tampilan Materi Topologi Star (Bintang) .................... 81
Gambar 5.66 Bentuk Tampilan Materi Kelebihan dan Kekurangan
Topologi Star (Bintang) ............................................................. 81
xiv
xv
Gambar 5.67 Bentuk Tampilan Materi Topologi Ring (Cincin) ..................... 81
Gambar 5.68 Bentuk Tampilan Materi Kekurangan dan Keuntungan
Topologi Cincin ........................................................................ 83
Gambar 5.69 Bentuk Tampilan Materi Topologi Bus ..................................... 83
Gambar 5.70 Bentuk Tampilan Materi Kerugian Topologi Bus .................... 84
Gambar 5.71 Bentuk Tampilan Materi Topologi Tree (Pohon)...................... 84
Gambar 5.72 Bentuk Tampilan Materi Topologi Peer to peer Network ........ 85
Gambar 5.73 Bentuk Tampilan Materi Komunikasi dan Keamanan Data
Dalam Jaringan ......................................................................... 85
Gambar 5.74 Bentuk Tampilan Materi Lapisan Protokol Jaringan ................ 85
Gambar 5.75 Bentuk Tampilan Materi Kelanjutan Lapisan Protokol ............ 86
Gambar 5.76 Bentuk Tampilan Materi Keamanan Data Dalam Jaringan ...... 86
Gambar 5.77 Bentuk Tampilan Materi Aktivitas Jaringan Komputer ............ 87
Gambar 5.78 Bentuk Tampilan Materi Metode Hacker dan Cracker ............ 87
Gambar 5.79 Bentuk Tampilan Kelanjutan Materi Hacker dan Cracker ....... 87
Gambar 5.80 Bentuk Tampilan Materi Teknik Keamanan Data .................... 88
Gambar 5.81 Bentuk Tampilan Materi Kelanjutan Teknik Keamanan Data . 88
Gambar 5.82 Bentuk Tampilan Materi Kelanjutan Teknik Keamanan Data . 88
Gambar 5.83 Bentuk Tampilan Petunjuk Menggunakan Media ..................... 89
Gambar 5.84 Bentuk Tampilan Pembuat Media ............................................. 89
xv
xvi
DAFTAR TABEL
Tabel 2.1 Simbol Aliran Sistem Informasi ................................................ . 25
Tabel 2.2 Simbol Data Flow Diagram (DFD) ............................................ . 27
Tabel 2.3 Simbol Entity Relational Diagram (ERD) .................................. . 28
Tabel 2.4 Simbol-simbol Flowchart ........................................................... . 30
Tabel 2.5 Storyboard ................................................................................... . 32
Tabel 4.1 Aliran sistem informasi dalam proses belajar mengajar (PBM)
sebelum menggunakan aplikasi Macromedia Director dalam
pembelajaran TIK di kelas X ...................................................... . 40
Tabel 4.2 Aliran Sistem Informasi dalam Proses belajar Mengajar (PBM)
sesudah menggunakan aplikasi Macromedia Director dalam
Pembelajaran TIK interaktif di Kelas IX……………………….. 44
Tabel 4.3 Storyboard ................................................................................... 49
xvi
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Di era globalisasi, Teknologi Informasi dan Komunikasi (TIK) berperan
sangat penting. Dengan menguasai Teknologi Informasi dan Komunikasi (TIK),
kita memiliki modal yang cukup untuk menjadi pemenang persaingan global. Di
era globalisasi, tidak menguasai teknologi dan informasi identic dengan buta
huruf, Teknologi Informasi dan Komunikasi (TIK) menggunakan multimedia
telah memungkinkan diwujudkannya pembelajaran yang efektif dan
menyenangan, yang melibatkan siswa secara aktif. Kemampuan Teknologi
Informasi dan Komunikasi menggunakan multimedia dalam menyampaikan pesan
dinilai sangat besar. Dalam bidang pendidikan, Teknologi Informasi dan
Komunikasi menggunakan multimedia telah mengubah paradigma penyampaian
materi pembelajaran kepada peserta didik. Teknologi Informasi dan Komunikasi
( TIK) adalah suatu padanan yang tidak terpisahkan yang mengandung pengertian
luas tentang segala kegiatan yang terkait dengan pemrosesan, manipulasi,
pengelolaan, dan transfer informasi antar media. Secara umum Teknologi
Informasi dan Komunikasi (TIK) adalah semua aspek yang melibatkan teknologi,
rekayasa, dan teknik pengelolaan yang digunakan dalam pengendalian dan
pemrosesan informasi serta penggunaannya.
Ada tiga komponen utama pembelajaran yang berbasis Teknologi Informasi
dan Komunikasi (TIK) yakni komputer, multimedia, dan telekomunikasi.
Penggunaan Teknologi Informasi dan Komunikasi merupakan suatu model
1
2
pembelajaran yang mendukung terwujudnya visi pendidikan global.
Penerapan Teknologi Informasi dan Komunikasi (TIK) menawarkan solusi
terhadap suatu permasalahan.Teknologi Informasi dan Komunikasi (TIK) dapat
menjadi alat bantu yang sangat efektif dalam menayangkan keadaan ini. Siswa
lebih mudah memahami dan mampu membangunnya secara permanen dalam
ingatan jangka panjang. Beberapa penelitian menunjukkan bahwa dengan adanya
penerapan Teknologi Informasi dan Komunikasi (TIK) dalam pembelajaran dan
pengajaran ternyata mampu memberikan dampak positif yang signifikan.
Macromedia Director adalah sebuah program yang dirancang khusus
untuk membuat self-contained atau program yang dapat berjalan sendiri. Aplikasi
ini dapat dijadikan sebagai media presentasi maupun sebagai Media Interaktif
untuk Membuat CD Interaktif. Macromedia director ini digunakan oleh guru
untuk menyampaikan pembelajaran dikelas. Selama ini guru hanya menggunakan
metode ceramah saja sehingga siswa bosan dan jenuh belajar. Dengan akan
diterapkan kurikulum 2013 semua guru dituntut bisa mengunakan Teknologi
Informasi dan Komunikasi (TIK) dalam pembelajaran sehingga pembelajaran
menjadi pembelajaran yang menarik bagi siswa.
Kondisi saat ini di SMP Negeri 14 Padang hasil belajar siswa kelas IX
masih banyak dibawah KKM (Kriteria Ketutuntasan Maksimum) yaitu 76. Hal di
sebabkan sebagian gurunya masih belum maksimal dalam memahami dan
menggunakan pembelajaran berbasis Teknologi Informasi dan Komunikasi (TIK)
dalam pembelajaran. Melihat kenyataan di atas pembelajaran di SMP Negeri 14
Padang tidak sesuai yang diharapkan. Mengacu pada hal tersebut, maka penulis
2
3
berkeinginan untuk melakukan penelitian pada SMP Negeri 14 Padang yang
dituangkan kedalam penulisan skripsi yang berjudul “Aplikasi Pembelajaran
Teknologi Informasi dan Komunikasi (TIK) Interaktif Kelas IX
Menggunakan Macromedia Director (Study Kasus SMP Negeri 14 Padang)”.
1.2 Identifikasi Masalah
Berdasarkan hasil survey pada SMP Negeri 14 Padang maka dapat
diidentifikasi masalahnya sebagai berikut:
1. Pembelajaran di SMP Negeri Padang pada umumnya masih menggunakan
metode ceramah saja dan tidak menggunakan media interaktif dalam
menyampaikan pembelajaran di kelas. Sehingga siswa kurang termotivasi
untuk belajar.
2. Hasil belajar siswa dalam pelajaran Teknologi Informasi dan Komunikasi
(TIK) Masih rendah.
1.3 Batasan Masalah
Penelitian ini lebih terarah dan terfokus maka penulis membatasi
masalahnya hanya pada Sistem Pembelajaran Teknologi Informasi dan
Komunikasi (TIK) Interaktif Kelas IX Menggunakan Macromedia Director Pada
SMP Negeri 14 Padang.
1.4 Rumusan Masalah
Berdasarkan latar belakang masalah, identifikasi masalah, dan batasan
masalah maka dapat dirumuskan masalah penelitian yaitu bagaimana cara
menciptakan pembelajaran yang menarik yang dibuat oleh guru dalam

4
pembelajaran Teknologi Informasi dan Komunikasi (TIK) Interaktif Kelas IX
Menggunakan Macromedia Director Pada SMP Negeri 14 Padang .
1.5 Tujuan Penelitian
Tujuan dari penelitian ini sebagai berikut:
1. Untuk membuat media Pembelajaran Interaktif dengan menggunakan
Macromedia Director
2. Untuk mampu menggunakan media interaktif dengan macromedia Director
dalam proses pembelajaran.
1.6 Manfaat Penelitian
1.6.1 Bagi Penulis
Penulis dapat mengaplikasikan ilmu pengetahuan yang dimiliki, yang telah
didapat dibangku perkulihan dalam membuat program aplikasi multimedia dengan
menggunakan Macromedia Director
1.6.2 Bagi SMP Negeri 14 Padang
Guru mampu membuat dan mengoperasikan media Pembelajaran Interaktif
dengan menggunakan Macromedia Director
1.6.3 Bagi Akademik
Sebagai salah satu bahan referensi untuk Sekolah Tinggi Teknologi Industri
(STTIND) Padang dalam pembuatan program aplikasi multimedia dengan
menggunakan Macromedia Director.

BAB II
TINJAUAN PUSTAKA
2.1 Landasan Teori
Pada landasan teori ini kita harus mengetahui apa-apa saja yang akan
dibahas diantaranya yaitu :
2.1.1 Konsep Sistem Informasi
Sebelum membangun sebuah sistem, terlebih dahulu kita harus mengenal
teori mengenai konsep dari sistem informasi tersebut.
2.1.1.1 Pengertian Sistem
Menurut Sutabri (2012), sistem dapat diartikan sebagai suatu kumpulan
atau himpunan dari unsur, komponen, atau variable yang terorganisi,saling
berinteraksi, saling bergantung satu sama sama lain dan terpadu.
2.1.1.2 Karakteristik Sistem
Menurut Sutabri (2012), suatu sistem mempunyai karakteristik.
Karakteristik sistem sebagai berikut :
1. Komponen Sistem (Components). Sejumlah komponen yang saling
berinteraksi yang saling bekerja sama membentuk satu kesatuan.
2. Batasan Sistem (Boundary). Daerah yang membatasi suatu sistem dengan
sistem yang lainnya atau dengan lingkungan luarnya.
3. Lingkungan Luar Sistem (Environments).Apapun diluar batas sistem yang
mempengaruhi operasi sistem.
5
6
4. Penghubung Sistem (Interface).Media yang menghubungkan sistem
dengan subsistem lain.
5. Masukan Sistem (Input). Energi yang di masukkan ke dalam sistem yang
dapat berupa pemeliharaan (maintenance) dan sinyal (signal input).
6. Keluaran Sistem (Output). Hasil energi yang diolah dan diklasifikasikn
menjadi keluaran yag berguna.
7. Pengolah Sistem (Proses). Suatu sistem dapat mempunyai suatu proses
yang akan mengubah masukan menjadi keluaran.
8. Sasaran Sistem (Objective). Suatu sistem memiliki tujuan dan sasaran
yang pasti dan bersifat deterministic.
2.1.1.3 Klasifikasi Sistem
Menurut Sutabri (2012), sistem di klasifikasikan sebagai berikut :
1. Sistem Abstrak dan Fisik
a. Sistem Abstrak (abstact system) adalah sistem yang berupa pemikiran
atau gagasan yang tidak tampak secara fisik. Misalnya, sistem agama/
teologi.
b. Sistem Fisik (physical system) adalah sistem yang ada secara fisik dan
dapat dilihat dengan mata. Misalnya, sistem komputer, sistem
akuntansi, dan sistem transportasi.
2. Sistem Alamiah dan Buatan
a. Sistem alamiah (natural system) adalah sistem yang terjadi karena
proses alam, bukan buatan manusia. Misalnya, sistem tatasurya, sistem
rotasi bumi.
7
b. Sistem buatan manusia (human made system) adalah sistem yang
terjadi melalui rancangan atau campur tangan manusia. Misalnya,
sistem komputer, sistem transportasi.
3. Sistem tertentu (deterministic system) dan sistem tak tentu (probabilistic
system).
a. Sistem tertentu (deterministic system) adalah sistem yang operasinya
dapat diprediksi secara cepat dan interaksi di antara bagian-bagiannya
dapat dideteksi dengan pasti. Misalnya, sistem komputer karena
operasinya dapat diprediksi berdasarkan program yang dijalankan.
b. Sistem tak tentu (probabilistic system) adalah sistem yang hasilnya
tidak dapat diprediksi karena mengandung unsur probabilitas.
Misalnya, sistem persediaan.
4. Sistem Tertutup dan Terbuka
a. Sistem tertutup (closed system) adalah sistem yang tidak berhubungan
dengan lingkungan di luar sistem. Sebenarnya sistem tertutup tidak
ada, yang ada adalah relatif tertutup.
b. Sistem terbuka (open system) adalah sistem yang berhubungan dengan
lingkungan luar dan dapat terpengaruh dengan keadaan lingkungan
luarnya. Sistem ini menerima masukan dan menghasilkan output untuk
subsistem yang lain.

8
2.1.1.4 Pengertian Informasi
Menurut Sutabri (2012), informasi adalah data yang telah diklasifikasi
atau diolah atau diinterpretasikan untuk digunakan dalam proses pengambilan
keputusan.
2.1.1.5 Nilai dan Kualitas Informasi
Menurut Sutabri (2012), nilai informasi didasarkan atas 10 sifat, yaitu :
1. Mudah diperoleh
Sifat ini menunjukan kemudahan dan kecepatan untuk memperoleh
informasi.
2. Luas dan lengkap
Sifat ini menunjukan kelengkapan isi informasi. Hal ini hanya mengenai
volumenya, akan tetapi juga mengenai keluaran informasi. sifat ini sangat
kabur dan karenaitu sulit untuk mengukurnya.
3. Ketelitian
Sifat ini berhubungan dengan tingkat kebebasan dari kesalahan keluaran
informasi.pada volume data yang besar biasanya terdapat 2 jenis kesalahan
yaitu kesalahan pencatatan dan kesalahan perhitungan.
4. Kecocokan
Sifatini menunjukan seberapa baik keluaran informasi dalam hubungannya
dengan permintaan para pemakai.
5. Ketepatan waktu
Sifat ini berhubungan dengan waktu yang dilalui, yang lebih baik dari
siklus untuk mendapatkan informasi.

9
6. Kejelasan
Sifat ini menunjukan tingkat kejelasan informasi.informasi hendaknya
terbebas dari istilah-istilah tidak jelas.
7. Keluwesan
Sifat ini berhubungan dengan apakah informasi tersebut dapat digunakan
untuk membuat lebih dari satu keputusan.
8. Dapat dibuktikan
Sifat ini menunjukan sejauh mana informasi itu dapat diuji oleh beberapa
pemaikai sampai didapatkan kesimpulan yang sama.
9. Tidak ada prasangka
Sifatini berhubungan dengan ada tidaknya keinginan untuk mengubah
informasi tersebut guna mendapatkan kesimpulan yang telah diarahkan
sebelumnya.
10. Dapat diukur
Sifat ini menunjukan hakikat informasi yang dihasilkan oleh sistem
informasi formal.
Menurut Sutabri (2012), kualitas dari suatu informasi tergantung dari 3
hal, yaitu informasi harus akurat, tepat waktu dan relevan.
1. Akurat
Informasi harus bebas dari kesalahan dan tidak bias atau menyesatkan.
akurat berarti informasi harus jelas mencerminkan maksudnya.

10
2. Tepat waktu
Informasi tidak boleh terlambat. Informasi yang sudah usang tidak akan
mempunyai nilai lagi, karena informasi merupakan landasan di dalam
pengambilan keputusan.
3. Relevan
Informasi tersebut mempunyai manfaat untuk pemakainya.relevansi
informasi untuk setiap orang berbeda.
2.1.1.6 Pengertian Sistem Informasi
Menurut Sutabri (2012), sistem informasi adalah suatu sistem didalam
suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian
yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan
kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar
tertentu dengan laporan-laporan yang diperlukan.
2.1.2 Defenisi Aplikasi
Aplikasi berasal dari kata application yang artinya penerapan, lamaran,
penggunaan.Secara istilah aplikasi adalah program siap pakai yang dibuat untuk
melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat
digunakan oleh sasaran yang dituju.
Pengertian aplikasi menurut para ahli adalah sebagai berikut :
1. Menurut Jogiyanto (1999:12) adalah penggunaan dalam suatu komputer,
instruksi (instruction) atau pernyataan (statement) yang disusun sedemikian
rupa sehingga komputer dapat memproses input menjadi output.

11
2. Menurut Kamus Kamus Besar Bahasa Indonesia (1998 : 52) adalah
penerapan dari rancang sistem untuk mengolah data yang menggunakan
aturan atau ketentuan bahasa pemrograman tertentu. Aplikasi adalah suatu
program komputer yang dibuat untuk mengerjakan dan melaksanakan tugas
khusus dari pengguna.
3. Menurut Rachmad Hakim S, adalah perangkat lunak yang digunakan untuk
tujuan tertentu, seperti mengolah dokumen, mengatur Windows &, permainan
(game), dan sebagainya.
4. Menurut Harip Santoso, adalah suatu kelompok file (form, class, report)
yang bertujuan untuk melakukan aktivitas tertentu yang saling terkait,
misalnya aplikasi payroll, aplikasi fixed.
(http://blog-definisi.blogspot.co.id/2015/08/pengertian-dan-definisi-aplikasi.html)
2.1.3 Defenisi Pembelajaran
Defenisi pembelajaran diartikan sebagai proses penciptaan lingkungan
memungkinkan terjadinya proses belajar. Jadi dalam pembelajaran yang utama
adalah bagaimana siswa belajar.Belajar dalam pengertian aktivitas mental siswa
dalam berinteraksi dengan lingkungan yang menghasilkan perubahan perilaku
yang bersifat relatif konstan.Dengan demikian aspek yang menjadi penting dalam
aktivitas belajar dan pembelajaran adalah lingkungan.Bagaimana lingkungan ini
diciptakan dengan menata unsur-unsurnya sehingga dapat merubah perilaku
siswa. (Nana Sudjana 2009; 28)

12
2.1.4 Pengertian Teknologi Informasi Dan Komunikasi
Terdapat banyak pengertian mengenai Teknologi Informasi dan
Komunikasi(TIK), diantaranya dipaparkan sebagai berikut :
1. Menurut Eric Deeson, Harper Collins Publishers, Dictionary of
Information Technology, Glasgow,UK,1991
“Information Technology (IT) the handling of information by electric and
electronic (and microelectronic) means.”Here handling includes transfer.
Processing, storage and access, IT special concern being the use of hardware and
software for these tasks for the benefit of individual people and society as a
whole”
Dari penjelasan di atas dapat diartikan adalah kebutuhan manusia didalam
mengambil dan memindahkan , mengolah dan memproses informasi dalam
konteks sosial yang menguntungkan diri sendiri dan masyarakat secara
keseluruhan.(https://tatametal.wordpress.com)
2. Menurut Puskur Diknas Indonesia, Teknologi Informasi Dan Komunikasi
(TI&K) mencakup dua aspek, yaitu Teknologi Informasi dan Teknologi
Komunikasi.
a. Teknologi Informasi adalah meliputi segala hal yang berkaitan dengan
proses, penggunaan sebagai alat bantu, manipulasi, dan pengelolaan
informasi.
b. Teknologi Komunikasi adalah segala hal yang berkaitan dengan penggunaan
alat bantu untuk memproses dan mentransfer data dari perangkat yang satu ke
lainnya.
13
Dari penjelasan diatas dapat disimpulkan bahwa Teknologi Informasi dan
Teknologi Komunikasi adalah suatu padanan yang tidak terpisahkan yang
mengandung pengertian luas tentang segala kegiatan yang terkait dengan
pemrosesan, manipulasi, pengelolaan, dan transfer/pemindahan informasi antar
media. (https://tatametal.wordpress.com)
2. Menurut Susanto ( 2002 ) informasi merupakan hasil dari pengolahan data
namun tidak semua hasil dari pengolahan tersebut dapat menjadi informasi.
Jadi pengertian Teknologi Informasi Dan Komunikasi (TI&K) adalah
sebuah media atau alat bantu yang digunakan untuk transfer data baik itu untuk
memperoleh suatu data / informasi maupun memberikan informasi kepada orang
lain serta dapat digunakan untuk alat berkomunikasi baik satu arah ataupun dua
arah.(https://tatametal.wordpress.com)
2.1.5 Ruang Lingkup Teknologi Informasi dan Komunikasi
Menurut Depdiknas (2003:2) ruang lingkup mata pelajaran Teknologi
Informasi dan Komunikasi di SMP terdiri atas:
a. Aspek konsep, pengetahuan dan operasi dasar
Aspek ini mencakup identifikasi hakekat dan dampak Teknologi Informasi
dan Komunikasi, identifikasi etika dalam peggunaan Teknologi Informasi dan
Komunikasi, menjelaskan syarat-syarat Kesehatan dan Keselamatan Kerja (K3)
dalam menggunakan perangkat Teknologi Informasi dan Komunikasi,
mengidengtifikasi pengakat lunak dan perangkat keras dalam system informasi
dan dasar-dasar jaringan komputer.

14
b. Aspek pengelolaan informasi untuk produktifitas
Aspek ini mencakup perlakuan operasi dasar komputer dan penggunaan
system operasi atau operating system (SO), penggunaan software dan
pemanfaatan jaringan.
c. Aspek pemecahan masalah, eksplorasi dan komunikasi
Aspek ini mencangkup karya dengan program penngolahan kata dan
lembar kerja (worksheet), penggabungan dokumen pengolahan kata dan lembar
kerja, membuat karya dengan program presentasi. Selain itu, menggabungkan
dokumen presentasi dan pengolahan kata dan lembar kerja (worksheet), mencari
informasi dan komunikasi melalui internet.
2.1.6 Multimedia Interaktif
Multimedia adalah media yang menggabungkan dua unsur atau lebih
media yang terdiri dari teks, grafis, gambar, foto, audio, video dan animasi secara
terintegrasi . Multimedia dapat pula diartikaan sebagai presentasi materi dengan
menggunakan kata-kata sekaligus gambar-gambar. Multimedia yang memenuhi
syarat tertentu dan digunakan dalam proses belajar mengajar dapat dikatakan
sebagai multimedia pembelajaran. Sehingga dapat dikatakan bahwa multimedia
pembelajaran adalah media yang mampu melibatkan banyak indera dan organ
tubuh selama proses pembelajaran berlangsung. (www.mutimedia-interaktif.com)

15
2.1.7 Pengenalan Macromedia Director
2.1.7.1 Macromedia Director
Macromedia adalah sebuah perusahaan perangkat lunak yang bergerak di
bidang grafis dan pengembangan web. Perusahaan ini didirikan pada tahun 1992
dan telah berkembang pesat pada tahun 1990-an dan 2000-an. Pada Desember
2005 Macromedia diakuisisi salah satu perusahaan saingannya, Adobe Systems,
tetapi Adobe sementara ini masih tetap menggunakan nama Macromedia pada
sejumlah programnya.
Gambar 2.1 Macromedia Director
Macromedia didirikan melalui merger antara Authorware Inc dan
MacroMind-Paracomp.Hingga pertengahan 1990-an, Macromedia Director yang
digunakan untuk memproduksi CD-ROM dan kios-kios informasi masih
merupakan produk unggulan Macromedia, namun seiring meningkatnya
popularitas World Wide Web Macromedia menciptakan Shockwave,
sebuah plugin Director bagi penjelajah web serta pada tahun 1996 mengakuisisi
dua perusahaan berorientasi web, FutureWave Software (yang membuat Future

16
Splash Animation – yang kemudian berkembang menjadi Flash) dan iBand
Software (pembuat perangkat lunak authoring HTML – yang digunakan sebagai
dasar untuk mengembangkan Dreamwever). Tahun 2001 Macromedia
mengakuisisi Allaire, yang mengembangkan Cold Fusion sebelum pada akhirnya
pada tahun 2005 Macromedia sendiri dibeli sepenuhnya oleh Adobe. (Chandra,
2005)
Macromedia Director dengan Lingo script-nya merupakan paket software
authoring multimedia yang sangat powerful yang bisa digunakan, baik pada
sistem operasi Windows maupun Macintosh, yang dalam hal ini berarti cross
platform. Pada saat modul ini dibuat, banyak yang beranggapan bahwa Director
hanya sekadar sofware untuk membuat presentasi dinamis. Lebih dari itu, dengan
Director kita bisa membuat movie multimedia (hasil karya multimedia yang kita
buat dengan Director) dengan memanipulasi media elemen, yang disebut cast
member atau script Lingo. Mulai dari movie sederhana seperti animasi gambar
sampai movie yang kompleks seperti chat online, video ataupun game yang bisa
dikemas dalam format aplikasi atau shockwave untuk digunakan di web atau
aplikasi yang siap pakai dalam hard disk, DVD atau CDROM. (Chandra, 2005)
2.1.7.2 Manfaat Dan Kegunaan Dari Macromedia Director
1. Mendukung proyek-proyek multimedia baik 2D dan 3D
2. Membuat animasi/kartun dalam 2D
3. Bisa digunakan dalam membantu mengedit video
4. Membantu dalam pembuatan isi konten WEB
5. Dapat digunakan untuk membuat CD Interaktif

17
6. Bisa Juga digunakan dalam pembuatan game
2.1.7.3 Kebutuhan Sistem
Sebelum membahas lebih jauh, ada baiknya kita melihat dahulu kebutuhan
minimum hardware dan software untuk bisa menjalankan Director pada sistem
Windows.
1. Prosessor: Intel Pentium 111 450 MHz (atau yang lebih tinggi)
2. Sistem operasi: Windows 9x, 2000 atau Windows XP
3. Memori: Minimal 64 MB RAM (lebih dianjurkan 128 atau 256)
4. Hardisk: Sekitar 100 MB ruang hard disk kosong
5. VGA Card: 16 MB
6. Monitor: 256 color dan Resolusi 800 x 600
7. Browser: Internet Explorer 4.0 (atau yang lebih baru), Netscape Navigator 4.0
8. (atau yang lebih baru)
9. Renderer: DirectX 7.0 atau Open GL 1.0
10. CD-RW: untuk merekam movie ke VCD atau CD Interaktif
11. Speaker
2.1.7.4 Persiapan
Sebelum mempraktekkan tutorial selanjutnya, sebaiknya software
Macromedia Director telah di Install terlebih dahulu. Pada versi 2004 MX (dapat
disebut juga Macromedia Director versi 10).
Alasan menggunakan Macromedia Director Macromedia Director MX
2004 :
18
1. Mempunyai interface dan perintah yang sama seperti versi sebelumnya (versi
7, 8 dan 8.5). sehingga pengguna Macromedia Director dengan versi rendah
dapat menggunakan modul ini
2. Kemampuan Macromedia Director MX dibandingkan dengan versi MX 2004
tidak terlalu prinsip.
3. Meskipun rekan anda menggunakan Macromedia Director versi MX 2004
atau lebih tinggi, tetap dapat dibuka / open di Macromedia Director MX atau
lebih rendah.
4. Efiensi : memori yang digunakan di Macromedia Director 2004 MX jauh
lebih besar dibandingkan Macromedia Director MX. Sehingga saat
pembuatan dan menjalankan pekerjaan multimedia kita terasa lebih berat dan
lambat
5. Dapat berjalan baik / compatible di semua sistem operasi seperti Windows
9x, ME, 2000 dan XP Home / Professional, sedangkan Macromedia Director
versi 8.5 ke bawah akan bermasalah pada long file name Cast Member bila
dijalankan di Windows XP.
6. Compatibel / cocok dipadukan dengan Macromedia Flash MX. Animasi dan
script (umumnya) pada Macromedia Flash dapat diimport dan berjalan tanpa
masalah di Macromedia Director.
7. Mulai Macromedia Director versi 8.5, ditambah kemampuan 3 Dimensi
dengan engine DirectX dan OpenGL yang biasa dipakai untuk Game 3D saat
ini. Untuk anda yang mempunyai VGA Card merk Nvidia kelas GeForce
19
lebih optimal dengan engine OpenGL. Untuk pemakai ATI kelas Radeon
engine yang cocok dan optimal adalah DirectX.
2.1.7.5 Jendela-Jendela Pada Director
1. Dua jenis jendela dalam Direktor adalah Jendela dokumen dan Jendela tool.
2. Jendela document digunakan untuk membuat atau mengedit conten.
3. Tool window digunakan untuk melihat dan memodifikasi property dari
conten.
4. Jendela Paint adalah Jendela documen yang digunakan untuk membuat dan
mengedit gambar.
5. Property Inspector adalah Jendela tool yang digunakan untuk melihat
property dari anggota gambar (dalam tab anggota).
6. Beberapa property anggota cast ditampilkan dalam Property Inspector.
Terdapat property yang tidak dapat diedit, seperti tanggal pembuatan,
sedangkan property yang lain dapat dimodifikasi, Stage, Score dan Cast
adalah Jendela documen.
7. Tool pallete, control panel adalah Jendela tool.
2.1.7.6 Jendela Utama Director
1. Score mengorganisasikan dan mengkontrolisi film dalam padawaktu dalam
channel dan frame. Selain itu juga mengkontrol efek khusus seperti transisi.
2. Cast window menampilkan semua media yang membuat sebuah film, seperti
gambar, teks, suara dan video digital. Media tersebut dapat dilihat sebagai
20
serangkaian icon-icon atau sebagai sebuah daftar teks keTeknologi Informasi
Dan Komunikasi berada dalam mode list view.
3. Stage adalah„layar‟ dimana film-film dibuat. Stage digunakan untuk
menentukan dimana semua media yang ada dalam sebuah film ditampilkan.
4. Property Inspector menampilkan property dari berbagai macam elemen dari
sebuah film seperticast member, sprite, atau film itu sendiri.
5. Control Panel menyediakan sekumpulan control yang mirip dengan yang ada
pada VCR untuk melakukan sesuatu terhadap sebuah film seperti pause, play
or rewind.
Gambar 2.2 Tampilan Pada Macromedia Director Mx 2004

21
2.1.8 Keunggulan Macromedia Director Mx 2004
2.1.8.1 Zoom Stage
Zoom Stage merupakan fasilitas untuk memperbesar tampilan pada stage
yang akan dibuat. untuk melakukannya cukup menekan tombol Ctrl dan tombol
(+) atau (-) pada keyboard.
Langkah untuk memperbesar stage: Langkah untuk meperkecil stage ;
1. Pastikan jendela stage terpilih 1. Pastikan jendela stage terpilih
2. tekan tombol Ctrl dan tombol (+) 2. tekan tombol Ctrl dan tombol (-)
2.1.8.2 Cast Member
Macromedia Director MX 2004 menampilkan berbagai media atau
elemen. Elemen atau media tersebut dapat anda kelompokkan agar tidak
kebingunan dalam memilih. Elemen atau media tersebut dikelompokkan di dalam
cast member.
2.1.8.3 Kompresi Bitmap
Dengan kompresi bitmap memungkin untuk melakukan komperasi gambar
dapat ditampilkan atau di download oleh orang lain di internet dengan mudah
tanpa mengurangi kualitas gambar.
2.1.8.4 Lock And Unlock Sprite
Dalam Macromedia Diretor MX 2004 dapat melakukan penguncian pada
sprite yang ada pada stage. Fungsi Lock tersebut adalah agar sprite tidak dapat di
edit atau juga dapat membukannya kembali atau Unlock.

22
2.1.8.5 Peletakan Pada Guide Dan Grid
Dengan Guide dan Grid, anda dapat meletakan sprite agar sejajar secara
vertikal maupun horizontal dengan garis Guide. Dengan demikian, dapat
meletakkan sprite dalam posisi yang diinginkan yang tertata rapi.
2.1.8.6 Mengontrol Gambar Bitmap Dengan Lingo
Dapat memanipulasi dan membuat gambar bitmap menggunakan Script
Lingo.
2.1.8.7 Memainkan Audio Dengan Lingo
Dengan script lingo, anda dapat mengatur audio dan dapat dengan leluasa
memainkan dan menghentikan audio untuk yang ada pada Score.
2.1.9 Kegunaan Program Aplikasi Macromedia Director Dalam

Pembalajaran
Penggunaan Program Aplikasi Macromedia Director dalam pembelajaran
diharapkan akan sangat membantu tercapainya tujuan pembelajaran. Akan tetapi
kendalanya di lapangan masih ada guru yang belum menggunakan Program
Aplikasi Macromedia Director sebagai alat bantu. Kalaupun mengunakan
program aplikasi, masih terbatas pada program aplikasi sederhana, karena guru
belum terbiasa menggunakan Program Aplikasi Macromedia sebagai alat bantu
pembelajaran.
Idealnya untuk menarik perhatian dan minat peserta didik terhadap
pembelajaran berbasis Teknologi Informasi dan Komunikasi (TI&K) harus dibuat

23
tampilan program aplikasi yang unik, menarik, baik warna, teks, bentuk dan
ilustrasinya atau pun animasinya. Hal itu semua dapat diakomodir dengan bantuan
teknologi berbasis komputer khususnya dengan piranti lunak presentasi
Macromedia Director .
Presentasi menggunakan Macromedia Director merupakan kegiatan yang
penting dalam mengkomunikasikan suatu gagasan kepada orang lain dengan
berbagai tujuan terutama untuk menarik perhatian siswa terhadap materi yang
disajikan oleh guru.
Adapun pemakaian komputer dalam kegiatan pembelajaran sangat
bermanfaat dalam meningkatkan hasil belajar siswa, karena mencakup tujuan
kognitif, afektif dan psikomotor. (http://ilmukomputer.com)
Untuk tujuan kognitif, komputer dapat mengajarkan konsep-konsep
aturan, prinsip, langkah-langkah, proses, dan kalkulasi yang kompleks. Komputer
juga dapat menjelaskan konsep tersebut dengan dengan sederhana dengan
penggabungan visual dan audio yang dianimasikan. Sehingga cocok untuk
kegiatan pembelajaran mandiri.
Tujuan Psikomotor dalam pembelajaran lewat komputer adalah dengan
bentuk pembelajaran yang dikemas dalam bentuk games& simulasi sangat bagus
digunakan untuk menciptakan kondisi dunia kerja. Beberapa contoh program
antara lain; simulasi pendaratan pesawat, simulasi perang dalam medan yang
paling berat dan sebagainya.
Sedangkan untuk tujuan efektif adalah bila program didesain secara tepat
dengan memberikan potongan clip suara atau video yang isinya menggugah
24
perasaan, pembelajaran sikap/afektif pun dapat dilakukan mengunakan media
komputer. Contohnya adanya pesan suara pembelajaran yang bisa kita dengar.
Penggunaan aplikasi ini dalam proses pembelajaran tidaklah sulit. Banyak
metode belajar yang bisa digunakan untuk pemakai Program Aplikasi
Macromedia Director dalam proses pembelajaran. Pembalajaran akan terasa lebih
menyenangkan bagi siswa. Guru juga akan terbantu dalam menyampaikan materi
pelajaran, sehingga tujuan pembelajaran tercapai sesuai dengan yang diinginkan.
2.1.10 Alat bantu perancangan sitem informasi
Dalam merancang sebuah sistem informasi maka kita dapat menggunakan
beberapa alat bantu untuk memudahkan dalam perancangan serta memudahkan
untuk mengerti bagaimana sebuah sistem informasi tersebut berjalan, yaitu
sebagai berikut :
2.1.10.1 Aliran sistem informasi
Aliran sistem informasi merupakan bagan alir yang menunjukkan arus dari
program dan formulir termasuk tembusan-tembusan. Juga berguna untuk
menunjukkan urutan dari prosedur - prosedur yang ada pada sistem.Bagan alir
sistem ini digambarkan menggunakan symbol - simbol yang terdapat pada table
2.1berikut :
25
Tabel 2.1
Simbol Aliran Sistem Informasi
Simbol Nama Simbol Keterangan
Dokumen Simbol ini digunakan untuk
menggambarkan semua jenis dokumen,
merupakan formulir yang digunakan untuk
merekam data terjadinya suatu transaksi,
yang menunjukan input dan output baik
untuk proses manual, mekanik, atau
komputer.
Proses Manual Simbol ini digunakan untuk
menggambarkan kegiatan manual atau
pekerjaan yang dilakukan tanpa
menggunakan komputer. Uraian singkat
kegiatan manual dicantumkan didalam
simbol ini.
Proses Simbol ini menggambarkan kegiatan proses
dari pengolahan data dengan komputer
secara online. Uraian singkat tentang
operasi program komputer ditulis di dalam
simbol.
Arsip Simbol ini digunakan untuk
menggambarkan file komputer/non

26
komputer yang disimpan sebagai arsip. Di
dalam simbol ini bisa ditulis huruf F atau
huruf A.
Penghubung Simbol ini digunakan untuk menunjukan
pada halaman hubungan arus proses yang terputus masih
yang sama dalam halaman yang sama. Di dalam simbol
ini dicantumkan nomor sebagai
penghubung.
Penghubung Simbol ini digunakan untuk menunjukan
pada halaman hubungan arus proses yang terputus dengan
yang berbeda sambungannya ada dihalaman yang lain,
sesuai dengan nomor yang tercantum dalam
simbol.
Garis Alir Simbol ini menunjukan aliran/arah dari
proses pengolahan data.
Sumber : http//ratnasaridewi4244files.wordpress.com
2.1.10.2 Data Flow Diagram (DFD)
Data flow diagram adalah gambaran sistem secara logika.
Keuntungan menggunakan Data flow diagram adalah memudahkan
pemakai (end user) yang kurang menguasai bidang komputer untuk
mengerti sistem yang akan dikerjakan.

27
Simbol - simbol yang digunakan pada Data flow diagram dapat dilihat
pada tabel 2 berikut :
Tabel 2.2
Simbol Data Flow Diagram (DFD)
ExternalEntity/Te Kesatuan di lingkungan sistem yang
rminator biasa berupa orang, organisasi atau
sistem lain yang memberikan input
atau menerima output dari luar sistem.
Proses Kegitan yang dilakukan oleh orang,
mesin atau komputer yang berfungsi
untuk mengolah data.
Data Strore Berupa suatu file atau database pada
(Simpanan Data) sistem komputer, arsip atau catatan
manual, kotak tempat data tabel acuan
manual, atau suatu agenda/buku.
Data Flow/Arus Berfungsi untuk menghubungkan
Data proses, simpanan data dan kesatuan
luar.
Sumber : Analisis dan perancangan sistem informasi, Hanif Al Fatta (2007)

28
2.1.10.3 Entity Relationship Diagram (ERD)
Entity Relational Diagram adalah suatu diagram yang menggambarkan
secara sistematis entity relationship yang berisi himpunan entitas dan himpunan
relasi yang masing - masing dilengkapi dengan atribut - atribut yang
menggunakan notasi simbolik.Simbol - simbol yang digunakan pada Entity
Relational Diagram dapat dilihat pada table 3 berikut :
Tabel 2.3
Simbol Entity Relational Diagram (ERD)
Entity Himpunan entitas ini bisa berupa:
suatu elemen lingkungan, sumber
daya, atau transaksi yang begitu
pentingnya bagi perusahaan
sehingga didokumentasikan dengan
data.
Atribut Untuk menunjukan nama-nama
atribut yang ada pada entity. Dan
informasi diambil dari sebuah
entitas.
Primary keyAtribut simbol artibut yang di garis di
bawah berfungsi sebagai key
(kunci) di antara nama-nama atribut

29
yang ada pada suatu entity.
Relationship Digunakan untuk menunjukan
hubungan yang ada antara entity
yang satu dengan entity yang
lainnya.
Link Digunakan sebagai penghubung
antara himpunan relasi dengan
himpunan entitas dan himpunan
entitas dengan atributnya.
Sumber : Analisis dan perancangan sistem informasi, Hanif Al Fatta (2007)
2.1.10.4 Diagram Konteks (CD)

Diagram konteks adalah diagram yang terdiri dari suatu proses dan
menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level
tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari
sistem. Ia akan memberi gambaran tentang keseluruan sistem. Sistem dibatasi
oleh boundary (dapat digambarkan dengan garis putus). Dalam diagram konteks
hanya ada satu proses. Tidak boleh ada store dalam diagram konteks.
30
2.1.10.5 Flowchart
Flowchart merupakan alat bantu yang digunakan untuk menggambarkan
suatu aliran informasi secara fisikal.Simbol - simbol yang digunakan dalam
flowchart dapat dilihat pada table 2.4 berikut :
Tabel 2.4
Simbol-simbol Flowchart
Terminal Point Digunakan untuk menunjukan awal
dan akhir dari suatu proses.
Preparation Simbol persiapan digunakan untuk
memberi nilai awal suatu besaran
atau variabel (harga awal).
Process Simbol proses atau pengolahan
digunakan untuk mewakili suatu
proses.
Predefined Process Simbol proses digunakan untuk
menunjukan suatu operasi yang
rincinya ditunjukan ditempat empat
atau untuk proses yang detilnya
dijelaskan secara terpisah.
Decision Simbol keputusan digunakan untuk
mewakili operasi perbandingan

31
logika atau suatu penyeleksian
kondisi di dalam program.
Input/Output Simbol input/output digunakan
untuk menyatakan dan mewakili
data masukan atau keluaran.
Connector Simbol Penghubung digunakan
untuk menunjukkan sambungan
dari bagan alir yang terputus di
halaman yang masih sama.
Off-page Simbol penghubung halaman lain
Connector digunakan untuk menunjukan
hubungan arus proses yang terputus
dengan sambungannya ada di
halaman yang lain.
Flow Lines Simbol garis alir digunakan untuk
menunjukan aliran atau arus dari
proses.
Sumber : Analisis dan perancangan sistem informasi dengan metodologi
berorientasi objek, Adi Nugroho (2002)

32
2.1.10.6 Storyboard
Storyboard sekarang lebih banyak digunakan untuk membuat kerangka

pembuatan websites dan proyek media interaktif lainnya seperti iklan, film,
pendek, games, media pembelajaran interaktif ketika dalam tahap
perancangan/desain.
Tabel 2.5 Storyboard
Visual Comments Audio

Ini adalah tampilan awal Music
bahan ajar TIK kelas IX SMP pembuka
Kota Padang. Didalamnya VIDEO
berisi video tentang teknologi. Teknologi
Untuk menjalankan program
ke halaman selanjutnya
dengan mengklik tombol
MENU KD
Ket : Visual : Penjelasan letak disein gambar

Comment : Penjelasan langkah-langkah menjalankan program
Audio : Penjelasan music media
33
2.2 Kerangka Konseptual
Untuk melihat arah dari penelitian yang akan dilaksanakan maka dapat
dilihat kerangka konseptual peneliti dibawah ini :
INPUT PROSES OUTPUT
Bahan Ajar Perancangan

Media interaktif
TI&K Bahan Ajar TI&K
menggunakan
Untuk Bahan dengan
program aplikasi
Presentasi Macromedia
Macromedia
Director
Director
Gambar 2.3 Keragka Konseptual
Keterangan gambar 2.3:
1. Input : media untuk memasukkan data dari luar sistem ke dalam suatu
memori dan processor untuk diolah dan menghasilkan informasi yang
diperlukan. Data yang dimasukkan ke dalam sistem komputer dapat
berbentuk signal input dan maintenance input. Signal input berbentuk data
yang dimasukkan ke dalam sistem komputer, sedangkan maintenance input
berbentuk program yang digunakan untuk mengolah data yang dimasukkan.

34
Jadi Input selain digunakan untuk memasukkan data dapat pula digunakan
untuk memasukkan program. Dalam penelitian ini yang dinputkan adalah
bahan ajar TI&K Kelas IX
2. Proses : kegiatan untuk mengolah data yang disertakan informasi data yang
telah masuk pada saat input. Kegiatan proses yang dilakukan adalah
merancang bahan ajar TI&K dengan Aplikasi perangkat lunak Macromedia
Director.
3. Output: (Alat keluaran) Output bisa diartikan sebagai peralatan yang
berfungsi untuk mengeluarkan hasil pemrosesan ataupun pengolahan data
yang berasal dari CPU kedalam suatu media yang dapat dibaca oleh manusia
ataupun dapat digunakan untuk penyimpanan data hasil proses. Jenis dan
media dari output yang dimiliki oleh komputer cukup banyak. Output yang
dihasilkan dari pengolahan data dapat digolongkan ke dalam bentuk tulisan,
gambar, suara dan lain-lain.
.
BAB III
METODOLOGI PENELITIAN
3.1 Jenis Penelitian
Penulis menggunakan jenis penelitian lapangan dan penelitian perpustakaan.
Penelitian lapangan yaitu berupa wawancara langsung dengan beberapa guru
yang ada di SMP N 14 Padang. Penulis juga melakukan observasi langsung
ketempat objek pokok permasalahan yang akan dibahas, yaitu ke beberapa kelas
di SMP N 14 Padang ketika Proses Belajar Mengajar (PBM) berlangsung.
Pada penelitian perpustakaan penulis mendapat bahan-bahan penunjang,
yang penulis dapatkan di perpustakaan, seperti buku panduan bagi penulis dalam
menyelesaikan skripsi dan buku lain yang terkait dalam penulisan skripsi ini.
3.2 Lokasi Penelitian
1. Tempat penelitian dilakukan di SMP N 14 Padang.
2. Waktu pelaksanaan 2 Mei sampai 2 Juni 2016.
3.3 Variabel Penelitian
Variabel penelitian adalah segala sesuatu yang akan menjadi objek
pengamatan dalam penelitian. Sesuai dengan permasalahan yang diteliti maka
variabel penelitian adalah data guru Teknologi Informasi dan Komunikasi (TI&K)
belum menggunakan media interaktif dalam mengajar, yang mana variabel
penelitian tersebut kita peroleh dari guru TIK SMP N 14 Padang.
35
36
3.4 Langkah-Langkah Metoda Penelitian
Untuk memperoleh data dan informasi dalam menyusun skripsi, maka
diperlukan metode dalam pengumpulan data. Adapun metode pengumpulan data
yang digunakan data yang digunakan penulis dalam memperoleh data yaitu :
1. Observasi
Metode pengumpulan data dengan melakukan pengamatan atau datang
langsung ke lokasi penelitian.
2. Studi kepustakaan
Pengumpulan buku buku yang di jadikan sebagai acuan untuk pembuatan
program aplikasi perangkat lunak Macromedia Director.
3. Wawancara
Metode pengumpulan data dengan mengajukan pertanyaan pertanyaan
kepada pihak-pihak yang terkait yang berhubungan dengan kegiatan
penelitian. dalam hal ini penulis mewawancarai beberapa guru Teknologi
Informasi dan Komunikasi (TIK) di SMP N 14 Padang.
3.5 Data Dan Sumber Data
1. Data yang dibutuhkan
Data-data yang peneliti dibutuhkan dalam penelitian ini ada 2 yaitu :
a. Data Primer
Data primer adalah data yang didapat langsung di lapangan yaitu pada
SMP N 14 Padang. Contohnya data guru terutama guru TIK dan data guru
37
yang belum menggunakan media macromedia yang menarik dalam
belajar.
b. Data Sekunder
Data sekunder diperoleh dari buku-buku literatur atau studi kepustakaan
dari SMP N 14 Padang, contohnya buku bahan ajar Teknologi Informasi
dan Komunikasi (TI&K) dan Lembaran Kerja Siswa (LKS).
2. Sumber Data
Sumber data yang peneliti dapatkan berasal dari pengamatan dan
pendataan langsung pada SMP N 14 Padang.

38
3.6 Kerangka Metodologi
Untuk memperjelas arah penelitian ini, dapat dilihat pada gambar kerangka
metodologi berikut ini :

Mulai
Pendahuluan penelitian, Landasan Teori macromedia

wawancara dan pengamatan Director
langsung
Perencanaan/Pleaning
1. Investigasi Awal
2. Studi Kelayakan sistem
Analisa
1. Identifikasi masalah
2. Perumusan masalah
3. Tujuan Penelitian
Desain Fisik / fhisical desain

1. Desain Secara Umun
2. Desain Secara Khusus
Implementasi Sistem
Perawatan
Selesa
i
Gambar 3.1 Kerangka Metodologi

BAB IV
ANALISA DAN DESAIN SISTEM
4.1 Analisa Sistem

4.1.1 Analisa Sistem Informasi Yang sedang berjalan
Aliran sistem informasi yang sedang berjalan pada proses pembelajaran
dengan materi Jaringan Internet pada kelas IX di SMP Negeri 14 Padang sebagai
berikut:
1. Guru mempersiapkan pembelajaran
2. Guru memberikan motivasi tentang pentingnya TIK
3. Siswa menyimak penjelasan guru
4. Guru mengulang materi sebelumnya dan mengaitkan dengan materi baru
6. Guru menjelaskan materi tentang jaringan internet dengan menggunakan
metode ceramah
7. Siswa mendengarkan penjelasan guru
8. Guru memberikan kesempatan bertanya kepada siswa tentang materi yang
dijelaskan
9. Siswa mengajukan pertanyaan
10. Guru memberikan Ujian UH
11. Siswa mengerjakan Ujian UH yang diberikan
12. Siswa mengumpulkan Ujian UH yang dikerjakan
13. Guru menerima dan memeriksa Ujian UH siswa
14. Hasil Ujian UH diserahkan ke siswa, wali kelas, wakil kesiswaan dan
kepala sekolah
15. Kepala sekolah mengesahkan nilai dan dikembalikan ke wakil kurikulum
39
40
Tabel 4.1 Aliran Sistem Informasi dalam Proses belajar Mengajar (PBM)
sebelum menggunakan aplikasi Macromedia Director dalam
Pembelajaran TIK di Kelas IX.
Siswa Guru Mata Wali Kelas Wakil Kepala

Pelajaran Tik Kurikulum Sekolah
Guru
mempersi
apkan
pembelaja
ran
siswa Guru
menyimak memberikan
penjelasan motivasi
guru tentang
pentingnya
Guru mengulang
materi
siswa
sebelumnya dan
menyimak
mengaitkan
penjelasan
dengan materi
guru
baru
Guru
siswa menyampaikan
menyimak tujuan
penjelasan pembelajaran
guru
1
41
Siswa Guru
mendengark menjelaskan
an materi tentang
penjelasan jaringan internet
guru dengan
menggunakan
metode ceramah
Siswa
mengajuka
n
pertanyaan
Guru memberikan
kesempatan
bertanya kepada
siswa tentang
materi yang di
jelaskan
Guru menjawab
pertanyaan
siswa
Siswa
mengerjaka
n Ujian UH
yang guru memberikan
diberikan Ujian UH dalam
guru bentuk tertulis
Siswa Guru menerima

mengumpu dan memeriksa
lkan Ujian Ujian UH siswa
UH yang Hasil Ujian
dikerjakan UH
Hasil Ujian
Hasil Ujian UH Disah
UH kan
Hasil Ujian
Hasil Ujian
UH Hasil Ujian
UH
UH
N N N
42
4.1.2 Analisis Sistem Informasi
Berdasarkan analisis yang dilakukan pada SMP N 14 Padang saat yang
digambarkan dalam sistem informasi yang sedang berjalan terdapat beberapa
kelemahan diantaranya :
1. Proses pelaksanaan Proses Belajar Mengajar (PBM) dilakukan guru
masih menggunakan metode ceramah, sehingga siswa merasa bosan
belajar
2. Siswa kurang termotivasi untuk belajar
3. Guru mengajar menjadi menoton
4. Minat belajar menjadi kurang
4.1.3 Hasil Analisis
Dikarenakan belum adanya media pembelajaran, banyak terjadi
permasalahan-permasalahan yang dihadapi guru dan siswa dalam proses
pembelajaran. Untuk menjawab permasalahan tersebut penulis mencoba membuat
media pembelajaran yang menarik. Yang nantinya dapat menyelesaikan
permasalahan sebagai berikut :
1. Membuat siswa termotivasi untuk belajar diharapkan meningkatkan
hasil belajar
2. Guru dapat mengikuti perkembangan teknologi
3. Guru menjadi bersemangat dalam mengajar.

43
4.1.4 Aliran Sistem Informasi Yang diusulkan
Berdasarkan hasil analisis maka dapat diusulkan pada proses pembelajaran
dengan materi Jaringan Internet pada kelas IX di SMP Negeri 14 Padang
menggunakan media interaktif Macromedia Director sebagai berikut:Guru
mempersiapkan pembelajaran
1. Guru memberikan motivasi tentang pentingnya TIK
3. Guru mengulang materi sebelumnya dan mengaitkan dengan materi baru
5. Guru menjelaskan materi tentang jaringan internet dengan media
interaktif Macromedia Director
6. Siswa mendengarkan penjelasan guru
7. Guru memberikan kesempatan bertanya kepada siswa tentang materi yang
dijelaskan
8. Siswa mengajukan pertanyaan
9. Guru menjawab pertanyaan siswa
10. Guru memberikan Ujian UH
11. Siswa mengerjakan Ujian UH yang diberikan
12. Siswa mengumpulkan Ujian UH yang dikerjakan
13. Guru menerima dan memeriksa Ujian UH siswa
14. Hasil Ujian UH diserahkan ke siswa, wali kelas, wakil kesiswaan dan
kepala sekolah
15. Kepala sekolah mengesahkan nilai dan dikembalikan ke wakil kurikulum

44
Table 4.2 Aliran Sistem Informasi dalam Proses belajar Mengajar (PBM)
sesudah menggunakan aplikasi Macromedia Director dalam
Pembelajaran TIK interaktif di Kelas IX.
Siswa Guru Mata Wali Kelas Wakil Kepala Sekolah

Pelajaran Tik Kesiswaan
Guru
mempersi
apkan
pembelaj
aran
Guru
memberikan
motivasi
tentang
pentingnya
siswa
menyimak
penjelasan
guru
Guru
mengulang
materi
sebelumnya
dan
siswa mengaitkan
menyimak dengan materi
penjelasan
guru
Guru
menyampaiak
an tujuan
pembelajaran
siswa
menyimak
penjelasan
guru
tentang
tujuan Guru
pembelajara menjelaskan
materi
tentang
jaringan
internet
dengan
menggunaka
n media
interaktif
1
45
Siswa
1
mendengarka
n penjelasan
guru
Guru
memberikan
kesempatan
bertanya
kepada siswa
tentang materi
yang di
Siswa jelaskan
mengajukan
pertanyaan
Guru
menjawab
pertanyaan
Siswa
mengerja
kan Ujian guru
UH yang memberikan
diberikan Ujian UH
guru dalam bentuk
Siswa Guru
mengump menerima dan
ulkan memeriksa
Ujian UH Ujian UH Hasil
yang Ujian
dikerjaka UH
Hasil Hasil
Ujian Disahka
Ujian
UH n
Hasil UH
Hasil
Ujian Hasil
Ujian
UH Ujian
UH
UH
N N N
46
4.2 Desain Sistem
Desain sistem adalah sebuah proses menerjemahkan kebutuhan pemakai
informasi ke dalam alternatif rancangan sistem informasi. Desain sistem
dilakukan berdasarkan informasi yang didapatkan oleh analisis sistem. Desain
system yang dirancang dan diusulkan berupa;
4.2.1 Flowchart
Flowchart digunakan untuk mengambarkan proses-proses produksi
sehingga mudah dipahami dan mudah dilihat berdasarkan urutan langkah dari
suatu proses ke proses lainnya. Menyederhanakan rangkaian proses atau
procedure untuk memudahkan pemahaman pengguna terhadap informasi tersebut.
Flowchart pada Disein Sistem Cara Menjalankan Media Pembelajaran bisa dilihat
pada gambar 4.3

47
Disein Sistem Cara Menjalankan Media Pembelajaran

Nama Program Cd : Pembelajaran Interaktif TIK SMP Kelas IX
Desain produk : Fatma Winata
Materi Pokok : Semester 1
KD 2. Memahami dasar-dasar sistem jaringan di Internet / Intranet
Software : Macromedia Director Mx 2004
Flowchart skematik
Start
Menu
KD 2 Materi
Semester 1
Tidak
Pilihan
Ya
Materi 1. Materi 5.
Pengertian Materi 2. Tipe Materi 3. Materi 4. Komunikasi
jarinagan jarinagan Perangkat Topologi jaringan dan
internet komputer jaringan keamanan
komputer data
Evaluasi
tidak
ya
Skor
Tidak tuntas Pilih
an
Tuntas
Close
gambar 4.3 Flowchart Media Pembelajaran Menggunakan Macromedia Director

48
4.2.2 Context Diagram
Guru
siswa
Siswa mengikuti Siswa melihat, Guru Menyajikan Pembelajaran

menyimak Tampilan menggunakan Media Interaktif
ujian UH Tertulis
Media Interaktif Macromedia Director dan
memberikan ujian UH Tertulis
Macromedia Director
Guru memeriksa Nilai
UH Tertulis siswa
SISTEM INFORMASI
MEDIA INTERAKTIF Guru memberikan
MACROMEDIA Nilai UH
DIRECTOR
Pengesahan Hasil
Nilai UH Lap.Hasil Nilai
Lap.Hasil Nilai
Lap.Hasil Nilai UH
UH
UH
Wali Kelas Wakil Kurikulum Kepala Sekolah
Gambar 4.4 Context Diagram
4.2.3 Storyboard
Storyboard sekarang lebih banyak digunakan untuk membuat kerangka
pembuatan websites dan proyek media interaktif lainnya seperti iklan, film,
pendek, games, media pembelajaran interaktif ketika dalam tahap
perancangan/desain.
Storyboard pembuatan media interaktif menggunakan Macomedia
Director bisa dilihat pada gambar 4.4

49
Tabel 4.3 Storyboard
Nama Program : Cd Pembelajaran Interaktif TIK SMP Kelas IX

Objek Pengguna : Guru TIK
Desain Produk : Fatma Winata
Software : Macromedia Mx 2004
Visual Comments Audio

Ini adalah tampilan awal bahan Music
ajar TIK kelas IX SMP Kota pembuka
Padang. Didalamnya berisi video VIDEO
Teknologi
tentang teknologi. Untuk
menjalankan program ke halaman
selanjutnya dengan mengklik
tombol MENU KD
Pada tampilan ini berisi menu Music

KD dan evaluasi. pilihan instrument
melanjutkan materi mengklik
tombol KD yang diinginkan,
tombol HOME untuk kembali
ke tampilan awal
50
Pada tampilan ini

berisi Music
petunjuk menggunakan media instrument
cd interaktif, yang didalamnya
berisi keterangan kegunaan
simbol dan cara pemakaiannya.
Untuk kembali ke MENU KD
mengklik simbol MENU KD
Ini merupakan tampilan yang Music

berisi Pembuat CD instrument
INTERAKTIF, untuk
melanjutkan ke MENU KD
mengklik MENU KD.
Ini merupakan tampilan berisi Music

materi Semester 1 pada KD 1.2. instrument
yaitu: memahami dasar-dasar
sistem jaringan dinternet dan
intranet. Untuk melanjutkan
mengklik tombol materi yang
diinginkan berisi penjelasan
materi, dan untuk kembali
kehalaman sebelumnya
mengklik tombol MENU KD
51
Ini merupakan tampilan berisi

materi tentang Tipe jaringan
Komputer untuk melanjutkan
materi mengklik tombol
PANAH KEKANAN, kembali
mengklik tombol MENU

materi tentang Perangkat instrument
jaringan Komputer untuk
melanjutkan materi mengklik
tombol PANAH KEKANAN,
kembali kehalaman sebelumnya

materi tentang Topologi instrument
Jaringan untuk melanjutkan
materi mengklik tombol
KEUNTUNGAN DAN
KERUGIAN, kembali
52
Di tampilan ini merupakan Music

kelanjutan materi Topologi instrument
Jaringan, untuk melanjutkan
materi selanjutnya mengklik
tombol panah ke KANAN, dan
kembali kemenu mengklik
tombol MENU
Di tampilan ini merupakan Music

kelanjutan materi Komunikasi instrument
Data Dan Keamanan Data,
untuk melanjutkan materi
selanjutnya mengklik tombol
panah ke KANAN, dan
tombol MENU
Ini merupakan tampilan Music Quis

Evaluasi semester 1 KD 1.2.
yaitu: memahami dasar-dasar
sistem jaringan dinternet dan
intranet. Untuk melanjutkan ke
soal latihan mengklik tombol
NEXT
53
Ini merupakan tampilan soal Music

latihan terdiri dari 5 soal, untuk instrument
melanjutkan mengklik jawaban
yang benar dari salah satu
option A,B,C dan D
Ini merupakan kelanjutan Music

tampilan soal latihan, untuk instrument
melanjutkan ke nomor
selanjutnya mengklik jawaban
yang benar dari salah satu
option A,B,C dan D
54
Ini merupakan tampilan scor Music Quis

soal latihan materi Semester 1
pada KD 1.2. yaitu: memahami
dasar-dasar sistem jaringan
dinternet dan intranet. Untuk
melanjutkan kembali latihan
mengklik tombol ULANGI,
tombol MENU dan untuk
melihat kunci jawaban
mengklik tombol KUNCI
JAWABAN
Ini adalah tampilan kunci Music

jawaban Evaluasi dari materi instrument
Semester 1 pada KD 1.2. yaitu:
memahami dasar-dasar sistem
jaringan dinternet dan intranet.
Untuk kembali ke menu
Ini adalah tampilan kunci Music

jawaban Evaluasi materi instrument
Semester 2 dari KD 1.3.
Mengunakan internet untuk
mengolah informasi. Untuk
kembali ke menu mengklik
tombol MENU dan penutup
mengklik tombol panah KE
KANAN
55
Ini adalah tampilan penutup Music

dari cd interaktif , untuk Instrument
kembali kehalaman sebelumnya penutup
mengklik tombol PANAH KE
KIRI, dan untuk kembali ke
tampilan awal mengklik tombol
HOME
Gambar 4.4 Storyboard Media Interaktif Macromedia Director pada mata

pelajaran TIK kelas 9
BAB V
IMPLEMENTASI SISTEM
5.1 Implementasi Sistem
Tahap Implementasi merupakan tahap akhir dalam menggambarkan sistem,
yaitu meletakkan sistem agar siap dioperasikan. Implementasi berguna untuk
mempermudah penerapan sistem yang disiapkan pada penyajian informasi sesuai
dengan prosedure yang telah direncanakan.
Sebelum program diterapkan, program harus bebas terlebih dahulu dari
kesalahan-kesalahan yang akan terjadi. Program ini di uji dari tiap KD
(Kompetensi Dasar) ke KD (Kompetensi Dasar) yang lain sesuai dengan urutan
sampai program multimedia ini bisa berjalan dengan baik. Urutannya adalah
sebagai berikut:
1. Menu Utama
Pada bagian ini merupakan tampilan pembuka berfungsi
menjalankan program. Untuk masuk ke tampilan menu KD, mengkilk
tombol menu KD seperti gambar 5.1
Gambar 5.1 Bentuk Tampilan Utama
56
57
2. Setelah masuk ke tampilan menu KD, Menu KD berisi semua tombol
KD, mulai KD 1 sampai KD 4 di semester 1. Begitu juga dengan KD 1
sampai KD 3 di semester 2. Selain itu juga ada tombol untuk melihat
petunjuk menggunakan media, tombol Penyusun media, dan Home untuk
kembali ke menu utama. Bisa dilihat di gambar 5.2
Gambar 5.2 Bentuk tampilan Menu KD
3. Mengklik menu KD 1. Maka akan muncul tampilan seperti gambar 5.3
Gambar 5.3 Bentuk tampilan KD 1.1 Menjelaskan Pengertian Dasar

Internet dan Intranet
4. Mengkilik Evaluasi pada KD 1.1, bisa dilihat pada gambar 5.4

58
Gambar 5.4 Bentuk tampilan KD 1.1
5. Mengklik tombol Next untuk memulai Evaluasi, bisa dilihat pada gambar
5.5
Gambar 5.5 Bentuk Tampilan memulai Evaluasi
6. Memilih option yang ada A, B, C, dan D untuk melanjutkan progam, bisa

dilihat di gambar 5.6
Gambar 5.6 Bentuk tampilan soal evaluasi yang pertama
7. Klik option yang diinginkan dari soal yang kedua, bisa dilihat pada gambar
5.7
59
Gambar 5.7 Bentuk tampilan soal evaluasi soal kedua
8. Klik option yang diinginkan dari soal yang ketiga, bisa dilihat pada
gambar 5.8
Gambar 5.8 Bentuk tampilan soal evaluasi soal ketiga
9. Klik option yang diinginkan dari soal yang keempat, bisa dilihat pada
gambar 5.9
Gambar 5.9 Bentuk tampilan soal evaluasi soal ke empat
10. Klik option yang diinginkan dari soal yang kelima, bisa dilihat pada
gambar 5.10
60
Gambar 5.10 Bentuk tampilan soal evaluasi soal ke lima
11. Klik tombol ulangi kalau ingin mengulang evaluasi, klik tombol kunci
jawaban untuk melihat kunci jawaban dan klik menu untuk kembali
kemenu KD, bisa di lihat pada gambar 5.11, gambar 5.12 dan gambar
5.13
Gambar 5.11 Bentuk tampilan soal evaluasi yang pertama yang di ulang

61
Gambar 5.13 Bentuk Tampilan kunci jawaban untuk evaluasi KD 1.1
12. Klik tombol internet pada tampilan KD 1.1, bisa dilihat pada gamabar
5.14
Gambar 5.14 Bentuk tampilan materi tentang pengertian internet
13. Klik tombol panah untuk lanjut ketampilan materi selanjutnya, bisa di
lihat pada gambar 5.15
Gambar 5.15 Bentuk tampilan materi tentang dampak positif internet

62
14. Klik tombol panah kekiri untuk kembali ke tampilan halaman se

belumnya, klik home untuk kembali ke tampilan program menu utama
pembuka program, dan klik tanda panah ke kanan untuk melanjutkan ke
tampilan materi selanjutnya. Bisa dilihat pada gambar 5.16
Gambar 5.16 Bentuk tampilan materi dampak negatifnya internet
15. Klik tombol panah kanan untuk kemateri selanjutnya, bisa dilihat pada
gambar 5.17
Gambar 5.17 Bentuk Tampilan Materi Pengertian Intranet
gambar 5.18
Gambar 5.18 Bentuk tampilan materi dampak positif pengunaan intranet
gambar 5.19
63
Gambar 5.19 Bentuk tampilan materi tentang dampak negative intranet
18. Klik tombol panah kiri untuk kembali ke halaman sebelumnya, bisa
dilihat pada gambar 5.20 dan klik tombol home untuk halaman menu KD
Gambar 5.20 Bentuk tampilan menu KD
19. Klik tombol sejarah internet, maka muncul tampilan materi sejarah
internet, bisa dilihat pada gambar 5.21
Gambar 5.21 Bentuk tampilan materi sejarah internet
20. Klik tombol tanda panah ke kanan untuk lanjut ke materi selanjutnya.
Bisa di lihat pada gambar 5.22
64
Gambar 5.22 Bentuk tampilan kelanjutan materi sejarah internet
21. Klik tombol panah ke kiri untuk kembali ke materi sebelumnya, klik
tombol menu untuk kembali ke menu KD, selanjutnya klik tombol
aplikasi internet untuk melihat tampilan materi aplikasi internet, bisa di
dilihat pada gambar 5.23
Gambar 5.23 Bentuk tampilan materi tentang aplikasi internet
22. Klik tombol panah pilihan materi, contohnya materi 1 word wide
web(www), Maka akan muncul materi word wide web(www). Bisa
65
Gambar 5.24 Bentuk tampilan materi aplikasi internet word wide

web(www)
23. Klik tombol menu aplikasi untuk kembali ke materi aplikasi internet, klik
tombol tanda panah elektronik mail. Bisa dilihat pada gambar 5.25
Gambar 5.25 Bentuk tampilan materi aplikasi internet Elektronik Mail
tombol tanda panah Mailing List(milis). Bisa dilihat pada gambar 5.26
Gambar 5.26 Bentuk tampilan aplikasi internet Mailing List(Milis)

66
tombol tanda panah News Group. Bisa dilihat pada gambar 5.27
Gambar 5.27 Bentuk tampilan aplikasi internet News Group
tombol tanda panah Internet Relay chat (IRC). Bisa dilihat pada gambar
5.28
Gambar 5. 28 Bentuk tampilan aplikasi Internet Relay chat (IRC)
tombol tanda panah File transfer Protokol(FTP). Bisa dilihat pada gambar
5.29
Gambar 5.29 Bentuk tampilan aplikasi File Transfer Protokol (FTP)

67
tombol tanda panah Gopher Bisa dilihat pada gambar 5.30
Gambar 5. 30 Bentuk tampilan aplikasi internet Gopher
tombol tanda panah Ping (Paket Internet Gopher) Bisa dilihat pada
gambar 5.31
Gambar 5.31 : Bentuk tampilan aplikasi Ping
tombol tanda panah Ping (Paket Internet Gopher). Bisa dilihat pada
gambar 5.32
Gambar 5.32 Bentuk tampilan aplikasi Voip

68
31. Klik menu aplikasi, klik menu dan klik tombol manfaat penggunaan
internet.untuk melihat materi dampak positif dan negatif dari penggunaan
internet. Bisa dilihat pada gambar 5. 33
Gambar 5.33 Bentuk tampilan materi dampak positif dan negatif dari
penggunaan internet.
32. Klik tombol menu untuk kembali ke tampilan menu, klik tombol panah ke
kanan untuk melanjutkan materi selanjutnya keuntungan internet bagi
konsumen dan produsen (e-commerce), bisa di lihat pada gambar 5.34
Gambar 5.34 Bentuk tampilan materi keuntungan internet bagi konsumen

dan produsen (e-commerce)
33. Klik tombol panah ke kiri untuk kembali ke tampilan sebelumnya. Klik
tombol menu untuk kembali ke tampilan menu dan klik panah ke kanan
untuk melanjutkan ke materi selanjutnya internet Banking bagi bank dan
bagi nasabah. Bisa dilihat pada gambar 5.35
69
Gambar 5.35Bentuk tampilan materi internet Banking bagi bank dan bagi
nasabah.
untuk melanjutkan ke materi selanjutnya bidang pemerintahan dan bidang
sosial. Bisa dilihat pada gambar 5.36
Gambar 5.36 Bentuk tampilan materi bidang pemerintahan dan bidang social
untuk melanjutkan ke materi selanjutnya bidang keagamaan dan bidang
bersosialisasi. Bisa dilihat pada gambar 5.37
Gambar 5.37 Bentuk tampilan materi bidang keagamaan dan bidang

bersosialisasi
70
untuk melanjutkan ke materi selanjutnya bidang hiburan dan bidang

pendidikan. Bisa dilihat pada gambar 5.38
Gambar 5.38 Bentuk tampilan materi bidang hiburan dan bidang

pendidikan.
37. Klik tombol panah kekiri, dan klik tombol menu untuk kembali ke menu
KD. Klik tombol menu KD untuk kembali ke menu utama. Klik KD 2
untuk materi KD 1.2 Memahami dasar-dasar jaringan di internet/ intranet,
bisa dilihat di gambar 5.39
Gambar 5.39 Bentuk tampilan Menu KD Memahami dasar-dasar jaringan

di internet/ intranet
38. Klik tombol evaluasi, klik tombol Next untuk memulai Evaluasi, bisa
71
Gambar 5. 40 Bentuk tampilan memulai Evaluasi
39. Memilih option yang ada A, B, C, dan D untuk melanjutkan progam, bisa
dilihat di gambar 5.41
Gambar 5.41 Bentuk tampilan soal evaluasi yang pertama
40. Klik option yang diinginkan dari soal yang kedua, bisa dilihat pada
gambar 5.42
5.42 Bentuk tampilan soal evaluasi yang kedua

72
41. Klik option yang diinginkan dari soal yang ketiga, bisa dilihat pada
gambar 5.43
Gambar 5.43 Bentuk tampilan soal evaluasi yang ketiga
42. Klik option yang diinginkan dari soal yang keempat, bisa dilihat pada
gambar 5.44
Gambar 5.44 Bentuk tampilan soal evaluasi yang keempat
43. Klik option yang diinginkan dari soal yang kelima, bisa dilihat pada
gambar 5.45
Gambar 5.45 Bentuk tampilan soal evaluasi yang kelima

73
44. Klik tombol ulangi kalau ingin mengulang evaluasi, klik tombol kunci
jawaban untuk melihat kunci jawaban dan klik menu untuk kembali
kemenu KD, bisa di lihat pada gambar 5.46, gambar 5.47 dan gambar
5.48
Gambar 5.46 Bentuk tampilan soal evaluasi yang pertama yang di ulang
Gambar 5.48 Bentuk Tampilan kunci jawaban untuk evaluasi KD 1.2

74
45. Klik tombol jaringan internet. Bisa dilihat pada tampilan gambar 5.49
Gambar 5.49. Bentuk tampilan materi Pengertian jaringan Internet
46. Klik tombol panah ke kanan, untuk melanjutkan kemateri selanjutnya

manfaat jaringan internet. Bisa dilihat pada gambar 5.50
Gambar 5.50 Bentuk tampilan materi manfaat jaringan Internet
47. Klik tombol panah ke kiri untuk kembali ke halaman sebelumnya. Klik
tombol menu untuk kembali ke munu KD, bisa dilihat pada gambar 5.51
Gambar 5.51 Bentuk tampilan materi tipe jaringan computer

75
48. Klik tombol panah ke kanan untuk lanjut ke materi selanjutnya jangkauan
wilayah cangkupan aksesnya. Klik menu untuk kembali ke menu KD.
Bisa dilihat pada gambar 5.52
Gambar 5.52 Bentuk tampilan materi jangkauan wilayah cangkupan

aksesnya
tombol kanan untuk lanjut ke materi selanjutnya LAN(Lokal Area
Network). Klik menu untuk kembali ke menu KD. Bisa dilihat pada
gambar 5.53
Gambar 5.53 Bentuk tampilan materi LAN(Lokal Area Network).
tombol kanan untuk lanjut ke materi selanjutnya MAN(Metropolitan Area
Network). Klik menu untuk kembali ke menu KD. Bisa dilihat pada
gambar 5.54
76
Gambar 5.54 Bentuk tampilan materi MAN (Metropolitan Area

Network).
tombol kanan untuk lanjut ke materi selanjutnya WAN(Wide Area
Network) dan Internet. Klik menu untuk kembali ke menu KD. Bisa
Gambar 5.55 Bentuk tampilan materi WAN (Wide Area Network) dan
Internet.
tombol kanan untuk lanjut ke materi selanjutnya jenis jaringan computer
berdasarkan fungsinya. Klik menu untuk kembali ke menu KD. Bisa
77
Gambar 5.56 Bentuk tampilan materi jenis jaringan computer berdasarkan

fungsinya
tombol kanan untuk lanjut ke materi selanjutnya peer to peer Klik menu
untuk kembali ke menu KD. Bisa dilihat pada gambar 5.57
Gambar 5.57 Bentuk tampilan materi peer to peer
54. Klik tombol panah kiri untuk kembali ke tampilan sebelumnya. Klik
tombol menu untuk kembali ke menu KD. Klik tombol perangkat jaringan
computer. bisa dilihat pada gambar 5.58
78
Gambar 5.58 Bentuk tampilan Menu KD materi perangkat jaringan

internet
55. Klik panah ke kiri untuk melanjutkan materi selanjutnya, bisa dilihat pada
gambar 5.59
Gambar 5.59 Bentuk tampilan materi perangkat jaringan computer

(server)
56. Klik tombol menu untuk kembali ke menu KD, klik tombol panah ke
kanan untuk melanjutkan ke materi selanjutnya. Bisa di lihat pada gambar
5.60
Gambar 5.60 Bentuk tampilan materi perangkat jaringan internet (client)

79
57. Klik tombol panah ke kiri untuk kembali ke tampilan sebelumnya, klik
tombol menu untuk kembali ke menu KD, dan klik tombol panah ke
kanan untuk melanjutkan ke materi se lanjutnya.Bisa dilihat pada gambar
5.61
Gambar 5.61 Bentuk tampilan materi perangkat jaringan internet (Hub

dan Kartu jaringan)
kanan untuk melanjutkan ke materi selanjutnya.Bisa dilihat pada gambar
5.62
Gambar 5.62 Bentuk tampilan materi perangkat jaringan internet (Kabel

dan Konektor)
5.63
80
Gambar 5.63 Bentuk tampilan materi perangkat jaringan internet

(Repeater dan Bridge)
5.64
Gambar 5.64 Bentuk tampilan materi perangkat jaringan internet (Router)
61. Klik tombol topologi jaringan pada Menu KD, klik tombol keuntungan
dan kerugian untuk melihat tampilan materi keuntungan dan kerugian
Topologi Star (Bintang), bisa dilihat pada gambar 5.65
81
Gambar 5.65 Bentuk tampilan materi Topologi Star (Bintang)
kanan untuk melanjutkan ke materi selanjutnya, bisa dilihat pada gambar
5.66
Gambar 5.66 Bentuk tampilan materi kelebihan dan kekurangan Topologi

Star (Bintang)
kanan untuk melanjutkan ke materi selanjutnya, klik keuntungan dan
kerugian Topologi Ring (Bintang). Bisa dilihat pada gambar 5.67
Gambar 5.67 Bentuk tampilan materi Topologi Ring (Cincin)

82
64. Klik tombol Menu untuk kembali ke menu KD, klik tombol panah ke
kanan untuk lanjut ke materi selanjutnya. Bisa dilihat pada gambar 5.68
Gambar 5.68 Bentuk tampilan materi kerugian dan keuntungan topologi

cincin.
65. Klik tombol Menu untuk kembali ke menu KD, klik tombol panah ke
kanan untuk lanjut ke materi selanjutnya. Bisa dilihat pada gambar 5.69
Gambar 5.69 Bentuk tampilan materi Topologi Bus
66. Klik tombol keuntungan dan kerugian untuk melihat materi keuntungan
dan kerugian Topologi Bus, bisa dilihat pada gambar 5.70
83
Gambar 5.70 Bentuk tampilan materi Kerugian Topologi Bus
67. Klik tombol panah kekiri untuk kembali ke tampilan sebelumnya, klik
tombol menu untuk kembali ke menu KD, klik tombol panah ke kanan
untuk melanjutkan ke materi selanjutnya. Bisa dilihat pada gambar 5.71
Gambar 5.71 Bentuk tampilan materi Topologi Tree (Pohon)
68. Klik tombol panah kekiri untuk kembali ke tampilan sebelumnya, klik
tombol menu untuk kembali ke menu KD, klik tombol panah ke kanan
untuk melanjutkan ke materi selanjutnya. Bisa dilihat pada gambar 5.72
84
Gambar 5.72 Bentuk tampilan materi Topologi Peer to peer Network
tombol Menu untuk kembali ke menu KD, bisa dilihat pada gambar 5.73
Gambar 5.73 Bentuk tampilan materi komunikasi dan keamanan data

dalam jaringan.
70. Klik tombol kiri untuk kembali ke tampilan sebelumnya, klik tombol
menu untuk kembali ke menu KD, klik tombol panah ke kanan untuk
melanjutkan ke materi selanjutnya, bisa dilihat pada gambar 5.74
Gambar 5.74 Bentuk Tampilan materi Lapisan Protokol jaringan.
71. Klik tombol kiri untuk kembali ketampilan sebelumnya, klik tombol
85
Gambar 5.75 Bentuk tampilan materi kelanjutan Lapisan Protokol
Gambar 5.76 Bentuk tampilan materi keamanan data dalam jaringan
Gambar 5.77 Bentuk tampilan materi aktivitas jaringan computer

86
Gambar 5.78 Bentuk tampilan materi Metode Hacker dan Cracker
Gambar 5.79 Bentuk tampilan lanjutan materi Metode Hacker dan

Cracker
Gambar 5.80 Bentuk tampilan materi Teknik Keamanan Data

87
Gambar 5.81 Bentuk tampilan materi lanjutan Teknik Keamanan Data
Gambar 5.82 Bentuk tampilan materi lanjutan Teknik Keamanan Data
79. Klik tombol panah kekiri untuk kembali ketampilan sebelumnya, klik
tombol menu untuk kembali ke menu KD, dan klik menu KD untuk
kembali ke menu utama. Kemudian klik tombol petunjuk menggunakan
media. Bisa dilihat pada tampilan gambar 5.83
88
Gambar 5.83 Bentuk tampilan Petunjuk menggunakan media.
80. Klik Menu KD untuk kembali ke menu utama, klik tombol Penyusun
media, bisa dilhat pada gambar 5.84
Gambar 5.84 Bentuk Tampilan Pembuat media
81. Selanjutnya jalankan program tersebut dari KD (Kompetensi Dasar) ke

KD (Kompetensi Dasar) lainnya. Sesuai dengan kebutuhan yang
diinginkan.
BAB VI
PENUTUP
6.1 Kesimpulan
Berdasarkan hasil penelitian yang didapat pada SMP Negeri 14 Padang
tentang Pemakaian media Macromedia Director, maka dapat diambil kesimpulan
sebagai berikut :
1. Pemakaian Media Macromedia Director diharapkan dapat mengatasi
masalah dalam proses pembelajaran Teknologi Informasi dan Komunikasi
(TIK) di SMP Negeri 14 Padang.
2. Media pembelajaran yang dirancang untuk pembelajaran Teknologi
Informasi dan Komunikasi (TIK) di SMP Negeri 14 Padang menggunakan
aplikasi perangkat lunak Macromedia Director
6.2 Saran
Dari hasil penelitian yang dilakukan secara langsung pada SMP Negeri 14
Padang, maka penulis mengajukan saran yang mungkin bermanfaat untuk
kemajuan pendidikan di SMP Negeri 14 Padang dimasa mendatang, yaitu :
1. SMP Negeri 14 Padang diharapkan guru menggunakan media pembelajaran
media Macromedia Director sehingga pembelajaran menjadi menarik bagi
siswa
89
90
2. SMP Negeri 14 Padang diharapkan selain dari guru Informasi dan
Komunikasi (TIK) bisa menggunakan dan membuat sendiri Media
Pembelajaran yang menarik menggunakan Macromedia Director.

91
DAFTAR KEPUSTAKAAN
Arifaskhaf, 2014, Pengenalan Macromedia Director (online)

https:// arifashkaf.wordpress.com. di akses pada 19 Desember 2015
Chandra, 2005, 7 Jam Belajar Director MX 2004 Untuk Orang Awam,

Palembang: Maxikom
Faturrahman farid, 2012, Pengertian Multimedia Interaktif (online)

www.multimedia_interaktif.com. di akses pada 19 Desember 2015
Hendi hendratman, 2006. the megic of macromedia director. Bandung:

Informatika Bandung
Mairezafatma, 2013, Pengantar Teknologi Informasi (online)

http://www.fatmamaireza.blogspot.co.id. di akses pada 19 desember
2015
Nana sudjana, 2009, Dasar-Dasar Proses Pembelajaran, Bandung : Sinar Baru
Algesindo
Nofriadiman dkk, 2014, Penulisan Dan Ujian Skripsi, STTIND PADANG
Sutarman, 2012, Pengantar Teknologi Informasi, Jakarta: Bumi Aksara
Tata Sutabri, 2012, Konsep Sistem Informasi, Yogyakarta:Andi
Walid Miftahul, 2010, Pengertian Teknologi Informasi dan Komunikasi (online)

https:// tatametal.wordpress.com. ( di akses pada 19 Desember 2015)
https://blog-definisi.blogspot.co.id/2015/08/pengertian-dan-definisi-aplikasi.html
(diakses pada 19 Desember 2015)
92
LAMPIRAN FOTO
93
94
LISTING PROGRAM
Script untuk materi Pengertian Jaringan Internet
on mouseenter
sprite(the currentspritenum).blend=100
puppetsound 3, "confirm"
end
on mouseleave
end
on mouseup me
go to 354
end
Script untuk materi Tipe Jaringan Internet

on mouseenter
end
on mouseleave
end
on mouseup me
go to 378
end
Script untuk materi Perangkat Jaringan Internet

on mouseenter
end
on mouseleave
end
on mouseup me
go to 466
end
95
Script untuk materi Topologi Jaringan Internet
on mouseenter
end
on mouseleave
end
on mouseup me
go to 540
end
Script untuk materi Komunikasi Dan Keamanan Data
end
on mouseleave
end
on mouseup me
go to 641
end
Script untuk Evaluasi
end
on mouseleave
end
on mouseup me
go tO 1546
end
96
Script untuk Evaluasi next
on mouseenter
end
on mouseleave
end
on mouseup me
go to 1556
end
Script Evaluasi untuk pilihan yang optionnya benar
global betul
on mouseUp me
betul=betul+20
go to next
end
Script Evaluasi untuk pilihan yang optionnya salah
global salah
on mouseUp me
salah=salah+0
go to next
end
Script Evaluasi untuk mengulangi evaluasi
on mouseenter
end
on mouseleave
end
on mouseup me
go to 1545
end
97
Script Evaluasi untuk kunci jawaban
on mouseenter
end
on mouseleave
end
on mouseup me
go to 1618
end
Script Evaluasi untuk kembali ke menu
on mouseenter
end
on mouseleave
end
on mouseup me
go to 341
end
Script untuk kembali ke menu KD
on mouseenter
end
on mouseleave
end
on mouseup me
go to 12
end
98
Script untuk Home kembali ke Halaman Pembuka
on mouseenter
end
on mouseleave
end
on mouseup me
go 1
end
99
100
101
102
103
104
LEMBARAN KONSULTASI
Nama : FATMA WINATA
NPM : 1210024262015
Program Studi : Sistem Informasi
Judul Skripsi : “APLIKASI PEMBELAJARAN TIK

INTERAKTIF KELAS IX MENGGUNAKAN
MACROMEDIA DIRECTOR (STUDI KASUS
SMP NEGERI 14 PADANG)”
NO TANGGAL SARAN /PERBAIKAN PARAF
1. 10 Desember 2015 1. Perbaiki perhalaman yang ditandai.
2. Fokuskan isi latar belakang serta
sesuaikan dengan identifikasi
masalah dan yang lainnya.
3. Teoritis harus ada sumber di
kepustakaan.
4. Cetak miring ejaan bahasa asing.
5. Buat kerangka konsentual.
6. Tambahkan teoritis
2. 14 Januari 2016 1. Perbaiki spasi penulisan
2. Perbaiki kerangka konseptual: input,
proses, dan output
3. 24 Januari 2016 1. Perbaiki cetak miring semua ejaan
bahasa inggris
2. Perbaiki cover tambahkan studi kasus

105
pada judul
4. 5 Juli 2016 1. Memperbaiki Bab IV Penutup
5 22 Juli 2016 1. Memperbaiki Kata Pengantar
6 30 Juli 2016 1. Memperbaiki Cover
2. Memperbaiki tentang Kerangka
Konseptual di BAB II
7 22 September 1. Perbaikan BAB-BAB yang ditandai
2016 dan kedua penguji
2. Periksa metoda penulisan untuk kata-
kata asing di cetak miring
3. Pustaka
8 14 Januari 2017 1. Memperbaiki penulisan Bahasa
Inggris cetak miring
2. Memperbaiki ASI
3. Memperbaiki Contex Diagram
9 10 Februari 2017 1. Membuat abstrak
2. Memperbaiki kata pengantar
3. Memperbaiki daftar isi
10 10 Maret 2017 1. Tambahkan kelengkapan yang lain
2. Bukti pengambilan data
3. Lembaran konsultasi
4. Biodata wisuda
5. Surat pernyataan bermatrai yang

106
ditanda tangani
6. Abstrak
11 25 Maret 2017 1. Perbaikan kata pengantar
2. Perbaikan daftar isi
3. Perbaikan daftar gambar
4. Perbaikan daftar tabel
5. Perbaikan halaman persetujuan
skripsi
6. Perbaikan listing program
7. Perbaikan lampiran foto
Padang, Maret 2017

Pembimbing I
Nofriadiman, ST, M.Kom

NIDN.1030117901
107
BIODATA WISUDAWAN/TI
No urut : -
Nama : FATMA WINATA
Jenis Kelamin : Laki-laki
Tempat / Tanggal Lahir : Talang Babungo, 8-Februari-1982
NPM : 1210024262015
Program Studi : Sistem Informasi
Tanggal Lulus : 4 Januari 2017
IPK : 3,21
Predikat Lulus : Memuaskan
Judul Skripsi : Aplikasi Pembelajaran TIK Interaktif

Kelas IX Menggunakan Macromedia
Director (Studi Kasus SMP Negeri 14
Padang)
Dosen Pembimbing : 1. Nofriadiman, ST,M.Kom

2. Elmawati, M.Kom
Asal SMTA : SMA 1 Lembah Gumanti
Nama Orang Tua : Adrial
Alamat / Tlp / Hp : Kel. Cupak Tangah RT 01 RW.02 NO 35

Kec.Pauh Padang 25162
Tlp : (0751) 778495
Hp : 082283164249

Aplikasi Pembelajaran Tik Interaktif Kelas Ix Menggunakan Macromedia Director (Studi Kasus SMP Negeri 14 Padang)

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Aplikasi Pembelajaran Tik Interaktif Kelas Ix Menggunakan Macromedia Director (Studi Kasus SMP Negeri 14 Padang)

Diunggah oleh

Hak Cipta:

Format Tersedia

1

APLIKASI PEMBELAJARAN TIK INTERAKTIF KELAS IX

Untuk memenuhi sebagai persyaratan

PROGRAM STUDI SISTEM INFORMASI

HALAMAN PERSETUJUAN SKRIPSI

Judul Skripsi : Aplikasi Pembelajaran Tik Interaktif Kelas IX

Padang, 4 Januari 2017

Pembimbing I, Pembimbing II,

Nofriadiman, ST, M.Kom Elmawati, M.Kom

Ketua Program Studi Plt Ketua STTIND

Veni Wedyawati, M.Kom Tri Ernita, ST, MP

APLIKASI PEMBELAJARAN TIK INTERAKTIF KELAS IX

Nama : Fatma Winata

Kata kunci : Media, Macromedia Director, Pembelajaran, Interaktif

ICT INTERACTIVE LEARNING APPLICATIONS USING

Name : Fatma Winata

The problem in this research, on the learning process of teachers less

Keywords: Media, Macromedia Director, learning, Interactive

Puji syukur penulis ucapkan kehadirat Allah SWT, yang telah

melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyusun skripsi

ini yang berjudul “Aplikasi Pembelajaran TIK Interatif kelas 9

Menggunakan Macromedia Director Study kasus SMPN 14 Padang”

Informasi pada Sekolah Tinggi Teknologi Industri Padang (STTIND).

Dalam penyusunan skripsi ini, penulis mendapat bantuan dan dukungan

penulis ingin mengucapkan terimakasih kepada :

1) Bapak H. Riko Ervil, MT, selaku Ketua Yayasan Muhammad Yamin

2) Ibu Tri Ernita,ST, MP, selaku Plt Ketua STTIND Padang.

3) Ibu Veni Wedyawati, M.Kom, selaku Ketua Program Studi Sistem

4) Bapak Nofriadiman, ST, M.Kom, selaku Dosen Pembimbing I.

5) Ibuk Elmawati, M.Kom, selaku Dosen Pembimbing II.

kepada penulis untuk melakukan survey dan membantu memberikan

informasinya untuk kelengkapan data pada penelitian ini.

telah melahirkan dan membesarkan aku dengan kasih sayangnya.

dan semangatnya kepada suami tercinta dari proses penelitian sampai

dalam proses penulisan skripsi ini.

bisa diandalkan dalam suka dan duka.

Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan

yang membangun dari pembaca.

Semoga skripsi ini dapat bermanfaat bagi pengembangan ilmu dan

pengetahuan, khususnya pada Program Studi Sistem Informasi. .

Padang, 4 Januari 2017

HALAMAN JUDUL ...................................................................................... i

HALAMAN PERSETUJUAN ...................................................................... ii

ABSTRAK ...................................................................................................... iii

KATA PENGANTAR .................................................................................... v

DAFTAR ISI ................................................................................................... vii

DAFTAR GAMBAR ...................................................................................... xii

DAFTAR TABEL .......................................................................................... xvii

1.1 Latar Belakang Masalah ............................................................. 1

1.2 Identifikasi Masalah ................................................................... 3

1.3 Batasan Masalah......................................................................... 3

1.4 Rumusan Masalah ...................................................................... 3

1.5 Tujuan Penelitian ....................................................................... 4

1.6 Manfaat Penelitian .................................................................... 4

1.6.1 Bagi Penulis ...................................................................... 4

1.6.2 Bagi SMP Negeri 14 Padang ............................................ 4

1.6.3 Bagi Akademik ................................................................. 4

BAB II TINJAUAN PUSTAKA

2.1 Landasan Teori ........................................................................... 5

2.1.1 Konsep Sistem Informasi ................................................... 5

2.1.1.1 Pengertian Sistem .................................................. 5

2.1.1.2 Karakteristik Sistem .............................................. 5

2.1.1.3 Klasifikasi Sistem .................................................. 6