E LEARNING TUTORIAL ADOBE FLASH CS3 BER

E - LEARNING TUTORIAL ADOBE FLASH CS3 BERBASIS WEB SKRIPSI

Diajukan Untuk Memenuhi Salah Satu Syarat Kelulusan Pada Jenjang Strata Program TI Universitas Surakarta

Disusun Oleh : Nama : Ade Oktarino NIM : J.041R0016 Program Studi : Teknik Informatika

FAKULTAS TEKNOLOGI INFORMATIKA

UNIVERSITAS SURAKARTA

PERSETUJUAN SKRIPSI

Judul

: E-elearning Tutorial Adobe Flash CS3 Berbasis Web

Nama : Ade Oktarino NIM

: J.041R0016 Fakultas

: Teknologi Informatika Program Studi : Teknik Informatika Jenjang

: S1 Naskah Skripsi ini disetujui Untuk Di Ajukan Surakarta, Agustus 2010

Mengetahui,

Pembimbing Utama Pembimbing Pembantu

Sukoco. M.Si, M.Kom Tri Irianto.T.J. M.T

FAKULTAS TEKNOLOGI INFORMATIKA PROGRAM STUDI TEKNIK INFORMATIKA UNIVERSITAS SURAKARTA PENGESAHAN SKRIPSI

JUDUL : E-elearning Tutorial Adobe Flash CS3 Berbasis Web NAMA

: Ade Oktarino NIM

: J.041R0016

Naskah ini telah diujikan didepan dewan penguji Pada Hari / tanggal : Dosen Penguji

Dekan Ketua Program Studi

Ir.F.A Luky Primantari,M.T Bambang Eka Purnama, M.Kom

E - Learning Tutorial Adobe Flash CS3 Berbasis Web Ade Oktarino – J.041R0016 Fakultas Teknologi Informatika UNIVERSITAS SURAKARTA - 2010

ABSTRAKSI

Banyaknya buku, e-book, artikel maupun video pembahasan pembelajaran tentang tutorial Adobe Flash CS3 untuk memudahkan pengguna mempelajarinya serta adanya lembaga pendidikan yang membuka jurusan pembuatan animasi dengan menggunaka Adobe Flash CS3 dengan sistem pengajaran yang cepat, akan tetapi masih juga mendapatkan kendala atau permasalahan bagi pengguna untuk mempelajarinya dikarenakan tebalnya buku menyebabkan kebosanan bagi pengguna dan tidak adanya diskusi tanya jawab jika pengguna mangalami kesulitan dalam mempelajarinya serta mahalnya biaya pendidikan yang membuat penghambatan proses pembelajaran.

Tujuan dari penelitian ini adalah web e-learning yang dimana didalamnya terdapat berbagai tutorial pembuatan animasi menggunakan Adobe Flash CS3 yang berbentuk video maupun teks tutorial dan juga tanya jawab ataupun mengomentari video tutorial yang bisa diakses dimanapun dengan menggunakan ponsel, PDA maupun web. Manfaat yang didapatkan bagi pengguna, mudah diakses secara cepat dan cermat melalui internet dengan menggunakan Web, PDA maupun Ponsel serta bisa diakses dimana – mana tanpa memikirkan tempat dan waktu. Adanya pembimbing jarak jauh dan diskusi memberikan kemudahan dan pemahaman yang cepat untuk pengguna jika mengalami kesulitan dalam pembelajaran tersebut. Dengan sasaran yang ditujukan kepada semua pengguna yang akan mempelajari tutorial tersebut.

Hasil yang telah diharapkan dari penelitian ini terdapat beberapa kesimpulan yaitu, pengguna terbantu dengan adanya web e-elearning ini untuk mempelajari pembuatan animasi Flash dengan menggunakan software Adobe Flash CS3, yang dimana terdapat beberapa kategori pengenalan pembelajaran serta adanya fasilitas tanya jawab untuk pengguna dengan tujuan berkonsultasi kepada admin dan para pengguna juga bisa mengakses web e-learning ini dengan menggunakan web browser mobile.

Kata kunci : Web E-learning Adobe Flash CS3 xxi + 21 lembar Pustaka

E - Learning Tutorial Adobe Flash CS 3 Web Ade Oktarino – J.041R0016

Fakultas Teknologi Informatika UNIVERSITAS SURAKARTA - 2010

ABSTRACT

Flash Macromedia is a powerful tool created by Macromedia to cope with the expectations of the creator of animation. Macromedia Flash was originally created in an effort to build animated color - colors for the web and to create animated GIFs. Designers, web professionals and beginners have chosen the Macromedia Flash CS3, for various reasons such as convenience and availability of the script so easy to create an interactive animation.

The problem is how the presentation of tutorials that are easy and can be learned and understood quickly by the beginners who want to learn how making an animation, using Macromedia Flash CS3. A presentation using E-learning method based animation and multimedia.

This research also will be described in the planning tutorials, animation creation, and implementation at the end of the drafting process. Hopefully with this research is expected Macromedia Flash CS3 tutorials can be learned and understood quickly and easily by beginners who want to study the making of animation.

Keyword : Web E-learning Tutorial Adobe Flash CS3 xxi + 21 pages Book

MOTTO

Pandanglah setiap masalah sebagai kesempatan, Hanya pada cuaca cukup gelaplah kita bisa melihat bintang Janganlah berhenti berharap, Karena harapan dapat melihat yang tak terlihat mata, Dapat merasakan yang tak teraba, Dengan harapan dapat meraih hal yang tidak mungkin. (Penulis)

PERSEMBAHAN

Karya kecil ini bukanlah persembahan yang terindah Tapi ini adalah persembahan untuk yang terindah Papa dan Mama Kasih sayang dan cintamu tak akan pernah lekang oleh waktu Pancaran kasih sayang buat kakak – kakaku, Ayang dan Ria Seseorang, moga esok selalu terjaga dalam kebahagian Almamaterku

KATA PENGANTAR

Assalamu’alaikum Wr. Wb.

Allhamdulillah, segala puji dan syukur hanyalah milik Allah semata. Dialah yang sesungguhnya Maha Memberi Petunjuk, Karena petunjuk-Nya skripsi ini dapat diselesaikan, walau masih banyak kekurangan, segala rasa syukur dan sujudku ke hadiratmu-Mu Illahi robbi dan ridhomu, dan sholawat serta salam yang tiada akhir untuk tauladanku Rasulullah Muhammad SAW yang telah mengajarkan kepada umatnya arti rahmat dan mengenalkan kepada Sang Kholik.

Penulis skripsi ini bukanlah semata-mata merupakan jerih payah dan usaha Penulis sendiri, akan tetapi banyak pihak yang memberikan bantuan, baik langsung maupun tidak langsung, yang berupa petunjuk atau saran maupun dorongan moril. Oleh karena itu dengan segala kerendahan hati Penulis mengucapkan terima kasih kepada :

