<h2>Pendahuluan</h2>
Memantau performa sebuah server terkadang dilakukan oleh beberapa sysadmin dengan memeriksanya melalui command line. Asumsikan seorang sysadmin ingin melihat performa CPU dan RAM, akan menggunakan perintah free dan cat /proc/stat. Ada juga yang memasang aplikasi server monitoring yang sudah menyediakan berbagai alat untuk memantau kinerja server. Selain melihat performa hardware terkadang ingin juga melihat beberapa file log penting seperti log milik Apache untuk melihat akses yang masuk atau error yang terjadi pada sebuah aplikasi web yang dijalankan di atas Apache. Kali ini kita akan mencoba membangun sebuah aplikasi sederhana yang akan memantau kinerja CPU dan RAM server berbasis Linux dan melihat log Apache yang dipasang di server tersebut. Untuk mendapatkan informasi tersebut kita akan menggunakan bantuan SocketIO, sebuah library Javascript yang membantu developer untuk mengembangkan aplikasi web berbasis Websocket. Untuk mencoba pengalaman yang lebih berbeda, aplikasi ini akan dibuat menggunakan Python dan Flask.
<h2>Persiapan Alat</h2>
Untuk tutorial ini, Anda membutuhkan beberapa perlengkapan yang cukup banyak. Diantaranya adalah sebagai berikut:
<ul>
	<li>Sistem operasi Linux yang dipasang secara lokal. Anda dapat memasangnya di VirtualBox atau VMWare, Laptop Anda sendiri, atau PC yang dijadikan server di ruangan laboratorium komputer milik instansi Anda. Saya sarankan untuk memasang Ubuntu di mesin tersebut bagi yang baru mencoba Linux, dan untuk yang sudah berpengalaman silahkan gunakan Linux favoritnya :D</li>
	<li>Apache Web Server, Anda dapat memasangnya di Linux melalui package manager atau pun memasangnya dari installer</li>
	<li>Text Editor, untuk menulis kode Python dan HTML</li>
	<li>Web Browser, untuk menampilkan aplikasi yang akan dicoba di tutorial ini</li>
	<li>Python, untuk menjalankan kode Python yang akan ditulis biasanya sudah terpasang di beberapa distro Linux (contoh cara install: apt-get install python)</li>
	<li>PIP, merupakan package manager untuk memasang library Python (contoh cara install: apt-get install python-pip)</li>
	<li>Flask, sebuah web framework Python yang mungil dan powerful (contoh cara install: pip install flask)</li>
	<li>Flask-SocketIO, sebuah ekstensi Flask yang dipergunakan untuk membantu Anda membangun aplikasi web berbasis Websocket dan SocketIO (contoh cara install: pip install flask-socketio)</li>
	<li>PSUtil, sebuah library Python yang mempermudah Anda untuk mengakses informasi hardware seperti penggunaan CPU dan RAM (contoh cara install: pip install psutil)</li>
	<li>SocketIO-Client, sebuah library Javascript yang mempermudah pembangunan aplikasi berbasis Websocket. Anda dapat mengunduhnya di website resmi Socket.IO</li>
	<li>jQuery, sebuah library Javascript yang mempermudah Anda memanipulasi halaman HTML. Anda dapat mengunduhnya di website resmi jQuery</li>
</ul>

<img class="size-full wp-image-7488" src="https://static.cdn-cdpl.com/wp-images/2016/02/Selection_004.png" alt="Struktur Folder dan File Aplikasi Monitoring Server berbasis Flask dan Socketio" width="262" height="162" />

<h2>Membuat kode server.py</h2>
Di dalam file server.py akan ada beberapa bagian kode yang harus dipahami. Pada bagian pertama ini kita akan melakukan proses penyertaan library yang terdapat di Python. Kita akakn menggunakan library Flask, Thread, PSUtil, dan Flask-SocketIO. Kita juga akan menggunakan library seperti datetime, time, random, dan subprocess. Berikut adalah bagian kode server.py yang melakukan proses penyertaan library:

