tutorial membuat “bot telegram” …. pendahuluan – sekilas tentang bot telegram staklim...

25
TUTORIAL MEMBUAT “BOT TELEGRAM” SEDERHANA SEBAGAI MEDIA INFORMASI MKG Oleh : Tim Teknis Staklim Mempawah BADAN METEOROLOGI, KLIMATOLOGI, DAN GEOFISIKA STASIUN KLIMATOLOGI KELAS II MEMPAWAH KALIMANTAN BARAT 2017

Upload: vanthuan

Post on 29-Apr-2019

264 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

TUTORIAL MEMBUAT “BOT TELEGRAM” SEDERHANA

SEBAGAI MEDIA INFORMASI MKG

Oleh :

Tim Teknis Staklim Mempawah

BADAN METEOROLOGI, KLIMATOLOGI, DAN GEOFISIKA

STASIUN KLIMATOLOGI KELAS II MEMPAWAH KALIMANTAN BARAT

2017

Page 2: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

I. PENDAHULUAN – SEKILAS TENTANG BOT

TELEGRAM STAKLIM MEMPAWAH

II. TUTORIAL PEMBUATAN BOT TELEGRAM

SEDERHANA SEBAGAI MEDIA INFORMASI MKG

Website : http://iklim.kalbar.bmkg.go.id Bot Telegram : @IklimKalbar Twitter : @staklimmempawah Facebook : fb/staklimmempawah Email : [email protected] Android : SiApiKuKalbar Wa/telegram : 0821-5788-2080

Page 3: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

I. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM

MEMPAWAH

Guna memenuhi kebutuhan user dalam memperoleh informasi iklim terkini,

Stasiun Klimatologi Mempawah Kalimantan Barat memanfaatkan sosial media

sebagai salah satu sarana penyebarluasan informasi iklim di wilayah Kalimantan

Barat. Setelah sebelumnya menyediakan layanan diseminasi informasi iklim via

Website yang terintegrasi ke media social seperti Facebook, Twitter dan

WhatsApp, saat ini Stasiun Klimatologi Mempawah Kalimantan Barat kembali

meluncurkan inovasi layanan informasi iklim via Telegram (versi Beta). Informasi

tersebut dapat diakses pada aplikasi telegram dengan alamat @IklimKalbar_bot,

dengan tampilan sebagaimana terlihat di bawah ini.

Tampilan utama bot telegram @IklimKalbar

Page 4: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Main Menu yang tersedia pada @IklimKalbar_bot terdiri dari :

Profil,

Iklim Ekstrem,

Informasi Hotspot,

Kuesioner Online serta

Normal Curah Hujan Bulanan.

Menu-menu utama tersebut di atas masih terdiri lagi dari beberapa submenu, yang

dapat dijabarkan sebagai berikut :

Profil berisi informasi diantaranya Tupoksi, Struktur Organisasi, serta

Sejarah dari Stasiun Klimatologi Mempawah dengan submenu

sebagaimana terlihat di bawah ini.

Jika menu Struktur Organisasi diklik, maka akan tampil gambar seperti di

bawah ini.

Page 5: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Menu Iklim Ekstrem berisi infomasi Hujan Ekstrem, Suhu Maksimum dan

Suhu Minimum di wilayah Kalimantan Barat, dengan submenu

sebagaimana terlihat di bawah ini.

Page 6: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Menu Informasi Hotspot berisi link untuk mengakses informasi hotspot

terkini di Kalimantan Barat, seperti terlihat di bawah ini.

Jika link tersebut diklik, maka akan tampil gambar peta hotspot seperti di

bawah ini.

Menu Kuesioner Online merupakan wadah yang dapat digunakan user

untuk menyampaikan penilaian, pendapat serta saran bagi peningkatan

kualitas pelayanan informasi yang dikeluarkan oleh Stasiun Klimatologi

Page 7: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Mempawah, berbentuk Survei Kepuasan Masyarakat dan Survey Indeks