1. Dr. Margono. SE. M.M, Selaku Rektor Universitas Surakarta.

2. Ir. F. A Luky Primantari, M.T Selaku Dekan Fakultas Teknologi Informatika.

3. Bambang Eka Purnama, M.Kom Selaku Ketua Program Studi Teknik Informatika.

4. Sukoco. M.Si, M.Kom Selaku Dosen Pembimbing 1 yang memberikan arahan serta membimbing dalam pelaksanaan dan penyusunan skripsi.

5. Tri Irianto.T.J. M.T selaku dosen pembimbing 2 yang telah membantu mempermudah dalam menyelesaikan penulisan skripsi.

6. Papa dan Mama terimakasih untuk doa, cinta dan semuanya.

7. Seluruh Keluargaku yang telah memenuhi hidupku dengan kasih sayang dan dukungan kakak-kakaku Wardi, Ayang dan Ria.

8. Teman-teman mahasiswa Teknik Informatika Universitas Surakarta pada umumnya dan khususnya angkatan 2004, serta smua pihak yang tak bisa disebutkan satu persatu, hanya Allah SWT yang dapat membalas segalnya.

Penulis menyadari bahwa dalam Penulisan skripsi ini masih terdapat banyak kekurangan dan masih jauh dari sempurna, untuk itu Penulis mengharapkan kritik dan saran yang membangun. Semoga sebuah karya sederhana ini bisa menjadi bagian dari perkembangan ilmu Informatika dan bermanfaat bagi sesama. Amin

Wassalamu’alaikum Wr. Wb.

Surakarta, Agustus 2010

DAFTAR GAMBAR

Halaman Gambar 3.1

Struktur Link Pada Pengguna .......................................... 20 Gambar 3.2

Struktur Link Pada Admin ............................................... 20 Gambar 3.3

Struktur Link Pengguna Versi Mobile ............................. 21 Gambar 3.4

Entitiy Relationship Diagram .......................................... 23 Gambar 3.5

Desain rancangan halaman utama ................................... 24 Gambar 3.6

Desain rancangan halaman kategoti ................................ 25 Gambar 3.7

Desain rancangan halaman tutorial .................................. 26 Gambar 3.8

Desain rancang detail tutorial .......................................... 27 Gambar 3.9

Desain rancangan Halaman Kategori .............................. 28 Gambar 3.10

Desain rancangan halaman video .................................... 29 Gambar 3.11

Desain rancangan halaman detail video .......................... 30 Gambar 3.12

Desain rancangan halaman about .................................... 31 Gambar 3 13

Desain rancangan halaman forum ................................... 32 Gambar 3.14

Desain rancangan halaman contact .................................. 32 Gambar 3.15

Desain rancangan halaman utama versi mobile ............... 33 Gambar 3.16

Desain rancangan halaman kategori versi mobile ........... 34 Gambar 3.17

Desain rancangan halaman daftar tutorial versi mobile .. 34 Gambar 3.18

Desain rancangan halaman detail tutorial versi mobile ... 35 Gambar 3.19

Desain rancangan halaman contact versi mobile ............. 35 Gambar 3.20

Desain rancangan halaman login admin .......................... 36

Gambar 3.21 Desain rancangan halaman admin ................................... 37 Gambar 3.22

Desain rancangan halaman admin ................................... 37 Gambar 3.23

Desain rancangan halaman tambah tutorial ..................... 38 Gambar 3.24

Desain rancangan detail tutorial ...................................... 38 Gambar 3.25

Desain rancangan edit tutorial ......................................... 39 Gambar 3.26

Desain rancangan tambah video tutorial .......................... 40 Gambar 3.27

Desain rancangan detail video tutorial ............................ 41 Gambar 3.28

Desain rancangan halaman setting ................................... 42 Gambar 3.29

Desain rancangan pengguna administration .................... 42 Gambar 3.30

Desain rancangan edit pengguna ..................................... 43 Gambar 3.31

Tampilan penginstalan Apache server ............................. 44 Gambar 3.32

Tampilan penginstalan Apache server ............................. 44 Gambar 3.33

Tampilan penginstalan Apache server .............................. 45 Gambar 3.34

Tampilan penginstalan Apache server ............................. 45 Gambar 3.35

Tampilan penginstalan Apache server ............................. 46 Gambar 3.36

Tampilan penginstalan Apache server ............................. 46 Gambar 3.37

Tampilan penginstalan Apache server ............................. 47 Gambar 3.38

Tampilan penginstalan Apache server ............................. 47 Gambar 3.39

Tampilan awal Dreamweaver .......................................... 48 Gambar 3.40

Tampilan awal Site Definition Dreamweaver ................. 49 Gambar 3.41

Tampilan Site Definition Dreamweaver .......................... 50 Gambar 3.42

Tampilan Site Definition Dreamweaver .......................... 51 Gambar 3.43

Tampilan Site Definition Dreamweaver .......................... 52

Gambar 3.44 Tampilan Site Definition Dreamweaver .......................... 52 Gambar 3.45

Tampilan editor CSS ........................................................ 54 Gambar 3.46

Tampilan kode editor CSS pada Dreamweaver ............... 59 Gambar 3.47

Tampilan halaman menyimpan CSS pada Dreamweaver 59 Gambar 3.48

Tampilan editor PHP ....................................................... 60 Gambar 3.49

Tampilan kode editor PHP pada Dreamweaver ............... 60 Gambar 3.50

Tampilan A ttach External Style Sheet ............................. 61 Gambar 3.51

Tampilan A ttach External Style Sheet ............................. 61 Gambar 3.52

Tampilan background header pada kode editor HTML .. 62 Gambar 3.53

Tampilan menu header pada kode editor HTML ............ 62 Gambar 3.54

Tampilan menu header pada kode editor HTML ............ 63 Gambar 3.55

Tampilan pembuatan Table ............................................. 63 Gambar 3.56

Tampilan pembuatan Table ............................................. 64 Gambar 3.57

Tampilan pembuatan Table ............................................. 64 Gambar 3.58

Tampilan script layout isi pada Dreamweaver ................ 66 Gambar 3.59

Tampilan script layout Footer pada Dreamweaver .......... 66 Gambar 3.60

Tampilan hasil penggabungan layout pada Dreamweaver 68 Gambar 3.61

Tampilan isi home pada Dreamweaver ........................... 70 Gambar 3.62

Tampilan script halaman kategori pada Dreamweaver ... 71 Gambar 3.63

Tampilan script daftar tutorial pada Dreamweaver ......... 74 Gambar 3.64

Tampilan script detail tutorial pada Dreamweaver .......... 78 Gambar 3.65

Tampilan script video categori pada Dreamweaver ........ 80 Gambar 3.66

Tampilan script daftar video tutorial ................................ 83