```
from flask import Flask, render_template
from flask.ext.socketio import SocketIO, emit
from threading import Thread, Event
import datetime, time, random, subprocess, psutil

# akan ada kode lain sesudah kode ini

```

Berikutnya kita akan membuat sebuah aplikasi Flask dengan nama variabel app kemudian kita sertakan SECRET_KEY untuk menjamin security yang dijalankan oleh proses internal Flask, Anda dapat mengisinya dengan key milik Anda. Tidak lupa kita jalankan juga mode debug agar dapat mempermudah kita menepis error yang terdapat di aplikasi kita bilamana error datang. Untuk membuat socketio kita membutuhkan SocketIO() dengan melewatkan app ke dalam constructor. Untuk threading sendiri, kita buat sebuah variabel bernama thread dan membuat variabel thread_stop_event untuk mendeteksi event yang terjadi pada thread. Berikut adalah bagian kode server.py yang melakukan proses penciptaan objek global di aplikasi server monitoring kita.:

```
# ada kode lain sebelum kode ini

app = Flask (__name__)
app.config['SECRET_KEY'] = 'rahasia'
app.debug = True
socketio = SocketIO(app)
thread = Thread()
thread_stop_event = Event()

# akan ada kode lain sesudah kode ini
```

Kemudian kita akan mendefinisikan sebuah class thread yang akan melakukan beberapa fitur monitoring. Di dalam class SystemInfoThread() dibawah ini, akan terdapat 7 method yang mempunyai perannya masing - masing. Berikut adalah method - method yang terdapat di class SystemInfoThread():
<ul>
	<li>method init merupakan constructor yang akan dieksekusi saat class pertama kali diciptakan. method ini menerima sebuah parameter yaitu socketio. Parameter tersebut akan menerima objek socketio yang dilewatkan ke class ini</li>
	<li>method get_cpu_info() merupakan method yang akan mengambil informasi penggunaan CPU dalam bentuk persen. Kemudian kita kirimkan data tersebut ke client yang terkoneksi ke server Websocket kita menggunakan self.socketio.emit() yang akan diterima oleh event receiveMessage</li>
	<li>method get_mem_info() merupakan method yang akan mengambil informasi penggunaan RAM</li>
	<li>method get_swap_info() merupakan method yang akan mengambil informasi penggunaan SWAP</li>
	<li>method get_apache_access_log() merupakan method yang akan mengambil informasi terbaru dari file access.log milik Apache</li>
	<li>method get_apache_error_log() merupakan method yang akan mengambil informasi terbaru dari file error.log milik Apache</li>
	<li>method run() merupakan method yang akan menjalankan semua proses utama dari thread ketika method start() dari suatu thread dipanggil. Di dalam method ini terdapat pemeriksaan apakah thread masih berjalan atau tidak. Kemudian terdapat delay selama 1 detik untuk setiap kali pengambilan informasi.</li>
</ul>
Berikut adalah bagian kode server.py yang mendefinisikan class thread yaitu SystemInfoThread():
```
# ada kode lain sebelum kode ini

class SystemInfoThread(Thread):
 def __init__(self, socketio):
 self.delay = 1
 self.socketio = socketio
 super(SystemInfoThread, self).__init__()

 def get_cpu_info(self):
 output = psutil.cpu_percent(interval=0, percpu=True)
 server_time = "%s" % datetime.datetime.now()
 self.socketio.emit('receiveMessage', {'type':'cpu', 'msg': output, 'time':server_time}, broadcast=True)

 def get_mem_info(self):
 mem = psutil.virtual_memory()
 output = mem.percent
 server_time = "%s" % datetime.datetime.now()
 self.socketio.emit('receiveMessage', {'type':'mem', 'msg': output, 'time':server_time}, broadcast=True)

 def get_swap_info(self):
 swap = psutil.swap_memory()
 output = swap.percent
 server_time = "%s" % datetime.datetime.now()
 self.socketio.emit('receiveMessage', {'type':'swap', 'msg': output, 'time':server_time}, broadcast=True)

 def get_apache_access_log(self):
 output = subprocess.check_output('tail /var/log/apache2/access.log', shell=True)
 server_time = "%s" % datetime.datetime.now()
 self.socketio.emit('receiveMessage', {'type':'apache_access_log', 'msg': output, 'time':server_time}, broadcast=True)

 def get_apache_error_log(self):
 output = subprocess.check_output('tail /var/log/apache2/error.log', shell=True)
 server_time = "%s" % datetime.datetime.now()
 self.socketio.emit('receiveMessage', {'type':'apache_error_log', 'msg': output, 'time':server_time}, broadcast=True)

 def run(self):
 while not thread_stop_event.isSet():
 self.get_cpu_info()
 self.get_mem_info()
 self.get_swap_info()
 self.get_apache_access_log()
 self.get_apache_error_log()

 time.sleep(self.delay)

# ada kode lain sesudah kode ini
```

