Membangun Kelas Online Dengan Aplikasi Telegram Bagian 4:Setting ManyBot (Bagian Akhir)

Bagian akhir pada rangkaian artikel tentang cara membuat kelas online dengan menggunakan aplikasi perpesanan telegram adalah setting bot instan dari @ManyBot. 

Invite dan Setting ManyBot 
Bot siap pakai ini akan kita gunakan sebagai bot yang mampu merespon setiap perintah/ permintaan dari anggota group, dan mencocokan dengan perintah yang sebelumnya sudah dipasang didalam bot ini.)
1. Invite ManyBot, dan buka ManyBot kemudian klik Start untuk mengaktifkan ManyBot, kemudian kita buat bot dengan mengetikan /addbot tekan enter, maka respon ManyBot seperti yang tampak pada gambar berikut:


2. Berikutnya diminta membuka BotFather untuk mendapatkan API token, karena pada tahap sebelumnya kita sudah mendapatkan token dari botfather, jadi kita tinggal klik tombol I’v copied the API token,  dilanjutkan dengan mempaste token, kemudian respon ManyBot adalah meminta kita memasukan token dan mengirimkannya melalui kolom chat di ManyBot, perhatikan gambar berikut:


Jika token yang kita kirim benar, maka ManyBot sudah bisa mendeteksi bot yang sudah kita buat di BotFather, yaitu bot @kelastikbot seperti pada gambar dibawah ini:

4. Berikutnya anda bisa melanjutkanya dengan memberi deskripsi pada bot, misal: “Bot telegram kelas online untuk membantu anggota group mendapatkan informasi penting”,

Bot sudah siap untuk kita kelola dengan cara memanggil username bot yang telah kita buat, kemudian klik start untuk memulai membuat perintah-perintah yang bisa direspon robot telegram yang kita buat ini.

Berikut informasi yang diberikan bot yang telah kita buat dengan ManyBot:
📢 Posting
/newpost - send a post to your subscribers
/schedule - view your scheduled posts
/subscribers - see how many subscribers you have
👾 Commands and Bot Menu
/commands - manage custom commands and user menues
🔧 Settings
/botlang - set up your bot language
/setdescription - change the description of your bot
/autoposting - set up autoposting from Twitter, YouTube, RSS, VK
/channels - automate posting from your bot to a Telegram channel
/admins - manage admins of your bots
📚 Tutorials
/tutorials - discover how to create and manage your bots
💢 Other
/help - this menu
Have further questions? You can always reach us at hello@manybot.

Setting Bot yang telah kita buat
Tahap berikutnya kita akan membuat sebuah perintah yang bisa dipanggil oleh anggota group, atau pengguna bot kita, caranya adalah sebagai berikut:
1. Klik tombol Custom Commands

2. Klik tombol Create Command

3. Misal kita akan membuat perintah /materi, dengan perintah ini anggota group kelas online bisa mendapatkan informasi materi melalui group kelas online cukup dengan mengetik /materi kemudian tekan enter.

4. Tuliskan informasi yang dibutuhkan, selanjutnya klik kirim, dan terakhir klik tombol Save untuk menyimpan hasil pembuatan perintah /materi ini.

Proses pembuatan perintah di bot selesai, hal ini ditandai dengan muncul tombol baru (/materi)pada bot seperti gambar berikut:


Bot yang sudah kita buat ini bisa kita invite atau tambahkan ke group kelas online yang sudah kita buat, dan bot siap digunakan dalam group kelas online.

Didalam group kelas online, misal ada anggota group yang menuliskan /materi enter, maka akan tampil seperti pada gambar berikut:


Demikian, rangkaian artikel Cara Membuat Kelas Online Interaktif dengan aplikasi perpesanan Telegram, dengan cara ini pula, anda bisa mempraktekan untuk menjadikan bot telegram yang kita buat sebagai alat promosi, pelayanan otomatis untuk penjualan produk yang kita jual.