Gambar 3.67 Tampilan script detail video tutorial pada Dreamweave .. 80 Gambar 3.68

Halaman pertama penginstallan phpBB .......................... 87 Gambar 3.69

Menginstal PhpBB ........................................................... 88 Gambar 3.70

Halaman pengecekan kompabilitas dan konfigurasi server 88 Gambar 3.71

Halaman pengecekan kompabilitas dan konfigurasi server 88 Gambar 3.72

Halaman pengaturan database server ............................... 89 Gambar 3.73

Halaman pengaturan database berhasil ............................ 89 Gambar 3.74

Halaman pengaturan administrator ................................... 90 Gambar 3.75

Halaman pengaturan administrator berhasil .................... 90 Gambar 3.76

Halaman download file pengaturan ( Config.php) .......... 90 Gambar 3.77

Halaman file config.php telah ada di server .................... 91 Gambar 3.78

Halaman pengaturan email .............................................. 91 Gambar 3.79

Halaman pembuatan database .......................................... 91 Gambar 3.80

PhpBB selesai diinstall .................................................... 92 Gambar 3.81

Halaman papan pengaturan administrator ....................... 92 Gambar 3.82

Tampilan script detail video tutorial pada Dreamweaver 93 Gambar 3.83

Tampilan script contact pada Dreamweaver .................... 93 Gambar 3.84

Tampilan setup Openwave Simulator .............................. 94 Gambar 3.85

Tampilan setup Openwave Simulator .............................. 95 Gambar 3.86

Tampilan setup Openwave Simulator .............................. 95 Gambar 3.87

Tampilan setup Openwave Simulator .............................. 96 Gambar 3.88

Tampilan layout header pada Dreamweaver ................... 97 Gambar 3.89

Tampilan script layout isi pada Dreamweaver ................ 98

Gambar 4.38 Halaman detail tutorial pada desktop .............................. 136 Gambar 4.39

Halaman daftar edit video tutorial pada desktop ............. 136 Gambar 4.40

Halaman tambah video tutorial pada desktop .................. 137 Gambar 4.41

Halaman detail video tutorial pada desktop ..................... 137 Gambar 4.42

Halaman setting pada desktop ......................................... 138 Gambar 4.43

Halaman pengguna administrator pada desktop .............. 138 Gambar 4.44

Halaman edit pengguna administrator pada desktop ....... 139 Gambar 4.45

Grafik Responden (p1) .................................................... 142 Gambar 4.46

Grafik Responden (p2) .................................................... 143 Gambar 4.47

Grafik Responden (p3) .................................................... 144 Gambar 4.48

Grafik Responden (p4) .................................................... 144 Gambar 4.49

Grafik Responden (p5) .................................................... 145

DAFTAR ISTILAH

ActionScript Asynchronous Backdrop Drag and drop E-learning Game Hyperpicture Interface

Movie Pocket Digital Assistance Storyboard Sound track Tutorial Website

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah

Perkembangan teknologi informasi beberapa tahun belakangan ini berkembang dengan kecepatan yang sangat tinggi, sehingga dengan perkembangan ini telah mengubah paradigma masyarakat dalam mencari dan mendapatkan informasi, yang tidak lagi terbatas pada informasi surat kabar, audio visual dan elektronik, tetapi juga sumber - sumber informasi lainnya yang salah satu diantaranya melalui jaringan Internet. Salah satu bidang yang mendapatkan dampak yang cukup berarti dengan perkembangan teknologi ini adalah e-learning yang dimana sebagai kegiatan belajar asynchronous melalui perangkat elektronik komputer yang memperoleh bahan belajar yang sesuai dengan kebutuhannya. Rosenberg (2001) menekankan bahwa e-learning merujuk pada penggunaan teknologi internet untuk mengirimkan serangkaian solusi yang dapat meningkatkan pengetahuan dan keterampilan (Rosenberg, 2001)

Saat ini banyak beredarnya buku, e-book, artikel maupun video pembahasan tutorial Adobe Flash CS3 di toko buku ataupun melalui internet, akan tetapi semua itu mempunyai kelemahan bagi penggunanya dikarenakan ketebalan buku serta tidak adanya diskusi jika pengguna mengalami kesulitan maupun Lembaga pendidikan yang membuka jurusan tentang pembuatan animasi pun juga banyak beredar, akan tetapi dengan biaya yang cukup mahal orang yang ingin Saat ini banyak beredarnya buku, e-book, artikel maupun video pembahasan tutorial Adobe Flash CS3 di toko buku ataupun melalui internet, akan tetapi semua itu mempunyai kelemahan bagi penggunanya dikarenakan ketebalan buku serta tidak adanya diskusi jika pengguna mengalami kesulitan maupun Lembaga pendidikan yang membuka jurusan tentang pembuatan animasi pun juga banyak beredar, akan tetapi dengan biaya yang cukup mahal orang yang ingin

Maka dari itulah Penulis membuat e-learning Tutorial Adobe Flash CS3 Berbasis Web bertujuan memberikan kemudahan bagi pengguna yang hendak mempelajari cara pembuatan animasi tersebut, dengan mudah dan efektif waktu melalui media internet, yang bisa diakses dimanapun dengan menggunakan Telepon Seluler (Ponsel), Pocket Digital Assistance (PDA) maupun Website (Web). Yang dimana pengguna menemui kesulitan dalam mempelajari tutorial tersebut, bisa berdiskusi ataupun tanya jawab secara on-line dimanapun atau kapanpun pengguna membutuhkannya.

1.2. Perumusan Masalah

Berdasarkan latar belakang di atas dapat diambil rumusan masalah sebagai berikut :

a. Untuk mempelajari cara penggunaan Tutorial Adobe Flash CS3 secara interaktif cepat dan gampang dibutuhkan media pembelajaran dengan internet yang mudah diakses oleh pengguna melalui PDA (Pocket Digital Assistance) , Ponsel (Telepon Seluler)maupun Web (Website).

b. Buku Tutorial Adobe Flash CS3 yang tebal serta lembaga pendidikan yang mahal membuat pengguna menjadi bosan dan mengalami hambatan, serta tidak adanya tanya jawab ataupun diskusi jika pengguna mengalami suatu kesulitan.

1.3. Batasan Masalah

Dalam penelitian ini penulis perlu untuk melakukan batasan masalah guna mempersempit masalah yang dibahas agar sasaran yang dipakai lebih terfokus. Maka dibatasi masalah dengan meliputi :

a. Pengenalan Interface Flash.

b. Pengenalan dan penggunaan Tool.

c. Mendesain gambar.

d. Menganimasikan gambar.

e. Pengenalan dan penggunaan ActionScript.

1.4. Tujuan Penelitian

