Subyek:
- Tentang penulis
- Tentang situs web
- Bagaimana semuanya dimulai: HTML dan Halaman Depan
- Sekilas tentang di balik layar WordPress
- Server
- Terjemahan
Tentang Penulis:
Nama saya Marco van Wijk, 35 tahun dan tinggal di daerah Rotterdam. Sepanjang hidupku aku tergila-gila pada segala sesuatu yang berhubungan dengan mobil. Pada usia 16 tahun, saya sudah bekerja di bengkel sebagai mekanik magang. Dalam sepuluh tahun saya bekerja sebagai mekanik di bengkel VAG dan BMW, saya menyelesaikan kursus pelatihan mekanik hingga spesialis teknis level 4. Saya bekerja sebagai guru teknologi kendaraan bermotor sejak tahun 2015. Pada tahun 2018, saya memperoleh gelar Bachelor of Science di HTS Autotechniek di Arnhem setelah menyelesaikan kursus otomotif HBO (paruh waktu).
Saya menghargai kenangan hangat dari pelatihan ini, dengan rasa kepuasan yang abadi.
Selain pekerjaan saya sebagai guru dan penulis website ini, saya menikmati menulis artikel di AMT dan Anda akan menemukan saya sebagai presenter sesi pengetahuan di AMT-live.
Tentang situs web:
Pada tahun 2005 saya mulai bereksperimen membuat website. Situs web saat ini dibangun pada tahun 2009. Sejak itu telah terjadi banyak perubahan, baik dalam desain maupun konten. Website ini menjadi semakin populer dan akan terus berkembang dari segi topik dan informasi. Situs web saat ini berisi lebih dari 350 halaman penuh informasi. Saat ini, rata-rata kami menerima 100.000 tampilan halaman unik per bulan. Saya mengembangkan situs web sendiri dan saya mengelolanya sepenuhnya. Saya merancang temanya, menulis semua halamannya, memotret atau menggambar sendiri banyak gambarnya, dan itu berjalan di server saya sendiri, yang terletak di kantor saya di rumah. Di halaman ini saya ingin menunjukkan bagaimana situs web ini telah berkembang dalam beberapa tahun terakhir hingga menjadi seperti sekarang ini dan apa yang terjadi di baliknya.
Tujuan situs web ini adalah untuk memberikan wawasan kepada orang-orang yang tertarik dengan teknologi otomotif tentang cara kerja suku cadang dan sistem tertentu. Banyak informasi yang tidak dapat ditemukan di tempat lain di Google, seringkali tanpa gambar dan biasanya belum tersedia dalam bahasa Belanda. Dengan website ini saya ingin membuat sebanyak mungkin informasi teknis otomotif tersedia secara online. Situs ini disesuaikan dengan level 2 hingga 4 kursus pelatihan mekanik MBO. Situs web ini juga cocok untuk siswa yang melanjutkan dari HAVO/VWO ke teknik mesin HBO atau teknik otomotif.
Saya secara sadar memilih untuk tidak menampilkan iklan, karena saya merasa terganggu dengan situs web yang memiliki lebih banyak iklan daripada teks dan Anda harus mengklik semuanya. Saya menganggap menampilkan iklan mencemari situs web saya. Itu sebabnya tidak diperlukan pelacak atau cookie, dan saya adalah salah satu dari sedikit situs web yang tidak harus menampilkan pemberitahuan cookie di mana setiap pengunjung harus menyetujui syarat dan ketentuan.
Selain itu, saya menjaga agar situs web ini dapat diakses secara bebas oleh semua orang. Saya tidak menggunakan sistem pembayaran atau login apa pun untuk mendapatkan akses ke situs web. Situs ini sepenuhnya gratis dan akan tetap demikian di masa mendatang. Manfaat tambahannya adalah saya juga lebih mudah mendapatkan izin dari produsen mobil untuk menggunakan gambar mereka, karena saya tidak memiliki kepentingan finansial dan banyak produsen mendukung pendidikan.
Jika Anda menemukan kesalahan ejaan atau tata bahasa dalam teks, silakan lengkapi formulir kontak. Dengan begitu saya bisa memperbaikinya dengan cepat dan mudah. Hal ini tentunya juga berlaku jika Anda memiliki tambahan untuk topik tertentu.
Bagaimana semuanya dimulai: HTML dan Halaman Depan: Dari konsep pertama hingga website yang digantikan dengan versi saat ini pada bulan Maret 2019, kami menggunakan program Microsoft FrontPage 2003.
Kami membuat halaman HTML menggunakan FrontPage. Hasil kode HTML dapat dilihat di jendela desain. Situs web ini terdiri dari empat bingkai:
- Atas (tajuk)
- Tautan (menu)
- Benar (kamus)
- Tengah (isi situs)
Jadi untuk membuka situs tersebut, empat halaman HTML terpisah dimuat ke dalam bingkai. Ketika pengunjung tidak berakhir di halaman index.htm melalui mesin pencari, melainkan langsung pada halaman yang dicarinya, maka yang ditampilkan hanyalah frame itu saja. Menu di sekitarnya tidak ditampilkan. Dalam hal ini, hanya halaman biru yang ditampilkan di seluruh layar dan menu dengan tombol di sekelilingnya tidak ada.
Fungsi pencarian juga menggunakan metode yang kompleks (terintegrasi) melalui Google, dan tidak ada dukungan seluler, sehingga dibuat halaman indeks kedua yang secara otomatis dialihkan ketika mengunjungi situs dengan telepon atau tablet. Hal ini sering kali berjalan dengan baik, namun tidak selalu. “Dulu” situs HTML dengan bingkai sangat populer, namun saat ini Anda jarang melihatnya di mana pun. Pengetahuan yang saya peroleh dengan kode HTML yang dikompilasi sendiri masih membantu saya saat ini dalam memperbarui situs web saat ini.
Sekilas di balik layar WordPress:
Website berbasis HTML ini telah sepenuhnya diubah menjadi CMS WordPress populer pada Maret 2019. Beberapa pengunjung harus terbiasa dengan struktur navigasi baru pada awalnya, namun secara keseluruhan saya mendapat tanggapan positif.
Seiring waktu saya juga menerapkan lebih banyak perubahan yang membuat navigasi lebih mudah dan jelas.
Dengan situs di CMS WordPress modern, situs ini telah mengalami peningkatan di banyak bidang:
- Antarmukanya ramping dan memberikan tampilan yang representatif;
- Lebih mudah untuk memperbarui artikel;
- Ramah tablet dan seluler (secara otomatis menyesuaikan dengan ukuran layar) sehingga tidak ada situs web seluler terpisah;
- Perubahan pada menu dan/atau antarmuka pada satu halaman secara otomatis tercermin pada semua halaman;
- Ramah SEO (mesin pencari);
- Plugin mengaktifkan banyak fitur berguna: tombol interaktif, pencarian, pencadangan dan keamanan, gulir otomatis, dll.
Gambar berikut menunjukkan ikhtisar halaman di WordPress. Semua halaman dapat dicari dan diubah dari layar ini, tanpa membuka antarmuka web.
Semua halaman di situs web dibuat di Elementor. Gambar berikut menunjukkan layar editor Elementor. Editor teks dapat dilihat di sebelah kiri dan live view di sebelah kanan. Setelah mengklik “Perbarui” di bagian bawah, perubahan akan langsung muncul secara online. Anda juga dapat memilih untuk menyimpan halaman terlebih dahulu sebagai draf atau pribadi sebelum menerbitkannya secara online.
Selain editor teks, Elementor juga menawarkan berbagai opsi interaktif. Salah satunya adalah apa yang disebut “Ajakan Bertindak”. Fungsi ini membuat tombol interaktif yang kita ketahui dari beranda dan dalam kategori yang dapat dibuka dari menu.
Pada tahun 2021, semakin banyak masalah yang muncul dengan kompatibilitas antara tema WordPress saya dan plugin modern serta browser web. Temanya tidak terlalu populer, sehingga tidak lagi didukung atau dikembangkan dengan baik setelah beberapa tahun dirilis. Karena suatu tema menentukan tampilan situs web, beralih ke tema lain tidaklah mudah dan juga tidak diinginkan. Pada bulan Januari 2022, saya bereksperimen dengan pembuat halaman Elementor dan tema sederhana: “Halo Elementor”. Dengan kombinasi tema ini dengan pembuat halaman, saya yakin akan pembaruan, baik dalam tampilan maupun keamanan, dan saya memiliki lebih banyak opsi untuk menyesuaikan antarmuka yang di tema lain dikunci oleh pengembang. Dalam tema WordPress standar, pengaturan tertentu tidak dapat atau hampir tidak dapat diubah. Setelah seharian bereksperimen, saya yakin: Saya mengganti tema lama dengan tema saya sendiri. Saya sudah online dalam beberapa jam dan pada hari-hari berikutnya, saya membuat perbaikan kecil berdasarkan masukan dari orang-orang di sekitar saya.
Dengan pembuat tema Elementor, Anda dapat membuat tema sendiri dan mengonfigurasinya sepenuhnya sesuai keinginan Anda. Setiap sudut, tombol, bayangan kotak, warna, dan animasi dapat disesuaikan dengan keinginan Anda dengan berbagai cara. Kemungkinannya tidak terbatas. Gambar di bawah menunjukkan pilihan pengaturan warna menu utama. Dengan pembuat tema ini, tampilan desktop (dan laptop), tablet, dan ponsel dapat diatur sesuai keinginan. Dengan cara ini, pengaturan paling optimal untuk semua perangkat dapat dicapai.
Yang paling mengganggu saya tentang situs lain adalah pop-up, notifikasi tentang buletin, dan permintaan untuk mengaktifkan notifikasi, yang selalu harus diklik. Dan jangan lupakan iklan yang mencolok. Hal ini membuat saya memutuskan untuk menjelajah sendiri dengan pemblokir iklan dan tidak berpartisipasi. Saya akan menjaga situs web saya sebersih mungkin dengan memasukkan sesedikit mungkin elemen yang mengganggu. Meskipun ada pilihan untuk membuat situs ini sangat menarik dengan sedikit usaha dengan animasi dan halaman berwarna, saya memilih banyak warna abu-abu dan dekorasi sesedikit mungkin, yang sering kali tidak dicari orang. Halaman putih dengan latar belakang abu-abu gelap hingga terang di kedua sisinya memberikan kontras yang bagus dan, bersama dengan font yang dipilih, membuat teks mudah dibaca. Situs ini cocok untuk layar komputer desktop persegi mulai dari 17 inci, karena ukuran layar ini masih umum di garasi dan sekolah pada tahun 2023. Laptop menggunakan resolusi tinggi, sehingga situs dapat dikunjungi dengan laptop 14 inci tanpa bilah menu beralih ke mode lain, dengan tombol kanan berpindah melalui layar sempit ke baris kedua. Antarmuka ini dibuat melalui banyak eksperimen dan umpan balik dari pengunjung. Karakter informatif dengan navigasi yang terkoordinasi dengan baik lebih penting daripada tampilan apik yang disukai sebagian besar pengunjung.
Servernya:
Pihak hosting murah dengan paket web hosting dengan harga bersaing tidak tertarik dengan website yang membutuhkan banyak daya komputasi dari servernya, karena Anda berbagi SSD/CPU dan RAM yang sama dengan ratusan pelanggan lainnya. Konsumsi data sebesar 120 hingga 130 GB per bulan juga biasa terjadi di situs web ini, yang tidak diperbolehkan dengan paket standar beberapa puluh euro. Pihak tersebut mungkin memilih untuk mengurangi kinerja situs web yang menggunakan banyak sumber daya, atau mengharuskan Anda membeli VPS yang mahal.
Saya sudah lama ragu untuk menempatkan situs web ini di VPS, sehingga kinerja optimal dapat dicapai dan saya akan memiliki kendali atas pengaturan tertentu. VPS yang bagus harganya mahal dan saya mulai memikirkan alternatif lain: menghosting situs itu sendiri (di rumah).
Pada musim semi tahun 2020 saya membeli server bekas muda dengan harga bersaing. Saya melengkapinya dengan peningkatan perangkat keras yang diperlukan dan mempelajari cara menggunakan pengaturan di BIOS; ini sangat berbeda dengan PC konsumen. Saya juga membuat jaringan di rumah saya sendiri untuk menghubungkan server. Kecepatan koneksi serat optik adalah 1 gigabit down dan upload, yang bahkan lebih dari cukup untuk menghosting beberapa situs web yang sibuk.
Pada bulan Oktober 2020, saya menginstal server dengan CentOS sebagai sistem operasinya (sekarang diganti, lebih lanjut tentang itu nanti) dan Cpanel sebagai panel kontrol.
Setelah beberapa jam persiapan, situs dipindahkan dari server di pusat data ke server rumah dengan satu sentuhan tombol. Proses ini berjalan sangat lancar. Hingga saat penulisan ini (tiga tahun setelah instalasi) tidak ada masalah yang terjadi.
Server tempat Anda berada saat ini ditunjukkan pada dua gambar di bawah.
Gambar di atas: servernya adalah HP ProLiant ML350p Generasi 8. Di balik penutupnya terdapat pemutar DVD dengan sakelar untuk menghidupkan server dan empat port USB di bawahnya. Terdapat empat drive di bagian bawah yaitu: 2x SSD (kiri) dan 2x HDD (kanan). Situs web dimuat dari SSD. Cadangan disimpan di HDD setiap malam. SSD dan HDD ada di Raid mirror (RAID 1). Jika harddisk rusak, saya dapat menggantinya dengan harddisk cadangan tanpa harus mematikan server. Setelah mengganti drive, data ditransfer secara otomatis.
Gambar di bawah: Setelah melepas penutup samping dan pelat plastik pemandu udara, kami melihat empat kipas besar dengan motherboard di sebelahnya.
Servernya dilengkapi dengan CPU Xeon E5-2690 (2,9 GHz). Ini adalah prosesor 8-core dengan 16 thread. Ini berjalan dalam mode hemat daya pada kecepatan clock sedikit di atas 1 Ghz, yang dari segi kinerja situs web dan manajemen server tidak kalah dengan pengaturan pada mode kinerja maksimum, di mana kecepatan clock pada mode kinerja ini meningkat menjadi 2,9 GHz. Perbedaannya hanya terlihat pada perkembangan panas dan konsumsi energi. Performa bagus dengan kecepatan clock rendah dimungkinkan berkat jumlah inti prosesor yang banyak. Selain itu, bank memori kini telah diisi dengan total modul memori ECC 12x 4 GB, yang memberikan total memori 48 GB dalam quad-channel. Tentu saja ini berlebihan, tapi menurut saya ini akan menjadi bukti masa depan.
Pada musim panas 2022, saya mengganti sistem operasi CentOS dengan AlmaLinux karena ada pengumuman bahwa CentOS tidak lagi didukung. Cpanel populer diinstal di AlmaLinux: ini adalah program yang memungkinkan hosting situs web. Tangkapan layar di bawah menunjukkan panel kontrol. Setiap minggu saya memeriksa pembaruan yang tersedia (Cpanel, utilitas atau kernel) dan memeriksa bebannya.
Terjemahan:
Seperti yang mungkin Anda ketahui, footer (di bagian bawah situs web) berisi kolom bendera tempat situs web dapat diterjemahkan. Terjemahan dimungkinkan oleh plugin di WordPress, menggunakan apa yang disebut terjemahan mesin saraf (NMT) dan kecerdasan buatan (AI). Hubungan antara terjemahan mesin saraf dan AI terletak pada kenyataan bahwa NMT adalah aplikasi spesifik AI, yang menggunakan kecerdasan mesin untuk memahami dan menerjemahkan bahasa manusia secara efektif.
Saya mengambil langkah untuk menerjemahkan situs web karena alasan berikut:
- Mahasiswa teknik otomotif dengan NT2 (Bahasa Belanda sebagai bahasa kedua) senang membaca halaman yang diterjemahkan secara identik dalam bahasa ibu mereka saat belajar. Jika mereka memahami pengoperasian suatu bagian atau sistem dalam bahasa “mereka sendiri”, maka akan lebih mudah pula mempelajari penjelasannya dalam bahasa Belanda;
- Di beberapa negara persediaan bahan ajar teknik otomotif masih langka. Di Islandia misalnya, siswa hanya mempunyai akses terhadap materi pengajaran berbahasa Inggris. Sangat menyenangkan bagi guru dan siswa untuk dapat mencari materi pelajaran dalam bahasa mereka sendiri. Guru dari Islandia yang saya hubungi juga mengatakan: “Saya terus-menerus menjelaskan terjemahannya ke dalam bahasa Islandia, karena di bengkel mobil suku cadangnya tidak disebutkan dan ditulis dalam bahasa Inggris, tetapi dalam bahasa Islandia. Sangat menyenangkan bisa membaca teks dengan bahasa teknis dalam bahasa Islandia”;
- seperti yang mungkin sudah Anda baca di paragraf pertama, menulis artikel adalah hobi saya. Opsi terjemahan memungkinkan saya menjangkau khalayak yang lebih luas.
Saya menerjemahkan situs web ke dalam bahasa Inggris pada musim semi tahun 2023. Itu berjalan dengan baik. Saat meminta terjemahan bahasa Islandia, saya juga menambahkan negara lain selain Islandia. Google juga mengindeks halaman yang diterjemahkan. Misalnya, halaman: Elektronik dasar kini disertakan di Google dalam lima belas bahasa, dan setiap bahasa memiliki terjemahan URL, judul, dan kata kuncinya sendiri. Ini juga meningkatkan statistik pengunjung. Gambar tersebut menunjukkan jumlah pengunjung pada tanggal 4 November hingga 1 Desember 2023, dimana website tersebut baru beberapa minggu diterjemahkan ke dalam bahasa selain bahasa Inggris.
Terjemahannya sangat masuk akal hingga berkualitas tinggi. Dalam paragraf yang mengandung jargon teknis, terjadi kesalahan penerjemahan yang terkadang diterjemahkan “terlalu harfiah” sehingga memiliki arti yang berbeda. Contohnya adalah “bodywork” Belanda. Dalam bahasa Inggris ini diterjemahkan menjadi “tubuh”. Itu benar. Namun, dalam bahasa Islandia juga diterjemahkan menjadi sesuatu yang mirip dengan “tubuh”, tetapi terjemahan di sana mengacu pada “tubuh manusia”.
Untungnya, ada opsi untuk menyesuaikan terjemahan. Terjemahan dapat diperbaiki dalam program, yang akan diubah di seluruh situs web. Namun terjemahannya juga bisa disesuaikan per kalimat di masing-masing halaman. Gambar di bawah menunjukkan pensil untuk setiap kalimat. Jika diklik, terjemahannya bisa diubah.
Setelah mengklik pensil untuk salah satu kalimat, akan muncul popup yang berisi teks asli dan terjemahan. Terjemahannya dapat diperbaiki di sini. Terjemahannya segera diperbaiki, tanpa mempengaruhi teks aslinya (Belanda).
Terjemahan bahasa Inggris telah berkembang pesat. Saya lebih kesulitan dengan bahasa lain, karena pengetahuan saya di sana kurang luas. Itu sebabnya saya meminta pengunjung situs web saya untuk melaporkan kesalahan bahasa dan terjemahan kepada saya. Saya akan segera memperbaikinya di halaman yang dipermasalahkan atau di seluruh situs web jika menyangkut satu kata yang muncul di beberapa halaman. Jika Anda tertarik, opsi untuk mengakses program terjemahan di atas dapat didiskusikan. Anda dapat menghubungi saya melalui formulir kontak. Guru dari Islandia dengan senang hati menggunakan situs web ini dalam pembelajarannya dan dapat menerjemahkan teksnya sendiri. Dia, rekan-rekannya dan murid-muridnya (tetapi juga saya) mendapat manfaat dari hal ini. Saya juga ingin menawarkan opsi ini kepada pengguna (sebaiknya guru teknologi otomotif, atau orang yang bekerja di industri otomotif dan ahli dalam bidang linguistik) dari negara lain.
