Ilmu Dasar Pemrogramman Web


Ilmu pemrogramman web adalah salah satu cabang dari ilmu pemrogramman yang sangat perlu untuk dipelajari sekarang ini. Pemrogramman web membuat aplikasi yang dibuat menjadi bisa diakses melalui internet yang dapat dibuka menggunakan browser atau aplikasi peramban.

Dalam praktek yang akan disampaikan disini penulis hanya memuat beberapa bagian penting saja. Pertama yang selalu perlu disiapkan adalah text editor. Ada banyak pilihan aplikasi text editor yang bisa dipakai oleh seorang programmer. Diantaranya adalah Sublime text, Notepad ++, VScode, Vim, Nano editor, Geny editor dll.

Pemilihan text editor oleh seorang programmer sangat berpengaruh untuk produktifitas pekerjaannya. Setidaknya ini adalah pengalaman yang penulis alamai 😁. Saat ini text editor yang sering penulis gunakan adalah Sublime text 3 dengan tambahan beberapa plugin.

Kedua yang perlu disiapkan adalah web server dan database server. Biasanya yang penulis pakai adalah Apache web sever bersama dengan Mysql database server diantara banyak pilihan lainnya. Untuk pengguna OS windows bisa menggunakan XAMPP karena sudah include keduanya ditambahan sudah ada aplikasi phpmyadmin yang dipakai untuk mempermudah manajemen database MYSQL.

Ketiga kita bisa memulai untuk membuat program atau aplikasi kecil berbentuk CRUD (Create Read Update and Delete) untuk pembelajaran tahap awal. Bisa juga teman-teman langsung mencoba untuk menginstall CMS (Content Manajemen System) Wordpress dan membuat custom plugin sebagai bahan pembelajaran.

Keempat membiasakan diri untuk mengetik keyboard menggunakan 12 jari. Karena hal ini akan sangat membantu dalam mengoptimalkan pekerjaan seorang programmer.

Kelima minimal mampu mempelajari beberapa bahasa pemrogramman ini (PHP, HTML, CSS, JAVASCRIPT, SQL). 5 alat ini dipakai saling melengkapi untuk melakukan kegiatan CRUD dalam sebuat aplikasi. Ada banyak pilihan bahasa pemrogramman lainya yang bisa teman-teman coba jika ingin mengexplorasi lebih jauh.

PHP (Hypertext Preprocessor) adalah bahasa pemrogramman di sisi server yang digunakan untuk mengakomodir logika system. Info lebih detail terkait PHP bisa dicek di link ini https://www.php.net/.

HTML (HyperText Markup Language) adalah satu-satunya bahasa pemrogramman yang digunakan untuk menampilkan aplikasi pada browser. Seperti artikel yang sedang anda baca sekarang ini, sebenarnya adalah kumpulan dari kode HTML. Untuk belajar lebih detail bisa cek link ini https://www.w3schools.com/. Di dalamnya sudah ada materi lengkap terkait ilmu pemrogramman web.

CSS (Cascading Style Sheets) adalah satu-satunya bahasa pemrogramman untuk memperindah tampilan dari HTML. Seperti digunakan untuk membuat tulisan tebal, miring atau memberikan warna background dan lain-lain. Saat ini banyak dikembangkan aplikasi-aplikasi untuk optimasi dalam memuat kode CSS salah satunya seperti SASS (Syntactically Awesome Style Sheets) dan lain sebagainya.

JAVASCRIPT merupakan bahasa pemrogramman yang digunakan untuk mengakomodir logika system disisi browser. Perkembangan javascript sampai saat ini semakin meningkat karena bahasa ini juga dipakai disisi server seperti NODEJS dan juga digunakan untuk membuat aplikasi mobile. Sangat disarankan untuk mendalami bahasa pemrogramman ini.

SQL (Structured Query Language) merupakah bahasa pemrogramman yang digunakan untuk manajemen database. Ada alternatif lain yang bisa digunakan adalah NO SQL database. Yang mana jenis database ini tidak menggunakan query SQL atau hanya menggunakan key dan value. Yang biasa penulis gunakan adalah MYSQL, Maria DB, SQL server, Postgres SQL dll.

