Tutorial Website Non Refrsh
-
Upload
semesta-mandiri -
Category
Education
-
view
302 -
download
0
description
Transcript of Tutorial Website Non Refrsh
![Page 1: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/1.jpg)
SELAMAT DATANG DI PANDUAN WEBSITE NON REFRESHBARA CIPTA MEDIA
Oleh : Drs.Imam Wahyudi
![Page 2: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/2.jpg)
Mozila Firefox Adobe Photoshop 7.0
SN Adobe Photoshop 7.0 Winrar
Adobe Reader Install Flash Player
Converter Pdf To Word Keygen Gbook
Selamat datangdi instalasi program
Pendukung Editing Website Non RefreshBara Cipta Media
CARA INSTALASI PROGRAM
Info Penting : Sebelum anda menginstal Program-program lain, sebaiknya dahulukan
Instal Program Team Viewer, karena dengan program tersebut anda bisa kami pandu dari jauh dalam hal pengeditan ketika anda mendapat kesulitan, lebih jelasnyanya klik Disini
Team Viewer
![Page 3: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/3.jpg)
LOGO
Dalam tahapan ini langkah awal kita adalah menyiapkan beberapa perangkat lunak,yang salah satunya Program Browser yang bernama Mozilla Firefox dan satu lagi adalah jaringan internet yang bisa berupa jaringan telkom Speedy atau Modem Mobile,Seperti smartfren, telkom flash dan lain sebagainya.
Untuk lebih jelasnya silahkan ikuti petunjuk. Komputer dalam keadaan terkoneksi dengan jaringan Internet
CARA MEMBUKA WEBSITE
Next
![Page 4: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/4.jpg)
LOGOPreview Next
![Page 5: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/5.jpg)
LOGO
Klik 2 kali Mozilla Firefox lihat panah,setelah itu ganti nama https://www.google.co.id/ dengan nama website sekolah anda
Preview Next
TAHAPAN PENGGUNAAN BROWSER
![Page 6: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/6.jpg)
LOGOPreview Next
TAMPILAN UTAMA Goggle Seacrh Engine
![Page 7: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/7.jpg)
LOGO
Setelah anda mengganti alamat Goggle dengan alamat Website Sekolah anda maka tampilan akan seperti gambar dibawah ini
Preview
TAMPILAN UTAMA Website Sekolah
Next
![Page 8: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/8.jpg)
LOGO
1. Konten – Konten Pada Tampilan Website
1. Konten header
2. Konten Navigasi
3. Konten Atas
4. Konten Kiri
5. Konten Kanan
6. Konten Top
7. Konten Top Satu
8. Konten Tengah
10. Konten Fix Kiri
10. Konten Fix kanan
Preview Next
![Page 9: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/9.jpg)
LOGO
Gambar Konten Header
Konten Header adalah konten kepala yang memuat tampilan nama sekolah,alamat dan logo sekolah yang keseluruhan tampilannya dapat dirubah sesuai dengan kebutuhan pengguna website. Didalam konten header terdapat konten header satu dan konten header dua, yang apabila konten header satu atau konten header dua digunakan maka akan menutup konten header utama. Konten header juga dapat digunakan sebagai alat untuk me-refres website apabila website telah selesai diedit
Preview Next
![Page 10: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/10.jpg)
LOGO
Gambar Konten Navigasi
Konten Navigasi adalah konten yang
memuat menu dan sub menu dari
website yang datanya dapat dilihat oleh
semua pengunjung tetapi tidak dapat
dirubah kecuali oleh user
Preview Next
![Page 11: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/11.jpg)
LOGO
Gambar Konten AtasKonten atas adalah konten yang memuat berita slide dan gambar vertikal, isi dari konten atas ini bisa dirubah sesuai dengan keinginan kita. Karena website kami adalah website yang dinamis, maka kami menyediakan fasilitas untuk konten atas kedalam beberapa konten, yaitu konten atas, konten atas satu dan konten atas dua, dimana kesemua konten tersebut dapat diaktifkan bersamaan.
Preview Next
![Page 12: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/12.jpg)
LOGO
Gambar Konten Kiri
Didalam konten kiri terdapat beberapa plugin diantaranya plugin waktu yang menunjukan hari, tanggal, bulan dan tahun yang terprogram. Plugin validasi yang berfungsi untuk user, admin dan member dimana didalamnya terdapat layanan-layanan yang terdapat didalam website dengan catatan user,admin dan member harus melakukan login terlebih dahulu dengan menggunakan email dan password yang sudah dibuat oleh user. Plugin sekilas berita news viva adalah plugin yang memuat berita-berita terupdate yang sudah terhubung dengan link tertentu. Plugin buku tamu adalah plugin yang didalamnya memuat daftar pengunjung beserta komentarnya. Plugin yahoo messenger adalah plugin yang berfungsi untuk pelayanan tanya jawab/chatting baik bagi pengunjung maupun member. Plugin-plugin diatas penempatannya dapat dipindahkan dan ditambah sesuai dengan keinginan dan kebutuhan anda.
Preview Next
![Page 13: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/13.jpg)
LOGO
Gambar Konten Kanan
Seperti halnya konten kiri, konten kanan pun mempunyai beberapa plugin diantaranya:• Plugin jam, dimana perputaran jam ini sudah di sesuaikan berdasarkan wilayah yang ada di indonesia.• Plugin musik + Mp3, salah satu fasilitas hiburan yang disediakan oleh Baracipta Media yang didalamnya bisa ditambah sesuai dengan selera masing-masing user• Plugin slide gambar putar, plugin yang didalamnya terdapat informasi yang sudah dihubungkan dengan link tertentu.• Plugin daftar pengunjung, adalah plugin yang menunjukan berapa banyak orang yang telah mengunjungi website kita.• Link ekternal, adalah plugin yang didalamnya dapat diisi dengan link website tertentu sesuai dengan keinginan
Preview Next
![Page 14: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/14.jpg)
LOGO
Didalam web ini konten top terdiri dari beberapa model plugin diantaranya konten top, konten top satu dan konten top dua yang keseluruhannya dapat diaktifkan secara bersamaan, gambar konten top diatas berisi teks header dimana isi dan besar kontennya dapat dirubah sesuai keinginan.
Gambar Konten Top
Preview Next
![Page 15: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/15.jpg)
LOGO
Gambar Konten Top DuaKonten Top Dua adalah konten yang dapat diisi dengan beberapa gambar, plugin untuk konten top dua ini berisi slide gambar utama dimana penempatan plagin ini tidak hanya di konten top dua tetapi bisa ditempatkan dikonten-konten lain seperti di konten top satu, konten atas satu dan dua.
Preview Next
![Page 16: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/16.jpg)
LOGO
Gambar Konten Tengah
Didalam konten tengah ini dapat diisi oleh berita yang dapat disisipi gambar atau foto, plugin yang terdapat dalam konten ini adalah berita utama standar.
Berita yang dapat dimuat dalam konten ini jumlahnya tidak terbatas karena website ini menyediakan fasilitas yang lengkap termasuk sinkronisasi dengan microsoft office.
Preview Next
![Page 17: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/17.jpg)
LOGO
Gambar Konten Fix Kiri
Didalam konten fik kiri kami menyediakan fasilitas link ke akun jejaring sosial dimana akun jejaring sosial ini dapat langsung diakses melalui website ini tanpa harus keluar dari website atau tanpa harus membuka tab baru
Preview Next
![Page 18: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/18.jpg)
LOGO
Gambar Konten Fix Kanan
Kami juga menyediakan fasilitas hiburan berupa audioflash yang isinya dapat ditambahkan sesuai dengan keinginan dan selera dari pengguna website ini (user).
PreviewNext
![Page 19: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/19.jpg)
LOGO
Selanjutnya kita beralih ke admin
( editing Website )
• Ada beberapa langkah yang harus diperhatikan dalam pengelolaan admin tersebut,salah satunya adalah dimana setiap admin diharuskan login terlebih dahulu,langkah pertama tulis nama domain di kolom addres Google yang di akhiri dengan garis miring admin contoh www.sample.baracipta.co.id/admin lihat gambar
• Jika sudah berhasil maka tampilan akan seperti klik disini • Selanjutnya anda klik login setelah anda memasukan email dan
password,contoh lihat di gambar • Jika berhasil maka gambar akan seperti berikut. klik disini• Pada tampilan editing disana terdapat menu editing lihat
digambar• Sebelum kita melangkah pada tahap pengeditan,perhatikan
struktur diagram Website berikut, lihat gambarPreview Next
![Page 20: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/20.jpg)
LOGO
Gambar masuk admin
Preview Next
![Page 21: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/21.jpg)
LOGO
Gambar administrasi login
Preview Next
![Page 22: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/22.jpg)
LOGO
Gambar tampilan login
Preview Next
![Page 23: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/23.jpg)
LOGO
Gambar utama editing
Preview Next
![Page 24: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/24.jpg)
LOGO
Gambar konten menu Pengeditan
Preview Next
![Page 25: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/25.jpg)
LOGO
Gambar Diagram Website
Preview Next
![Page 26: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/26.jpg)
LOGO
Selanjutnya kita beralih ke admin
( editing Website ) • Ada beberapa langkah yang harus diperhatikan dalam pengelolaan
admin tersebut,salah satunya adalah dimana setiap admin diharuskan login terlebih dahulu,langkah pertama tulis nama domain di kolom addres Google yang di akhiri dengan garis miring admin contoh www.sample.baracipta.co.id/admin lihat gambar
• Jika sudah berhasil maka tampilan akan seperti klik disini • Selanjutnya anda klik login setelah anda memasukan email dan
password,contoh lihat di gambar • Jika berhasil maka gambar akan seperti berikut. Gambar klik disini• Pada tampilan editing disana terdapat menu editing lihat digambar• Sebelum kita melangkah pada tahap pengeditan,perhatikan struktur
diagram Website berikut, lihat gambar
Preview Next
![Page 27: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/27.jpg)
LOGO
Gambar masuk admin
Preview Next
![Page 28: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/28.jpg)
LOGO
Gambar administrasi login
Preview Next
![Page 29: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/29.jpg)
LOGO
Gambar tampilan login
Preview Next
![Page 30: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/30.jpg)
LOGO
Gambar utama editingPreview Next
![Page 31: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/31.jpg)
LOGO
Gambar 1. konten menu Pengeditan
Preview Next
![Page 32: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/32.jpg)
LOGO
Gambar Diagram Website
Preview Next
![Page 33: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/33.jpg)
LOGO
TATA CARA PENGEDITAN
Untuk mengubah tampilan Header,langkah awal anda arahkan kursor anda ke edit Templat kemudian klik edit templat header lihat gambar berikut.
Kemudian ubah semua teks dan warna dalam setiap kolom sesuai dengan keinginan anda.
Untuk mengubah logo Gambar silahkan klik Browser ambil file dari komputer anda,dengan catatan gambar sudah di save for web dengan program adobe Photoshop.
Setelah selesai klik kata simpan yang berada dipojok kanan atas.lihat gambar
Preview Next
![Page 34: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/34.jpg)
LOGO
Gambar pada menu edit templat
Preview Next
![Page 35: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/35.jpg)
LOGO
Gambar Edit Templat Header
Keterangan.1. Untuk nomor 1,2,3 anda bisa isi dengan
teks pilihan anda 2. Untuk Nomor 4 dalam pengisian
warna,anda hanya mengklik kolom warna putih dan sesuaikan dengan warna selera anda.
3. Untuk No.5 anda bisa mengambil gambar sesuai dengan selera anda,dengan catatan gambar harus di save for web di program photoshop terlebih dahulu.
4. Untuk No.6,7,8 cara pengisiannya sama dengan kolom 1,2,3
1
2
34
5
67
8
Preview Next
![Page 36: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/36.jpg)
LOGO
Klik gambar simpan
Setelah tahapan selesai selanjutnya anda klik tombol simpan,lihat panah
Preview Next
![Page 37: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/37.jpg)
LOGO
Cara pengeditan navigasi
Pada menu Navigasi terdapat dua perintah,yaitu menu utama dan sub menu,lihat gambar disini
Untuk mengubah, dan menambah menu utama,klik menu utama
Kemudian akan tampil gambar seperti berikut,klik disini
Untuk menghapus menu utama yang sudah ada,centang kotak yang berada disebelah kiri,kemudian klik hapus, lihat gambar.
NextPreview
![Page 38: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/38.jpg)
LOGO
Untuk menambah,mengubah dan menghapus sub menu, sama halnya dengan cara pada pengeditan di menu utama, tetapi pada sub menu ini anda dapat mengubah sub menu yang ada.
Untuk menghapus sub menu yang sudah ada,centang kotak yang berada disebelah kiri,kemudian klik hapus.lihat gambar.
Untuk mengubah teks pada sub menu klik teks yang anda inginkan maka akan tampil tampilan seperti berikut,lihat gambar
Untuk menambah sub menu klik buat yang berada pada pojok kanan atas, maka akan tampil seperti ini, lihat gambar
NextPreview
![Page 39: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/39.jpg)
LOGO
Tahapan editing pada menu navigasi,pertama kita klik edit navigasi lalu pilih sub menu mana yang kita ingin edit.cotoh kita akan mengedit Sub Menu Utama,maka kita kik sun menu utama jika kita ingin menambah atau menghapus sub menu maka kita pilih sub menu.
Preview Next
![Page 40: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/40.jpg)
LOGO
Gambar tampilan pada menu utama
Preview Next
![Page 41: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/41.jpg)
LOGO
Gambar 1. cara menambah menu utama
Gambar 2. cara membuat menu utama
Preview Next
![Page 42: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/42.jpg)
LOGO
Gambar Tambah menu utama
Keterangan :
Langkah pertama dalam konten ini pertama klik menu utama pada edit navigasi setelah itu anda isi kolom-kolom yang ada, Setelah selesai jangan lupa klik simpan yang berada pada pojok kanan atas ,
Preview Next
![Page 43: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/43.jpg)
LOGO
Keterangan : untuk pilihan pada kolom kedua,anda sesuaikan dengan isi pada menu utama,kemudian klik tombol simpan lihat panah pada pojok sebelah kanan atas
Tahapan membuat sub menu utama
Preview Next
![Page 44: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/44.jpg)
LOGO
Gambar 1. cara menghapus menu utama dan sub menu
Dalam tahapan ini pertama kita centang kolok pitih yang ada di sebelah kanan lihat panah merah sebelah kiri,selanjutnya anda klik hapus pada tombol hapu di pojok kanan atas lihat panah
Preview Next
![Page 45: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/45.jpg)
LOGO
Cara mengedit konten artikel
Pada konten artikel terdapat dua perintah yaitu, Berita Utama Slide dan Berita Utama Standar, lihat gambar
Pada konten artikel Berita Utama Slide anda dapat membuat, mengubah dan menghapus Artikel yang ada
Untuk membuat Artikel Berita Utama Slide langkah awal adalah klik buat yang berada pada pojok kanan atas, lihat gambar
Kemudian anda dapat membuat berita utama slide yang diinginkan lihat gambar
Untuk menghapus berita utama slide,yaitu dengan cara lihat gambar.
Untuk membuat berita utama standar,sama halnya seperti membuat berita pada berita utama slide.lebih jelasnya lihat gambar.
Preview Next
![Page 46: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/46.jpg)
LOGO
Gambar Menu Konten Artikel
Preview Next
![Page 47: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/47.jpg)
LOGO
Gambar Membuat Berita Utama Slide
Preview Next
![Page 48: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/48.jpg)
LOGO
Gambar Membuat Berita Utama Slide
Preview Next
![Page 49: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/49.jpg)
LOGO
Gambar Menghapus Berita Utama Slide/berita Standar
Preview Next
![Page 50: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/50.jpg)
LOGO
Gambar membuat
Berita Utama Standar
Preview Next
![Page 51: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/51.jpg)
LOGO51
CARA MENGOPERASIKAN KONTEN MODUL
Dalam konten ini terdapat banyak beberapa konten plugin dimana konten-konten itu dapat kita kelola sesuai dengan keinginan kita dan dalam konten modul ini kita dapat memindahkan posisi letak plugin sesuai dengan keinginan kita.langkah pertama dalam pengoperasian konten ini dapat kita lihat gambar
Preview Next
![Page 52: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/52.jpg)
LOGO
Gambar Konten Modul
Dalam konten ini anda dapat merubah,mengganti,menghapus,
menunda konten juga menambah konten yang sudah ada.
Preview Next
![Page 53: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/53.jpg)
LOGO
Tampilan Pada Konten Modul
• Klik Plugin Slide Gambar Utama, maka gambar akan tampak seperti gambar 2Gambar 1 . Plugin yang ada di konten modul Plugin
Preview Next
![Page 54: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/54.jpg)
LOGO
Gambar 2 . Konten TOP Dua
1. untuk konten ini anda dapat mengisi file berupa fhoto,gambar teks dan anda dapat memindahkan posisi konten ini.lihat gambar
2. Selanjutnya anda klik Uppload,edit dan ubah semua fhoto dengan konten ini maka gambar akan tampak seperti gambar 3
Tampilan Pada Slide Gambar Utama
Preview Next
![Page 55: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/55.jpg)
LOGO
Tampilan Pada Uppload,edit dan ubah semua fhoto dengan konten ini
Gambar 3 . Konten TOP Dua
Preview Next
![Page 56: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/56.jpg)
LOGO
Setelah melakukan cara 3 maka selanjutnya anda melakukan proses Upload gambar,dengan catatan file yang akan di Uppload terlebih dahulu sudah di save for web pada Photoshop,agar pembacaan ulang pada web menjadi lebih ringan.
Langkah – langkah Proses Uppload
Gambar .1
Gambar .2
Pada gambar 2 anda pilih file dimana anda menyimpan file tersebut,setelah itu klik open,selanjutnya klik Uppload gambar 3 tunggu sampai proses Uppload selesai
Gambar .3
Preview Next
![Page 57: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/57.jpg)
LOGO
Setelah anda selesai dalam tahap ini,selanjutnya anda lihat di tampilan website utama dan klik Refresh
Preview Next
![Page 58: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/58.jpg)
LOGO
Tampilan Finis Pada Slide Gambar Utama
Preview Next
![Page 59: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/59.jpg)
LOGO
Pengoperasian Pada Edit Akun dan Absen
Pada menu ini terdapat beberapa sub menu,diantaranya,Editing Akun,Editing Jam Hadir,Editing Jadwal Hari Libur,Editing
Tanggal Absensi Mulai,Editing Keterangan Hadir,Editing Tampilan Teks Detail Propil,Editing Akun Member,Editing Tampilan
Teks Detail Member.yang keseluruhannya mempunyai fungsi dan tata letak yang berbeda.
1. Editing Akun sub menu Edit Akun
Klik menu Edit Akun dan Absen
Kemudian klik Editing Akun
Setalah anda mengklik sub menu Editing akun, maka selanjutnya anda klik buat di Menu Buat Akun Baru Panah kanan
No.1.Jika anda ingin membuat admin baru,selanjutnya anda isi kolom yang ada di sebelah kanan tampilan. Editing Web lihat
Gambar
Cara mengisi File fhoto pada akun guru pada Editing Akun Langkah Pertama ialah isi semua kolom yang tersedia,jangan sampai kosong,selanjutnya dalam penginputan file fhoto terlebih
dahulu anda sesuaikan ukuran fhoto dengan keinginan anda,dengan catatan file tersebut harus di save for web pada program photoshop dengan tujuan untuk memperkecil size file tersebut agar lebih ringan dalam proses pengulangan baca pada web.
Selanjutnya Klik Choose File panah no.1 setelah itu klik Upload panah no.2 tunggu sampai proses selesai dengan tanda
untuk lebih jelasnya lihat gambar
File Sukses di Uppload
Preview Next
![Page 60: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/60.jpg)
LOGO
Gambar 1.
Preview Next
![Page 61: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/61.jpg)
LOGO
Gambar 1.
Gambar 2.
1. Tahap Awal,Klik Editing Akun dan Absen,kemudian pilih Edit Akun
2. jika ingin mengedit anda cukup mengklik nama pada kolom 2 Buat Akun kemudian anda edit pada Kolom yang ada di sebelah kanan
Preview Next
![Page 62: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/62.jpg)
LOGO
Membuat Akun Baru Siswa
Perhatikan tahapan pada nomor urutGambar 1.
Preview Next
![Page 63: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/63.jpg)
LOGO
2. Editing Jam Hadir Dalam Sub Menu ini terdapat beberapa menu yang mempunyai fungsi yang berbeda
diantaranya : Jam Awal Masuk ( Pada bagian ini anda dapat menyesuaikan jadwal waktu yang bisa anda
tentukan sendiri ) Jam Akhir Masuk ( Pada bagian ini anda dapat menentukan kapan batas waktu akhir masuk) Jam Akhir Terlambat 1 ( Pada bagian ini anda dapat menentukan kapan batas waktu minimal
keterlambatan bagi pegawai/guru) Jam Akhir Terlambat 2 ( Pada bagian ini sekolah dapat menetukan kapan batas waktu
maksimal keterlambatan bagi pegawai/guru) Jam Pulang ( Pada bagian ini sekolah dapat menentukan kapan batas akhir waktu dalam
kegiatan belaja mengajar di sekolah) Jam Lembur Awal ( Pada bagian ini sekolah dapat menentukan kapan dimulainya awal
waktu untuk lembur pegawai/guru ) Jam Lembur Akhir ( untuk bagian ini sekolah dapat menentukan kapan batas waktu lembur
berakhir.) Waktu Indonesia Bagian ( Untuk Menu ini sekolah dapat menyesuaikan waktu bagian
mana,sesuai dengan wilayah masing-masing )
>> Untuk tahapan pengolahan Sub Menu Editing Jam Hadir anda lihat gambar klik disini
Preview Next
![Page 64: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/64.jpg)
LOGO
1. Untuk tahapan ini langkah pertama anda klik nama pada kolom edit uraian hadir kolom 2, lalu anda klik daftar menu yang ada di sebelah kanan, selanjutnya sesuaikan antara Menu “Jam Awal Masuk “ sampai “Waktu Indonesia Bagian” sesuai dengan sekolah masing-masing.contoh pengisian,gambar 2.
2. Untuk pengisian jadwal hari,anda dapat menyesuaikan dengan ketentuan jadwal yang berlaku di sekolah,bagi yang aktif hanya tiga hari anda tinggal mengklik bulatan putih saja sesuai dengan jadwal,begitupun sebaliknya.lihat Gambar 3.
Gambar 1. Tampilan Pada Editing Jam HadirG
amb
ar 2
.
Gambar 2.
Bulatan biru menandakan tiga hari aktif dalam satu minggu.
Bulatan putih menandakan empat hari tidak aktif dalam satu minggu.
Preview Next
![Page 65: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/65.jpg)
LOGO
Editing Jadwal Hari Libur Untuk bagian editing jadwal hari libur,di sub menu ini Sekolah
dapat,menyesuaikan kapan jadwal hari libur,baik itu libur nasional maupun libur yang ditentukan oleh Sekolah.
Tahapan untuk Editing Jadwal Hari Libur
Pertama klik menu Editing Jadwal Hari Libur,
pada barisan menu Editing Website.
Selanjutnya anda klik buat di pojok kanan atas bila anda ingin membuat hari libur baru.
Jika anda ingin mengedit jadwal hari libur yang sudah ada,maka anda cukup mengklik nama hari libur di kolom 2 sebelah kanan. Untuk lebih jelas lihat gambar
Preview Next
![Page 66: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/66.jpg)
LOGO
Setelah anda klik buat maka selanjutnya anda klik isi kolom – kolom yang ada di bagian sebelah kanan
Tahapan Membuat dan mengedit Jadwal Hari Libur
Gambar 1.
Gambar 2.
Preview Next
![Page 67: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/67.jpg)
LOGO
Editing Tanggal Absensi Mulai Dalam menentukan tanggal mulai absen ini,pihak sekolah harus
menentukan secara musyawarah kapan mulai tanggal absen di berlakukan
Tahapan Mulai Tanggal Absensi di Mulai
1. Klik menu Edit Akun dan Absen
2. Klik Editing Tanggal Absen Mulai
3. Klik Nama Hari Mulai Absen pada Kolom 2 sebelah kiri tampilan Website.
4. Isi Tanggal Mulai Absen pada kolom 2 Sebelah kiri
5. Setelah anda menentukan Tanggal Absen Absen maka selanjutnya anda klik simpan pada menu Simpan pada pojok kanan atas
6. untuk lebih jelas lihat gambar
Preview Next
![Page 68: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/68.jpg)
LOGO
Gambar 1.
Menentukan Kapan Mulai Absen
Gambar 2.
Preview Next
![Page 69: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/69.jpg)
LOGO
Menentukan Keterangan Hadir Dalam sub menu editing ini anda dapat menetukan keterangan hadir para
pegawai,di antaranya,(Alpa,Sakit,Ijin,Cuti,Tugas luar dan lain – lain)
Tahapan Editing Keterangan Hadir Pertama anda klik menu Edit Akun dan Absen Klik sub menu Editing Keterangan Hadir Pilih Nama pegawai yang akan di rubah keterangannya.pada kolom 2
sebelah kanan Kemudian anda klik jenis edit keterangan pada kolom
keterangan,selanjutnya klik Edit Keterangan pilih jenis keterangan yang akan di pakai,di kolom putih sebelah kanan.
Untuk lebih jelasnya lihat gambar Setelah anda selesai melakukan tahapan-tahpannya,selanjutnya anda lihat
di tampilan website anda,tapi sebelumnya di Refres terlebih dahulu.
Preview Next
![Page 70: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/70.jpg)
LOGO
2. Setelah tahapan pada gambar satu selesai, lihat gambar 2.
Menentukan Keterangan Hadir
Gambar 1.
1. Untuk menentukan keterangan hadir lihat gambar 1.
Preview Next
![Page 71: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/71.jpg)
LOGO
Editing Tampilan Teks Detail Propil Langkah Pertama yang harus anda lakukan adalah sama
halnya seperti langkah-langkah di atas,yaitu klik Edit Akun dan Absen,kemudian pilih Edit tampilan teks detail propil. lihat gambar.
Untuk Sub menu Editing Akun Members dan Tampilan Teks Detail Members Silahkan anda coba sendiri...
Selamat mencoba
Preview Next
![Page 72: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/72.jpg)
LOGO
Tahapan Pada Tampilan Teks Detail Propil
Gambar 2.
Gambar 1.
Preview Next
![Page 73: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/73.jpg)
LOGO
Edit Propil Siswa
Pertama klik Menu Edit Propil Siswa. pada tampilan menu editing Website anda
Kemudian pilih sub menu Buat dan Edit Kelas.Dimana di sub menu ini kita dapat membuat kelas baru atau mengedit kelas yang sudah ada.Untuk membuat kelas dan mengedit lihat gambar
Preview Next
![Page 74: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/74.jpg)
LOGO
Membuat Kelas Baru
Gambar 1. membuat kelas baru
Gambar 2. Mengedit Kelas yang sudah ada
Preview Next
![Page 75: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/75.jpg)
LOGO
Membuat Akun Baru Siswa
Langkah pertama klik Menu Edit Propil Siswa,kemudian pilih dan klik sub menu editing akun siswa.
Klik Buat akun baru di kolom 4 sebelah kananKemudian isi semua kolom disebelah kananKirim data,Lihat gambar 1.Untuk menginput file fhoto anda klik Browser
lalu klik Upload tunggu sampai proses Upload selesai sampai ada tulisan lihat gambar 1. padalingkaran biru
untuk keseluruhan Klik disini
Gambar 1Preview Next
![Page 76: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/76.jpg)
LOGO
Membuat Akun Baru Siswa
Perhatikan tahapan pada nomor urutGambar 1.
Preview Next
![Page 77: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/77.jpg)
LOGO
Edit Tampilan Teks Detail Pada Akun Siswa
Pertama klik Menu Edit Propil siswa,lalu pilih Editing tampilan teks detail.
Klik menu buat data baru pada kolom sebelah kanan lalu isikan teks pada kolom
untuk lebih jelasnya lihat gambar.
Preview Next
![Page 78: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/78.jpg)
LOGO
Gambar 1.
Gambar Tahapan Pada Tampilan Teks Detail Pada Akun Siswa
Preview Next
![Page 79: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/79.jpg)
LOGO
Konten Tampilan Dalam tahap ini,kita dapat mengatur banyaknya jumlah modul yang akan
kita tayangkan pada halaman depan website,Selain itu kita juga dapat mengaktifkan atau menonaktifkan konten
Tahap pertama pengoperasian pada konten ini adalah klik konten tampilan pilih edit konten tampilan maka akan tampilan gambar seperti berikut lihat gambar
Untuk tahapan perubahan warna,mengatur jumlah modul,mengaktifkan dan menonaktifkan tampilan. lihat gambar.
PENGEDITAN PADA KONTEN HALAMAN Dalam pengoperasian pada konten ini,sama halnya dengan konten tampilan
Preview Next
![Page 80: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/80.jpg)
LOGO
Perhatikan tahapan pada nomor
Daftar menu pada konten tampilan
Preview Next
![Page 81: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/81.jpg)
LOGO
Gambar 1.
Tahapan perubahan warna,mengatur jumlah modul,mengaktifkan dan menonaktifkan tampilan
Preview Next
![Page 82: Tutorial Website Non Refrsh](https://reader036.fdokumen.com/reader036/viewer/2022070303/54b4ddd14a79597b018b4571/html5/thumbnails/82.jpg)
Sampai disini jumpa kita pada Pembelajaran Editing Website Non
Refresh Sampai ketemu di Pembelajaran Berikutnya
Terimakasih
BARA CIPTA MEDIA