Halaman Depan

LAPORAN KERJA PRAKTEK

ANIMASI MULTIMEDIA SISTEM PERIODIK UNSUR

UNTUK SISWA KELAS X DI SMA MUHAMMADIYAH 1 SURAKARTA

Disusun oleh :

Nama : Frandita Agustino Ardiartoro

Nim : 09.5.00037

Program Studi : Teknik Informatika

Jenjang Pendidikan : Strata 1

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA

SURAKARTA

2012

ii

LAPORAN KERJA PRAKTEK

Laporan ini disusun guna memenuhi salah satu syarat

Untuk menyelesaikan jenjang pendidikan Strata 1

Pada

STMIK Sinar Nusantara

Disusun oleh :

Nama : Frandita Agustino Ardiartoro

Nim : 09.5.00037

Program Studi : Teknik Informatika


SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA

SURAKARTA

2012

iii

PERSETUJUAN LAPORAN KERJA PRAKTEK

Nama Pelaksana Kerja Praktek : Frandita Agustino Ardiartoro

Nomor Induk Mahasiswa : 09.500037

Program Studi : TI- Teknik informatika


Judul Laporan Kerja Praktek : Animasi Multimedia Sistem Periodik

Unsur Untuk Siswa Kelas X Di SMA

Muhammadiyah 1 Surakarta

Surakarta, Agustus 2012

Menyetujui,

Pembimbing Kerja Praktek

(Ir. Muhammad Hasbi, M.Kom )

iv

PENGESAHAN LAPORAN KERJA PRAKTEK

Nama Pelaksana Kerja Praktek : Frandita Agustino Ardiartoro

Nomor Induk Mahasiswa : 09.5.00037

Program Studi : TI- Teknik informatika


Judul Laporan Kerja Praktek : Animasi Multimedia Sistem Periodik

Unsur Untuk Siswa Kelas X Di SMA

Muhammadiyah 1 Surakarta


Ketua Jurusan Pembimbing Kepala Sekolah

(Didik Nugroho, M.Kom) (Ir. Muhammad Hasbi, M.Kom) (Drs. H. Tri Kuat, M.Pd)

Mengetahui,

Ketua STMIK Sinar Nusantara

( Kumaratih Sandradewi, S.P,M.Kom )

v

RINGKASAN

Laporan Kerja Praktek dengan judul animasi multimedia sistem periodik

unsur untuk siswa kelas X di SMA Muhammadiyah 1 Surakarta. Tujuan dari

penelitian ini adalah untuk membuat Aplikasi Animasi Multimedia Tabel

Periodik, Konfigurasi dan Ikatan Kimia.

Langkah-langkah untuk membuat aplikasi animasi multimedia ini diantaranya

yaitu merancang konsep, pengumpulan data, persiapan hardware software,

pembuatan aplikasi, testing, perbaikan, dan penyelesaian yang selanjutnya

dilanjutkan dengan membagi menjadi 6 menu utama yaitu tabel periodik, ikatan

kimia, konfigurasi electron, latihan soal, help dan menu keluar.

Adobe Flash CS3 adalah sebuah program animasi yang telah banyak digunakan

oleh para designer untuk menghasilkan desain yang professional.

Hasil dari pembuatan aplikasi ini adalah animasi tentang tabel periodik,

ikatan kimia, konfigurasi electron, dan latihan soal untuk memudahkan siswa

dalam belajar sistem periodik unsur.

vi

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Esa yang telah

memberikan kesehatan, kemudahan, dan kenikmatan yang diberikan kepada

penulis, sehingga tersusunlah Laporan Kerja Praktek ini dengan judul “Animasi

Multimedia Sistem Periodik Unsur Untuk Siswa Di SMA Muhammadiyah 1

Surakarta “.

Penyusunan Kerja Praktek ini merupakan salah satu kewajiban yang dimaksud

untuk melengkapi salah satu syarat Untuk menyelesaikan program pendidikan

Strata 1.

Atas tersusunnya Laporan Kerja Praktek ini, Penulis tidak lupa mengucapkan

terima kasih kepada :

1. Ibu Kumaratih Sandradewi, S.P.,M.Kom selaku Ketua STMIK Sinar

Nusantara.

2. Ir. Muhammad Hasbi, M.Kom selaku dosen pembimbing yang berkenan

memberikan bimbingan dan pengarahan sehingga penyusunan laporan kerja