Nah, bagi anda yang tidak ada waktu setting, dan membuat bot telegram ini, anda bisa menggunakan jasa MungBisnis dalam proses pembuatan bot telegram untuk keperluan kelas online, penjualan online produk-produk anda.

Semoga bermanfaat.

Membangun Kelas Online Dengan Aplikasi Telegram Bagian 3:Membuat Bot di BotFather

Pada posting sebelumnya telah kita bahas bagaimana cara memasang dan setting WelcomeBot, yaitu bot yang berfungsi sebagai bot penyambutan otomatis saat ada anggota baru yang masuk ke dalam group, Bot ini juga bisa memberikan informasi saat ada anggota group yang meninggalkan group. Pada posting kali ini akan kita bahas bagaimana cara membangun Kelas Online Dengan Aplikasi Telegram Bagian 3, yaitu tahap Pembuatan bot di BotFather.

BotFather 
Bot yang wajib kita invite sebelum membuat bot telegram untuk berbagai keperluan, karena BotFather inilah yang akan membantu membuat dan mengelola bot telegram).
Langkah-langkahnya adalah sebagai berikut:

1. Invite BotFather

2. Selanjutnya anda ketik /help dan tekan enter untuk memunculkan daftar perintah, fitur-fitur yang disediakan botfather, berikut daftar fitur dan perintah yang tersedia:
/newbot - create a new bot
/mybots - edit your bots [beta]
/mygames - edit your games (https://core.telegram.org/bots/games) [beta]
Edit Bots
/setname - change a bot's name
/setdescription - change bot description
/setabouttext - change bot about info
/setuserpic - change bot profile photo
/setcommands - change the list of commands
/deletebot - delete a bot
Bot Settings
/token - generate authorization token
/revoke - revoke bot access token
/setinline - toggle inline mode (https://core.telegram.org/bots/inline)
/setinlinegeo - toggle inline location requests (https://core.telegram.org/bots/inline#location-based-results)
/setinlinefeedback - change inline feedback (https://core.telegram.org/bots/inline#collecting-feedback) settings
/setjoingroups - can your bot be added to groups?
/setprivacy - toggle privacy mode (https://core.telegram.org/bots#privacy-mode) in groups
Games
/newgame - create a new game (https://core.telegram.org/bots/games)
/listgames - get a list of your games
/editgame - edit a game
/deletegame - delete an existing game

3. Buatlah bot telegram baru dengan cara mengetik /newbot  kemudian tekan enter, maka respon dari botfather sebagai berikut:
Alright, a new bot. How are we going to call it? Please choose a name for your bot.
Pada tahapan ini kita diminta memberi nama bot kita, sebagai contoh kita beri nama Mr. Mung, maka respon BotFather sebagai berikut:
Good. Now let's choose a username for your bot. It must end in `bot`. Like this, for example: TetrisBot or tetris_bot.
4. Berikutnya kita diminta membuat username untuk bot kita, sebagai contoh kita buat username bot dengan nama: kelastikbot, dalam pemilihan username bot, cara penulisan yang benar adalah tanpa sepasi, dan harus diakhiri dengan kata bot. berikut respon dari botfather :

Disini botfather memberi token (berupa kode angka dan huruf acak) yang nantinya akan kita gunakan saat membuat bot menggunakan bot instan yang lain, yaitu ManyBot.
Demikian cara membuat bot di BotFather sebagai langkah ke 3 dalam proses pembuatan kelas online di aplikasi perpesanan telegram. Semoga Bermanfaat.

Cara Membuat Gambar Bulat dengan Kode CSS

Biar blog lebih keren, anda bisa menambahkan foto profil anda di sidebar kanan, atau kiri blog anda, jika tampilan gambar profil anda di blog biasa saja, tentu kurang menarik, nah, biar lebih menarik walaupun gambar yang anda upload bentuknya persegi, dengan bantuan kode CSS ini, gambar profil keren anda akan tampil tambah keren.
Contohnya sebagai berikut:

Hasilnya setelah menggunakan tambahan kode CSS menjadi seperti berikut:

Bagaimana? anda tertarik ingin mencobanya? silahkan ikuti petunjuk berikut:
Cara Membuat Gambar Bulat dengan CSS, 
1. Login ke blogger.com dengan email dan password anda
2. Masuk tata letak blog anda
3. Tambahkan gadget HTML/ Javascript, kemudian copy kode dibawah ini:
<style>
.bulat{
border-radius:100em;
opacity:0.7;
border-top:2px solid #cf2031;
border-right:2px solid #0f7dc8;
border-bottom:2px solid #2eb31a;
border-left:2px solid #eab823;
width:160px;
height:160px;
}
</style>
<img class="bulat" src="URL-GBR" />
4. Ganti URL-GBR dengan url gambar anda (baca cara mendapatkan hosting gambar gratis di sini).
5. Simpan Gadget anda.

Demikian, semoga bermanfaat.

Tugas Bloging Kelas IX SMP N 1 Kaliwungu Tahun 2017

Salah satu materi TIK kelas IX pada semester 2 ini sengaja saya kenalkan tentang dunia blog, diawal perkenalan ini bukan dalam desain yang saya prioritaskan, tapi memperkenalkan pada siswa bagaimana cara membuat blog pribadi dan bagaimana cara mempublikasikan tulisan di blog mereka nanti.

Tulisan yang akan dipublikasikan di blog pribadi siswa sebagai Tugas Blogging ini, bisa diambil dari berbagai aktifitas sehari-hari, materi pelajaran yang didapatkan disekolah, memperkenalkan objek wisata di daerah kaliwungu, makanan khas, menceritakan profil sekolah dan berbagi pengalaman-pengalaman yang bisa diambil manfaatnya oleh orang lain.

Sebagai Tugas pertama bloging ini siswa diwajibkan menulis di blog masing-masing dengan tema sebagai berikut, siwa dipersilahkan memilih salah satu:

  • 1. Objek wisata di Kaliwungu Kab. Semarang
  • 2. Wisata Kuliner/ Makanan Khas Kaliwungu Kab. Semarang
  • 3. Profil SMP N 1 Kaliwungu Kab. Semarang
Bagi siswa yang telah selesai menulis, dipersilahkan memberikan komentar di postingan ini dengan menyertakan link/ tautan ke hasil karya tulisan di blog.

Membangun Kelas Online Dengan Aplikasi Telegram Bagian 2 Memasang Welcome Bot

Membangun kelas online dengan aplikasi telegram  akan semakin menarik dan semakin tampak interaktif, jika sudah kita lengkapi dengan beberapa bot (robot) telegram pendukung. Pada postingan sebelumnya (baca: Membangun Kelas Online Dengan Aplikasi Telegram Bagian 1) telah saya bahas persiapan-persiapan dalam membangun kelas online, mulai dari pembuatan group kelas online, membuat channel group, dan dalam tulisan ini kita akan bahasa lebih rinci tentang bagaimana cara setting, konfigurasi masing-masing bot (robot) ditelegram yang dibutuhkan dalam mebangun kelas online.

Persiapan seperti membuat group kelas online, membuat channel group yang berfungsi sebagai sarana memberi informasi satu arah ke anggota group, telah kita lakukan. Selanjutnya proses instalasi bot telegram.

Berikut Bot yang akan kita gunakan di dalam group Kelas Online: 
  • Welcome Bot  (Berfungsi sebagai bot penyambutan otomatis saat ada anggota baru yang masuk ke dalam group, Bot ini juga bisa memberikan informasi saat ada anggota group yang meninggalkan group.
  • ManyBot (Bot siap pakai ini akan kita gunakan sebagai bot yang mampu merespon setiap perintah/ permintaan dari anggota group, dan mencocokan dengan perintah yang sebelumnya sudah dipasang didalam bot ini.)
  • BotFather (Bot yang wajib kita invite sebelum membuat bot telegram untuk berbagai keperluan, karena BotFather inilah yang akan membantu membuat dan mengelola bot telegram).
Memasang Welcome Bot
1. Add welcomebot (@jh0ker_welcomebot) pada akun telegram,


2. Setelah anda add/ invite Welcome Bot, kemudian anda klik akun welcome bot dan klik ADD TO GROUP, perhatikan gambar berikut:


3. Cari group (kelas online) yang sudah kita buat di telegram,

4.  Klik OK.
5. Berikutnya tampilan awal saat Welcome Bot berhasil dimasukkan kedalam group kelas online kita.

6. Selanjutnya kita ketik /help untuk menampilkan berbagai fitur, berbagai perintah yang bisa di respon Welcome Bot ini:

Berikut daftar perintah yang tersedia di bot ini, dan bisa kita manfaatkan untuk membuat group kelas online kita menjadi interaktif dan lebih menarik.
/welcome - Set welcome message
/goodbye - Set goodbye message
/disable_goodbye - Disable the goodbye message
/lock - Only the person who invited the bot can change messages
/unlock - Everyone can change messages
/quiet - Disable "Sorry, only the person who..." & help messages
/unquiet - Enable "Sorry, only the person who..." & help messages

You can use $username and $title as placeholders when setting messages. HTML formatting (https://core.telegram.org/bots/api#formatting-options) is also supported.

7. Fokus pada artikel ini hanya pada setting perintah  /welcome, silahkan ketik perintah          
/welcome dan tekan enter, maka bot akan merespon dengan tampilan petunjuk cara setting perintah ucapan selamat datang seperti berikut:

Anda bisa mengedit perintah diatas sesuai kebutuhan, sebagai contoh:
/welcome Halo... $username, Selamat Datang di $title , semoga bisa memanfaatkan kelas online ini dengan baik.

Kirim perintah diatas kedalam group kelas online yang sudah terpasang Welcome Bot. maka respon Welcome Bot sebagai berikut:

Ketika ada anggota baru yang masuk group, maka Welcome Bot otomatis akan merespon kehadiran anggota baru dengan bahasa seperti contoh pada gambar berikut:


Demikian, Membangun Kelas Online Dengan Aplikasi Telegram Bagian 2 Memasang Welcome Bot semoga bermanfaat, pada postingan selanjutnya adalah cara membuat bot di BotFather.

Apakah situs Anda sudah mobile-friendly?

Apakah situs Anda sudah mobile-friendly?
Cari tahu seberapa baik performa situs Anda di perangkat seluler dan desktop, ini kata-kata pembuka pada salah satu produknya google, yaitu tool untuk mengecek apakah situs yang kita kelola sudah mobile-friendly, apakah situs kita termasuk situs yang cepat saat di akses pengunjung.

Mungkin sebagian dari anda belum begitu memperhatikan masalah ini, yang penting punya situs itu sudah Alhamdulillah, bisa berbagi informasi, berbagi ilmu melalui situs yang kita kelola itu sudah lebih dari cukup. Namun, bagi sebagian orang yang memperhatikan kinerja situs, memperhatikan kenyamanan pengunjung, tentu hal ini akan sangat diperhatikan, yaitu memiliki situs yang cepat saat diakses, memiliki situs yang sudah mobile-friendly atau situs yang mampu menyesuaikan diri secara otomatis ketika diakses oleh pengunjung dengan berbagai device baik itu saat dibuka menggunakan laptop/ komputer dengan layar yang lebar, atau bahkan saat dibuka menggunakan handphone dengan layar yang kecil.

Berikut contoh tampilan hasil pengecekan tampilan situs mrmung.com menggunakan tool yang tersedia di http://ami.responsivedesign.is/ :


Hasil skor yang diberikan toolnya google ini bisa kita jadikan sebagai masukkan yang bisa dipertimbangkan. Situs web yang kompleks atau, misalnya, mempunyai gambar yang sangat besar, bisa menyebabkan skor yang lebih rendah dibanding situs web yang lebih kecil dan sederhana.

Kembali ke judul postingan ini Apakah situs Anda sudah mobile-friendly?, berikut langkah-langkah untuk mengecek situs mobile friendly dan cek kecepatan situs dengan tool buatan google:
  1. Buka https://testmysite.thinkwithgoogle.com/intl/id-id/ 
  2. Tuliskan alamat website atau blog anda pada kolom yang tersedia di tool buatan google ini, perhatikan gambar berikut:
  3. Klik tombol Uji sekarang, dan tunggu proses berlangsung beberapa detik.
  4. Lihat hasilnya, skor kesesuaian untuk seluler, skor kecepatan saat dibuka menggunakan handphone, dan skor kecepatan saat situs dibuka menggunakan komputer desktop.
  5. Minta kiriman lebih detail analisa google terkait website anda.

    Tunggu informasinya maksimal 1jam, akan terkirim ke email anda.
Demikian, semoga bermanfaat.

Video Panduan Membuat Kelas Online Lengkap dengan Instalasi Bot (Robot Telegram)

Berikut Video Panduan Membuat Kelas Online Lengkap dengan Instalasi Bot (Robot Telegram):
Semoga bermanfaat:

Tugas Bloging I

Tugas Bloging Kelas IX SMP N 1 Kaliwungu Tahun 2017

.:: Iklan ::.

Koleksi Tutorial Blog

Pengertian Blog dan Cara Membuat Blog Terbaru

Cara Melakukan Posting Artikel

Cara Membuat Readmore di blog dengan Mudah

Cara Mendapat Hosting Gambar Gratis

Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Cara Setting Blog Yang Baru di Buat

Cara memasang Jam Animasi di Blog

Cara memasang banner affiliate di blog

Cara menampilkan dokumen office (word, excell, power point) di blog

Changing the Read More in blogger - New Feature

Creating 'After the jump' summaries

Encode dan Decode

Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog

How to create a blog with Blogger - Video YouTobe

Membuat Banner atau Gambar Berjalan

Membuat Navigasi Halaman / Page Navigation Blogger

Membuat Site Map, Daftar Isi Otomatis Versi 2

Membuat Slide Gambar di Blog Dengan JQuery

Membuat Teks Berkedip Seperti Gadis Cantik yang Centil

Membuat Tombol Share Facebook Dengan Counter

Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)

Menciptakan blog yang keren dan elegant

Mengganti Avatar Komentator dengan Avatar MyblogLog

Mengganti Template Blogger Standard

Navbar Blogger, Amankan Blog dari DELETE

Perancangan Template Blog Baru

Posting Gambar di Blog

Script Buku Tamu Model Show Hide

Script Membuat Buku Tamu Cepat dan Praktis

Script Membuat Random Posting di Blogspot

Script Membuat Slide Photo Panorama

Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly

Tips dan Trik: Menghapus Link Subsribe Post

Video Tutorial Membuat Blog di Blogspot 1

Video Tutorial Membuat Email di Ymail

Website Penyedia Layanan Shout Box

Posting Blog Terbaru Otomatis Update di Status Facebook

Gambar bergoyang ketika di sentuh

Membuat Page(Laman Terpisah) di Blogger.com

Cara Membuka Website Yang Benar (Untuk Pemula)

Cara Mudah Custom Domain di Blogspot

Cara Custom Domain blogspot dengan Domain web.id

Cara Membuat Scroll Widget Blog

Cara Edit Menu dan Sub Menu Melalui EDIT HTML Template

Cara Mengedit Gambar Slide
Cara Setting Sub Domain dan Redirect Domain
Cara Menyimpan Javascript di Google Drive

Arsip Blog