SlideShare ist ein Scribd-Unternehmen logo
1 von 82
SELAMAT DATANG
DI PANDUAN WEBSITE NON REFRESH
BARA CIPTA MEDIA
Oleh :
Drs.Imam Wahyudi
Mozila Firefox Adobe Photoshop 7.0
SN Adobe Photoshop 7.0 Winrar
Adobe Reader Install Flash Player
Converter Pdf To Word Keygen Gbook
Selamat datang
di instalasi program
Pendukung Editing Website Non Refresh
Bara 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
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
LOGO
Preview Next
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
LOGO
Preview Next
TAMPILAN UTAMA Goggle Seacrh Engine
LOGO
Setelah anda mengganti alamat Goggle dengan alamat Website Sekolah anda maka
tampilan akan seperti gambar dibawah ini
Preview
TAMPILAN UTAMA Website Sekolah
Next
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
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
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
LOGO
Gambar Konten Atas
Konten 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
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
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
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
LOGO
Gambar Konten Top Dua
Konten 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
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
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
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).
Preview
Next
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 gambar
Preview Next
LOGO
Gambar masuk admin
Preview Next
LOGO
Gambar administrasi login
Preview Next
LOGO
Gambar tampilan login
Preview Next
LOGO
Gambar utama editing
Preview Next
LOGO
Gambar konten menu Pengeditan
Preview Next
LOGO
Gambar Diagram Website
Preview Next
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
LOGO
Gambar masuk admin
Preview Next
LOGO
Gambar administrasi login
Preview Next
LOGO
Gambar tampilan login
Preview Next
LOGO
Gambar utama editing
Preview Next
LOGO
Gambar 1. konten menu Pengeditan
Preview Next
LOGO
Gambar Diagram Website
Preview Next
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
LOGO
Gambar pada menu edit templat
Preview Next
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
3
4
5
6
7
8
Preview Next
LOGO
Klik gambar simpan
Setelah tahapan selesai selanjutnya anda klik tombol simpan,lihat
panah
Preview Next
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.
Next
Preview
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
Next
Preview
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
LOGO
Gambar tampilan pada menu utama
Preview Next
LOGO
Gambar 1. cara menambah menu
utama
Gambar 2. cara membuat menu utama
Preview Next
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
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
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
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
LOGO
Gambar Menu Konten Artikel
Preview Next
LOGO
Gambar Membuat Berita Utama Slide
Preview Next
LOGO
Gambar Membuat Berita Utama Slide
Preview Next
LOGO
Gambar Menghapus Berita Utama Slide/berita Standar
Preview Next
LOGO
Gambar membuat
Berita Utama Standar
Preview Next
LOGO
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
51
Preview Next
LOGO
Gambar Konten Modul
Dalam konten ini anda dapat merubah,mengganti,menghapus,
menunda konten juga menambah konten yang sudah ada.
Preview Next
LOGO
Tampilan Pada Konten Modul
• Klik Plugin Slide Gambar Utama, maka gambar akan tampak seperti gambar 2
Gambar 1 . Plugin yang ada di konten modul Plugin
Preview Next
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
LOGO
Tampilan Pada Uppload,edit dan ubah semua
fhoto dengan konten ini
Gambar 3 . Konten TOP Dua
Preview Next
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
LOGO
Setelah anda selesai dalam tahap ini,selanjutnya anda lihat di tampilan
website utama dan klik Refresh
Preview Next
LOGO
Tampilan Finis Pada Slide Gambar Utama
Preview Next
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
LOGO
Gambar 1.
Preview Next
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
LOGO
Membuat Akun Baru Siswa
Perhatikan tahapan pada nomor urut
Gambar 1.
Preview Next
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
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 Hadir
Gambar
2.
Gambar 2.
Bulatan biru
menandakan
tiga hari aktif
dalam satu
minggu.
Bulatan putih
menandakan
empat hari tidak
aktif dalam satu
minggu.
Preview Next
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
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
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
LOGO
Gambar 1.
Menentukan Kapan Mulai Absen
Gambar 2.
Preview Next
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
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
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
LOGO
Tahapan Pada Tampilan Teks Detail Propil
Gambar 2.
Gambar 1.
Preview Next
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
LOGO
Membuat Kelas Baru
Gambar 1. membuat kelas baru
Gambar 2. Mengedit Kelas yang sudah ada
Preview Next
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 kanan
Kemudian isi semua kolom disebelah kanan
Kirim 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
Preview Next
LOGO
Membuat Akun Baru Siswa
Perhatikan tahapan pada nomor urut
Gambar 1.
Preview Next
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
LOGO
Gambar 1.
Gambar Tahapan Pada Tampilan
Teks Detail Pada Akun Siswa
Preview Next
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
LOGO
Perhatikan tahapan pada nomor
Daftar menu pada konten
tampilan
Preview Next
LOGO
Gambar 1.
Tahapan perubahan warna,mengatur jumlah
modul,
mengaktifkan dan menonaktifkan tampilan
Preview Next
Tutorial Website Non Refrsh

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (12)

Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
05 internet-seo-optimasi konten
05 internet-seo-optimasi konten05 internet-seo-optimasi konten
05 internet-seo-optimasi konten
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 
PORTOFOLIO
PORTOFOLIOPORTOFOLIO
PORTOFOLIO
 