praktek ini dapat terselesaikan.

3. Dosen, staff dan karyawan STMIK Sinar Nusantara yang telah memberikan

bekal pengetahuan kepada kami.

4. Bapak dan Ibu guru SMA Muhammadiyah 1 Surakarta yang telah

memberikan bekal pengetahuan kepada kami.

vii

5. Bapak dan Ibu tercinta yang tak pernah berhenti akan doa dan dorongannya

sehingga penulisan laporan kerja praktek ini dapat diselesaikan dengan baik.

6. Semua pihak yang telah membantu penulis dalam melakukan penelitian dan

menyusun laporan ini yang tidak dapat penulis sebutkan satu persatu.


Penulis,

Frandita Agustino Ardiartoro

viii

DAFTAR ISI

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

PERSETUJUAN LAPORAN KERJA PRAKTEK ......................................... iii

PENGESAHAN LAPORAN KERJA PRAKTEK .......................................... iv

RINGKASAN ............................................................................................... v

KATA PENGANTAR ................................................................................... vi

DAFTAR TABEL ........................................................................................ xiv

DAFTAR GAMBAR ...................................................................................... xv

DAFTAR LAMPIRAN ................................................................................... xix

BAB I : PENDAHULUAN .......................... Error! Bookmark not defined.

1.1. Latar Belakang Masalah ........ Error! Bookmark not defined.

1.2. Rumusan Masalah.................. Error! Bookmark not defined.

1.3. Batasan Masalah .................... Error! Bookmark not defined.

1.4. Tujuan Kerja Praktek ............. Error! Bookmark not defined.

1.4.1. Tujuan Umun ............ Error! Bookmark not defined.

1.4.2. Tujuan Khusus .......... Error! Bookmark not defined.

1.5. Manfaat Kerja Praktek ........... Error! Bookmark not defined.

1.5.1. Manfaat Bagi Penulis Error! Bookmark not defined.

1.5.2. Manfaat bagi Akademik ........... Error! Bookmark not

defined.

ix

1.5.3. Manfaat bagi SMA Muhammadiyah 1 Surakarta ...............

Error! Bookmark not defined.

1.6. Metode Penelitian .................. Error! Bookmark not defined.

1.7. Sistematika Penulisan ............ Error! Bookmark not defined.

BAB II : TINJAUAN UMUM SEKOLAH ... Error! Bookmark not defined.

2.1. Sejarah Berdirinya SMA Muhammadiyah 1 Surakarta Error! Bookmark not defined.

2.1.1. Visi SMA Muhammadiyah 1 Surakarta .............. Error!

Bookmark not defined.

2.1.2. Misi SMA Muhammadiyah 1 Surakarta .............. Error!


2.1.3. Tujuan Sekolah............ Error! Bookmark not defined.

2.1.4. Struktur Organisasi. ..... Error! Bookmark not defined.

BAB III : LANDASAN TEORI ....................... Error! Bookmark not defined.

3.1. Multimedia .............................. Error! Bookmark not defined.

3.1.1. Sejarah Multimedia ..... Error! Bookmark not defined.

3.1.2. Definisi Multimedia .... Error! Bookmark not defined.

3.1.3. Multimedia dalam pendidikan dan pembelajaran Error!


3.1.4. Komponen Multimedia Error! Bookmark not defined.

3.1.5. Sistem Penyajian Multimedia .... Error! Bookmark not

defined.

x

3.1.6. Pengembangan Sistem Multimedia ... Error! Bookmark

not defined.

3.1.7. Penggunaan Multimedia ............ Error! Bookmark not

defined.

3.1.8. Arsitektur Multimedia . Error! Bookmark not defined.

3.2. Ilmu Kimia pada Tabel Periodik, Konfigurasi Elektron dan Ikatan

Kimia ........................................ Error! Bookmark not defined.

3.2.1. Tabel Periodik ............. Error! Bookmark not defined.

3.2.2. Konfigurasi Elektron ... Error! Bookmark not defined.

3.2.3. Ikatan Kimia ................ Error! Bookmark not defined.

3.3. Adobe Flash CS3 ..................... Error! Bookmark not defined.

3.3.1. Pengenalan Adobe Flash CS3 .... Error! Bookmark not

defined.

3.3.2. Kemampuan Flash ....... Error! Bookmark not defined.

