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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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