Membuat Bot Telegram untuk Auto Posting Laporan ke Group

Chapter 2: Membuat bot Telegram untuk auto posting laporan ke group.

Tulisan ini merupakan lanjutan dari tulisan sebelumnya mengenai dasar-dasar bot Telegram dan cara membuatnya.

Bagi yang belum membacanya silahkan ikuti tautan berikut ini :

[Chapter 1: Cara Membuat Bot Telegram dari Dasar]

Sebelum melanjutkan, berikut ini daftar apa saja yang saya gunakan dalam panduan ini:

1. Bot Telegram
2. Group Telegram
3. Web Server
4. Framework PHP CodeIgniter
5. Database MySQL/ MariaDB

Penjelasan singkatnya yaitu sebagai berikut.

1) Bot Telegram
Bot Telegram disini akan digunakan sebagai asisten alias si pelapor yang bertugas menyampaikan laporan ke Group. Inilah yang dimaksud: (auto posting).

2) Group Telegram
Group Telegram ini digunakan khusus untuk pelaporan, maksudnya semua laporan rutin akan kita posting ke group ini.

3) Web Server
Karena aplikasi yang akan dibangun berbasis web maka kita memerlukan web server untuk menjalankannya. Bisa apache ataupun NGINX jika dijalankan secara lokal. Jika menggunakan hostingan ya lebih bagus.

4) Framework PHP: CodeIgniter
Untuk memudahkan pekerjaan kita gunakan saja framework CodeIgniter, silahkan download di situs resminya : CodeIgniter.

5) Database MySQL / MariaDB
Karena menggunakan PHP, maka kita pilih database ini untuk menyimpan data-data laporan yang akan kita input pada form yang akan kita buat.

Memasukkan Bot Telegram ke Group

Saya anggap anda sudah mempunyai bot Telegram karena ketika anda membaca panduan ini, seharusnya anda sudah paham dasar-dasar bot Telegram yang pernah saya jelaskan pada panduan sebelumnya.

Untuk memasukkan bot telegram ke group, caranya yaitu klik detil informasi kontak bot Telegram dan pilih opsi Add to Group
.

Setelah memasukkan bot Telegram ke group, langkah selanjutnya yaitu mengetahui chat_id group dengan menggunakan metode: getUpdates.

Silahkan copy paste alamat berikut dan sesuaikan bot TOKEN-nya:
https://api.telegram.org/bot12345678:ABCDEFGHIJKLMnoPQRS-tUwXYZ/getUpdates

Jika sudah benar, maka hasilnya akan seperti ini:

{"ok":true,"result":[{"update_id":670679264,"message":{"message_id":1004,"from":{"id":87654321,"is_bot":false,"first_name":"Diko","last_name":"Pian","username":"dikopian","language_code":"en"},"chat":{"id":-1001059123456,"title":"TEST BOTS","type":"supergroup"},"date":1564826072,"new_chat_participant":{"id":1234567890,"is_bot":true,"first_name":"dicoffeean \u2615","username":"dicoffeeanbot"}]}}]}

Dari contoh di atas, sekarang kita sudah dapat ID Group yang dibutuhkan yaitu: -1001059123456 dengan nama group: TEST BOTS.

Sampai disini, persiapan awal untuk membuat bot telegram laporan sudah selesai, waktunya kita main di backend atau aplikasinya.

Membuat Database MySQL untuk Pelaporan

Buat database baru dengan nama : laporan_bot atau apapun bebas terserah anda.

Lalu copy paste script tabel SQL laporan_harian berikut ini.

-- Host: localhost

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `laporan_bot`
--

-- --------------------------------------------------------

--
-- Table structure for table `laporan_harian`
--