Tujuan dari penelitian ini menghasilkan web e-learning yang dimana didalamnya terdapat berbagai tutorial pembuatan animasi menggunakan Adobe Flash CS3 dan juga tanya jawab mengenai tutorial yang bisa diakses dimanapun dengan menggunakan ponsel, PDA maupun web. Dalam e-learning tutorial Adobe Flash CS3 terdapat perbedaan Fitur antara Web dan Mobile, yang dimana pada versi Web nya terdapat tutorial video dan tutorial teks sedangkan untuk versi Mobile hanya terdapat tutorial yang berupa teks.

1.5. Manfaat Penelitian

Adapun manfaat dari pembuatan penelitian ini adalah :

a. Untuk memberikan kemudahan pemahaman tentang pembuatan animasi dengan Adobe Flash CS3 bagi penggunanya.

b. Untuk mempermudah bagi pengguna yang dimana pembelajaran tutorial Adobe Flash CS3 dapat di akses ke dalam Ponsel, PDA maupunWeb tanpa memikirkan waktu dan tempat.

1.6. Metode Penelitian

Metode penelitian sangat diperlukan untuk mendapatkan hasil yang baik, juga bukti kebenaran suatu konsep dan teori yang diperoleh maka digunakan beberapa metode penelitian sebagai berikut :

a. Observasi Dengan melihat tutorial yang berbentuk buku maupun video serta mengamati orang sekitar yang mempelajari pembuatan animasi serta referensi orang lain tentang tutorial Adobe Flash CS3 yang sudah ada sebelumnya untuk dijadikan referensi.

b. Kepustakaan Merupakan pengumpulan data dengan cara pengambilan data-data dari catatan kuliah serta buku-buku maupun video dan juga melakukan browsing internet yang ada kaitannya dengan bidang animasi Adobe Flash CS3, untuk mendapatkan hal yang ada kaitannya dengan tutorial Adobe Flash CS3 serta perancangan dan pembuatan.

c. Wawancara Yaitu metode pengumpulan data dengan cara melakukan tanya jawab kepada guru yang mendalami pembuatan animasi dengan menggunakan

Adobe Flash CS3 untuk mendapatkan data dan gambaran hal-hal yang diperlukan.

d. Analisis Menganalisis bagaimana membuat tutorial Adobe Flash CS3 secara baik.

e. Perancangan Tutorial Membuat rancangan Tutorial yang meliputi pembuatan Tutorial dasar – dasar bagi pengguna, storyboard, anggaran biaya yang digunakan.

f. Implementasi Mengimplementasikan hasil dari pembuatan Tutorial yang telah dibuat dalam bentuk web dengan bahasa HTML dan PHP.

1.7. Sistematika Penulisan

BAB I PENDAHULUAN Bab ini membahas tentang Latar Belakang masalah, Perumusan Masalah, Batasan Masalah, Tujuan Penelitian, Manfaat Penelitian, Metode Penelitian, Sistematika Penulisan.

BAB II GAMBARAN UMUM DAN LANDASAN TEORI Bab ini membahas tentang gambaran umum dan landasan teori yang digunakan dalam pembuatan E-Learning Tutorial Adobe Flash CS3 Berbasis Web.

BAB III ANALISIS DAN PERANCANGAN E-LEARNING TUTORIAL

Bab ini berisi perancangan sistem tentang Pembuatan E-learning desain sistem dan penyusunan atau penataan tutorial tersebut didalam E-Learning tersebut serta hasil akhir.

BAB IV IMPLEMENTASI TUTORIAL Bab ini membahas tentang implementasi program, berisi pembuatan E-Learning dengan Web dengan menggunakan bahasa HTML dan PHP serta hasil akhir.

BAB V PENUTUP Bab ini membahas tentang Kesimpulan dan Saran dari Pembuatan E-Learning Tutorial Adobe CS3 Berbasis Web yang telah dibuat.

DAFTAR PUSTAKA LAMPIRAN

BAB II LANDASAN TEORI

2.1. Electronic Learning (e-learning)

Banyak para ahli yang mendefinisikan e-learning sesuai sudut pandangnya mendefinisikan e-learning sebagai kegiatan belajar asynchronous melalui perangkat elektronik komputer yang memperoleh bahan belajar yang sesuai dengan kebutuhannya. Rosenberg menekankan bahwa e-learning merujuk pada penggunaan teknologi internet untuk mengirimkan serangkaian solusi yang dapat meningkatkan pengetahuan dan keterampilan. Secara lebih rinci Rosenberg mengkatagorikan tiga kriteria dasar yang ada dalam e-learning, yaitu:

a. E-learning bersifat jaringan, yang membuatnya mampu memperbaiki secara

memunculkan kembali, mendistribusikan, dan sharing pembelajaran dan informasi. Persyaratan ini sangatlah penting dalam e-learning, sehingga Rosenberg menyebutnya sebagai persyaratan absolut.

b. E-learning dikirimkan kepada pengguna melalui komputer dengan menggunakan standar teknologi internet. CD ROM, Web TV, Web Cell Phones, pagers, dan alat bantu digital personal lainnya walaupun bisa menyiapkan pesan pembelajaran tetapi tidak bisa digolongkan sebagai e-learning.

c. E-learning terfokus pada pandangan pembelajaran yang paling luas, solusi pembelajaran yang menggungguli paradikma tradisional dalam c. E-learning terfokus pada pandangan pembelajaran yang paling luas, solusi pembelajaran yang menggungguli paradikma tradisional dalam

2.2. Macromedia Dreamweaver

Bahasa Pemrograman dalam pembuatan Website e-elearning tutorial Flash menggunakan Macromedia Dreamweaver MX . Macromedia Dreamweaver MX adalah Software profesional untuk desain, pemrograman dan manajemen situs web dengan tingkat fleksibilitas yang sangat tinggi. Tingkat fleksibilitas dimaksud memungkinkan pengguna dengan keahlian tingkat lanjut(Advance) untuk membuat situs web dengan cara menuliskan langsung kode HTML pada tools pemrograman yang terintegrasi pada software ini memungkinkan pengguna (beginner) membuat situs web dengan menggunakan lingkungan visual editing pada menu-menu yang sudah disediakan seperti drag and drop semua elemen atau asset pada dokumen situs web.

Kelebihan dari Dreamweaver MX dari versi sebelumnya seperti :

a. Dreamweaver merupakan situs web development tools yang memberikan tingkat kompatibilitas yang tinggi dengan software dari

Macromedia sendiri seperti Macromedia Flash dan Macromedia Fireworks, atau software lainnya seperti Adobe Ilustrator dan Adobe Photoshop

b. Dreamweaver Mx memberikan tingkat fleksibilitas yang tinggi bagi pengguna tingkat lanjut (advance) maupun untuk pengguna tingkat dasar (beginner).

c. Dreamweaver mendukung lima jenis teknologi server terbaru yaitu ASP.Net, ASP, JSP, ColdFusion dan PHP. (Irawan Sardi, 2004)

