Mudah Membuat Aplikasi Web dengan Bootstrap

Saat ini membuat aplikasi web jadi lebih mudah dengan banyaknya alat bantu disain, salah satunya adalah bootstrap. Aplikasi ini memanfaatkan teknologi HTML, CSS dan JavaScript. Bootstrap sejatinya adalah template untuk mempercepat pembuatan program. Rekan-rekan dosen pasti kenal template, misalnya template jurnal tertentu ketika akan submit. Template harus diikuti dan penulis mengisi template dengan naskah jurnalnya. Begitu juga template dalam perancangan web yang digunakan untuk mengisi konten. File template ketika akan digunakan perlu dilakukan kustomisasi sesuai dengan proses bisnis baik frontend maupun backend. Kata bootstrap pertama kali saya dengar ketika kuliah web technology dimana seorang siswa asal Perancis mempresentasikan tugasnya dengan teknik praktis ini.

Salah satu situs penyedia template bootstrap terkenal adalah: https://startbootstrap.com/. Silahkan kunjungi situs tersebut dan masuk ke menu templateadmin & dashbord untuk melihat template yangt ersedia.

Silahkan pilih, misalnya SB Admin dengan status “Free” dan diunduh jutaan kali. Selanjutnya klik template yang dituju untuk masuk ke menu download. Lanjutkan dengan menekan Free Download.

Setelah mengunduh, coba cek jalankan dengan terlebih dahulu mengekstrak file rar hasil unduhan. Jalankan file index.html untuk melihat template tersebut. Berikutnya silahkan mengkustomisasi file index.html tersebut, misal menghapus bagian-bagian tertentu, atau bisa mengganti nama misalnya index.php jika menggunakan bahasa PHP.

Oiya, untuk testing, misalnya dengan Github, karena jumlah file yang sedikit, memudahkan Anda upload ke Github online (non-desktop) karena per folder kurang dari 100 file.Sekian info singkat ini, semoga bermanfaat.

Diagram Voronoi

Banyak ilmu yang dikembangkan oleh orang Eropa yang di awal ditemukannya bukan berasal dari problem melainkan hanya sekedar ide saja, sebagai contoh adalah voronoi diagram. Terkadang satu metode berasal dari turunan matematika yang agak sulit jika ditanya gunanya untuk apa, terutama ketika belum terlihat manfaatnya. Mirip teorema De Morgan dan Boyle yang ketika komputer belum dibuat bagi orang biasa dianggap hanya ide gila saja.

Namun seiring perjalanan waktu barulah disadari manfaatnya, baik positif maupun negatif (misalnya ditemukannya mesiu oleh Nobel). Voronoi diagram merupakan bentuk lain dari delaunay tessellation. Yaitu region yang menggambarkan wilayah yang terdekat dengan titik tertentu. Metode ini terasa manfaatnya ketika ada wabah di Inggris yang misterius. Ketika voronoi digunakan, akhirnya diketahui lokasi pusat penyakit yang ternyata pompa air yang tercemari bakteri.

Beberapa software GIS memiliki kemampuan untuk secara otomatis membentuk diagram Voronoi. Misalnya kita memiliki region hasil dari segmentasi dan ingin membuat voronoi diagram berdasarkan segmen-segmen tersebut.

Voronoi dibentuk berdasarkan titik, oleh karena itu perlu dibuat titik pusat tiap region dengan fungsi feature to point yang dapat di-searching lewat fasilitas search. Hasilnya akan tampak seperti gambar di bawah ini.

Berdasarkan titik-titik centroid itulah dibentuk diagram voronoi atau delaunay tessellation dengan fungsi Thiessen Polygons yang ada di ArcGis.

Pilih saja polygon yang akan dibuat voronoi diagram-nya. Perhatikan gambar berikut dimana tiap region memiliki satu titik terdekat. Pemilihan BTS di handphone memiliki prinsip yang sama dengan Voronoi. Selain itu, diagram ini dapat digunakan untuk perencana wilayah dan tata ruang dalam menentukan lokasi fasilitas tertentu yang tepat terhadap pemukiman. Sekian, siapa tahu bermanfaat.

To New Students .. Teach Your Self

Tahun ajaran baru akan memunculkan wajah-wajah baru di tiap jenjang pendidikan. Untuk sekolah sepertinya tidak ada masalah berarti, kecuali kondisi yang masih setengah online. Namun untuk kampus atau sekolah tinggi, masalah klasik adalah berbedanya metode pembelajaran dibanding ketika sekolah dahulu.