Modul weblog
Modul weblog Modul weblog
Modul weblog
 
Android
AndroidAndroid
Android
 
Web Browser
Web BrowserWeb Browser
Web Browser
 
10 html multimedia
10 html multimedia10 html multimedia
10 html multimedia
 
Tutorial Blog: Membuat Banner (small banner linked to blog)
Tutorial Blog:  Membuat Banner (small banner linked to blog)Tutorial Blog:  Membuat Banner (small banner linked to blog)
Tutorial Blog: Membuat Banner (small banner linked to blog)
 
Tugas besar (bintang coffe)
Tugas besar (bintang coffe)Tugas besar (bintang coffe)
Tugas besar (bintang coffe)
 

Andere mochten auch

SDGs presentation Lukyanova_Rus_UNDP
SDGs presentation Lukyanova_Rus_UNDPSDGs presentation Lukyanova_Rus_UNDP
SDGs presentation Lukyanova_Rus_UNDPACO "Positive Women"
 
Network women's forum july 2015_Bryzhovata
Network women's forum july 2015_BryzhovataNetwork women's forum july 2015_Bryzhovata
Network women's forum july 2015_BryzhovataACO "Positive Women"
 
Pyramiding of bacterial blight resistance genes in rice
Pyramiding of bacterial blight resistance genes in ricePyramiding of bacterial blight resistance genes in rice
Pyramiding of bacterial blight resistance genes in riceawareswapnil1111
 
French Leave Eleuthera Brochure
French Leave Eleuthera BrochureFrench Leave Eleuthera Brochure
French Leave Eleuthera BrochureFrenchLeaveVillage
 
Bahama Living - on French Leave Eleuthera
Bahama Living - on French Leave EleutheraBahama Living - on French Leave Eleuthera
Bahama Living - on French Leave EleutheraFrenchLeaveVillage
 
Renato20141003 direitosautorais
Renato20141003 direitosautoraisRenato20141003 direitosautorais
Renato20141003 direitosautoraisRenato Cruz
 
FME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DF
FME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DFFME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DF
FME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DFGIM_nv
 
Técnicas de negociação
Técnicas de negociaçãoTécnicas de negociação
Técnicas de negociaçãojaircortes
 
Aula acollida: projecte els guppys
Aula  acollida: projecte els guppysAula  acollida: projecte els guppys
Aula acollida: projecte els guppysisabelita1968
 
Plano de mídia - 1/9/2015
Plano de mídia - 1/9/2015Plano de mídia - 1/9/2015
Plano de mídia - 1/9/2015Renato Cruz
 