2.3. Adobe Flash

Bahasa pemrograman yang digunakan dalam pembuatan aplikasi ini adalah Adobe Flash CS3 adalah sebuah software animasi yang sekarang menjadi software favorit para web designer untuk membuat webnya terlihat dinamis dan lebih atraktif. Bahkan sekarang Flash digunakan untuk berbagai keperluan, diantaranya untuk pembuatan media pembelajaran presentasi, proposal modern, e- card, game dan lain-lain. Tutorial ini ditujukan untuk para designer yang sudah mengenal flash dan ingin mengeksplorasi kehebatan flash, bagi yang masih pemula.

Adobe Flash CS3 sering digunakan oleh animator untuk pembuatan animasi interaktif maupun noninteraktif, seperti animasi pada halaman web, animasi kartun, presentasi, portfolio sebuah perusahaan dan game.

Keunggulan dari program Adobe Flash CS3 dibanding program lain yang sejenis yaitu dapat membuat tombol interaktif dengan sebuah movie atau obyek Keunggulan dari program Adobe Flash CS3 dibanding program lain yang sejenis yaitu dapat membuat tombol interaktif dengan sebuah movie atau obyek

2.4. Multimedia

Sistem adalah sesuatu yang terdiri atas obyek-obyek, unsur-unsur atau komponen yang bertata hubungan satu sama lain sedemikian rupa sehingga unsur -unsur yang ada merupakan satu kesatuan pemrosesan dan pengolahan. Sistem adalah kumpulan elemen-elemen yang terpisah atau saling berkaitan dan berfungsi memproses masukan dan menghasilkan keluaran yang diinginkan. Sistem komputer multimedia adalah suatu integritas atau gabungan dari teks, gambar, audio, video dan animasi.

Komputer multimedia merupakan standar sistem komputer yang menyediakan fasilitas multimedia. Sistem komputer tersebut harus mampu mengontrol pemakaian dari beberapa media sehingga memenuhi kriteria penyajian tampilan gambar dan suara yang cukup memadai. (Bambang E P, 2002)

2.4.1. Unsur-unsur Multimedia

Unsur – unsur pendukung dalam multimedia antara lain :

a. Teks Bentuk data multimedia yang paling mudah disimpan dan dikendalikan adalah teks. Teks merupakan yang paling dekat yang a. Teks Bentuk data multimedia yang paling mudah disimpan dan dikendalikan adalah teks. Teks merupakan yang paling dekat yang

b. Grafik Alasan untuk menggunakan gambar dalam presentasi atau publikasi multimedia adalah karena lebih menarik perhatian dan dapat mengurangi kebosanan dibandingkan dengan teks. Gambar dapat meringkas dan menyajikan data kompleks dengan cara yang baru dan lebih berguna. Sering dikatakan bahwa sebuah gambar mampu menyajikan seribu kata. Tapi ini berlaku hanya ketika pengguna biasa menampilkan gambar yang diinginkan saat memerlukannya. Multimedia membantu melakukan hal ini, yakni ketika gambar grafis menjadi objek suatu link. Grafis sering kali muncul sebagai backdrop (latar belakang) suatu teks untuk menghadirkan kerangka yang mempermanis teks. Secara umum ada lima macam gambar atau grafik yaitu gambar vektor (vector image), gambar bitmap (bitmap image), clip art , digitized picture dan hyperpicture (Wahana Komputer, 2003).

c. Bunyi atau Sound Bunyi atau sound dalam komputer multimedia, khususnya pada aplikasi bidang bisnis dan game sangat bermanfaat. Komputer multimedia tanpa bunyi hanya disebut unimedia, bukan multimedia.

Bunyi atau sound dapat tambahkan dalam produksi multimedia melalui suara, musik dan efek-efek suara. Seperti halnya pada grafik, semuanya dapat membeli koleksi sound disamping juga menciptakan sendiri. Beberapa jenis objek bunyi yang biasa digunakan dalam produksi multimedia yakni format waveform audio, compact disk audio, MIDI sound track dan mp3 (Wahana Komputer, 2003).

d. Video Video adalah rekaman gambar hidup atau gambar bergerak yang saling berurutan. Terdapat dua macam video yaitu video analog dan video digital. Video analog dibentuk dari deretan sinyal elektrik (gelombang analog) yang direkam oleh kamera dan dipancarluaskan melalui gelombang udara. Sedangkan video digital dibentuk dari sederetan sinyal digital yang berbentuk yang menggambarkan titik sebagai rangkaian nilai minimum atau maksimum, nilai minimum berarti 0 dan nilai maksimum berarti 1. Terdapat tiga komponen utama yang membentuk video digital yaitu frame rate, frame size dan data type . Frame rate menggambarkan berapa kali bingkai gambar muncul setiap detiknya, sementara frame size merupakan ukuran fisik sebenarnya dari setiap bingkai gambar dan data type menentukan seberapa banyak perbedaan warna yang dapat muncul pada saat bersamaan. (Wahana Komputer, 2003)

2.5. Internet

Internet, singkatan dari Interconnected Networking, adalah jaringan informasi global. Yang dimaksud internet adalah jaringan komunikasi global yang terbuka dan menghubungkan rbuan jaringan komputer, melalui sambungan telepon umum maupun pribadi (pemerintah maupun swasta). Internet muncul dari jarak jauh yang dikembangkan oleh ARPAnet (US Govern ment’s Advanced Research Projects AgencyNetwork atau Agen Proyek Riset lanjutan dari Pemerintah Amerika Serikat) di akhir tahun 60-an. Sambungan telepon cepat yang bervolume tinggi ternyata dapat diandalkan, sehingga jaringan ini kemudian diperluas selama 10 tahun berikutnya untuk menghubungkan 200 komputer di lembaga – lembaga riset maupun militer di AS dan di seluruh dunia. Ini secara jelas membuktikan bahwa hubungan antar jaringan (Internetworking) ternyata praktis dan sangat bermanfaat. Beberapa universitas di AS kemudian mengikutinya dengan membangun sistem mereka sendiri. Dalam pertengahan tahun 80-an, mereka bergabung dengan bagian riset dari ARPAnet, sehingga terbentuk internet. Hal yang penting untuk dicatat di sini adalah bahwa internet tidaklah dibangun untuk usaha komersial. Sehingga masih ada ketentuan Appropriate Use (Penggunaan Yang Semestinya). Yang membatasi pemanfaatan internet untuk kepentingan mencari untung. (Mac Bride, 1997)

2.6. Web

Secara teknis web hanya merupakan bagian dari internet, atau lebih tepatnya sebuah sarana yang dipakai untuk menjelajahi beberapa bagian dari Secara teknis web hanya merupakan bagian dari internet, atau lebih tepatnya sebuah sarana yang dipakai untuk menjelajahi beberapa bagian dari

