Animasi Kandungan Vitamin Pada 13 Buah Menggunakan Macromedia Flash 8
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
TUGAS AKHIR
MICHAEL JUAN A SIRAIT
132406212
PROGRAM STUDI TEKNIK INFORMATIKA D3
DEPARTEMEN MATEMATIKA
FAKUTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
AhliMadya
MICHAEL JUAN A SIRAIT
132406212
PROGRAM STUDI TEKNIK INFORMATIKA D3
DEPARTEMEN MATEMATIKA
FAKUTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERSETUJUAN
Judul
: ANIMASI KANDUNGAN VITAMIN PADA 13
BUAH MENGGUNAKAN MACROMEDIA
FLASH 8
Kategori
Nama
NIM
Program Studi
Departemen
Fakultas
:
:
:
:
:
:
Tugas Akhir
Michael Juan A Sirait
132406212
Diploma (D3) Teknik Informatika
Matematika
MatematikaDan Ilmu Pengetahuan
Universitas Sumatera Utara
Alam
Disetujui di
Medan. Januari 2017
Disetujui Oleh
Program Studi D3 TeknikInformatika
FMIPA USU
Ketua,
Dr. EllyRosmaini, M.Si
M.Kom
NIP. 196005201985032002
Pembimbing,
Drs. Marihat Situmorang.
NIP. 196401091988031004
Universitas Sumatera Utara
PERNYATAAN
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
Saya mengaku bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Januari 2017
Michael Juan A Sirait
132406212
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis ucapkan kepada Tuhan Yang Maha Esa yang telah
memberikan
karunia-Nya
kepada
kita
semua
sehingga
penulis
dapat
menyelesaikan tugas akhir ini dengan baik. Selama mempersiapkan tugas akhir ini
penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung
maupun tidak langsung,
Penyusunan menyadari Tugas Akhir ini masih jauh dari kesempurnaan
sehingga masih perlu pengembangan lebih. Maka pada kesempatan ini penulis
juga menyampaikan terima kasih kepada :
1. Tuhan Yang Maha Esa, Sang Pemurah dan Penyayang yang tidak pernah
berhenti memberika nikmat-Nya.
2. Orang Tua yang telah memberikan doa dan kasih sayangnya kepada
penulis.
3. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika
Fakultas Matematika dan Ilmu Pengetahuan AlamUniversitas Sumatera
Utara.
4. Bapak Dr. Kerista Sebayang, M.S, selaku Dekan Fakultas Matematika
dan Ilmu Pengetahuan AlamUniversitas Sumatera Utara.
5. Ibu Dr. Elly Rosmaini, M.Si, selakuketua Program Studi D3 Teknik
Informatika FMIPA.
6. Bapak, Drs. Partano Siagian, M.Sc selaku Pembimbing yang senantiasa
membimbing penuli shingga laporan ini selesai.
7. Bapak, Ibu dan abang kandung saya yang telah memberikan doa dan
dukungannya kepada saya.
8. Teman-teman seperkuliahan saya Welly, Frengky, Yusuf, Ari, Benny,
dan Ivan semua yang tak dapat saya sebutkan satu persatu.
Universitas Sumatera Utara
Akhir kata, semoga laporan tugas akhir ini dapat memberi manfaat dan
menambah wawasan maupun pengetahuan kita.
Medan,
Januari 2017
Penulis
Universitas Sumatera Utara
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
ABSTRAK
Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan
program aplikasi standar authoring tool professional yang digunakan untuk
membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan
situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk
membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak
digunakan untuk membangun dan memberikan efek animasi pada website, CD
Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk
membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol
animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan
pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik
membuat animasi, fasilitas action script, filter, custom easing dan dapat
memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang
dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik
yang berjalan sendiri untuk mengatur animasi yang ada di dalamnya atau
digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan
Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena
mempunyai keunggulan antara lain kecil dalam ukuran file outputnya.
Universitas Sumatera Utara
VITAMIN CONTENT IN ANIMATION THIRTEEN FRUIT USING
MACROMEDIA FLASH 8
ABSTRACT
Adobe Flash is a program designed by Adobe and standard application program
professional authoring tool used to create animation and bitmap very attractive for
the construction of a web site interactive and dynamic. Flash was designed with
the ability to create a reliable 2 dimensional animation and flash light that is
widely used to build and deliver animation effects on a website, Interactive CD
and others. Further, the application can also be used to create animated logos,
movie, game, creation of navigation on the website, animated buttons, banners,
interactive menus, interactive form fields, e-cards, screen savers and manufacture
of other web applications. In Flash, there are techniques to make animation, action
script facility, filters, custom easing, and can enter the full video with FLV
playback facilities. Advantages possessed by this Flash is that it affords a bit of
code programming either running their own to set the animation in it or used to
communicate with other programs such as HTML, PHP, and database approach to
XML, can be collaborated with the web, because it has advantages among others,
small in file size output.
Universitas Sumatera Utara
DAFTAR ISI
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
i
ii
iii
v
vi
vii
ix
x
Bab 1 Pendahuluan
1.1
1.2
1.3
1.4
1.5
1.6
1
Latar Belakang
Rumusan Masalah
Batasan Masalah
Tujuan
Metodologi Penelitian
Sistematika Penulisan
1
1
2
2
2
4
Bab 2 Landasan Teori
5
2.1 Pengertian Komputer
2.2 Tentang sistem dan Informasi
2.3 Sekilas tentang PHP dan MySQL
2.3.1 Kelebihan PHP dari bahasa pemrograman lain
2.4 Sekilas tentang HTML
2.5 Sekilas tentang CSS
2.6 Sekilas tentang Macromedia Dreamweaver
2.6.1 Tampilan Macromedia Dreamweaver CS6
2.7 Data Flow Diagram
2.8 Flowchart
Bab 3 Perancangan Sistem
3.1 Perancangan Sistem
5
6
7
10
11
12
12
13
14
15
17
17
Universitas Sumatera Utara
3.2 Data Flow Diagram (DFD)
3.2.1 Diagram Konteks Toko Sukamol
3.2.2 Data Flow Diagram Level 0
3.2.2.Data Flow Diagram Level 1
18
19
20
21
3.3 Perancangan Database Aplikasi
3.3.1 ERD
3.3.2 Relationship
3.3.3 Struktur Tabel
22
22
23
23
3.4 Flowchart Program
3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Login Admin
3.4.3 Flowchart Menu Admin
29
29
30
31
3.5 Algoritma Perancangan
32
Bab 4 Implementasi Sistem
34
4.1 Definisi Implementasi Sistem
4.2 Tujuan Implementasi
4.3 Komponen dalam Implementasi Sistem
4.3.1 Kebutuhan Perangkat Keras
4.3.2 Kebutuhan Perangkat Lunak
4.3.3 Kebutuhan Brainware
34
34
35
35
36
36
4.4 Tampilan Halaman Website
4.4.1 Halaman Home
4.4.2 Halaman Profil
4.4.3 Halaman Cara Pemesanan
4.4.4 Halaman Produk
4.4.5 Halaman Keranjang Belanja
4.4.6 Halaman Testimoni
4.4.7 Halaman Login Admin
4.4.8 Halaman Home Admin
4.4.9 Halaman Edit Profil Toko Admin
4.4.10 Halaman Info Rekening Toko Admin
4.4.11 Halaman Kategori Produk Admin
4.4.12 Halaman Tambah Produk Admin
4.4.13 Halaman Order Admin
4.4.14 Halaman Ongkos Kirim Admin
4.4.15 Halaman Cara Pembelian
37
37
38
38
39
39
40
40
41
41
42
42
43
43
44
44
Universitas Sumatera Utara
Bab 5 Kesimpulan dan Saran
45
5.1 Kesimpulan
5.2 Saran
45
46
Daftar Pustaka
48
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Tabel 2.7.1
Simbol-simbol DFD
Tabel 2.8.1
Arti Lambang-lambang Flowchart
Tabel 3.3.3.1
Tabel Admin
Tabel 3.3.3.2
Tabel Hubungi
Tabel 3.3.3.3
Tabel Kategori
Tabel 3.3.3.4
Tabel Kota
Tabel 3.3.3.5
Tabel Kostumer
Tabel 3.3.3.6
Tabel Modul
Tabel 3.3.3.7
Tabel Order
Tabel 3.3.3.8
Tabel Order_Detail
Tabel 3.3.3.9
Tabel Order_Temp
Tabel 3.3.3.10
Tabel Produk
14
17
23
24
25
25
25
26
26
27
27
28
Universitas Sumatera Utara
DAFTAR GAMBAR
Gambar 2.6.1
Gambar 3.2.1
Gambar 3.2.2
Gambar 3.2.3
Gambar 3.3.1
Gambar 3.3.2
Gambar 3.4.1
Gambar 3.4.2
Gambar 3.4.3
Gambar 4.4.1
Gambar 4.4.2
Gambar 4.4.3
Gambar 4.4.4
Gambar 4.4.5
Gambar 4.4.6
Gambar 4.4.7
Gambar 4.4.8
Gambar 4.4.8
Gambar 4.4.10
Gambar 4.4.11
Gambar 4.4.12
Gambar 4.4.13
Gambar 4.4.14
Gambar 4.4.15
Tampilan Macromedia Dreamweaver CS
Diagram Konteks Sukamol
Data Flow Diagram Level 0
Data Flow Diagram Level 1
ERD
Relationship
Flowchart Menu Utama
Alur Flowchart Login Admin
Alur Flowchart Menu Admin
Halaman Home
Halaman Profil
Halaman Cara Pemesanan
Halaman Produk
Halaman Keranjang Belanja
Halaman Testimoni
Halaman Login Admin
Halaman Home Admin
Halaman Edit Profil Toko Admin
Halaman Info Rekening Toko Admin
Halaman Kategori Produk Admin
Halaman Tambah Produk Admin
Halaman Order Admin
Halaman Ongkos Kirim Admin
Halaman Cara Pembelian Admin
Halaman
13
19
20
21
22
23
30
30
31
25
26
26
27
27
28
40
41
41
42
42
43
43
44
44
Universitas Sumatera Utara
MACROMEDIA FLASH 8
TUGAS AKHIR
MICHAEL JUAN A SIRAIT
132406212
PROGRAM STUDI TEKNIK INFORMATIKA D3
DEPARTEMEN MATEMATIKA
FAKUTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
AhliMadya
MICHAEL JUAN A SIRAIT
132406212
PROGRAM STUDI TEKNIK INFORMATIKA D3
DEPARTEMEN MATEMATIKA
FAKUTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERSETUJUAN
Judul
: ANIMASI KANDUNGAN VITAMIN PADA 13
BUAH MENGGUNAKAN MACROMEDIA
FLASH 8
Kategori
Nama
NIM
Program Studi
Departemen
Fakultas
:
:
:
:
:
:
Tugas Akhir
Michael Juan A Sirait
132406212
Diploma (D3) Teknik Informatika
Matematika
MatematikaDan Ilmu Pengetahuan
Universitas Sumatera Utara
Alam
Disetujui di
Medan. Januari 2017
Disetujui Oleh
Program Studi D3 TeknikInformatika
FMIPA USU
Ketua,
Dr. EllyRosmaini, M.Si
M.Kom
NIP. 196005201985032002
Pembimbing,
Drs. Marihat Situmorang.
NIP. 196401091988031004
Universitas Sumatera Utara
PERNYATAAN
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
Saya mengaku bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Januari 2017
Michael Juan A Sirait
132406212
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis ucapkan kepada Tuhan Yang Maha Esa yang telah
memberikan
karunia-Nya
kepada
kita
semua
sehingga
penulis
dapat
menyelesaikan tugas akhir ini dengan baik. Selama mempersiapkan tugas akhir ini
penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung
maupun tidak langsung,
Penyusunan menyadari Tugas Akhir ini masih jauh dari kesempurnaan
sehingga masih perlu pengembangan lebih. Maka pada kesempatan ini penulis
juga menyampaikan terima kasih kepada :
1. Tuhan Yang Maha Esa, Sang Pemurah dan Penyayang yang tidak pernah
berhenti memberika nikmat-Nya.
2. Orang Tua yang telah memberikan doa dan kasih sayangnya kepada
penulis.
3. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika
Fakultas Matematika dan Ilmu Pengetahuan AlamUniversitas Sumatera
Utara.
4. Bapak Dr. Kerista Sebayang, M.S, selaku Dekan Fakultas Matematika
dan Ilmu Pengetahuan AlamUniversitas Sumatera Utara.
5. Ibu Dr. Elly Rosmaini, M.Si, selakuketua Program Studi D3 Teknik
Informatika FMIPA.
6. Bapak, Drs. Partano Siagian, M.Sc selaku Pembimbing yang senantiasa
membimbing penuli shingga laporan ini selesai.
7. Bapak, Ibu dan abang kandung saya yang telah memberikan doa dan
dukungannya kepada saya.
8. Teman-teman seperkuliahan saya Welly, Frengky, Yusuf, Ari, Benny,
dan Ivan semua yang tak dapat saya sebutkan satu persatu.
Universitas Sumatera Utara
Akhir kata, semoga laporan tugas akhir ini dapat memberi manfaat dan
menambah wawasan maupun pengetahuan kita.
Medan,
Januari 2017
Penulis
Universitas Sumatera Utara
ANIMASI KANDUNGAN VITAMIN PADA 13 BUAH MENGGUNAKAN
MACROMEDIA FLASH 8
ABSTRAK
Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan
program aplikasi standar authoring tool professional yang digunakan untuk
membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan
situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk
membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak
digunakan untuk membangun dan memberikan efek animasi pada website, CD
Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk
membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol
animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan
pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik
membuat animasi, fasilitas action script, filter, custom easing dan dapat
memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang
dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik
yang berjalan sendiri untuk mengatur animasi yang ada di dalamnya atau
digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan
Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena
mempunyai keunggulan antara lain kecil dalam ukuran file outputnya.
Universitas Sumatera Utara
VITAMIN CONTENT IN ANIMATION THIRTEEN FRUIT USING
MACROMEDIA FLASH 8
ABSTRACT
Adobe Flash is a program designed by Adobe and standard application program
professional authoring tool used to create animation and bitmap very attractive for
the construction of a web site interactive and dynamic. Flash was designed with
the ability to create a reliable 2 dimensional animation and flash light that is
widely used to build and deliver animation effects on a website, Interactive CD
and others. Further, the application can also be used to create animated logos,
movie, game, creation of navigation on the website, animated buttons, banners,
interactive menus, interactive form fields, e-cards, screen savers and manufacture
of other web applications. In Flash, there are techniques to make animation, action
script facility, filters, custom easing, and can enter the full video with FLV
playback facilities. Advantages possessed by this Flash is that it affords a bit of
code programming either running their own to set the animation in it or used to
communicate with other programs such as HTML, PHP, and database approach to
XML, can be collaborated with the web, because it has advantages among others,
small in file size output.
Universitas Sumatera Utara
DAFTAR ISI
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
i
ii
iii
v
vi
vii
ix
x
Bab 1 Pendahuluan
1.1
1.2
1.3
1.4
1.5
1.6
1
Latar Belakang
Rumusan Masalah
Batasan Masalah
Tujuan
Metodologi Penelitian
Sistematika Penulisan
1
1
2
2
2
4
Bab 2 Landasan Teori
5
2.1 Pengertian Komputer
2.2 Tentang sistem dan Informasi
2.3 Sekilas tentang PHP dan MySQL
2.3.1 Kelebihan PHP dari bahasa pemrograman lain
2.4 Sekilas tentang HTML
2.5 Sekilas tentang CSS
2.6 Sekilas tentang Macromedia Dreamweaver
2.6.1 Tampilan Macromedia Dreamweaver CS6
2.7 Data Flow Diagram
2.8 Flowchart
Bab 3 Perancangan Sistem
3.1 Perancangan Sistem
5
6
7
10
11
12
12
13
14
15
17
17
Universitas Sumatera Utara
3.2 Data Flow Diagram (DFD)
3.2.1 Diagram Konteks Toko Sukamol
3.2.2 Data Flow Diagram Level 0
3.2.2.Data Flow Diagram Level 1
18
19
20
21
3.3 Perancangan Database Aplikasi
3.3.1 ERD
3.3.2 Relationship
3.3.3 Struktur Tabel
22
22
23
23
3.4 Flowchart Program
3.4.1 Flowchart Menu Utama
3.4.2 Flowchart Login Admin
3.4.3 Flowchart Menu Admin
29
29
30
31
3.5 Algoritma Perancangan
32
Bab 4 Implementasi Sistem
34
4.1 Definisi Implementasi Sistem
4.2 Tujuan Implementasi
4.3 Komponen dalam Implementasi Sistem
4.3.1 Kebutuhan Perangkat Keras
4.3.2 Kebutuhan Perangkat Lunak
4.3.3 Kebutuhan Brainware
34
34
35
35
36
36
4.4 Tampilan Halaman Website
4.4.1 Halaman Home
4.4.2 Halaman Profil
4.4.3 Halaman Cara Pemesanan
4.4.4 Halaman Produk
4.4.5 Halaman Keranjang Belanja
4.4.6 Halaman Testimoni
4.4.7 Halaman Login Admin
4.4.8 Halaman Home Admin
4.4.9 Halaman Edit Profil Toko Admin
4.4.10 Halaman Info Rekening Toko Admin
4.4.11 Halaman Kategori Produk Admin
4.4.12 Halaman Tambah Produk Admin
4.4.13 Halaman Order Admin
4.4.14 Halaman Ongkos Kirim Admin
4.4.15 Halaman Cara Pembelian
37
37
38
38
39
39
40
40
41
41
42
42
43
43
44
44
Universitas Sumatera Utara
Bab 5 Kesimpulan dan Saran
45
5.1 Kesimpulan
5.2 Saran
45
46
Daftar Pustaka
48
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Halaman
Tabel 2.7.1
Simbol-simbol DFD
Tabel 2.8.1
Arti Lambang-lambang Flowchart
Tabel 3.3.3.1
Tabel Admin
Tabel 3.3.3.2
Tabel Hubungi
Tabel 3.3.3.3
Tabel Kategori
Tabel 3.3.3.4
Tabel Kota
Tabel 3.3.3.5
Tabel Kostumer
Tabel 3.3.3.6
Tabel Modul
Tabel 3.3.3.7
Tabel Order
Tabel 3.3.3.8
Tabel Order_Detail
Tabel 3.3.3.9
Tabel Order_Temp
Tabel 3.3.3.10
Tabel Produk
14
17
23
24
25
25
25
26
26
27
27
28
Universitas Sumatera Utara
DAFTAR GAMBAR
Gambar 2.6.1
Gambar 3.2.1
Gambar 3.2.2
Gambar 3.2.3
Gambar 3.3.1
Gambar 3.3.2
Gambar 3.4.1
Gambar 3.4.2
Gambar 3.4.3
Gambar 4.4.1
Gambar 4.4.2
Gambar 4.4.3
Gambar 4.4.4
Gambar 4.4.5
Gambar 4.4.6
Gambar 4.4.7
Gambar 4.4.8
Gambar 4.4.8
Gambar 4.4.10
Gambar 4.4.11
Gambar 4.4.12
Gambar 4.4.13
Gambar 4.4.14
Gambar 4.4.15
Tampilan Macromedia Dreamweaver CS
Diagram Konteks Sukamol
Data Flow Diagram Level 0
Data Flow Diagram Level 1
ERD
Relationship
Flowchart Menu Utama
Alur Flowchart Login Admin
Alur Flowchart Menu Admin
Halaman Home
Halaman Profil
Halaman Cara Pemesanan
Halaman Produk
Halaman Keranjang Belanja
Halaman Testimoni
Halaman Login Admin
Halaman Home Admin
Halaman Edit Profil Toko Admin
Halaman Info Rekening Toko Admin
Halaman Kategori Produk Admin
Halaman Tambah Produk Admin
Halaman Order Admin
Halaman Ongkos Kirim Admin
Halaman Cara Pembelian Admin
Halaman
13
19
20
21
22
23
30
30
31
25
26
26
27
27
28
40
41
41
42
42
43
43
44
44
Universitas Sumatera Utara