Tahap Keluaran
4.2. Tahap Keluaran
Tahap keluaran merupakan tahap hasil akhir pengeditan Web e-learning Tutorial Adobe Flash CS3. Hasil publikasi untuk ditampilkan kedalam web yang telah terkoneksi internet.
4.2.1. Halaman Client (desktop)
ada tampilan website e-learning ini akan muncul teks atau tulisan dan video serta forum pada website e-learning tutorial adobe flash CS3. Bentuk halaman dalam website e-learning adalah sebagai berikut:
a. Halaman pembuka. Halaman pembuka yaitu halaman yang dimana pertama kali ataupun secara otomatis pada saat pengguna mengakses website e-learning ini.
Gambar 4.19 Halaman pembuka pada desktop
b. Halaman kategori tutorial. Halaman yang dimana terdapat pilihan kategori tutorial berbentuk teks untuk pengguna.
Gambar 4.20 Halaman kategori tutorial pada desktop
c. Halaman daftar tutorial. Halaman daftar tutorial yang berfungsi untuk menampilkan daftar tutorial dan serta dapat mencari judul tutorial berbentuk teks yang diinginkan pengguna.
Gambar 4.21 Halaman daftar tutorial pada desktop
d. Halaman detail tutorial. Halaman detail tutorial ini berfungsi untuk menampilkan seluruh isi tutorial berbentuk teks yang dipilih pengguna.
Gambar 4.22 Halaman detail tutorial pada desktop
e. Halaman kategori video. Halaman kategori yang dimana terdapat pilihan kategori tutorial berbentuk teks untuk pengguna.
Gambar 4.23 Halaman kategori video tutorial pada desktop
f. Halaman daftar video tutorial. Halaman daftar video tutorial yang berfungsi untuk menampilkan daftar tutorial berbentuk video dan serta dapat mencari judul tutorial berbentuk video yang diinginkan pengguna.
Gambar 4.24 Halaman daftar video tutorial pada desktop
g. H alaman 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 4.25 Halaman detail video tutorial pada Desktop
h. Halaman forum. Halaman forum ini berisi tentang tanya jawab antar pengguna dan admin seputar tutorial Adobe Flash.
Gambar 4.26 Halaman Forum pada Desktop
i. Halaman about. Halaman about ini berisi tentang visi dan misi web e-learning tutorial Adobe Flash.
Gambar 4.27 Halaman about pada Desktop
j. Halaman contact. Halaman ini berisi tentang alamat yang bisa dihubungi pengguna.
Gambar 4.28 Halaman contact pada desktop
4.2.2. Halaman Client (mobile)
Pada tampilan pembuka wapsite e-learning ini akan muncul teks atau tulisan tentang e-learning tutorial Adobe Flash CS3. Bentuk halaman dalam wapsite e-learning adalah sebagai berikut:
a. Halaman pembuka. Halaman Pembuka yaitu halaman dimana pertama kali ataupun secara otomatis pada saat pengguna mengakses wapsite e-learning ini.
Gambar 4.29 Halaman pembuka pada mobile
b. Halaman kategori tutorial. Halaman yang dimana terdapat pilihan kategori tutorial berbentuk teks untuk pengguna.
Gambar 4.30 Halaman kategori tutorial pada mobile
c. Halaman daftar tutorial.
Halaman daftar tutorial yang berfungsi untuk daftar tutorial dan serta dapat mencari judul tutorial berbentuk teks yang diinginkan pengguna.
Gambar 4.31 Halaman daftar tutorial pada mobile
d. Halaman detail tutorial. Halaman detail tutorial ini berfungsi untuk menampilkan seluruh isi tutorial berbentuk teks yang dipilih pengguna.
Gambar 4.32 Halaman detail tutorial pada mobile Gambar 4.32 Halaman detail tutorial pada mobile
Gambar 4.33 Halaman contact pada mobile
4.2.3. Halaman Administrator
Pada tampilan pembuka administrator pada website e-learning ini akan pengaturan tentang e-learning tutorial Adobe Flash CS3 sehingga isi dalam pembahasan bisa diubah-ubah. Bentuk halaman administrator dalam website e- learning adalah sebagai berikut:
a. Halaman login administrator. Halaman ini untuk mengakses halaman admin bagi pengguna yang terdaftar sebagai admin.
Gambar 4.34 Halaman login admin pada desktop
b. Halaman administrator. Halaman ini berfungsi sebagai halaman pembuka pada halaman admin.
Gambar 4.35 Halaman pembuka admin pada desktop
c. Halaman edit tutorial. Halaman ini berfungsi untuk melihat dan mengatur daftar tutorial teks yang sudah ada.
Gambar 4.36 Halaman edit tutorial pada desktop
d. Halaman tambah tutorial. Halaman ini berfungsi untuk menambah tutorial berbentuk teks.
Gambar 4.37 Halaman tambah tutorial pada desktop
e. Halaman detail tutorial. Halaman ini berfungsi untuk melihat isi keseluruhan tutorial berbentuk teks yang dipilih.
Gambar 4.38 Halaman detail tutorial pada desktop
f. Halaman edit video tutorial. Halaman ini berfungsi untuk melihat dan mengatur daftar tutorial video yang sudah ada.
Gambar 4.39 Halaman daftar edit video tutorial pada desktop
g. Halaman tambah video. Halaman ini berfungsi untuk menambah tutorial berbentuk video.
Gambar 4.40 Halaman tambah video tutorial pada desktop
h. Halaman detail video tutorial. Halaman ini berfungsi untuk melihat isi keseluruhan tutorial berbentuk video yang dipilih.
Gambar 4.41 Halaman detail video tutorial pada desktop
i. Halaman setting. Halaman ini yaitu halaman awal pada halaman pengaturan.
Gambar 4.42 Halaman setting pada desktop
j. Halaman pengguna administration. Halaman ini berfungsi sebagai pengatur pengguna admin.
Gambar 4.43 Halaman pengguna administrator pada desktop k. Halaman edit pengguna. Halaman ini berfungsi sebagai halaman pengaturan pengguna pada admin.
Gambar 4.44 Halaman edit pengguna administrator pada desktop