Persepsi Korupsi. Tampilannya berikut ini.

Menu Normal Curah Hujan Bulanan berisi informasi berupa peta normal

hujan bulanan dari Januari hingga Desember di wilayah Kalimantan Barat.

Page 8: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Jika salah satu bulan diklik maka akan muncul peta seperti berikut.

Selain informasi-informasi tersebut di atas, bot telegram @IklimKalbar disetting

untuk menerima informasi “AUTOPOSTING” yang terintegrasi dengan twitter

@staklimmempawah, dimana twitter ini juga terintegrasi dengan website Staklim

Mempawah. Dengan hal tersebut maka secara berkala setiap hari akan ada

update informasi secara otomatis yang masuk ke bot telegram @IklimKalbar.

Page 9: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Tampilan informasi autoposting dari sistem diseminasi yang lain

Demikian, dengan inovasi layanan iklim terbaru ini diharapkan masyarakat

khususnya di wilayah Kalimantan Barat dapat mengakses layanan informasi iklim

terkini dengan lebih mudah dan cepat. Selain itu kontribusi dari masyarakat berupa

saran serta masukan sangat kami harapkan demi meningkatkan kualitas layanan

informasi iklim untuk kedepannya.

Page 10: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI

MEDIA INFORMASI MKG

Pembuatan bot telegram seperti @IklimKalbar milik Stasiun Klimatologi

Mempawah – Kalbar, dapat dilakukan melalui aplikasi telegram pada smartphone

atau melalui web telegram.

1. Membuat bot dan usernamenya, caranya :

- Buka telegram anda.

- Cari dan add @botfather, lihat tampilan di bawah ini.

- Klik, akan muncul seperti ini.

Page 11: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

- Klik start, akan muncul daftar perintah, klik /newbot.

- Akan muncul perintah untuk memberi nama bot kita. Ketik nama yang kita

inginkan, kemudian klik Enter/Ok.

Di sini botnya diberi nama infoMKG_latihan.

- Setelah Ok, akan muncul perintah untuk membuat username bot kita, yang

harus menggunakan kata “bot”. Kita beri nama saja infoMKG_latihan_bot.

Akan muncul seperti ini.

Page 12: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Username sudah jadi, lalu Copy kode angka dengan tulisan berwarna merah

yang merupakan kode token API kita.

Sampai di sini bot telegram kita dengan nama infoMKG_latihan sudah jadi.

Selanjutnya kita harus membuat menu-menu yang ingin ditampilkan. Kita

membutuhkan aplikasi @Manybot. Caranya :

- Kembali ke tampilan utama telegram, search dan add @manybot,

- klik /start, akan muncul tampilan seperti ini.

Page 13: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

- Klik Create a New Bot akan muncul seperti ini.

- Klik I’ve copied the API token lalu masukan kode yang kita copy dari

botfather sebelumnya. Hasilnya begini.

- Bot kita telah sukses dibuat, tampilan di atas juga berisi perintah untuk

memasukkan deskripsi dari bot kita yang bisa kita langsung isi atau di skip

jika kita ingin membuatnya belakangan.

Page 14: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

- Untuk latihan coba tuliskan deskripsi, kemudian enter. Maka akan muncul :

hasilnya >>>

- Sekarang coba buka bot yang sudah kita buat, caranya pada tampilan

utama telegram, search @infoMKG_latihan, kemudian klik /start maka

deskripsi yang kita buat sudah muncul seperti berikut :

Page 15: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

2. Membuat Autoposting

Untuk menampilkan informasi yang otomatis terupload dari saluran twitter atau

youtube dan lainnya, caranya sebagai berikut :

- Kembali ke ke bot kita @infoMKG_latihan, klik setting

Maka akan muncul seperti ini.

- Klik Autoposting, akan muncul seperti ini.

Page 16: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

Silahkan tentukan jika bot kita akan menerima autoposting dari twitter, VK,

Youtube atau RSS feed.

