Posts

Proyek Bulan Ini: Meng-hosting Web Administrator Karangan Bunga Surabaya Bagian 3

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin. Allahumma Sholli 'Alaa Sayyidinaa Muhammad.

Pada bagian sebelumnya, saya telah menceritakan bagaimana saya memindahakan file dari penyimpanan lokal saya ke server DomaiNesia. Hasil dari proses yang biasa disebut upload ini adalah website sudah bisa diakses. Tentu saja, semua file, assets, dan database sudah di server dan sudah dikonfigurasi agar bisa diakses secara global.

Dan seperti yang saya nyatakan pada posting tersebut, saya kira semua semua baik-baik saja sampai teman saya mencoba melakukan login. Login-nya tidak bekerja. Saya pun bersiap lagi belajar menjadi web developer. Mantap.

Aplikasi sehebat apa pun, bila fitur utamanya hanya bisa diakses setelah login, namun login-nya tidak bisa, sama saja bohong. Coba saja bayangkan Facebook, Instagram, atau LINE yang keren seperti itu fitur login-nya ternyata belum bisa dipakai. Muspro, masbro!

Maka dari itu, saya coba menelusuri apa yang salah dari login-nya. Saya te…

Proyek Bulan Ini: Meng-hosting Web Administrator Karangan Bunga Surabaya Bagian 2

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin.

Pada bagian pertama seri ini, saya telah menceritakan bagaimana saya membuat akun di DomaiNesia, memesan hosting di DomaiNesia, memesan domain di DomaiNesia (yang seharusnya saya lakukan terlebih dahulu atau bersamaan ketika memesan hosting), dan mengganti domain dari hosting yang sudah saya pesan di DomaiNesia.

Sekarang, hosting yang saya pesan sudah bisa diakses melalui domain yang juga telah saya miliki. Namun, isi dari hosting tersebut masih kosong. Pada seri kedua ini, saya akan menceritakan bagaimana saya mengisinya, baik dari sisi file maupun database-nya. Well, perjalanan saya belajar menjadi web developer memang belum usai.

Mengimpor Database di DomaiNesia Saya suka mengerjakan web dari backend terlebih dahulu. Dari segi backend sendiri, saya suka mengerjakan dari database-nya terlebih dahulu. Begitu pula ketika saya mengerjakan proyek ini. Saya memulainya dengan mengimpor database dalam format *.sql ke server Do…

Proyek Bulan Ini: Meng-hosting Web Administrator Karangan Bunga Surabaya Bagian 1

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin.

Awal bulan ini, saya mendapatkan proyek dari teman saya. Proyek tersebut adalah meng-hosting web administrasi untuk usaha pembuatan karangan bunga di Surabaya. Pembuatan fitur web administrasi tersebut sudah dikerjakan oleh teman saya dan rekan-rekannya yang lain.

Tantangan Dalam Pengerjaan Proyek Seingat saya, meng-hosting website memang sudah beberapa kali saya lakukan. Saya pernah melakukannya di 000webhost, Hostinger, dan Niagahoster. Namun, untuk meng-hosting website yang menggunakan framework PHP dan di DomaiNesia, ini merupakan yang pertama. Selain itu, dalam perjalanan pengerjaannya, ternyata saya menghadapi beberapa kendala. Berikut adalah beberapa hal baru yang saya alami dan cara saya menghadapinya.

Meng-hosting Website di DomainNesia Seperti yang telah saya paparkan sebelumnya, saya belum pernah mencoba menggunakan layanan DomainNesia. Saya sendiri baru mengetahui keberadaan layanan ini saat Final Project Com…

Cara Menampilkan Marker Sederhana di Google Map Javascript

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin.

Pada artikel sebelumnya, saya telah memaparkan cara mengganti icon marker pada Google Maps Javascript API. Pada salah satu persyaratannya, saya menyebutkan bahwa untuk mengikuti tutorial tersebut, Anda harus bisa menampilkan marker sederhana terlebih dahulu.

Masalahnya, belum pasti semua orang yang membaca artikel tersebut tahu cara membuat marker sederhananya. Saya pun mungkin di kemudian hari bisa saja lupa.