Jadi web, pada satu tingkat merupakan InterFace sebuah jendela ke internet atau sebuah sarana untuk mengantar ke tempat tujuan yang diinginkan. Daya tariknya diperoleh dari tiga hal berikut :

a. Web memudahkan penggunaan perintah dan alamat di internet yang sebelumnya berbelit-belit dan susah dipahami.

b. Web menggabungkan aspek-aspek internet yang berbeda menjadi sebuah InterFace yang mudah dipahami.

c. Selain untuk membaca, web memungkinkan untuk mengamati gambar dan bahkan mendengarkan suara. (Cristian Crumlish, 1997)

2.7. Apache Web Server

Apache Web Server adalah sebuah perangkat lunak server web yang dapat dijalankan pada banyak sistem operasi (Unix, BSD, Linux, Microsoft windows dan Novell Netware serta Platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Apache juga didukung oleh sejumlah antar muka pengguna berbasis grafik yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembangan-pengembangan dibawah naungan Apache Software Foundation. (Jogiyanto, 2006)

2.8. Openwave Simulator

Openwave Simulator 7.0 adalah sebuah aplikasi berbasis Windows yang dapat digunakan untuk menguji bagaimana aplikasi mobile bekerja dengan Openwave mobile browser yang tertanam pada ponsel asli.

Openwave Simulator 7.0 berisi tentang file konfigurasi, telepon dan dapat menampilkan content dan disampaikan kedalam beberapa format termasuk XHTML Mobile Profile 1.0 (XHTML-MP) dengan Casding Style Sheets (CSS) dan Wireless Markup Language (WML). (www.openwave.com)

2.9. Basis Data (Database)

Entity adalah orang, tempat, kejadian atau konsep yang informasinya direkam. Sebagai contoh pada bidang kesehatan, entity adalah pasien, dokter, obat, kamar, diet.

Atribute adalah sebutan untuk mewakili entity, atau disebut juga dengan data elemen, data field, data item. Pada dasarnya setiap entity memiliki mempunyai attribute atu sebutan untuk mewakili entity. Di dalam entity dan attribute memiliki data data actual atau informasi yang tersimpan di dalamnya dan disebut dengan data value.

Kumpulan elemen-elemen yang saling berkaitan menginformasikan tentang suatu entity secara lengkap disebut dengan record. Satu record mewakili satu data atau informasi tentang seseorang misalnya, nomor pasien atau nama pasien.

Kumpulan record-record sejenis yang mempunyai panjang elemen yang sama, attribute yang sama, namun berbeda-beda data valuenya disebut dengan file. Jadi database dapat disimpulkan sebagai kumpulan file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk menginformasikan satu perusahaan, instansi dalam batasan tertentu. Bila terdapat file yang tidak dapat dipadukan atau dihubungkan dengan file lainnya berarti file tersebut bukanlah kelompok dari satu database, ia akan dapat membentuk database sendiri. (Kristanto, 2004)

2.10. PHP

Bahasa pemrograman PHP adalah bahasa pemrograman yang bekerja dalam sebuah web server. Script-script PHP yang dibuat harus tersimpan dalam web server dan dieksekusi atau diproses dalam server tersebut.

Beberapa keunggulan yang dimiliki program PHP :

a. PHP bersifat free atau gratis.

b. Beberapa server seperti Apache, Microsoft IIS, PWS, AOLserver,phttpd, fhttpd, dan Xitami mampu menjalankan PHP.

c. Tingkat akses PHP lebih cepat serta memiliki tingkat keamanan yang tinggi.

d. Beberapa database yang sudah ada, baik yang bersifat free/gratis ataupun komersial sangat mendukung akses PHP, di antarannya MySQL , PosgreSQL, mSQL,, Informix, dan MicrosoftSQL server.

e. PHP mampu berjalan di Linux sebagai platform sistem operasi utama bagi PHP, tetapi juga dapat berjalan di FreeBSD, Unix, Solaris, Windows , dan yang lainnya (MADCOMS, 2008).

2.11. Database MySQL

Database MySQL sebenarnya memiliki cakupan data yang luas, misalnya tentang instalasi database, administrasi database, triger, store procedure, pemilihan engine database MySQL (MyISAM, InnoDB), replikasi, dan sebagainya. MySQL mendukung banyak tipe data yang terbagi menjadi beberapa kategori, antara lain tipe numeric, tipe date and time, dan tipe string (MADCOMS, 2008).

BAB III ANALISIS, PERANCANGAN DAN PEMROGRAMAN

3.1. Analisis Pengguna

Dalam menyusun e-learning tutorial Adobe Flash berbasis web ini ataupun sebagai media pembelajaran maka diperlukan beberapa tahapan. Tahapan-tahapan tersebut diantaranya adalah perancangan desain. perancangan halaman depan, perancangan teks, perancangan gambar, dan perancangan video tutorial. Tujuan dari tahapan penyusunan pembuatan e- learning berbasis web ini adalah menghasilkan web e-learning pembelajaran yang baik dan berdaya guna serap bagi pengguna.

3.1.1. Analisis Kebutuhan Pengguna

Web e-learning ini disusun dan dirancang sebagai media pembelajaran yang dikhususkan pada tata cara pembuatan Animasi dua dimensi dengan menggunakan Software Adobe Flash untuk semua kalangan. Web ini dapat diakses melalui ponsel, PDA maupun web.

3.1.2. Sasaran Pembuatan E-learning Tutorial Adobe Flash

Sasaran Pembuatan e-learning tutorial Adobe Flash berbasis web ini adalah semua kalangan jadi tidak menutup kemungkinan dari kalangan siapapun.

3.2. Spesifikasi Sofware dan Hardware

Untuk pembuatan e-learning tutorial Adobe Flash berbasis web ini diperlukan software dan hardware dengan spesifikasi minimal sebagai berikut :

a. Perangkat Lunak

1. Microsoft Windows XP Professional

2. Adobe Flash CS3

3. Macromedia Dreamweaver

4. Paket Application Server Appserv (Apache, PHP, Mysql Server)

5. Openwave V7 Simulator

6. Adobe Photoshop CS 2

7. Cool Edit Professional 2.0

b. Perangkat Keras

1. Processor Intel Pentium IV 2.00 Ghz

2. Hardisk SATA 40 Gb

3. RAM 512

4. Mainboard ASUS

5. Speaker/ Mouse/ Keyboard

6. Monitor 14”

7. DVD RW

3.3. Konsep Pengembangan Web E-learning

Langkah yang dipergunakan untuk menentukan konsep pengembangan web e-learning ini meliputi : Langkah yang dipergunakan untuk menentukan konsep pengembangan web e-learning ini meliputi :

Web e-learning ini menggunakan konsep desain antar muka yang berbeda, namun masih menggunakan unsur warna yang hampir sama. Yang membedakan antara halaman satu dengan yang lain adalah isi dari halaman tersebut.

b. Konsep pembuatan web e-elearning.

Konsep yang digunakan oleh web e-learning ini adalah mengenalkan InterFace Flash, penggunaan tool, mendesain gambar, menganimasikan gambar dan pengenalan penggunaan ActionScript. Pada bagian halaman muka merupakan tampilan pemilihan beberapa kategori pengenalan. Yang dimana terdapat materi pengenalan berbentuk teks maupun video, untuk mempermudah pemahaman pengguna. Serta dibagian forum terdapat tanya jawab seputar pembuatan Flash.

3.4. Struktur Link

Untuk memudahkan dalam pencarian halaman tertentu dan memudahkan pengguna untuk melihat menu-menu yang diinginkan maka dibuat struktur link. Struktur link ini merupakan gambaran dari keseluruhan isi web e-learning yang dibuat. Adapun hubungan antar link pengguna dan admin pada web e-elearning serta hubungan antar link pengguna pada wap e-elearning ini dapat dilihat sebagai berikut :

Gambar 3.1 Struktur link pada pengguna

Gambar 3.2 Struktur link pada Admin

Gambar 3.3 Struktur Link pengguna versi mobile

3.5. Analisis dan Rancangan Aplikasi Database

Tahap perancangan struktur database adalah pembuatan table sesuai dengan kebutuhan yang berisi tentang perancangan database, Enitiy Relationship Diagram (ERD), desain antar muka (InterFase). Tabel berikut adalah tabel yang digunakan sebagai dasar pembuatan basis data yang merupakan salah satu komponen dalam pembuatan website e-learning.

3.5.1. Perancangan Database

a. Pembuatan Tabel Tutorial Nama tabel

: tutorial

Fungsi : penyimpanan data tutorial berbentuk text Tabel 3.1 Tutorial

Nama fields

11 Id record Judul

id *

Int

Judul tutorial Kategori

Varchar

25 Nama kategori Content

Varchar

Isi tutorial Tanggal

Text

Varchar

30 Tanggal posting

b. Tabel Tutorial Video Nama tabel

: video

Fungsi : penyimpanan data tutorial berbentuk video Tabel 3.2 Video

Nama fields

11 Id record Judul

Int

Judul tutorial Kategori

varchar 100

Nama kategori Content

varchar 25

Text

Isi tutorial berupa nama file video

Deskripsi

Text

Deskripsi video tutorial

Tanggal

varchar 30

Tanggal posting

c. Tabel Komentar Video Nama tabel

: video_comment

Fungsi : penyimpanan data komentar video Tabel 3.3 Komentar

Nama fields

Type

Lebar Keterangan

id*

11 Id record id_video

Int

Int

11 Id record video

Tanggal varchar 30 Tanggal komentar

Nama varchar 50 Nama pengomentar

Email varchar 20 Email pengomentar

Comment

Text

Isi komentar

d. Tabel Pengguna Nama tabel

: Pengguna

Fungsi : penyimpanan identitas nama pengguna dan password admin

Tabel 3.4 Pengguna

Nama fields

Type

Lebar Keterangan

id *

3 Id record Nama

Int

varchar 50

Nama pengguna

Pengguna

varchar 50

Login pengguna

3.5.2. Entity Relationship Diagram (ERD)

ERD Merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. Berikut ini adalah bentuk relasi tabel dalam website :

Gambar 3.4 Entity Relationship Diagram

3.5.3. Desain Rancangan Antarmuka (Interface)

Adapun isi dari tampilan halaman beserta strukturnya menjadi pedoman dalam mendesain. Dalam mendesain suatu tampilan halaman harus mempunyai format dan isi yang sesuai dengan materi yang akan ditampilkan dan kesesuaian agar membuat tampilan halaman lebih menarik dan enak untuk dilihat.

Dalam pembuatan desain halaman web e-elearning ini menggunakan aplikasi Dreaweaver karena program aplikasi ini merupakan aplikasi pengolah web dengan menggunakan database berfungsi sebagai mediator dan mampu memanipulasi suatu gambar atau foto yang dilengkapi menu-menu untuk menghasilkan efek-efek.

3.5.3.1. Halaman Client (desktop)

Pada tampilan website e-learning ini akan muncul teks atau tulisan dan video serta forum pada website e-learning tutorial Adobe Flash CS3. Desain halaman dalam website e-learning adalah sebagai berikut :

a. Rancangan halaman pembuka. Halaman Pembuka yaitu halaman dimana pertama kali ataupun secara otomatis pada saat pengguna mengakses website e-learning ini.

Gambar logo Home | Tutorial | Video | Forum | About | Contact

Kategori Basic

Design Animation ActionScript

Isi Home

Game Other

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.5 Desain rancangan halaman utama

b. Rancangan halaman kategori tutorial. Halaman yang dimana terdapat pilihan kategori tutorial berbentuk text untuk pengguna.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Tutorial

Basic

Pilih Kategori

Design Animation

Flash - Basic

ActionScript Game

Flash - Design Other Flash - Animation

Flash - ActionScript

Flash - Game

Flash – Other

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.6 Desain rancangan halaman kategori

c. Rancangan halaman daftar tutorial. Halaman daftar tutorial yang berfungsi untuk mencari daftar tutorial dan serta dapat mencari judul tutorial berbentuk text yang diinginkan pengguna.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Tutorial

Basic Design

Pencarian Judul :

Game Other

Judul Tutorial 1

Ringkasan Tutorial

Judul Tutorial 2

Ringkasan Tutorial

Navigasi Halaman

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.7 Desain Rancangan halaman tutorial

d. Rancangan halaman detail tutorial. Halaman detail tutorial ini berfungsi untuk menampilkan seluruh isi tutorial berbentuk text yang dipilih pengguna.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Tutorial

Basic Design

Print View Animation

Nama Kategori

Judul Tutorial

ActionScript Game

Isi Tutorial

Other Navigasi Halaman

Tutorial Lain :

Judul Tutorial 1

Ringkasan Tutorial

Judul Tutorial 2

Ringkasan Tutorial

Navigasi Halaman

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.8 Desain rancangan detail tutorial

e. Rancangan halaman kategori video. Halaman yang dimana terdapat pilihan kategori tutorial berbentuk text untuk pengguna.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Video Tutorial

Basic

Pilih Kategori

Design Animation

Flash - Basic

ActionScript Game

Flash - Design Other Flash - Animation

Flash - ActionScript

Flash - Game

Flash – Other

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.9 Desain rancangan halaman kategori video

f. Rancangan halaman daftar video tutorial. Halaman daftar video tutorial yang berfungsi untuk mencari daftar tutorial berbentuk video dan serta dapat mencari judul tutorial berbentuk video yang diinginkan pengguna.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Video Tutorial

Basic Design

Pencarian Judul :

Game Other

Judul Tutorial 1

Deskripsi Video

Judul Tutorial 2

Deskripsi Video

Navigasi Halaman

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010

Gambar 3.10 Desain rancangan halaman video

g. Rancangan halaman detail video. Halaman detail video ini berfungsi untuk menampilkan seluruh isi video yang dipilih pengguna dan serta pengguna dapat memberikan komentar tentang video tutorial tersebut.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Video Tutorial

Basic Design

Print View Animation

Nama Kategori

Judul Tutorial

ActionScript Game Other

Video

Deskripsi Video Komentar :

Nama Pengirim (Email Pengirim) Tanggal Komentar Isi Komentar

#Nomor Komentar

Nama Pengirim (Email Pengirim) Tanggal Komentar Isi Komentar

#Nomor Komentar

Navigasi halaman

Tambah komentar

Tutorial Lain :

Judul Tutorial 1

Ringkasan Tutorial

Judul Tutorial 2

Ringkasan Tutorial

Navigasi Halaman

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.11 Desain rancangan halaman detail video Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.11 Desain rancangan halaman detail video

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Basic Design Animation

Isi About

ActionScript Game Other

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.12 Desain rancangan halaman about

i. Rancangan halaman forum. Halaman forum ini berisi tentang tanya jawab antar pengguna dan admin seputar tutorial Adobe Flash.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Masuk Daftar

Isi Forum

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.13 Desain rancangan halaman forum

j. Rancangan halaman contact. Halaman ini berisi tentang alamat yang bisa dihubungi pengguna.

Gambar logo Home | Tutorial | Video | Forum | About | Contact Kategori

Basic Design Animation

Isi contact

ActionScript Game Other

Home | Tutorial | Video Tutorial | Forum | About | Contact Copyright © 2010 Gambar 3.14 Desain rancangan halaman contact

3.5.3.2. Halaman Client (mobile)

Pada tampilan pembuka wapsite e-learning ini akan muncul teks atau tulisan tentang e-learning tutorial adobe flash CS3. Desain halaman dalam wapsite e-learning adalah sebagai berikut :

a. Rancangan halaman pembuka. Halaman Pembuka yaitu halaman dimana pertama kali ataupun secara otomatis pada saat pengguna mengakses wapsite e-learning ini.

Gambar logo Home | Tutorial | Contact

Isi Home

Home | Tutorial | Contact View Desktop Version Gambar 3.15 Desain rancangan halaman utama versi mobile

b. Rancangan halaman kategori tutorial. Halaman yang dimana terdapat pilihan kategori tutorial berbentuk text untuk pengguna.

Gambar logo Home | Tutorial | Contact

Tutorial

Pilih Kategori

Flash - Basic Flash - Design Flash - Animation Flash - ActionScript Flash - Game Flash – Other

Home | Tutorial | Contact View Desktop Version Gambar 3.16 Desain rancangan halaman kategori versi mobile

c. Rancangan halaman daftar tutorial. Halaman daftar tutorial yang berfungsi untuk daftar tutorial dan serta dapat mencari judul tutorial berbentuk text yang diinginkan pengguna.

Gambar logo Home | Tutorial | Contact

Tutorial

Pencarian Judul :

Cari

Reset

Judul Tutorial 1

Ringkasan Tutorial

Judul Tutorial 2

Ringkasan Tutorial Navigasi Halaman

Home | Tutorial | Contact View Desktop Version Gambar 3.17 Rancangan halaman daftar tutorial versi mobile Home | Tutorial | Contact View Desktop Version Gambar 3.17 Rancangan halaman daftar tutorial versi mobile

Gambar logo Home | Tutorial | Contact

Tutorial

Nama Kategori Print View

Judul Tutorial

Isi Tutorial

Navigasi Halaman

Tutorial Lain :

Judul Tutorial 1

Dokumen yang terkait

AN ALIS IS YU RID IS PUT USAN BE B AS DAL AM P E RKAR A TIND AK P IDA NA P E NY E RTA AN M E L AK U K A N P R AK T IK K E DO K T E RA N YA NG M E N G A K IB ATK AN M ATINYA P AS IE N ( PUT USA N N O MOR: 9 0/PID.B /2011/ PN.MD O)

0 82 16

Anal isi s L e ve l Pe r tanyaan p ad a S oal Ce r ita d alam B u k u T e k s M at e m at ik a Pe n u n jang S MK Pr ogr a m Keahl ian T e k n ologi , Kese h at an , d an Pe r tani an Kelas X T e r b itan E r lan gga B e r d asarkan T ak s on om i S OL O

2 99 16

IMPLEMENTASI MODEL COOPERATIVE LEARNING TIPE STAD (STUDENT TEAMS ACHIEVEMENT DIVISION) UNTUK MENINGKATKAN HASIL BELAJAR SISWA PADA POKOK BAHASAN MENGENAL UNSUR BANGUN DATAR KELAS II SDN LANGKAP 01 BANGSALSARI

1 60 18

Modul TK E 2016 150 hlm edit Tina M imas

2 44 165

Pengaruh Persepsi Kemudahan dan Kepuasan Wajib Pajak Terhadap Penggunaan E Filling (Survei Pada Wajib Pajak Orang Pribadi Di Kpp Pratama Soreang)

12 68 1

PENGARUH ARUS PENGELASAN TERHADAP KEKUATAN TARIK PADA PENGELASAN BIMETAL (STAINLESS STEEL A 240 Type 304 DAN CARBON STEEL A 516 Grade 70) DENGAN ELEKTRODA E 309-16

10 133 86

PERBANDINGAN HASIL BELAJAR FISIKA SISWA ANTARA MODEL PEMBELAJARAN KOOPERATIF TIPE THINK PAIR SHARE (TPS) DENGAN MODEL PEMBELAJARAN PROBLEM BASED LEARNING (PBL)

11 75 34

PENERAPAN MODEL COOPERATIVE LEARNING TIPE TPS UNTUK MENINGKATKAN SIKAP KERJASAMA DAN HASIL BELAJAR SISWA KELAS IV B DI SDN 11 METRO PUSAT TAHUN PELAJARAN 2013/2014

6 73 58

EFEKTIVITAS MODEL LEARNING CYCLE 6E PADA MATERI KOLOID DALAM MENINGKATKAN KETERAMPILAN MENGELOMPOKKAN DAN MENGKOMUNIKASIKAN

2 37 45

PENERAPAN MODEL PROBLEM BASED LEARNING (PBL) UNTUK MENINGKATKAN AKTIVITAS DAN HASIL BELAJAR SISWA KELAS IV SD NEGERI 2 BANJARREJO BATANGHARI LAMPUNG TIMUR TAHUN PELAJARAN 2014/2015

0 24 52