3.4. Adobe Photoshop CS4 ............. Error! Bookmark not defined.

3.5. Flash Player ............................. Error! Bookmark not defined.

3.6. Corel Draw X3 ........................ Error! Bookmark not defined.

3.7. Ekstensi File ............................ Error! Bookmark not defined.

3.8. Compact Disk (CD) Interaktif .. Error! Bookmark not defined.

3.9. Adobe Audition 1.5 ................. Error! Bookmark not defined.

xi

BAB IV : PEMBAHASAN MASALAH .......... Error! Bookmark not defined.

4.1. Analisis Sistem ........................ Error! Bookmark not defined.

4.1.1. Deskripsi Aplikasi ....... Error! Bookmark not defined.

4.1.2. Fungsional Aplikasi ..... Error! Bookmark not defined.

4.1.3. Spesifikasi Pengguna ... Error! Bookmark not defined.

4.2. Kebutuhan Sistem .................... Error! Bookmark not defined.

4.3. Langkah – Langkah Pembuatan Aplikasi Error! Bookmark not defined.

4.4. Perancangan Aplikasi .............. Error! Bookmark not defined.

4.4.1. Struktur Navigasi......... Error! Bookmark not defined.

4.4.2. Struktur Rancangan Aplikasi ..... Error! Bookmark not

defined.

4.4.2.1. Rancangan Halaman Intro .... Error! Bookmark

not defined.

4.4.2.2. Rancangan Halaman Menu .. Error! Bookmark

not defined.

4.4.2.3. Rancangan Halaman Menu Tabel Periodik ............


4.4.2.4. Rancangan Halaman Menu Materi Tabel Periodik

........................ Error! Bookmark not defined.

4.4.2.5. Rancangan Halaman Menu Konfigurasi Electron ..

xii


4.4.2.6. Rancangan Halaman Penjelasan Konfigurasi

Elektron.............................................................................


4.4.2.7. Rancangan Halaman Menu Ikatan Ion .... Error!


4.4.2.8. Rancangan Halaman Penggabungan Ikatan Ion .....


4.4.2.9. Rancangan Halaman Penjelasan Ikatan Ion ...........


4.4.2.10. Rancangan Halaman Menu Ikatan Kovalen .......


4.4.2.11. Rancangan Halaman Contoh Ikatan Kovalen .....


4.4.2.12. Rancangan Halaman Penjelasan Ikatan Kovalen

.................... Error! Bookmark not defined.

4.4.2.13. Rancangan Halaman Latihan Soal ...... Error!


4.4.2.14. Rancangan Halaman Soal . Error! Bookmark

not defined.

xiii

4.4.2.15. Rancangan Halaman Pembahasan Soal Error!


4.5. Pembuatan Aplikasi ................. Error! Bookmark not defined.

4.5.1. Pembuatan Object dan Background .. Error! Bookmark

not defined.

4.5.2. Pembuatan Intro .......... Error! Bookmark not defined.

4.5.3. Pembuatan Button Navigasi ....... Error! Bookmark not

defined.

4.5.4. Pembuatan Halaman Presentasi . Error! Bookmark not

defined.

4.5.5. Pembuatan Animasi ..... Error! Bookmark not defined.

4.5.5.1. Pembuatan Animasi Judul Menu ............ Error!


4.5.5.2. Pembuatan Animasi Sub Tabel Kimia .... Error!


4.5.5.3. Pembuatan Animasi Masing-Masing Menu ...........


4.5.5.4. Pembuatan Animasi Latihan Soal ........... Error!


4.5.6. Pemrograman dengan Actionscript ... Error! Bookmark

not defined.

xiv

4.5.7. Merekam Suara .......... Error! Bookmark not defined.

4.6. Hasil Pengujian Aplikasi .......... Error! Bookmark not defined.

4.6.1. Tampilan Halaman Intro ............ Error! Bookmark not

defined.

4.6.2. Tampilan Halaman Menu .......... Error! Bookmark not

defined.

4.6.3. Tampilan Halaman Menu Tabel Periodik............ Error!


4.6.4. Tampilan Halaman Menu Materi Tabel Periodik Error!


4.6.5. Tampilan Halaman Menu Ikatan Kimia .............. Error!


4.6.6. Tampilan Halaman Penggabungan Ikatan Ion ..... Error!


4.6.7. Tampilan Halaman Penjelasan Ikatan Ion ........... Error!


