Tutorial Website Non Refrsh

82
LOGO SELAMAT DATANG DI PANDUAN WEBSITE NON REFRESH BARA CIPTA MEDIA Oleh : Drs.Imam Wahyudi

description

Selamat Belajar dan berkarya

Transcript of Tutorial Website Non Refrsh

Page 1: Tutorial Website Non Refrsh

SELAMAT DATANG DI PANDUAN WEBSITE NON REFRESHBARA CIPTA MEDIA

Oleh : Drs.Imam Wahyudi

Page 2: Tutorial Website Non Refrsh

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

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

LOGOPreview Next

Page 5: Tutorial Website Non Refrsh

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

LOGOPreview Next

TAMPILAN UTAMA Goggle Seacrh Engine

Page 7: Tutorial Website Non Refrsh

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

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

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

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

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

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

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

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

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

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

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

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

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

LOGO

Gambar masuk admin

Preview Next

Page 21: Tutorial Website Non Refrsh

LOGO

Gambar administrasi login

Preview Next

Page 22: Tutorial Website Non Refrsh

LOGO

Gambar tampilan login

Preview Next

Page 23: Tutorial Website Non Refrsh

LOGO

Gambar utama editing

Preview Next

Page 24: Tutorial Website Non Refrsh

LOGO

Gambar konten menu Pengeditan

Preview Next

Page 25: Tutorial Website Non Refrsh

LOGO

Gambar Diagram Website

Preview Next

Page 26: Tutorial Website Non Refrsh

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

LOGO

Gambar masuk admin

Preview Next

Page 28: Tutorial Website Non Refrsh

LOGO

Gambar administrasi login

Preview Next

Page 29: Tutorial Website Non Refrsh

LOGO

Gambar tampilan login

Preview Next

Page 30: Tutorial Website Non Refrsh

LOGO

Gambar utama editingPreview Next

Page 31: Tutorial Website Non Refrsh

LOGO

Gambar 1. konten menu Pengeditan

Preview Next

Page 32: Tutorial Website Non Refrsh

LOGO

Gambar Diagram Website

Preview Next

Page 33: Tutorial Website Non Refrsh

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

LOGO

Gambar pada menu edit templat

Preview Next

Page 35: Tutorial Website Non Refrsh

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

LOGO

Klik gambar simpan

Setelah tahapan selesai selanjutnya anda klik tombol simpan,lihat panah

Preview Next

Page 37: Tutorial Website Non Refrsh

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

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

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

LOGO

Gambar tampilan pada menu utama

Preview Next

Page 41: Tutorial Website Non Refrsh

LOGO

Gambar 1. cara menambah menu utama

Gambar 2. cara membuat menu utama

Preview Next

Page 42: Tutorial Website Non Refrsh

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

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

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

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

LOGO

Gambar Menu Konten Artikel

Preview Next

Page 47: Tutorial Website Non Refrsh

LOGO

Gambar Membuat Berita Utama Slide

Preview Next

Page 48: Tutorial Website Non Refrsh

LOGO

Gambar Membuat Berita Utama Slide

Preview Next

Page 49: Tutorial Website Non Refrsh

LOGO

Gambar Menghapus Berita Utama Slide/berita Standar

Preview Next

Page 50: Tutorial Website Non Refrsh

LOGO

Gambar membuat

Berita Utama Standar

Preview Next

Page 51: Tutorial Website Non Refrsh

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

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

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

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

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

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

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

LOGO

Tampilan Finis Pada Slide Gambar Utama

Preview Next

Page 59: Tutorial Website Non Refrsh

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

LOGO

Gambar 1.

Preview Next

Page 61: Tutorial Website Non Refrsh

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

LOGO

Membuat Akun Baru Siswa

Perhatikan tahapan pada nomor urutGambar 1.

Preview Next

Page 63: Tutorial Website Non Refrsh

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

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

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

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

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

LOGO

Gambar 1.

Menentukan Kapan Mulai Absen

Gambar 2.

Preview Next

Page 69: Tutorial Website Non Refrsh

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

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

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

LOGO

Tahapan Pada Tampilan Teks Detail Propil

Gambar 2.

Gambar 1.

Preview Next

Page 73: Tutorial Website Non Refrsh

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

LOGO

Membuat Kelas Baru

Gambar 1. membuat kelas baru

Gambar 2. Mengedit Kelas yang sudah ada

Preview Next

Page 75: Tutorial Website Non Refrsh

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

LOGO

Membuat Akun Baru Siswa

Perhatikan tahapan pada nomor urutGambar 1.

Preview Next

Page 77: Tutorial Website Non Refrsh

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

LOGO

Gambar 1.

Gambar Tahapan Pada Tampilan Teks Detail Pada Akun Siswa

Preview Next

Page 79: Tutorial Website Non Refrsh

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

LOGO

Perhatikan tahapan pada nomor

Daftar menu pada konten tampilan

Preview Next

Page 81: Tutorial Website Non Refrsh

LOGO

Gambar 1.

Tahapan perubahan warna,mengatur jumlah modul,mengaktifkan dan menonaktifkan tampilan

Preview Next

Page 82: Tutorial Website Non Refrsh

Sampai disini jumpa kita pada Pembelajaran Editing Website Non

Refresh Sampai ketemu di Pembelajaran Berikutnya

Terimakasih

BARA CIPTA MEDIA