Cara Membuat Web Dinamis dengan Python

 

 

    Sebuah website adalah gugusan berdasarkan dokumen-dokumen yg berisi teks, gambar, video, atau audio. Beberapa dasa warsa lalu, seluruh website adalah website statis, semuanya hanya menampilkan konten yg sama pada seluruh pengguna. Pengunjung nir mampu berinteraksi secara eksklusif terhadap sesuatu website. 

    Jaman sekarang, hampir semua website merupakan website dinamis. Semua pengunjung bisa berinteraksi secara langsung seperti menambah database, merubah ataupun menghapus data dari database dengan cara tertentu.

    Sebuah website baik itu dinamis atau statis mempunyai kegunaannya masing-masing. Tetapi pada pembuatan website bergerak maju akan lebih sulit & memerlukan saat lebih dibanding membuatkan sebuah website statis. Kalau sahabat-sahabat mau ngoding web dinamis, tentunya sahabat-sahabat wajib  mengerti beberapa bahasa server-side misalnya PHP, ASP & masih banyak yg lainnya.

 

 

    Lantas apakah ngoding web statis lebih gampang menurut ngoding web dinamis ?  belum tentu. Ngoding web statis pun semudah itu, memang lebih gampang menurut ngoding web dinamis, tetapi anda perlu tahu beberapa bahasa terutama buat front-end misalnya CSS, Javascript, ataupun teknik-teknik buat menciptakan UI/UX yg lebih menarik, dan berikut ini adalah perbedaan web statis dan dinamis.

 

Web Statis

    Dimulai berdasarkan pembuatan website tradisional. Kenapa dianggap tradisional? Lantaran dulu orang jika ngoding web niscaya menciptakan sebuah web yg statis. Web statis mampu dibilang lebih baik pada hal performa menurut web dinamis. Kecepatan load yg dimiliki sang sebuah web statis jua keamanan yg lebih tahan menurut agresi hacker berakibat beberapa orang masih menentukan buat menciptakan sebuah website statis.

    Web statis pun lebih gampang pada proses pengembangan lantaran nir memerlukan fungsi-fungsi yg kompleks misalnya jika kita ngoding web dinamis.  Tapi web statis jua punya kekurangannya sendiri. Problem primer dalam web statis merupakan jika si pemilik web ingin memperbarui konten yg terdapat pada pada webnya. Pemilik web wajib  merombak isi kodenya buat mampu memperbarui isi kontennya. Kalau si pemilik mampu ngoding sih gak masalah, akan tetapi jika gabisa? Terpaksa wajib  kembali menghubungi desainer atau developer yg menyebarkan website untuknya.

    Kekurangan lain merupakan bila menciptakan sebuah toko online yg memiliki banyak produk pada dalamnya. Si pemilik website wajib  selalu mengupdate barangnya jika-jika barang tadi habis atau tambah barang baru.

Web Dinamis

    Web dinamis adalah sebuah website yg memungkinkan penggunanya buat berinteraksi secara langsung, pada artian pengguna bisa menambah, memodifikasi, ataupun menghapus konten pada pada sebuah web tanpa wajib  membuka struktur kode berdasarkan web tadi. Lantaran fungsi inilah, ngoding web dinamis sebagai lebih rumit daripada ngoding web statis.

    Sebuah web dinamis memungkinkan buat menampilkan sebuah page web yg sama akan tetapi menggunakan tampilan yg tidak sama pada pengguna yg tidak sama pula. Dalam hal update jua, seseorang pemilik web gak wajib  jago ngoding, relatif memakai opsi berdasarkan fitur-fitur yg sudah dibuatkan sang si produsen web tadi. Web bergerak maju jua sanggup dibilang lebih powerful lantaran memiliki fitur misalnya login, daftar pengguna, proses pembayaran, & lain sebagainya.

    Tapi lantaran kaya fitur itulah proses ngoding web bergerak maju nir semudah menciptakan web statis. Diperlukan pemahaman bahasa pemrograman yg lebih, jua memerlukan porto  yg lebih berdasarkan web statis pada hal pembuatan, maintenance, & penambahan fitur lain misalnya pengolahan database.  Dalam hal keamanan pun, web bergerak maju sanggup dikatakan relatif rentan terhadap agresi cyber. Fitur misalnya pembayaran & registrasi  data diri seorang yg sanggup saja diretas sebagai akibatnya data-data tadi bocor.

Langkah-Langkah Membuat Web Server Dinamis dengan Python

Sebelum memulai, pastikan komputer Anda telah terinstall Python. Untuk memeriksa apakah Python sudah terinstal maka ketikan perintah berikut di terminal :

Jika Python sudah terinstall maka akan muncul tulisan versi Python. Berikut ini contohnya :

setelah install python anda bisa langsung membuat file 2  yaitu webdinamis.py dan tes.html pada code editor anda dan dibaeah ini adalah implementasi dari source code dari algoritma seperti dibawah ini :

tes.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h1>Hitung Matematika</h1>

{%

angka1 = 10

angka2 = 22

emit("Hasil = ")

emit(angka1*angka2)

%}

</body>

</html>

 webdinamis.py

#!/usr/bin/env python3

# -*- coding: utf-8 -*-

import re

class Template():

"""Compile an text into a template function"""

def __init__(self, text):

self.delimiter = re.compile(r'{%(.*?)%}', re.DOTALL)

self.tokens = self.compile(text)

def compile(self, text):

tokens = []

for index, token in enumerate(self.delimiter.split(text)):

if index % 2 == 0:

# plain string

if token:

tokens.append((False, token.replace('%\}', '%}').replace 

                    ('{\%', '{%')))

else:

# code block

# find out the indentation

lines = token.replace('{\%', '{%').replace('%\}', '%}')

                .splitlines()

indent = min([len(l) - len(l.lstrip()) for l in lines if 

                l.strip()])

realigned = '\n'.join(l[indent:] for l in lines)

tokens.append((True, compile(realigned, '<tempalte> %s' 

                 % realigned[:20], 'exec')))

return tokens

def render(self, context = None, **kw):

"""Render the template according to the given context"""

global_context = {}

if context:

global_context.update(context)

if kw:

global_context.update(kw)

# add function for output

def emit(*args):

result.extend([str(arg) for arg in args])

def fmt_emit(fmt, *args):

result.append(fmt % args)

global_context['emit'] = emit

global_context['fmt_emit'] = fmt_emit

# run the code

result = []

for is_code, token in self.tokens:

if is_code:

exec(token, global_context)

else:

result.append(token)

return ''.join(result)

# make instance callable

#__call__ = render

file = open("tes.html", 'r')

html = file.read()

file.close()

template = Template(html)

hasil = template.render()

print (hasil)

 

untuk menjalankan source code diatas anda bisa menjalankan dengan perintah "python3 webdinamis.py" seperti contoh dibawah ini :  

pembahasan web dinamis ini adalah menjalankan program pada tes.html di dalam program webdinamis.py yang sangat berguna ketika membangun web dinamis ketika terdapat perubahan tidak perlu mematikan program yang berjalan, berbeda dengan web statis yang harus mematikan program ketika ingin melakukan penambahan program, untuk pembahasan selanjutnya terdapat pada artikel selanjutnya...

 

Referensi :

https://erfan1572.blogspot.com/

https://www.python.org/ 

https://code.visualstudio.com/ 

https://www.mindfiresolutions.com/blog/2018/03/python-web-frameworks-2018/