Andere mochten auch (20)

French leave.9fi5th
French leave.9fi5th French leave.9fi5th
French leave.9fi5th
 
SDGs presentation Lukyanova_Rus_UNDP
SDGs presentation Lukyanova_Rus_UNDPSDGs presentation Lukyanova_Rus_UNDP
SDGs presentation Lukyanova_Rus_UNDP
 
Rosita Forbes Bio
Rosita Forbes BioRosita Forbes Bio
Rosita Forbes Bio
 
Network women's forum july 2015_Bryzhovata
Network women's forum july 2015_BryzhovataNetwork women's forum july 2015_Bryzhovata
Network women's forum july 2015_Bryzhovata
 
Social MediaNGO
Social MediaNGOSocial MediaNGO
Social MediaNGO
 
HIV AIDS forum in Ukraine
HIV AIDS forum in UkraineHIV AIDS forum in Ukraine
HIV AIDS forum in Ukraine
 
Godunova CEDAW
Godunova CEDAWGodunova CEDAW
Godunova CEDAW
 
French Leave History
French Leave History French Leave History
French Leave History
 
Pyramiding of bacterial blight resistance genes in rice
Pyramiding of bacterial blight resistance genes in ricePyramiding of bacterial blight resistance genes in rice
Pyramiding of bacterial blight resistance genes in rice
 
French Leave Eleuthera Brochure
French Leave Eleuthera BrochureFrench Leave Eleuthera Brochure
French Leave Eleuthera Brochure
 
Bahama Living - on French Leave Eleuthera
Bahama Living - on French Leave EleutheraBahama Living - on French Leave Eleuthera
Bahama Living - on French Leave Eleuthera
 
Renato20141003 direitosautorais
Renato20141003 direitosautoraisRenato20141003 direitosautorais
Renato20141003 direitosautorais
 
Portraitsession Continental
Portraitsession ContinentalPortraitsession Continental
Portraitsession Continental
 
FME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DF
FME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DFFME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DF
FME WT 2014: (NL) Data hermodellering in functie van INSPIRE en KLIP DF
 
Técnicas de negociação
Técnicas de negociaçãoTécnicas de negociação
Técnicas de negociação
 
Aula acollida: projecte els guppys
Aula  acollida: projecte els guppysAula  acollida: projecte els guppys
Aula acollida: projecte els guppys
 
Gestion ciencia y tecnología
Gestion ciencia y tecnologíaGestion ciencia y tecnología
Gestion ciencia y tecnología
 
Alemania
AlemaniaAlemania
Alemania
 
53 0326 israel en el mar rojo #1
53 0326 israel en el mar rojo #153 0326 israel en el mar rojo #1
53 0326 israel en el mar rojo #1
 
Plano de mídia - 1/9/2015
Plano de mídia - 1/9/2015Plano de mídia - 1/9/2015
Plano de mídia - 1/9/2015
 

Ähnlich wie Tutorial Website Non Refrsh

Buat logo fersi kelompok 6
Buat logo fersi kelompok 6Buat logo fersi kelompok 6
Buat logo fersi kelompok 6nopryadi
 
Tips mudah setting image seo friendly by Firmahn
Tips mudah setting image seo friendly by FirmahnTips mudah setting image seo friendly by Firmahn
Tips mudah setting image seo friendly by FirmahnFirmahn Firmahn
 
Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4F Ashter
 
Buat logo dan image button
Buat logo dan image buttonBuat logo dan image button
Buat logo dan image buttonryandsaputri
 
Modul Pelatihan Internet Dasar (Free Download)
Modul Pelatihan Internet Dasar (Free Download)Modul Pelatihan Internet Dasar (Free Download)
Modul Pelatihan Internet Dasar (Free Download)Indriyatno Banyumurti
 