4.6.8. Tampilan Halaman Menu Ikatan Kovalen ........... Error!


4.6.9. Tampilan Halaman Contoh Ikatan Kovalen ........ Error!


xv

4.6.10. Tampilan Halaman Penjelasan Ikatan Kovalen ... Error!


4.6.11. Tampilan Halaman Konfigurasi Electron ............ Error!


4.6.12. Tampilan Halaman Penjelasan Konfigurasi Elektron .........


4.6.13. Tampilan Halaman Pengertian Dasar Error! Bookmark

not defined.

4.6.14. Tampilan Halaman Model Atom Error! Bookmark not

defined.

4.6.15. Tampilan Halaman Bilangan Kuantum ............... Error!


4.6.16. Tampilan Halaman Latihan Soal Error! Bookmark not

defined.

4.6.17. Tampilan Halaman Soal Error! Bookmark not defined.

4.6.18. Tampilan Halaman Pembahasan Soal . Error! Bookmark

not defined.

4.6.19. Tampilan Halaman Help Error! Bookmark not defined.

BAB V PENUTUP ............................................ Error! Bookmark not defined.

5.1. Kesimpulan ............................... Error! Bookmark not defined.

5.1. Saran ......................................... Error! Bookmark not defined.

xvi

DAFTAR PUSTAKA ........................................ Error! Bookmark not defined.

xvii

DAFTAR TABEL

Tabel

1. Toolbox pada Adobe Flash CS3 ............... Error! Bookmark not defined.

xviii

DAFTAR GAMBAR

Gambar

1. Struktur Orgnisasi Sekolah SMA Muhammadiyah 1 SurakartaError!


2. Struktur Linier (Suyanto, 2003)................ Error! Bookmark not defined.

3. Struktur Menu (Suyanto, 2003) ................. Error! Bookmark not defined.

4. Sruktur Hierarki (Suyanto, 2003) .............. Error! Bookmark not defined.

5. Struktur Jaringan (Suyanto, 2003) ............. Error! Bookmark not defined.

6. Struktur kombinasi (Suyanto, 2003) .......... Error! Bookmark not defined.

7. Arsitektur workstation untuk multimedia (Sutopo, 2003) Error! Bookmark

not defined.

8. Susunan periodik unsur modern (Unggul Sudarmo, 2006) ................ Error!


9. Serah Terima Elektron Pada Pembentukan Natrium Klorida, NaCl (Unggul

Sudarmo, 2006) ........................................ Error! Bookmark not defined.

10. Struktur Kristal NaCl (Unggul Sudarmo, 2006) ....... Error! Bookmark not

defined.

11. Ikatan Kovalen Tunggal pada molekul Hidrogen (H2) (Unggul Sudarmo,

2006) ........................................................ Error! Bookmark not defined.

12. Ikatan Rangkap Dua pada molekul Karbon Dioksida (CO2) (Unggul

Sudarmo, 2006) ........................................ Error! Bookmark not defined.

xix

13. Ikatan Kovalen Rangkap Tiga pada molekul Nitrogen (N2) (Unggul Sudarmo,

2006) ........................................................ Error! Bookmark not defined.

14. Area kerja Adobe Flash CS3 ..................... Error! Bookmark not defined.

15. Contoh menu dan submenu Adobe Flash CS3 ......... Error! Bookmark not

defined.

16. Layer dan frame pada timeline .................. Error! Bookmark not defined.

17. Panel Actions untuk Properties, Filters, dan Parameters ................. Error!


18. Panel actions untuk membuat Actionscript Error! Bookmark not defined.

19. Panel library ............................................. Error! Bookmark not defined.

20. Bagian dari panel color ............................. Error! Bookmark not defined.

21. Bagian dari panel Align & Info & Transform........... Error! Bookmark not

defined.

22. Area kerja Adobe Photoshop CS4 ............. Error! Bookmark not defined.

23. Area kerja Adobe Audition 1.5 ................. Error! Bookmark not defined.

24. Bagan Tahap pembuatan Aplikasi ............. Error! Bookmark not defined.

25. Struktur navigasi Tabel Periodik dan Ikatan Kimia . Error! Bookmark not

defined.

26. Rancangan halaman intro .......................... Error! Bookmark not defined.

27. Rancangan halaman menu ......................... Error! Bookmark not defined.