Dari pengalaman, kerap terjadi seorang siswa yang hebat di sekolah, ketika masuk dunia kampus kesulitan dalam mengikuti perkuliahan. Tidak jarang yang drop out atau pindah ke jurusan lain. Mungkin alasan utamanya tidak cocok atau salah jurusan. Mungkin benar, tetapi ketika pindah tetap saja ‘bermasalah’, berarti ada faktor lain. Postingan ini sedikit mengurai masalah tersebut, semoga mahasiswa baru dapat mengatasi hambatan tersebut sebelum terlambat.

Saya termasuk mahasiswa yang kesulitan mengikuti perkuliahan di awal-awal semester. Walaupun sadar bahwa ada perbedaan pendidikan di sekolah dengan perkuliahan di kampus, ternyata ada faktor-faktor lain yang berpengaruh.

2021

Zona

Berbeda dengan sekolah yang mempelajari ilmu secara garis besar, pendidikan tinggi lebih spesifik, baik dari sisi kurikulum maupun target lulusannya. Ketika sekolah, saya ikut dengan kakak yang ambil jurusan informatika. Terkadang ikut masuk ke lab sebagai ‘penunggang gelap’ karena memang kampus tidak terlalu ketat (tanpa seragam, tanpa id card, dan sejenisnya, yang penting ada kenalan).

Terbiasa dengan situasi tersebut akhirnya terbawa hingga kuliah di jurusan yang bukan IT. Sesuai dengan judul di atas ada perbedaan zona antara mahasiswa IT dengan mahasiswa lain, dimana seorang mahasiswa IT yang saat ini diwajibkan coding/programming harus tahan duduk berjam-jam di depan komputer terpaksa harus ke lab atau ke lapangan pindah sana pindah sini.

Begitu pula jika Anda mahasiswa psikologi, komunikasi, dan sejenisnya, silahkan sesuaikan dengan karakteristiknya, jangan sampai salah. Nah, repotnya terkadang tiap jenjang berbeda, misalnya D3, D4, S1, S2 dan S3 sangat berbeda. Saya sempat diajar oleh dosen yang baru “sembuh” karena sebagai mahasiswa terbaik di angkatannya, ketika ambil S3 di Jerman gagal (drop out).

Teach your self ..

Namun dari semua itu, ada obat yang ampuh, yaitu belajar mandiri. Berbeda dengan siswa di sekolah yang di-cekoki dan benar-benar dibimbing harus belajar sendiri ketika kuliah. Hal ini terjadi karena perkembangan ilmu yang sudah ‘established’ di sekolah berbeda dengan kampus yang terus berkembang.

Sebagai contoh, perkembangan hardware, software, dan metode saat ini sangat cepat. Mungkin jurusan lain juga sama, misalnya otomotif yang sudah terkomputerisasi atau mesin yang akan digantikan dengan motor listrik. Sementara mungkin dosen masih dengan ilmu yang lama. Jadi, mahasiswa harus PD kalau ilmunya tidak jauh berbeda dengan dosen. Tentu saja jika cepat belajar sendiri lewat media yang saat ini berkembang pesat, yaitu internet.

Awas Jebakan Batman

Saat ini berbeda dengan dahulu dimana tingkat pendidikan tidak berkolerasi dengan pendapatan. Banyak yang bilang orang sukses malah ketika kuliah drop out, atau tidak menonjol. Atau bahkan kalah oleh Youtuber.

Google pun heboh dengan membuat lowongan kerja tanpa membutuhkan gelar/pendidikan akademis. Ditambah lagi iklan lowongan sebagai ‘janitor’ alias OB yang puluhan ribu dolar. Tidak serta merta Anda langsung tidak kuliah atau menganggap enteng kuliah.

Orang IT memang berbeda dengan dokter atau pengacara. Dokter/lawyer berusia 50 tahun tentu lebih berpengalaman dibanding dokter/lawyer 40 atau 30 tahun. Sementara untuk bidang tertentu, misalnya software engineer, yang berusia 50 tahun belum tentu lebih hebat dari yang 40 tahun. Silahkan lihat atau baca pengalaman pekerja-pekerja di perusahaan seperti Google, FB, dan sejenisnya. Sederhananya jika Anda memiliki 2 asisten rumah tangga, sama-sama berkualitas, tetapi yang satu memiliki sertifikat menjahit level expert misalnya. Anda tentu akan cemas dengan yang kedua kan?

