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