Sementara mungkin ini dulu yang bisa penulis sampaikan. Kurang lebihnya mohon maaf, semoga bermanfaat dan salam semangat.

Catatan:
- Sumber gambar https://www.pexels.com/photo/gray-laptop-computer-showing-html-codes-in-shallow-focus-photography-160107/

Komentar

Posting Komentar

Postingan populer dari blog ini

SIPD Chrome Extension untuk Migrasi Data dari SIPD ke SIMDA PINK Th. Anggaran 2022

Gambar
1. Siapkan Server untuk tempat backup DB lokal menggunakan WP-SIPD Sangat disarankan menggunakan hardware PC server untuk menginstall web server yang akan digunakan untuk migrasi data. Penggunaan hardware akan berpengaruh pada kecepatan saat melakukan singkronisasi. Sebaiknya juga menggunakan domain dan IP publik agar aplikasi bisa diakses dari internet. Hal ini akan mempermudah dikemudian hari untuk melakukan singkronisasi dari manapun. Pastikan web server aplikasi wp-sipd dapat terhubung dengan jaringan dari server database sql server simda. Berikut langkah-langkah install WP-SIPD pada PC server windows: Download xampp dengan php versi 7.xx, jangan menggunakan versi 8.xx karena saat ini driver odbc belum support. File dapat didownload di  https://www.apachefriends.org/download.html . Selain XAMPP dapat menggunakan web server lain sesuai kebutuhan. Yang terpenting adalah modul PHP dan database MYSQL Edit file php.ini yang bisa diakses melalui control panel XAMPP. Klik menu Config >
Baca selengkapnya

FMIS Chrome Extension untuk Integrasi Data SIPD ke FMIS

Gambar
Aplikasi fmis chrome extension dapat diinstall dari  https://github.com/agusnurwanto/fmis-chrome-extension . Secara garis besar alur proses datanya adalah dari aplikasi SIPD data akan disingkronkan ke database lokal wp-sipd menggunakan sipd-chrome-extension . Data yang ada di database wp-sipd kemudian akan ditarik atau disingkronkan ke FMIS menggunakan fmis-chrome-extension . Untuk proses intallasi wp-sipd dan sipd chrome extension bisa melihat artikel berikut  https://smkasiyahhomeschooling.blogspot.com/2021/12/sipd-chrome-extension-untuk-migrasi.html . Di bawah ini adalah progress pengembangan aplikasi fmis-chrome-extension dan cara penggunaannya. Mari kita kembangkan bersama aplikasi opensource ini untuk Indonesia yang lebih baik. Terimakasih, semoga bermanfaat dan selalu diberi keberkahan. Amin... 1. Singkronisasi Data Struktur SSH dari WP-SIPD Sebelum melakukan singkronisasi data SSH, pastikan data master SSH sudah disingkronisasikan dari SIPD ke database lokal wp-sipd. Berikut
Baca selengkapnya

Mapping Sumber Dana di WP-SIPD

Gambar
Permasalah mapping sumber dana di SIPD kemendagri terjadi karena settingan sumber dana melekat pada sub kegiatan dan nilai pagunya tidak mengunci atau hasil akumulasi pada rincian belanja. Hal ini membuat pemda sangat kesulitan dalam melakukan monitoring evaluasi pagu per sumber dana melalui aplikasi SIPD. Fitur custom mapping sumber dana pada aplikasi WP-SIPD dibuat untuk menyelesaikan masalah ini. Untuk menggunakan fitur ini silahkan mengikuti langkah berikut ini: Update plugin wp-sipd yang terbaru dari master zip di repository  https://github.com/agusnurwanto/wp-sipd . Jika menggunakan tool GIT tinggal jalankan perintah git pull origin master untuk mengupdate script terbaru wp-sipd. Singkronkan dulu data master Sumber Dana dari SIPD ke WP-SIPD pada menu Referensi - Sumber Dana menggunakan sipd-chrome-extension. Untuk cara installasinya bisa cek artikel  https://smkasiyahhomeschooling.blogspot.com/2021/12/sipd-chrome-extension-untuk-migrasi.html . Pada dashboard admin wordpress, bu
Baca selengkapnya