Mungkin Anda bisa beralih menjadi konsultan, dosen, kontraktor, dan sejenisnya, kombinasi pengalaman dan gelar dan sertifikat-sertifikat lain, jika sudah bosan bekerja di industri. Banyak mahasiswa yang berhenti kuliah dan lebih fokus menjadi Youtuber. Memang itu pilihan, seperti pilihan Duta Sella on 7 yang berhenti kuliah di UGM karena ingin fokus menyanyi. Namun ada baiknya anda lihat nasehat Youtuber ini.

Di kampus Anda belajar matematika, aljabar, algoritma, struktur data, teknik kompilasi, network dan sejenisnya. Terkadang tidak dibutuhkan secara langsung di lapangan. Tetapi usaha sedikit, sebenarnya, lewat baca buku, bertanya, nonton video tutorial, dan lain-lain bisa juga Anda lalui, walau dengan susah payah. Salah satu hasil yang jelas Anda memiliki level di atas rekan-rekan yg tidak kuliah atau yang dropout.

Dalam dunia yang uncertaint tidak ada salahnya tetap memastikan dan memantaskan diri. Jika Akhirnya semua terserah Anda, jika yakin dengan algoritma Youtube, no problem. Tetap jaga-jaga tidak ada salahnya. Oiya, kabarnya ketika tulisan ini dibuat, akun Youtube Onno W. Purbo ditutup Youtube, karena kerja algoritmanya, padahal sangat bermanfaat konten2nya. Semoga postingan ini bermanfaat.

Website dengan Github

Github merupakan situs terkenal untuk mengelola kode program. Dengan Github satu proyek dapat dikerjakan secara berkelompok tanpa adanya konflik. Hal ini terjadi karena adanya “version”, sehingga ketika proses editing mengakibatkan “crash”, maka program dapat dikembalikan ke versi sebelumnya. Selain itu ada istilah jalur utama dengan cabang sehingga programer tertentu dapat bekerja independen. Namun, satu fasilitas unik dari Github adalah dapat digunakan untuk web server layaknya WordPress atau Blogspot. Postingan kali ini akan membahas bagaimana membuat situs dengan Github.

Sign Up

Tentu saja syarat utama untuk memanfaatkan aplikasi Github adalah mendaftar/registrasi terlebih dahulu. Seperti aplikasi-aplikasi pada umumnya diperlukan email sebagai syarat pendaftaran karena akan ada proses verifikasi kode. Prosesnya pun cepat, hanya meminta nama “github” anda, misalnya saya menggunakan nama “rahmadyath”, karena “rahmadya” sudah dimiliki orang.

Membuat Repository

Berikutnya adalah log in ke Github untuk menyiapkan repository. Ada dua pilihan: public dan private. Tentu saja pilih public jika ingin situs dapat diakses oleh khalayak ramai. Jika sudah, Anda tinggal mengisi konten. Banyak template-template website tersedia, biasanya dalam bentuk bootstrap dengan CSS yang indah dan menarik. Hanya saja jika akan diupload ke Github lewat website Github ada batas maksimal satu folder yang berisi 100 file, kecuala Anda menginstall Github desktop terlebih dahulu.

Menseting Website

Setelah repository berisi web yang sudah didisain, berikutnya adalah mengeset website. Caranya adalah masuk ke menu setting untuk memilih repository main dilanjutkan dengan save. Sebelumnya Anda diminta mengisi nama judul website, misalnya: rahmadyath.github.io/documentation. Jika sudah, maka ketika alamat tersebut diketik akan muncul website yang baru saja dipublikasi.

Teknik ini cukup baik dan dapat dijadikan testing prototipe untuk dicek oleh pemesan aplikasi sebelum lanjut ke tahap berikutnya. Untuk lebih jelasnya silahkan lihat video Youtube berikut ini.

Permasalahan Pada Google Colab

Salah satu tools untuk pemrograman dengan Python yang terkenal saat ini adalah Google Colab. Tools ini sangat praktis karena cukup dengan sebuah browser dengan disertai akun Google sudah bisa menjalankan kode dalam bahasa Python yang berat. Bahkan Google colab juga menyediakan hardwarenya yang berupa Graphic Processing Unit (GPU) dan Tensor Processing Unit (TPU).

Dalam praktiknya ternyata banyak kendala-kendala yang kerap dialami peneliti dalam memanfaatkan fasilitas canggih milik Google tersebut. Beberapa masalah akan dibahas dalam postingan ini, tentu saja berdasarkan pengalaman yang terjadi. Mungkin banyak hal lain yang tidak dibahas dalam postingan ini yang butuh share juga dari pembaca lewat kolom komentar. Selain membahas masalah-masalah yang muncul, dibahas pula cara-cara penyelesaiannya.