CREATE TABLE `laporan_harian` (
  `id` int(5) NOT NULL,
  `tanggal` varchar(30) NOT NULL,
  `nama` varchar(20) NOT NULL,
  `penjualan` int(5) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- Indexes for dumped tables
--

--
-- Indexes for table `laporan_harian`
--
ALTER TABLE `laporan_harian`
  ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `laporan_harian`
--
ALTER TABLE `laporan_harian`
  MODIFY `id` int(5) NOT NULL AUTO_INCREMENT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Skrip di atas akan membentuk tabel laporan_harian dengan 4 kolom antara lain:

1. id
2. tanggal
3. nama
4. penjualan

It’s time to coding . . .

Membuat Form Input untuk Pelaporan

Untuk contoh mengenai form bot telegram sebenarnya sudah ada yang membahasnya disini: Membuat form untuk mengirim pesan dengan Telegram bots.

Kali ini kita akan mengembangkannya dengan menggunakan framework CodeIgniter.

Untuk setup awal CodeIgniter saya tidak akan membahasnya disini, silahkan cari artikel terkait atau cukup ikuti dokumentasi pada situs resminya.

Membuat Controller dan Views CodeIgniter

Buat file Controller dengan nama Report.php, lalu salin code di bawah ini.

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Report extends CI_Controller {

	function __construct(){
        parent::__construct();
    }

    function index()
	{
	     $this->load->view('views_laporan_harian');
	}

    function submit_report(){
    	$tanggal = date("Y-m-d H:i:s");
        $nama = $this->input->post('nama');
        $penjualan = $this->input->post('sales');

        $report_data = array(
            'tanggal' => $tanggal,
            'nama' => $nama,
            'penjualan' => $penjualan
            );

        $this->db->insert('laporan_harian', $report_data);
        $this->load->view('views_laporan_harian_result');
        }

}

Di dalam Controller Report di atas, bisa kita lihat ada 2 (dua) file views yaitu:

1. views_laporan_harian
2. views_laporan_harian_result

Sekarang, saatnya kita buat ke-dua file tersebut.

Buat file pada folder : application/views/views_laporan_harian.php dan salin skrip berikut.

<div class="container">
<div class="small text-muted">Home » Report</div>
<hr />
<div class="col-md-6">
<h4>Input Laporan Harian</h4>
<form action="./submit_report" method="POST">
      <div class="form-group">
          <label for="nama">Nama:</label>
          <input id="nama" class="form-control" name="nama" required="" type="nama" placeholder="Masukkan nama anda . . ." />
        </div>
        <div class="form-group">
          <label for="sales">Jumlah Penjualan:</label>
          <input id="sales" class="form-control" name="sales" required="" type="number" placeholder="Jumlah penjualan . . ." />
        </div>
        <div class="form-group form-check"> </div>

        <button class="btn btn-primary" type="submit">Input</button>
      </form>
    </div>
</div>

Satu lagi application/views/views_laporan_harian_result.php :

<div class="container">
  <br />
<div class="small text-muted">Home » Results</div>
<hr />
<div class="col-md-12">
<h5>Hasil Input Laporan Harian</h5>
      <div class="panel panel-body">
          Hi, data Anda berhasil diinput!<br /><br /><form id="telegramForm" method="POST">
          <input id="telegram_id" class="form-control" name="chat_id" type="hidden" value="-1001059123456" /> 
          <input class="form-control" name="text" type="hidden" value='Waktu : <?php echo date("Y-m-d H:i:s");?> <?php echo "\n";?>Nama : * <?php echo $this->input->post('nama');?> <?php echo "\n";?>Jumlah Penjualan : *<?php echo $this->input->post('sales');?> <?php echo "\n\n\n*>>>* _Laporan via bot Telegram_ *<<<*";?> '/>
          <br />
          <button id="sendToGroup" class="btn btn-primary" type="submit">Posting ke Group</button>
        </form>
      </div>
  </div>
</div>

<script>
$(document).on('click', '#sendToGroup', function(e){
      SwalTelegram();
          e.preventDefault();
      });
    
    function SwalTelegram(){
      if ($("#telegram_id").val()) {
        swal({
          title: 'Posting ke group?',
          text: "Pastikan Laporan anda sudah benar",
          type: 'question',
          showCancelButton: true,
          confirmButtonColor: '#3FC3EE',
          cancelButtonColor: '#E91E63',
          confirmButtonText: 'Ya!',
          showLoaderOnConfirm: true,
            
          preConfirm: function() {
            return new Promise(function(resolve) {
              $.ajax({
                url: 'https://api.telegram.org/bot12345678:ABCDEFGHIJKLMnoPQRS-tUwXYZ/sendMessage?parse_mode=Markdown',
                  type: 'POST',
                    data: $('#telegramForm').serialize(),
                    dataType: 'html'
                 })
                 .done(function(response){
                  swal({
                  title: "Sukses!",
                  html: "Silahkan laporan berhasil dikirim",
                  type: "success", 
                  allowOutsideClick: false,
                  timer:5000,
                  showConfirmButton: false,
                  animation: false,
                  customClass: 'animated jackInTheBox',
                })
                 })
                 .fail(function(){
                  swal('Oops...', 'Ada kesalahan &#x2639;&#xfe0f;', 'error');
                 });
              });
            },
          allowOutsideClick: false        
        }); 
      }
      else {
            swal({
              title: "Warning!",
              html: "Ooops ada kesalahan system!",
              type: "warning", 
              allowOutsideClick: false,
              timer:3000,
              showConfirmButton: false
            });
          }
    }
  </script>

Keterangan [PENTING] :

• Perhatikan <input name='chat_id'> karena itu merupakan Chat ID Group yang tadi kita bahas di atas.
• Jangan lupa ganti dengan TOKEN bot anda pada fungsi javascript SwalTelegram().

[FINAL] Testing Bot Telegram Auto Posting ke Group

Jika tidak ada kesalahan, waktunya kita uji coba alias testing.

Buka alamat : https://localhost/Codeigniter/report/ atau https://localhost/Codeigniter/index.php/report/

Kita akan coba input Nama: dicoffeean dan Jumlah Penjualan: 21.

Hasilnya yaitu seperti berikut ini.

Sekarang klik tombol “Posting ke Group”, jika berjalan lancar seharusnya muncul popup SweetAlert.

Jika sukses, tampilan SweetAlert akan berubah menjadi seperti di bawah ini.

Sekarang lihat di group, apakah ada pesan dari bot telegram?

Pesan berhasil terkirim otomatis ke group yang dituju, dan jangan lupa cek di database-nya apakah sudah terinput seperti ini?

Kode dan fungsi PHP di atas hanyalah basic function saja. Untuk pengembangan lebih lanjut, silahkan disesuaikan dengan kebutuhan anda masing-masing.

Jika ada saran atau pertanyaan lainnya, silahkan diskusikan pada kolom komentar yang telah disediakan.

Baca juga :

• Membuat Notifikasi Terjadwal dengan Bot Telegram
• Mengambil data Google Sheets dengan Bot Telegram

Mau test Bot Telegram Laporan secara Live? Klik disini : Admin Dashboard Bot Telegram. Web tersebut juga menerima Jasa Pembuatan Bot Telegram bagi yang ingin membuat Bot Telegram tanpa ribet.

Yang mau nonton versi videonya silahkan :

Jangan lupa Subscribe Channelnya ya, masukan-masukan yang ada di kolom komentar sedang admin garap versi videonya. Yuk jangan ketinggalan!