3. Membuat menu dan submenu tampilan

Tampilan pada bot telegram dapat tersusun dari beberapa menu dan submenu

seperti ini.

Cara membuatnya sebagai berikut :

a) Buka bot kita (di sini @infoMKG_latihan) akan muncul seperti ini

Page 17: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

b) Pilih Custom commands, akan muncul seperti ini.

c) Klik Create command, tampilannya akan begini.

d) Untuk memberi nama menu harus diawali dengan “/”, sekedar contoh kita

akan membuat /profil, tekan enter maka akan muncul perintah untuk

mengisi konten pada munu profil tersebut yang bisa berisi teks, gambar atau

dokumen. Pada contoh diisi dengan teks “halaman profil infoMKG”

seperti ini.

Page 18: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

e) Tekan enter kemudian klik save, hasilnya akan begini.

f) Agar menu tersebut menjadi tombol menu maka klik Config. Main Menu,

akan terlihat seperti ini.

g) Klik + Add Menu Item + akan muncul /profil, klik saja.

Page 19: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

h) Akan muncul perintah untuk mengetikkan nama tombolnya, ketik saja

“PROFIL” , klik enter kemudian save.

i) Hasilnya, menu tombol profil sudah muncul seperti ini.

j) Jika diklik akan muncul seperti ini.

Page 20: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

k) Untuk membuat submenu dari PROFIL, silahkan buat menu baru dengan

mengulangi langkah b) s.d i) dan untuk latihan beri nama commandnya

dengan /foto kemudian nama tombolnya “FOTO”.

l) Pada langkah d), saat diminta memasukkan konten, klik attachment

(gambar paperclip)

m) Akan muncul jendela untuk mencari foto yang ingin kita input, seperti ini.

Page 21: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

n) Pilih gambar yang ingin ditampilkan, hasilnya akan seperti ini

o) Klik save, lalu klik go back kemudian custom command lagi, tampilannya

begini.

p) Perhatikan ada 2 command, selanjutnya kita akan membuat tombol menu

untuk /foto, ulangi langkah f) dan g), akan muncul seperti ini

Page 22: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

q) Klik /foto, beri nama labelnya dengan “FOTO” seperti langkah i), maka

hasilnya begini.

r) Perhatikan, di atas kita sudah mempunyai 2 tombol menu yaitu PROFIL dan

FOTO. Kita ingin menjadikan FOTO sebagai submenu PROFIL.

s) Caranya, klik tombol FOTO, akan muncul seperti ini,

Page 23: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

t) Perhatikan bahwa menu FOTO berada dalam tanda centang, artinya yang

aktif dipindahkan adalah menu FOTO tsb. Selanjutnya tekan tombol

PROFIL, hasilnya akan seperti ini.

u) Klik (0,0), hasilnya akan begini.

Page 24: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

v) Artinya kita sudah berhasil menjadikan FOTO sebagai submenu PROFIL.

Untuk melihat hasilnya tekan go back 3x (kembali ke main menu)

tampilannya begini.

w) Perhatikan, menu utama hanya tersisa PROFIL saja, karena FOTO sudah

menjadi submenu di dalam PROFIL. Coba klik PROFIL, maka akan terlihat

seperti ini.

Page 25: TUTORIAL MEMBUAT “BOT TELEGRAM” …. PENDAHULUAN – SEKILAS TENTANG BOT TELEGRAM STAKLIM MEMPAWAH II. TUTORIAL PEMBUATAN BOT TELEGRAM SEDERHANA SEBAGAI MEDIA INFORMASI MKG Website

x) Lalu klik FOTO, hasilnya seperti ini

Sampai di sini, kita sudah berhasil membuat tombol menu dan submenu.

PENUTUP

Demikianlah tutorial singkat ini, selanjutnya untuk pengembangan maka

bergantung pada kreatifitas pembuat bot telegram.

Semoga bermanfaat.

Salam,

Tim Staklim Mempawah