Kompatibilitas

Banyak kode-kode yang dishare di internet dalam bentuk Google Colab ketika dijalankan tidak bisa/error. Hal ini kerap terjadi karena Google Colab sudah mengupdate ke versi terbaru dan tidak bisa lagi menjalankan versi-versi yang lama. Langkah terbaik untuk penyelesaiannya adalah mengembalikan Google Colab ke versi sebelumnya.

Ternsor Flow

Beberapa aplikasi terkadang masih menggunakan tensorflow versi 1.x yang lama, sedangkan Google Colab saat ini sudah menggunakan yang versi 2. Oleh karena itu perlu sebuah instruksi untuk mengembalikan ke versi tersorflow yang lam.

Simbol “%” biasanya digunakan untuk setting library pada Google Colab. Memang ada baiknya mengkonversi program Python kita dengan versi yang terbaru, namun ada kalanya karena keterbatasan waktu, cara tersebut layak untuk dipertimbangkan.

TIdak Semua Library Tersedia

Beberapa library seperti NumPy, Pandas, dan sejenisnya sudah disiapkan oleh Google Colab. Namun library tertentu yang jarang dipakai perlu dipasang pada Google Colab. Caranya tentu saja tidak bisa dengan cara konvensional pada command prompt dengan “PIP”, melainkan dengan running pada Cell Google Colab lewat tanda “!” di awal.

Sebagai contoh di atas adalah library “rasterio” yang sering digunakan untuk menampilkan network Deep Learning berupa gambar yang jelas. Namun yang menjengkelkan adalah ketika Google Colab dishutdown dan dihidupkan kembali, kita harus menginstal ulang, berbeda jika menggunakan Jupyter Notebook yang cukup sekali menginstall Library.

Perlu Mencabut Instalasi Library

Ternyata bukan masalah belum terinstal saja yang muncul, sudah diinstal pun terkadang perlu dicabut karena tidak sesuai dengan kondisi sebelumnya. Misalnya ketika dahulu kita men-training dengan library tertentu pada Deeplearning, ketika hasil training tersebut akan digunakan ternyata tidak kompatibel dengan library terkini, alhasil perlu dilakukan proses training ulang yang terkadang memakan waktu.

Cara paling gampang adalah mencabut library Google Colab terkini dilanjutkan dengan instal versi sebelumnya yang tepat ketika proses training berlangsung.

Sebelumnya akan ada proses konfirmasi apakah akan dicabut library terkininya? Ketik saja y dan proses uninstall akan berjalan. Lanjutkan dengan menginstall versi yang kompatibel dengan yang lampau agar hasil pelatihan dapat berjalan.

Kode di atas terjadi ketika Deeplearning dilatih, versi h5py menggunakan versi yang lama. Alhasil dengan versiyang baru tidak dapat dipanggil dan dikompilasi dengan networknya. Setelah uninstall dan diinstal dengan versi yang cocok, barulah dapat dimanfaatkan hasil pelatihan/training Deeplearning yang telah dilakukan dahulu.

File Terhapus Ketika Shutdown

Problem yang sering terjadi adalah ketika suatu file diupload di Google Colab maka file tersebut sejatinya adalah sementara. Artinya ketika Google Colab ditutup maka file tersebut otomatis hilang. Untungnya Google Colab menyediakan fasilitas terkoneksi ke Google Drive, sehingga fila akan tersimpan permanen di Google Drive. Hanya saja perlu setting tambahan seperti berikut ini.

Google Colab akan meminta kode tertentu (cukup dengan copas) dari Google Drive. Pastikan folder di Google Drive dapat diakses pada Google Colab. Kalau hanya berukuran beberapa kilobyte sih tidak masalah, repotnya jika filenya berukuran besar mendekati 1 Gb, tentu saja menjengkelkan. Jadi melakukan akses ke Google Drive wajib dilakukan.

Waktu Akses Terbatas

Jika proses memerlukan waktu yang lama, maka Google akan memutus proses itu, dalam waktu 1×24 jam (mirip pesan pak RT untuk para tamu). Selain itu terkadang jika Google melihat tidak ada aktivitas pada sesi Google Colab terkadang akan direset prosesnya.

Butuh Koneksi Internet

Tentu saja karena Google Colab menggunakan browser. Ada baiknya Anda menggunakan Jupyter Notebook karena lebih fleksibel. Ketika kode bisa dirunning, akan terus bisa dirunning, kecuali Versi Library Anda rubah.

