Tutorial Website Non Refrsh

429 views
368 views

Published on

Selamat Belajar dan berkarya

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
429
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
29
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tutorial Website Non Refrsh

  1. 1. 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
  2. 2. 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
  3. 3. LOGOPreview Next
  4. 4. 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
  5. 5. LOGOPreview Next TAMPILAN UTAMA Goggle Seacrh Engine
  6. 6. LOGO Setelah anda mengganti alamat Goggle dengan alamat Website Sekolah anda maka tampilan akan seperti gambar dibawah ini Preview TAMPILAN UTAMA Website Sekolah Next
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. LOGO Gambar masuk admin Preview Next
  20. 20. LOGO Gambar administrasi login Preview Next
  21. 21. LOGO Gambar tampilan login Preview Next
  22. 22. LOGO Gambar utama editing Preview Next
  23. 23. LOGO Gambar konten menu Pengeditan Preview Next
  24. 24. LOGO Gambar Diagram Website Preview Next
  25. 25. 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
  26. 26. LOGO Gambar masuk admin Preview Next
  27. 27. LOGO Gambar administrasi login Preview Next
  28. 28. LOGO Gambar tampilan login Preview Next
  29. 29. LOGO Gambar utama editing Preview Next
  30. 30. LOGO Gambar 1. konten menu Pengeditan Preview Next
  31. 31. LOGO Gambar Diagram Website Preview Next
  32. 32. 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
  33. 33. LOGO Gambar pada menu edit templat Preview Next
  34. 34. 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
  35. 35. LOGO Klik gambar simpan Setelah tahapan selesai selanjutnya anda klik tombol simpan,lihat panah Preview Next
  36. 36. 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
  37. 37. 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
  38. 38. 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
  39. 39. LOGO Gambar tampilan pada menu utama Preview Next
  40. 40. LOGO Gambar 1. cara menambah menu utama Gambar 2. cara membuat menu utama Preview Next
  41. 41. 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
  42. 42. 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
  43. 43. 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
  44. 44. 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
  45. 45. LOGO Gambar Menu Konten Artikel Preview Next
  46. 46. LOGO Gambar Membuat Berita Utama Slide Preview Next
  47. 47. LOGO Gambar Membuat Berita Utama Slide Preview Next
  48. 48. LOGO Gambar Menghapus Berita Utama Slide/berita Standar Preview Next
  49. 49. LOGO Gambar membuat Berita Utama Standar Preview Next
  50. 50. 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 51Preview Next
  51. 51. LOGO Gambar Konten Modul Dalam konten ini anda dapat merubah,mengganti,menghapus, menunda konten juga menambah konten yang sudah ada. Preview Next
  52. 52. 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
  53. 53. 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
  54. 54. LOGO Tampilan Pada Uppload,edit dan ubah semua fhoto dengan konten ini Gambar 3 . Konten TOP Dua Preview Next
  55. 55. 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
  56. 56. LOGO Setelah anda selesai dalam tahap ini,selanjutnya anda lihat di tampilan website utama dan klik Refresh Preview Next
  57. 57. LOGO Tampilan Finis Pada Slide Gambar Utama Preview Next
  58. 58. 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
  59. 59. LOGO Gambar 1. Preview Next
  60. 60. 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
  61. 61. LOGO Membuat Akun Baru Siswa Perhatikan tahapan pada nomor urut Gambar 1. Preview Next
  62. 62. 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
  63. 63. 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 HadirGambar2. Gambar 2. Bulatan biru menandakan tiga hari aktif dalam satu minggu. Bulatan putih menandakan empat hari tidak aktif dalam satu minggu. Preview Next
  64. 64. 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
  65. 65. 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
  66. 66. 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
  67. 67. LOGO Gambar 1. Menentukan Kapan Mulai Absen Gambar 2. Preview Next
  68. 68. 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
  69. 69. 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
  70. 70. 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
  71. 71. LOGO Tahapan Pada Tampilan Teks Detail Propil Gambar 2. Gambar 1. Preview Next
  72. 72. 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
  73. 73. LOGO Membuat Kelas Baru Gambar 1. membuat kelas baru Gambar 2. Mengedit Kelas yang sudah ada Preview Next
  74. 74. 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
  75. 75. LOGO Membuat Akun Baru Siswa Perhatikan tahapan pada nomor urut Gambar 1. Preview Next
  76. 76. 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
  77. 77. LOGO Gambar 1. Gambar Tahapan Pada Tampilan Teks Detail Pada Akun Siswa Preview Next
  78. 78. 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
  79. 79. LOGO Perhatikan tahapan pada nomor Daftar menu pada konten tampilan Preview Next
  80. 80. LOGO Gambar 1. Tahapan perubahan warna,mengatur jumlah modul, mengaktifkan dan menonaktifkan tampilan Preview Next

×