28. Rancangan halaman menu tabel periodik .. Error! Bookmark not defined.

29. Rancangan halaman menu materi tabel periodik ...... Error! Bookmark not

defined.

xx

30. Rancangan halaman menu konfigurasi electron ....... Error! Bookmark not

defined.

31. Rancangan halaman penjelsan konfigurasi elektron . Error! Bookmark not

defined.

32. Rancangan halaman menu ikatan ion ........ Error! Bookmark not defined.

33. Rancangan halaman penggabungan ikatan ion......... Error! Bookmark not

defined.

34. Rancangan halaman penjelasan ikatan ion . Error! Bookmark not defined.

35. Rancangan halaman menu ikatan kovalen . Error! Bookmark not defined.

36. Rancangan halaman contoh ikatan kovalen Error! Bookmark not defined.

37. Rancangan halaman penjelasan ikatan kovalen ....... Error! Bookmark not

defined.

38. Rancangan halaman latihan soal ................ Error! Bookmark not defined.

39. Rancangan halaman soal ........................... Error! Bookmark not defined.

40. Rancangan halaman menu pembahasan soal............ Error! Bookmark not

defined.

41. Rancangan halaman pembahasan soal ....... Error! Bookmark not defined.

42. Tampilan pembuatan background cover .... Error! Bookmark not defined.

43. Tampilan pembuatan halaman intro .......... Error! Bookmark not defined.

44. Tampilan pembuatan button navigasi ........ Error! Bookmark not defined.

45. Contoh halaman Presentasi ....................... Error! Bookmark not defined.

46. Tampilan timeline animasi menu utama .... Error! Bookmark not defined.

47. Tampilan timeline animasi sub tabel kimia Error! Bookmark not defined.

xxi

48. Tampilan timeline animasi masing-masing menu .... Error! Bookmark not

defined.

49. Tampilan animasi dari latihan soal ............ Error! Bookmark not defined.

50. Tampilan actionscript dari latihan soal ...... Error! Bookmark not defined.

51. Actionscript pada awal frame .................... Error! Bookmark not defined.

52. Actionscript pada button menuju scene ..... Error! Bookmark not defined.

53. Actionscript pada button exit ..................... Error! Bookmark not defined.

54. Actionscript stop ....................................... Error! Bookmark not defined.

55. Tampilan contoh skema rekaman pada Adobe Audition 1.5 .............. Error!


56. Tampilan halaman intro ............................ Error! Bookmark not defined.

57. Tampilan Halaman Menu Utama............... Error! Bookmark not defined.

58. Tampilan halaman menu tabel periodik ..... Error! Bookmark not defined.

59. Tampilan halaman menu materi tabel periodik ........ Error! Bookmark not

defined.

60. Tampilan halaman menu ikatan kimia ....... Error! Bookmark not defined.

61. Tampilan halaman menu penggabungan ikatan ion . Error! Bookmark not

defined.

62. Tampilan halaman penjelasan ikatan ion ... Error! Bookmark not defined.

63. Tampilan halaman menu materi ikatan kovalen ....... Error! Bookmark not

defined.

64. Tampilan halaman contoh ikatan kovalen .. Error! Bookmark not defined.

xxii

65. Tampilan halaman penjelasan ikatan kovalen .......... Error! Bookmark not

defined.

66. Tampilan halaman konfigurasi electron ..... Error! Bookmark not defined.

67. Tampilan halaman penjelasan konfigurasi electron . Error! Bookmark not

defined.

68. Tampilan halaman pengertian dasar .......... Error! Bookmark not defined.

69. Tampilan halaman model atom ................. Error! Bookmark not defined.

70. Tampilan halaman bilangan kuantum ........ Error! Bookmark not defined.

71. Tampilan halaman latihan soal .................... Error! Bookmark not defined.

72. Tampilan halaman soal ............................... Error! Bookmark not defined.

73. Tampilan halaman menu pembahasan soal .. Error! Bookmark not defined.

74. Tampilan halaman pembahasan soal ........... Error! Bookmark not defined.

75. Tampilan halaman help ............................... Error! Bookmark not defined.

xxiii

DAFTAR LAMPIRAN

LAMPIRAN - LAMPIRAN

Daftar Hadir Mahasiswa Kerja Praktek

Surat Keterangan

Source Code

Halaman Depan

Documents

Transcript of Halaman Depan