Hal-hal di atas merupakan permasalahan yang harus dipahami oleh pengguna Google Colab. Mungkin banyak hal-hal lain yang belum disebutkan di atas. Oiya, untuk pemrograman hal-hal rahasia, sensitif, dan sejenisnya ada baiknya tidak menggunakan fasilitas cloud seperti Google Colab.

Mitra

Saat ini terjadi pergeseran dalam bisnis, khususnya sejak menjamurnya aplikasi-aplikasi online. Aplikasi ini bercirikan sharing sumber daya, misalnya pemilik kendaraan, pemilik vila/penginapan, kepada vendor aplikasi. Penyedia aplikasi, misalnya aplikasi ojek/taksi online, tidak perlu memiliki kendaraan/armada, cukup bermintra dengan pemilik kendaraan. Nah, di sini kata mitra memiliki makna khusus dimana ketika dahulu ada istilah pegawai dan pemilik, kini semuanya mitra, saling membutuhkan.

Misalnya dalam aplikasi pesan makanan online, maka mitra yang terlibat antara lain pembeli, pedagang makanan/minuman, dan driver/kurir. Posisi setara menyebabkan mereka berperan sebagai mitra, tidak ada satu posisi yang melibihi posisi lain. Tentu saja, masing-masing memiliki alat ukur untuk kinerja dan sesuai dengan visi misi pembuat aplikasi, biasanya ada aspek lain yang perlu diperhatikan misalnya kepuasan konsumen terhadap layanan yang dipesan (makanan, transportasi, dan jasa lain).

Masih belum jelas apakah kondisi tersebut masuk ke bidang lain, seperti pendidikan, kesehatan, dan lain-lain. Jika masuk maka profesional akan memiliki ikatan berupa mitra dengan pemilik organisasi, misalnya dosen dengan yayasan.

Sebenarnya gejala-gejala mulai nampak, yang dipercepat dengan pandemi covid yang mengharuskan bekerja secara online. Beberapa mahasiswa mulai menjalankan kebijakan mendikbud MBKM. Terjadi sharing sumber daya antar kampus. Mulai terjadi seorang mahasiswa satu kampus mengikuti kuliah di kampus-kampus lainnya, bahkan hingga kampus luar negeri (program IISMA).

Kerap terjadi konfilik di suatu institusi pendidikan ketika pemilik/owner masih memiliki paradigma yang lama: bos dan pegawai. Untungnya pemerintah sanggup menengahi kasus-kasus yang terjadi ketika ada konflik antara pemilik dengan pekerja. Jika dahulu depnaker fokus ke buruh, saat ini mulai masuk ke bidang lain, salah satunya pendidikan. Terutama semenjak BPJS baik kesehatan dan ketenagakerjaan wajib diterapkan di tiap-tiap organsisasi/perusahaan.

Bagaimana antara dosen/guru dengan mahasiswa/siswa? Ada kemungkinan terjadi perubahaan paradigma menjadi mitra. Tetapi ada aspek lain yang tidak dapat berubah yakni psikologis maupun adat istiadat. Hormat siswa terhadap guru tentu saja tidak bisa sama dengan terhadap mitra, walaupun dari sisi bisnis berlaku prinsip tersebut. Untuk kursus atau pelatihan mungkin bisa diterapkan, namun untuk guru dan murid atau dengan ustad di lembaga pendidikan agama, ada aspek lain yang tidak mungkin hilang.

Bagaimana kalau dipaksakan? Memang sesuatu yang dipaksakan dapat saja berjalan. Namun, ada prinsip dalam pendidikan yang tidak dapat dilupakan yaitu kesediaan ‘mengajari’ atau ‘berbagi ilmu’ dengan orang lain.

Membayar untuk membeli makanan, misalnya, mungkin selesai setelah makanan habis dimakan atau kendaraan yang dibeli telah dipakai sehari-hari. Tetapi membayar untuk memperoleh ilmu di suatu institusi akan berbeda karena mahasiswa akan memiliki ikatan dengan institusi tersebut walaupun sudah lulus. Dari pengalaman sebagai ketua program studi, banyak orang tua yang datang untuk menitipkan anaknya dididik dengan alasan si orang tua tersebut (ayah atau engkongnya) pernah kuliah di kampus yang sama. Termasuk ketika memohon agar anaknya tidak di drop out (karena masa studi yang habis), yang untungnya berhasil lulus dengan susah payah. Saya hampir menitikan air mata ketika mem-paraf ijazah dan transkrip nilainya krn ingat kedua orang tuanya yang datang menghadap. Agak sulit dibayangkan kondisi ini jika menganggap pendidikan selayaknya jual beli biasa.