Panduan Menggunakan All In One SEO WordPress [New] - Centerklik
Panduan Menggunakan All In One SEO WordPress [New] - CenterklikPanduan Menggunakan All In One SEO WordPress [New] - Centerklik
Panduan Menggunakan All In One SEO WordPress [New] - CenterklikLindaanjani1
 
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdfCara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdfLindaanjani1
 
Ppt cara membuat website menggunakan wordpress wdwp team
Ppt cara membuat website menggunakan wordpress wdwp teamPpt cara membuat website menggunakan wordpress wdwp team
Ppt cara membuat website menggunakan wordpress wdwp teamcaramembuatweb
 
How to install content management system (cms)
How to install content management system (cms)How to install content management system (cms)
How to install content management system (cms)Ryudhatama Krisnamurti
 
Ahmad v onyy
Ahmad v onyyAhmad v onyy
Ahmad v onyyAgunggung
 
Tugas langkah langkah membuat blogger
Tugas langkah langkah membuat bloggerTugas langkah langkah membuat blogger
Tugas langkah langkah membuat bloggerRofiUn
 

Ähnlich wie Tutorial Website Non Refrsh (20)

Buat logo fersi kelompok 6
Buat logo fersi kelompok 6Buat logo fersi kelompok 6
Buat logo fersi kelompok 6
 
Tips mudah setting image seo friendly by Firmahn
Tips mudah setting image seo friendly by FirmahnTips mudah setting image seo friendly by Firmahn
Tips mudah setting image seo friendly by Firmahn
 
Myicourse
MyicourseMyicourse
Myicourse
 
Myicourse
MyicourseMyicourse
Myicourse
 
Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4Tugas Myicourse kelompok 4
Tugas Myicourse kelompok 4
 
Proyek web
Proyek webProyek web
Proyek web
 
Buat logo dan image button
Buat logo dan image buttonBuat logo dan image button
Buat logo dan image button
 
Modul Pelatihan Internet Dasar (Free Download)
Modul Pelatihan Internet Dasar (Free Download)Modul Pelatihan Internet Dasar (Free Download)
Modul Pelatihan Internet Dasar (Free Download)
 
Panduan Menggunakan All In One SEO WordPress [New] - Centerklik
Panduan Menggunakan All In One SEO WordPress [New] - CenterklikPanduan Menggunakan All In One SEO WordPress [New] - Centerklik
Panduan Menggunakan All In One SEO WordPress [New] - Centerklik
 
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdfCara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
Cara Install dan Konfigurasi Plugin SEO by Yoast [New] - Centerklik.pdf
 
Ppt cara membuat website menggunakan wordpress wdwp team
Ppt cara membuat website menggunakan wordpress wdwp teamPpt cara membuat website menggunakan wordpress wdwp team
Ppt cara membuat website menggunakan wordpress wdwp team
 
How to install content management system (cms)
How to install content management system (cms)How to install content management system (cms)
How to install content management system (cms)
 
Ahmad v onyy
Ahmad v onyyAhmad v onyy
Ahmad v onyy
 
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
 
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
 
1 membuat blog
1 membuat blog1 membuat blog
1 membuat blog
 
Pengertian blog
Pengertian blogPengertian blog
Pengertian blog
 
Tugas langkah langkah membuat blogger
Tugas langkah langkah membuat bloggerTugas langkah langkah membuat blogger
Tugas langkah langkah membuat blogger
 
Cara mengganti icon blogger pada address bar
Cara mengganti icon blogger pada address barCara mengganti icon blogger pada address bar
Cara mengganti icon blogger pada address bar
 
Cara mengganti icon blogger pada address bar
Cara mengganti icon blogger pada address barCara mengganti icon blogger pada address bar
Cara mengganti icon blogger pada address bar
 

Kürzlich hochgeladen

PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKARenoMardhatillahS
 
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxSKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxg66527130
 
alat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxalat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxRioNahak1
 
Membuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam KelasMembuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam KelasHardaminOde2
 
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMPPOWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMPAnaNoorAfdilla
 