Setelah membuat class SysInfoThread() sekarang kita akan menentukan fungsi yang akan melayani request via HTTP dan Websocket. Untuk menampilkan halaman index kita akan memberikan route "/" pada function index() yang akan melakukan proses template rendering terhadap file index.html. Lalu kita akan mendefinisikan dua event pada socketio yaitu ketika connect dan disconnect. Pada saat event connect dipanggil, thread SystemInfoThread() akan dibentuk kemudian dijalankan. Sebelum dijalankan akan diperiksa terlebih dahulu apakah thread tersebut sudah pernah dijalankan atau belum. Kemudian untuk event disconnect hanya terdapat informasi saja untuk server bilamana ada yang memutuskan koneksi. Setelah itu baris socketio.run(app, '0.0.0.0', 5000) akan menjalankan aplikasi pada port 5000. Berikut adalah bagian kode server.py yang mendefinisikan routing dan event dari aplikasi server monitoring:

```
# ada kode lain sebelum kode ini

@app.route('/')
def index():
 return render_template('index.html')

@socketio.on('connect', namespace='/')
def on_connect():
 print 'Ada yang terhubung dengan server...'

 global thread
 if not thread.isAlive():
 print "Starting Thread"
 thread = SystemInfoThread(socketio)
 thread.start()

@socketio.on('disconnect', namespace='/')
def on_disconnect():
 print 'Ada yang memutus hubungan dengan server...'

if __name__ == '__main__':
 socketio.run(app, '0.0.0.0', 5000)
```

<h2>Membuat kode index.html</h2>
Untuk file index.html kita akan membuat sebuah judul dengan h1 kemudian ada div dengan id dashboard di dalamnya terdapat sebuah table dan div untuk menampilkan informasi RAM, CPU, dan file log Apache. Kemudian di dalam script terdapat inisialisasi untuk konek ke Websocket. Variabel socket tersebut akan menerima sebuah event yaitu receiveMessage. Di dalam event tersebut akan ada penentuan dalam menampilkan pesan apakah pesan yang diterima adalah cpu, ram, swap, access_log, atau error_log. Berikut adalah kode index.html yang akan menampilkan informasi RAM, CPU, Swap, dan file log Apache:

```
<!DOCTYPE html>
<html>
 <head>
 <title>Simple Server Monitoring using Python</title>
 <style>
 .apache-log {
 width: 1150px;
 height: 200px;
 background: #F5F5F5 none repeat scroll 0% 0%;
 overflow-y: scroll;
 font-size:11px;
 margin: 10px;
 }
 </style>
 </head>
 <body>
 <h1>Basic Server Monitor</h1>
 <div id="dashboard">
 <table id="cpu-mem" style="margin:10px;width:1000px">
 <thead>
 <tr>
 </tr>
 </thead>
 <tbody>
 <tr>
 </tr>
 </tbody>
 </table>
 <div class="apache-log" id="apache-access-log">
 </div>
 <div class="apache-log" id="apache-error-log">
 </div>
 </div>
 <script src="{{ url_for('static', filename='vendors/jquery-1.9.1.min.js') }}" type="text/javascript"></script>
 <script src="{{ url_for('static', filename='vendors/socket.io.min.js') }}" type="text/javascript"></script>
 <script type="text/javascript">
 var username = "";
 var socket = io.connect('http://localhost:5000/');

 socket.on('receiveMessage', function(data){
 if (data.type == 'apache_access_log')
 {
 $('#apache-access-log').html("<pre>"+data.msg+"</pre>");
 }
 else if (data.type == 'apache_error_log')
 {
 $('#apache-error-log').html("<pre>"+data.msg+"</pre>");
 }
 else if (data.type == 'cpu')
 {
 cpu_len = data.msg.length;
 tb_head_elem = "";
 tb_body_elem = "";
 for (var i = 1; i <= cpu_len; i++)
 {
 tb_head_elem += "<td>CPU "+i+"</td>";
 tb_body_elem += "<td>"+data.msg[i-1]+" %</td>";
 }

 $('#cpu-mem thead tr').html(tb_head_elem);
 $('#cpu-mem tbody tr').html(tb_body_elem);
 }
 else if (data.type == 'mem')
 {
 $('#cpu-mem thead tr').append('<td>Memory</td>');
 $('#cpu-mem tbody tr').append('<td>'+data.msg+' %</td>');
 }
 });
 </script>
 </body>
</html>
```

<h2>Cara Menjalankan Aplikasi</h2>
Untuk menjalakan aplikasi, Anda tinggal masuk ke dalam folder tempat dimana server.py berada kemudian jalankan perintah python server.py dan akhirnya program akan berjalan seperti pada gambar berikut ini:

Jika diakses melalui web browser akan muncul tampilan seperti pada gambar berikut:

<img class="size-large wp-image-7487" src="https://static.cdn-cdpl.com/wp-images/2016/02/Selection_003-700x378.png" alt="Aplikasi Monitoring Server di tutorial ini dijalankan di sebuah browser" width="700" height="378" /> 

Jika terjadi proses request terhadap server maka perubahan akan terjadi segera pada halaman monitoring. Jika Anda mempunyai Apache Benchmark, Anda dapat melakukan benchmark terhadap website yang tersimpan di Apache Anda dan Anda akan melihat log akan berganti karena terjadi proses request secara konkuren.
<h2>Penutup</h2>
Anda dapat menambahkan grafik garis agar informasi yang ditampilkan lebih menarik, dan salah satu kekurangan yang terdapat di tutorial ini adalah log yang ditampilkan akan ditimpa oleh log baru yang diambil. Sehingga ketika ingin melihat log sebelumnya tidak bisa dilakukan. Dan tidak hanya itu, log Apache yang diambil hampir semuanya ditampilkan sehingga bila dipasang di server yang sudah dalam fase produksi dapat menciptakan peluang ketidakamanan bila informasinya jatuh ke tangan yang tidak berhak.

Dengan menyelesaikan tutorial ini, Anda sudah dapat mengenal bagaimana cara kerja Websocket yang dibangun diatas Python dan Flask. Sehingga Anda dapat mengenal bahwa aplikasi Websocket tidak hanya dapat dibangun menggunakan Node.js, menggunakan Python pun dapat dilakukan.
<h2>Referensi</h2>
<ul>
	<li>Miguel Grinberg Blog</li>
	<li>Flask Official Documentation</li>
	<li>Flask-SocketIO Documentation</li>
	<li>jQuery Documentation</li>
	<li>PSUtil Documentation</li>
	<li>Python Documentation</li>
	<li>W3Schools</li>
</ul>
(rfs)

Membuat Aplikasi Monitoring Server Sederhana dengan Flask dan Socket.IO

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

Membuat Aplikasi Monitoring Server Sederhana dengan Flask dan Socket.IO

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

Yukihiro Matsumoto, Perancang Bahasa Pemrograman Ruby

Guido van Rossum, Tokoh Di Balik Bahasa Python

17 Grup Populer tentang Pemrograman di Facebook yang Berasal dari Indonesia

Haris Hasanudin, Pembuat Bahasa Pemrograman BAIK

Intip Perkembangan Teknologi di Negeri Tirai Bambu

Larry Wall, Sang Guru Bahasa Perl