Maka dari itu, saya membuat tutorial cara menampilkan marker sederhana di Google Map Javascript. Tutorial ini juga mengacu pada dokumentasi resmi Google Map Javascript API.

Persyaratan Sebelum mengikuti tutorial ini, ada beberapa kondisi yang perlu dipenuhi terlebih dahulu.
Bisa menampilkan map sederhana. Seperti alasan pada artikel sebelumnya, saya ingin memfokuskan artikel ini pada 'cara menampilkan marker'-nya.Mengerti dasar-dasar HTML. Minimal, Anda tahu apa itu div dan id.Mengerti dasar-dasar Javascript. …

Cara Mengubah Icon Marker di Google Map Javascript

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin.

Seperti yang telah saya singgung pada artikel saya beberapa waktu yang lalu, saat ini saya sedang mengerjakan proyek tugas akhir sebagai syarat kelulusan program D3 di Politeknik Elektronika Negeri Surabaya. Tugas Akhir saya, yaitu pendeteksi hotspot kriminalitas, berhubungan dengan sistem informasi geografis.

Dalam visualisasi data pada web-nya, saya menggunakan Google Maps API untuk Javascript. Saya menggunakannya untuk fitur input, edit, dan view data spasialnya.

Salah satu fitur pada web yang saya buat, yaitu input, mensyaratkan saya bisa menampilkan icon marker yang tidak standar. Misalnya, icon marker kantor polisi berbeda dengan icon marker pasar. Mengenai fitur ini, saat saya menulis artikel ini, adalah hal baru yang belum pernah saya lakukan sebelumnya.

Maka dari itu, saya mencari tutorial di internet untuk membuat apa yang saya inginkan bisa terwujud. Dan seperti biasa, tutorial paling mudah dipahami dan mudah d…

Cara Membersihkan Tampilan Terminal

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin.

Pada beberapa artikel saya sebelumnya, screenshot pada Terminal berulangkali dimulai dari baris atas kembali. Apabila dilihat sekilas, screenshot tersebut seperti diambil sekali, ditutup, membuka terminal lagi, melanjutkan tutorial, lalu mengambil screenshot.

Haha. Itu tentu akan merepotkan. Masa di tengah-tengah bikin tutorial terus saya buka-tutup Terminal.

Sebenarnya, ada command yang bisa digunakan untuk membersihkan tampilan layar Terminal. Kali ini, saya ingin berbagi tips sederhana membersihkan tampilan Terminal.


Command-nya pendek dan sederhana. Begini caranya. Dalam keadaan Terminal yang sudah tidak bersih lagi (maksud saya sudah ada command dan output sebelumnya) seperti pada Gambar 1, jalankan perintah berikut ini.

clear

Tampilannya akan menjadi seperti berikut ini.



Simpel, kan?

Penutup Setelah menyelesaikan artikel ini, seharusnya Anda sudah mengetahui cara mudah membersihkan tampilan Terminal. Semoga bermanfaat…

Dua Hal Yang Perlu Diperhatikan Ketika Mengunduh Halaman Web

Image
Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin.

Beberapa hari yang lalu, saya dipanggil untuk membimbing privat siswa salah satu SMA di Surabaya. Dia mencoba memodifikasi halaman web sekolahnya yang telah diunduh. Hal tersebut dia lakukan untuk dikumpulkan sebagai tugas mata pelajaran komputer. Dari gerak-geriknya, dia terlihat masih pemula dalam hal mengedit web.

Dia merasa khawatir ketika meng-edit file yang telah dia unduh, "jangan-jangan, web aslinya ikut rusak," begitu yang dipikirkannya. Dia juga merasa bingung ketika halaman yang dia lihat kok tidak sesuai yang telah dia edit setelah suatu link diklik. Saya pun harus menjelaskan panjang lebar mengenai hal tersebut.

Hal Tersebut mungkin juga akan saya temui di kemudian hari saat membimbing orang lain. Jadi, saya membuat catatan ini saja saat saya tiba-tiba ditanyai lagi.

Beberapa hal yang harus diperhatikan ketika mengunduh halaman web adalah sebagai berikut.
1. Halaman yang Anda Unduh Tidak Benar-benar Len…