Modul Ajar Matematika Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar Matematika Kelas 2 Fase A Kurikulum MerdekaModul Ajar Matematika Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar Matematika Kelas 2 Fase A Kurikulum MerdekaAbdiera
 
PRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptxPRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptxPCMBANDUNGANKabSemar
 
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxTopik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxsyafnasir
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdfShintaNovianti1
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuHANHAN164733
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfTaqdirAlfiandi1
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...MarwanAnugrah
 
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdfWahyudinST
 
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptxMODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptxarnisariningsih98
 
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSKisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSyudi_alfian
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmeunikekambe10
 
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptxMTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptxssuser0239c1
 
Materi power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .pptMateri power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .pptAcemediadotkoM1
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxHeruFebrianto3
 
PEMIKIRAN POLITIK Jean Jacques Rousseau.pdf
PEMIKIRAN POLITIK Jean Jacques  Rousseau.pdfPEMIKIRAN POLITIK Jean Jacques  Rousseau.pdf
PEMIKIRAN POLITIK Jean Jacques Rousseau.pdfMMeizaFachri
 

Kürzlich hochgeladen (20)

PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKAPPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
PPT TEKS TANGGAPAN KELAS 7 KURIKUKULM MERDEKA
 
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptxSKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
SKPM Kualiti @ Sekolah 23 Feb 22222023.pptx
 
alat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxalat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptx
 
Membuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam KelasMembuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
Membuat Strategi Penerapan Kurikulum Merdeka di dalam Kelas
 
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMPPOWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
POWERPOINT BAHAN AJAR SENYAWA KELAS VIII SMP
 
Modul Ajar Matematika Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar Matematika Kelas 2 Fase A Kurikulum MerdekaModul Ajar Matematika Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar Matematika Kelas 2 Fase A Kurikulum Merdeka
 
PRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptxPRESENTASI EEC social mobile, and local marketing.pptx
PRESENTASI EEC social mobile, and local marketing.pptx
 
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxTopik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
 
Catatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus PerilakuCatatan di setiap Indikator Fokus Perilaku
Catatan di setiap Indikator Fokus Perilaku
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
 
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
 
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptxMODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
MODUL 2 BAHASA INDONESIA-KELOMPOK 1.pptx
 
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPSKisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
Kisi-kisi UTS Kelas 9 Tahun Ajaran 2023/2024 Semester 2 IPS
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
 
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptxMTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
MTK BAB 5 PENGOLAHAN DATA (Materi 2).pptx
 
Materi power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .pptMateri power point Kepemimpinan leadership .ppt
Materi power point Kepemimpinan leadership .ppt
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
 
PEMIKIRAN POLITIK Jean Jacques Rousseau.pdf
PEMIKIRAN POLITIK Jean Jacques  Rousseau.pdfPEMIKIRAN POLITIK Jean Jacques  Rousseau.pdf
PEMIKIRAN POLITIK Jean Jacques Rousseau.pdf
 

Tutorial Website Non Refrsh

  • 1. SELAMAT DATANG DI PANDUAN WEBSITE NON REFRESH BARA CIPTA MEDIA Oleh : Drs.Imam Wahyudi
  • 2. Mozila Firefox Adobe Photoshop 7.0 SN Adobe Photoshop 7.0 Winrar Adobe Reader Install Flash Player Converter Pdf To Word Keygen Gbook Selamat datang di instalasi program Pendukung Editing Website Non Refresh Bara 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
  • 3. 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
  • 5. 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
  • 6. LOGO Preview Next TAMPILAN UTAMA Goggle Seacrh Engine
  • 7. LOGO Setelah anda mengganti alamat Goggle dengan alamat Website Sekolah anda maka tampilan akan seperti gambar dibawah ini Preview TAMPILAN UTAMA Website Sekolah Next
  • 8. 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
  • 9. 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
  • 10. 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
  • 11. LOGO Gambar Konten Atas Konten 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
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. LOGO Gambar Konten Top Dua Konten 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
  • 16. 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
  • 17. 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
  • 18. 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). Preview Next
  • 19. 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 gambar Preview Next
  • 24. LOGO Gambar konten menu Pengeditan Preview Next
  • 26. 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
  • 31. LOGO Gambar 1. konten menu Pengeditan Preview Next
  • 33. 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
  • 34. LOGO Gambar pada menu edit templat Preview Next
  • 35. 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 3 4 5 6 7 8 Preview Next
  • 36. LOGO Klik gambar simpan Setelah tahapan selesai selanjutnya anda klik tombol simpan,lihat panah Preview Next
  • 37. 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. Next Preview
  • 38. 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 Next Preview
  • 39. 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
  • 40. LOGO Gambar tampilan pada menu utama Preview Next
  • 41. LOGO Gambar 1. cara menambah menu utama Gambar 2. cara membuat menu utama Preview Next
  • 42. 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
  • 43. 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
  • 44. 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
  • 45. 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
  • 46. LOGO Gambar Menu Konten Artikel Preview Next
  • 47. LOGO Gambar Membuat Berita Utama Slide Preview Next
  • 48. LOGO Gambar Membuat Berita Utama Slide Preview Next
  • 49. LOGO Gambar Menghapus Berita Utama Slide/berita Standar Preview Next
  • 50. LOGO Gambar membuat Berita Utama Standar Preview Next
  • 51. LOGO 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 51 Preview Next
  • 52. LOGO Gambar Konten Modul Dalam konten ini anda dapat merubah,mengganti,menghapus, menunda konten juga menambah konten yang sudah ada. Preview Next
  • 53. LOGO Tampilan Pada Konten Modul • Klik Plugin Slide Gambar Utama, maka gambar akan tampak seperti gambar 2 Gambar 1 . Plugin yang ada di konten modul Plugin Preview Next
  • 54. 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
  • 55. LOGO Tampilan Pada Uppload,edit dan ubah semua fhoto dengan konten ini Gambar 3 . Konten TOP Dua Preview Next
  • 56. 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
  • 57. LOGO Setelah anda selesai dalam tahap ini,selanjutnya anda lihat di tampilan website utama dan klik Refresh Preview Next
  • 58. LOGO Tampilan Finis Pada Slide Gambar Utama Preview Next
  • 59. 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
  • 61. 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
  • 62. LOGO Membuat Akun Baru Siswa Perhatikan tahapan pada nomor urut Gambar 1. Preview Next
  • 63. 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
  • 64. 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 Hadir Gambar 2. Gambar 2. Bulatan biru menandakan tiga hari aktif dalam satu minggu. Bulatan putih menandakan empat hari tidak aktif dalam satu minggu. Preview Next
  • 65. 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
  • 66. 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
  • 67. 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
  • 68. LOGO Gambar 1. Menentukan Kapan Mulai Absen Gambar 2. Preview Next
  • 69. 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
  • 70. 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
  • 71. 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
  • 72. LOGO Tahapan Pada Tampilan Teks Detail Propil Gambar 2. Gambar 1. Preview Next
  • 73. 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
  • 74. LOGO Membuat Kelas Baru Gambar 1. membuat kelas baru Gambar 2. Mengedit Kelas yang sudah ada Preview Next
  • 75. 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 kanan Kemudian isi semua kolom disebelah kanan Kirim 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 Preview Next
  • 76. LOGO Membuat Akun Baru Siswa Perhatikan tahapan pada nomor urut Gambar 1. Preview Next
  • 77. 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
  • 78. LOGO Gambar 1. Gambar Tahapan Pada Tampilan Teks Detail Pada Akun Siswa Preview Next
  • 79. 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
  • 80. LOGO Perhatikan tahapan pada nomor Daftar menu pada konten tampilan Preview Next
  • 81. LOGO Gambar 1. Tahapan perubahan warna,mengatur jumlah modul, mengaktifkan dan menonaktifkan tampilan Preview Next