A4UOFC

Cara Mudah Download Video Lewat HP

noreply@blogger.com (Unknown) — Thu, 11 Feb 2021 15:11:00 +0000

Halloo salam jumpa lagi bersama saya di a4uofc, kali ini kami akan membagikan cara mudah bagi teman-teman yang belum tau dan belum paham mengenai Cara Mudah Download Video Lewat HP.

Hal ini pada umumnya karena memory hp yang terbatas atau kita malas menginstall banyak aplikasi tambahan ataupun belum mengetahui aplikasi yang digunakan untuk mendownload video yang kita inginkan.

Disinni saya to the point saja akan membeberkan bagaimanan Cara Mudah Download Video Lewat HP, berikut langkah-langkahnya boss.... lets check these out.....

1. Buka aplikasi youtube anda

2. Masukan nama atau judul video yang ingin didownload

3. Setelah videonya tampil, klik atau tab bagikan atau share dan salin link yang muncul

4. Kemudian, buka browser anda, (disini saya pakai Chrome), kemudian ketikan di link address https://savefrom.net

5. Setelah itu tab pada dialog pencarian dan tempel (paste) link dari hasil copy-an tadi dan tekan enter

6. Pilih resolusi video, dan video akan diputar otomatis

7. Kemudian tab 3 titik yang ada di deretan video dan tab download

8. Video akan otomatis didownload dan tersimpan di gallery (penimpanan perangkat) secara otomatis.

Apabila kurang jelas dapat simak demo berikut :

Sekian dulu Tips n Trick yang dapat saya bagikan, semoga berguna dan bermanfaat, TETAP PATUHI PROTOKOL KKESEHATAN 3M dan akhirnya... PAMITTTTT !!!!

Sejarah, Pengertian, Ciri dan Fungsi Algoritma

noreply@blogger.com (Unknown) — Fri, 11 Dec 2020 01:49:00 +0000

Hallooo teman-teman, kemabali dengan saya di a4uofc, disini saya akan sedikit memberikan informasi mengenai Sejarah Algoritma, yang butuh informasi ini, silahkan ya gan....

Sejarah Algoritma

Algoritma berasal dari latinisasi nama seorang ahli matematika dari Uzbekistan Al Khawārizmi (hidup sekitar abad ke-9), sebagaimana tercantum pada terjemahan karyanya dalam bahasa latin dari abad ke-12 “Algorithmi de numero Indorum”.

Awal kata algorisma adalah istilah yang merujuk pada aturan-aturan aritmetis yang dipakai untuk menyelesaikan persoalan dengan menggunakan bilangan numerik. Pada abad ke-18, istilah ini berkembang menjadi algoritma, yang mencakup semua prosedur atau urutan langkah jelas dan diperlukan untuk menyelesaikan suatu permasalahan.

Masalah timbul pada saat menuangkan ide, memecahkan masalah untuk mencapai goal atau bagaimana proses yang harus dilalui dalam suatu sistem (program) bagi komputer sehingga saat eksekusinya, komputer dapat bekerja seperti yang diharapkan. Programer komputer akan lebih nyaman dan mudah dalam menuangkan prosedur komputasinya atau urutan langkah proses dengan terlebih dahulu membuat gambaran (diagram alur) diatas kertas.

Pengertian Algoritma

Algoritma adalah logika, metode dan tahapan “urutan” sistematis yang digunakan untuk memecahkan suatu permasalahan. Algoritma dapat juga diartikan sebagai urutan Langkah yang dibuat secara sistematis dan logis. Dalam perkembangannya, algoritma banyak dipakai di bidang computer dalam pembuatan atau pengembangan sistem.

Secara spesifik, pengertian algoritma ialah suatu metode khusus yang tepat dan terdiri dari serangkaian langkah yang terstruktur dan dituliskan secara matematis yang akan dikerjakan untuk menyelesaikan suatu masalah dengan bantuan komputer

Jadi berdasarkan definisi ini, dapat dikatakan algoritma merupakan langkah penyelesaian suatu masalah yang menghasilkan solusi dalam bentuk program komputer. Namun perlu diketahui bahwa algoritma tidak tergantung pada suatu bahasa pemrograman tertentu, artinya suatu algoritma harus dapat diwujudkan oleh bahasa pemrograman komputer apapun.

Algoritma dapat disajikan dalam dua bentuk yaitu dalam bentuk tulisan/bahasa dan dalam bentuk gambar. Penyajian algoritma dalam bentuk tulisan haruslah menggunakan bahasa yang dapat dimengerti manusia dalam menyajikan langkah-langkah algoritma. Penyajian algoritma dalam bentuk tulisan juga dapat dilakukan menggunakan pseudocode.

Ciri Algoritma

Adapun beberapa ciri umum dalam algoritma sebagai berikut :

Ada Input
Ada proses
Ada Output
Memiliki Instruksi yang jelas, logis dan tidak Ambigu
Harus memiliki Stoping Role

Fungsi Algoritma

Berikut terdapat beberapa fungsi algoritma, terdiri dari :

Algoritma dapat digunakan untuk memecahkan program yang rumit.
Algoritma dapat menjadikan program yang besar menjadi program yang lebih sederhana.
Algoritma dapat digunakan secara berulang atau lebih dari satu kali.
Memudahkan pembuatan program.
Dapat mengatasi masalah dengan logika dan urut.
Menggunakan fungsi algoritma bisa melakukan pendekatan top-down dan juga devide and conguer.
Meminimalisir penulisan program yang berulang-ulang.
Program yang ada menjadi lebih terstruktur dengan rapi sehingga lebih mudah untuk dipahami ataupun dikembangkan.
Ketika terjadi kesalahan dapat dicari dengan mudah karena dengan fungsi algoritma bisa mendapatkan alur yang jelas.
Ketika ingin melakukan modifikasi pada program bisa dilakukan hanya pada satu modul tanpa harus merubah dan mengganggu modul yang lain.
Dokumentasi yang mudah.

Sistem Pakar Metode DFS (DEPTH FIRST SEARCH)

noreply@blogger.com (Unknown) — Sun, 29 Nov 2020 02:14:00 +0000

Haloo teman-teman, kembali lagi bersama saya di a4uofc, disini saya akan memberikan sedikit pemahaman mengenai Sistem Pakar.

Sistem pakar adalah suatu program komputer yang mengandung pengetahuan dari satu atau lebih pakar manusia mengenai suatu bidang spesifik. Jenis program ini pertama kali dikembangkan oleh periset kecerdasan buatan pada dasawarsa 1960-an dan 1970-an dan diterapkan secara komersial selama 1980-an.

Bentuk umum sistem pakar adalah suatu program yang dibuat berdasarkan suatu set aturan yang menganalisis informasi (biasanya diberikan oleh pengguna suatu sistem) mengenai suatu kelas masalah spesifik serta analisis matematis dari masalah tersebut. Tergantung dari desainnya, sistem pakar juga mampu merekomendasikan suatu rangkaian tindakan pengguna untuk dapat menerapkan koreksi. Sistem ini memanfaatkan kapabilitas penalaran untuk mencapai suatu simpulan.

Tujuan Sistem Pakar adalah mentransfer kepakaran seorang pakar ke komputer, kemudian melanjutkannya dari komputer ke orang lain (yang bukan pakar).

Metode DFS (DEPTH FIRST SEARCH) adalah algoritma untuk melintasi atau mencari struktur data pohon atau grafik. Algoritma dimulai pada node root (memilih beberapa node arbitrary sebagai node root dalam kasus grafik) dan mengeksplorasi sejauh mungkin di setiap cabang sebelum melakukan backtracking.

Contoh Pencarian :

Gambar Rute Pencarian

Pencarian kedalaman pertama dimulai dari A, dengan asumsi bahwa tepi kiri dalam grafik yang ditampilkan dipilih sebelum tepi kanan, dan dengan asumsi pencarian mengingat node yang dikunjungi sebelumnya dan tidak akan mengulanginya (karena ini adalah grafik kecil), akan mengunjungi node dalam urutan berikut: A, B, D, F, E, C, G. Tepi yang dilintasi dalam pencarian ini membentuk pohon Trémaux , sebuah struktur dengan aplikasi penting dalam teori grafik . Melakukan pencarian yang sama tanpa mengingat node yang dikunjungi sebelumnya menghasilkan node yang mengunjungi dalam urutan A, B, D, F, E, A, B, D, F, E, dan seterusnya. Selamanya, terperangkap di A, B, D, F , Siklus E dan tidak pernah mencapai C atau G. Pendalaman berulang adalah salah satu teknik untuk menghindari loop tak terbatas ini dan akan menjangkau semua node.

Gambar Animasi Rute Pencarian

Aplikasi Sistem Pakar Dengan Metode DFS (DEPTH FIRST SEARCH) mengadopsikan bahasa pemograman PHP, template Bootstrap dan Admin LTE dimana aplikasi ini memiliki akses yang terdiri dari :

1. User, dengan fitur :

Fitur daftar
Diagnosa
Hasil Diagnosa
Cetak Hasil Diagnosa

2. Admin / Pakar, dengan fitur :

CRUD Gejala
CRUD Penyakit
CRUD Solusi
Relasi
Laporan Diagnosa

Untuk lebih jelas dapat di lihat pada demo program berikut :

Absensi Geofancing Basis Web Android (Client Server)

noreply@blogger.com (Unknown) — Thu, 29 Oct 2020 12:12:00 +0000

Haloo teman-teman, kembali lagi bersama saya di a4uofc, disini saya akan memberikan sedikit informasi dan review aplikasi GIS nih dengan fitur geofancing.

Geofencing adalah fitur dari sebuah software atau program yang memanfaatkan komponen “global positioning system (GPS)” atau “radio frequency identification (RFID)” guna menentukan batasan geografi secara virtual.

Program Geofence memungkinkan administrator untuk menentukan titik triger yang menyampaikan sinyal (SMS atau Email) apabila perangkat yang dilengkapi GPS atau RFID tersebut melewati batas pagar “geofence”, baik masuk maupun keluar dari garis pagar yang ditentukan.

Fitur aplikasi geofencing dapat melibatkan layanan lain seperti Google Earth, untuk menentukan garis pagar virtual, atau ditentukan berupa koordinat (longitude dan latitude).

Berikut ScreenShoot Sistem :

Info Sistem silahkan japri bossku...

Trend Teknologi Ini Yang Bakal Buming Tahun 2020

noreply@blogger.com (Unknown) — Thu, 03 Sep 2020 10:52:00 +0000

Trend Teknologi Ini Yang Bakal Buming Tahun 2020

Menurut Alibaba DAMO Academy, di tahun 2020 menjadi suber perkembangan informasi dan teknologi. DAMO Academy sebuah inisiatif riset global yang diprakarsai Alibaba Group, memprediksi munculnya tren teknologi mengenai desain chip modular hingga AI untuk melindungi privasi data. disana disebutkan bahwa teknologi yang bakal maju pesat di tahun 2020 itu seperti dari kecerdasan kognitif, in-memory-computing, komputasi fault-tolerant, hingga pertumbuhan industri IoT.

berikut detail dari prediksi tren teknologi di tahun 2020 Bersumber DAMO Academy :

1. AI

AI telah melampaui batas manusia di bidang kecerdasan perseptual seperti speech to text, NLP (natural language processing), pemahaman video, dan masih banyak lagi.

Kecerdasan kognitif akan menarik gagasan dari psikologi kognitif, ilmu otak, dan sejarah sosial manusia, dikombinasikan dengan teknik-teknik. Mulai seperti lintas domain pada grafik pengetahuan, inferensi kausalitas, dan pembelajaran berkelanjutan untuk membangun mekanisme yang efektif untuk mendapatkan kestabilan saat akuisisi dan mengekspresikan pengetahuan.

2. IoT

Pada 2020, teknologi 5G, perkembangan pesat perangkat IoT, komputasi awan, dan edge computing akan mempercepat perpaduan antara sistem informasi, sistem komunikasi, dan sistem kontrol sector industri.

Melalui Industrial IoT, perusahaan manufaktur dapat merasakan teknologi otomatisasi mesin, logistik di pabrik, dan penjadwalan produksi, sebagai cara untuk merealisasikan model bisnis C2B manufaktur pintar (consumer to business smart manufacturing).

3. 5G

Mesin yang bergerak dalam kecerdasan tunggal tidak dapat memenuhi permintaan secara real time dan skala besar. Karenanya, pengembangan antara IoT dan teknologi 5G akan mewujudkan kolaborasi di antara banyak mesin yang bekerja sama satu dengan lainnya dan bersaing untuk menyelesaikan target.

4. Chip

Desain chip SoC open source berdasarkan RISC-V, bahasa deskripsi perangkat keras tingkat tinggi, dan metode desain chip modular berbasis IP telah mempercepat pengembangan metode desain yang gesit dan ekosistem chip open source.

5. Cloud

Dengan perkembangan teknologi komputasi awan yang berkelanjutan, cloud telah berkembang jauh melampaui ruang lingkup infrastruktur TI, dan secara bertahap berkembang menjadi pusat dari semua inovasi teknologi TI.

Cloud mempunyai hubungan erat pada hampir semua teknologi TI, termasuk chip baru, database baru, jaringan adaptif self-driving, big data, AI, IoT, blockchain, komputasi kuantum dan lainnya.

Bahasa Pemograman Terbaru Yang Trend Tahun Ini

noreply@blogger.com (Unknown) — Sat, 29 Aug 2020 12:21:00 +0000

Bahasa Pemograman Terbaru Yang Trend Tahun Ini

Inilah Bahasa pemograman yang teman-teman patut untukdipelajari tahun ini. bahasa pemograman ini memiliki kelebihan yang dapat digunakan dalam pembelajaran teman-teman sekalian dalam bidan pemograman. Yuuuuuuk simak bahasa pemograman terbaru saat ini yang patut dipelajari....

1. JavaScript

JavaScript telah berkembang menjadi multi-paradigma. Kini JavaScript menjadi bahasa pemrograman dinamis tingkat tinggi yang sangat populer di kalangan developer. Jika kamu memiliki pemahaman yang baik tentang HTML, maka JavaScript akan menjadi lebih mudah untuk dipelajari.

Bahasa ini digunakan untuk mengembangkan website yang interaktif. Selain website, JavaScript juga bisa mengembangkan aplikasi front-end yang kaya fitur. Tak hanya itu, JavaScript juga banyak digunakan untuk membuat animasi, mengelola multimedia, membuat perangkat lunak. Bahasa ini paling banyak digunakan dan berjalan secara virtual di browser, server, perangkat seluler (mobile devices), cloud, container, microcontrollers.

JavaScript (juga dikenal sebagai NodeJS) ini juga dinilai kompatibel dan bisa bekerja sama dengan dengan beberapa bahasa pemrograman lain. Bahasa ini didukung oleh community support yang luas. Hal ini menjadikan JavaScript banyak dipakai oleh developer.

2. Python

Python banyak digunakan di kalangan developer. Python menduduki peringkat pertama dalam PYPL (PopularitY of Programming Language) menurut data di April 2020. Index peringkat ini dibuat dengan menganalisis seberapa sering tutorial bahasa pemrograman dicari di Google. Semakin banyak tutorial bahasa dicari maka bisa diasumsikan bahasa tersebut semakin populer.

Python dapat digunakan untuk aplikasi web dan desktop, aplikasi desktop berbasis GUI, pembelajaran mesin, ilmu data, dan server jaringan. Bahasa pemrograman ini didukung oleh community support yang besar yang menawarkan open source libraries yang luas, framework dan module.

3. Java

Java berbeda dengan Javascript. Java menjadi pilihan populer lainnya di bawah peringkat Python. Java paling banyak digunakan di kalangan organisasi dan perusahaan besar. Selama beberapa dekade, Java digunakan untuk membangun aplikasi web skala perusahaan. Hal ini karena Java dikenal stabil sehingga banyak perusahaan yang mengadopsinya.

Bahasa pemrograman ini berorientasi pada objek atau object-orientation programming (OOP) sehingga programmer mudah menyusun program menggunakan bahasa ini. Selain itu, bahasa ini tidak memerlukan infrastruktur perangkat keras tertentu, mudah dikelola, dan memiliki tingkat keamanan yang baik. Dan yang terpenting, Java lebih mudah dipelajari juga.

4. C #

C # adalah bahasa pemrograman yang dikembangkan oleh Microsoft. Pada tahun 2000, Microsoft memutuskan untuk membuat Object Oriented C seperti bahasa pemrograman C # sebagai bagian dari inisiatif .NET mereka, yang akan dikelola pada mesin virtual (seperti Java).

Bahasa pemrograman ini banyak digunakan untuk back-end, server-side programming, pengembangan aplikasi, pengembangan web, pengembangan game dan software untuk platform Windows.

5. Php

Selanjutnya ada PHP yang tak kalah populer dan menduduki peringkat kelima di PYPL. Php menjadi salah satu bahasa pemrograman back-end yang paling populer.

Meskipun PHP menghadapi persaingan ketat dari Python dan JavaScript, pasar masih membutuhkan developer yang paham tentang PHP. Hal ini karena banyak kerangka kerja PHP yang berhasil dan stabil di pasar. Banyak industri dan perusahaan besar menggunakan PHP seperti contohnya Facebook dan WordPress.

Kelebihan dari PHP adalah banyaknya framework yang canggih, mudah memulai membuat halaman web, dukungan komunitas yang luas, banyak alat otomatisasi untuk menguji dan menggunakan aplikasi, mendukung paradigma pemrograman berorientasi objek dan fungsional

6. C / C++

Bahasa pemrograman C / C++ juga salah satu bahasa yang populer. Banyak perusahaan-perusahaan software besar yang menggunakan bahasa ini untuk membangun perangkat lunaknya seperti Adobe, Firefox dan Google Application.

Seiring waktu, C ++ juga terus memodernisasi dan menyesuaikan diri dengan perubahan dalam perangkat keras. C ++ telah berkembang menjadi multi-paradigma dan bahasa pemrograman untuk tujuan umum. Kegunaan bahasa ini antara lain sebagai pemrograman sistem, aplikasi GUI, game development, IoT dan real-time system, pembelajaran mesin, embedded system dan distributed system.

Sementara itu, kelebihan dari C ++ antara lain yaitu program lebih efisien dan mudah dipahami, banyak kompiler dan perpustakaan untuk bekerja sama, eksekusi program lebih cepat daripada kebanyakan bahasa pemrograman lainnya, dan menawarkan akses memori tingkat rendah dan langsung dikompilasi dengan instruksi mesin.

6. Swift

Swift adalah bahasa pemrograman terkompilasi untuk tujuan umum yang dikembangkan oleh Apple yang menawarkan pengembang sintaksis yang sederhana dan kohesif. Bahasa ini dipengaruhi oleh Python dan Ruby yang cepat, aman, dan mudah dipelajari.

Kelebihan Swift antara lain adanya manajemen memori otomatis yang mencegah kebocoran memori, mudah untuk menambah fitur baru, skalabilitas yang baik yang memungkinkan penambahan fungsionalitas pada produk, mendorong pengembang untuk menulis kode yang bersih dan mudah dibaca, sintaks mirip bahasa Inggris sehingga mudah dibaca dan sangat cepat dibandingkan dengan bahasa pemrograman lainnya seperti Python.

7. R

Bahasa pemrograman R adalah salah satu bahasa pemrograman yang paling umum digunakan untuk analisis data dan pembelajaran mesin. R menyediakan kerangka kerja (framework) yang sangat baik dan perpustakaan bawaan untuk mengembangkan algoritma Machine Learning yang kuat.

Kelebihan R antara lain kemampuannya untuk digunakan di berbagai sistem operasi, community support yang luas dan aktif, bahasa analisis statistik yang komprehensif, sebagai open-source dan gratis memberikan kemampuan untuk membuat tweak sesuai persyaratan.

8. Typescript

TypeScript superset dari JavaScript dimana bahasa ini dibangun berdasarkan JavaScript yang dirilis tahun 2014. Bahasa pemrograman yang berorientasi objek ini diperkenalkan untuk memperluas kemampuan JavaScript.

Dua perusahaan besar yakni Microsoft dan Google bekerja sama untuk mengembangkan TypeScript yang didukung oleh komunitas open source yang dinamis.

Penggunaan TypeScript adalah untuk web UI development dan server-side development.

Karena TypeScript adalah superset dari JavaScript, ia dapat berjalan di mana JavaScript berjalan. TypeScript dapat dijalankan di browser, server, perangkat mobile, perangkat IoT, dan cloud.

Kelebihan dari bahasa ini memudahkan pengembang untuk menulis dan memelihara kode. Selain itu, TypeScript menawarkan deskripsi lengkap dari setiap komponen kode dan dapat digunakan untuk mengembangkan aplikasi besar dengan sintaks yang ketat dan lebih sedikit kesalahan.

9. Go

Go, juga dikenal sebagai Golang adalah bahasa pemrograman yang dibangun oleh Google. Go menyediakan dukungan luar biasa untuk multithreading. Banyak perusahaan menggunakan Go yang sangat bergantung pada sistem terdistribusi. Beberapa startup di Silicon Valley banyak menggunakan Go. Umumnya bahasa ini digunakan untuk aplikasi bisnis, system programming, serverless computing, cloud-native development, dan IoT.

kelebihannya antara lain memiliki fitur garbage collector, didukung penuh oleh Google, ideal untuk membangun aplikasi satu halaman (SPA), sangat cepat karena dikompilasi ke kode mesin, memiliki dukungan tingkat bahasa untuk konkurensi lewat pesan-CSP melalui Goroutine (Green thread ringan) dan Channel, menjadi bahasa yang diketik secara statis membuatnya lebih aman, dan sintaks yang lebih sederhana sehingga mudah dipelajari.

10. MATLAB

MATLAB adalah bahasa pemrograman yang digunakan sebagai alat analisis statistik di berbagai industri untuk analisis data. MATLAB digunakan secara luas dalam visi komputer dan industri pengolahan gambar juga.

Kelebihan dari MATLAB adalah mudah dikembangkan untuk simulasi ilmiah karena dilengkapi dengan inbuilt library yang lengkap, dapat memperluas fungsionalitas dengan menambahkan toolboxes, dan memungkinkan konversi kode untuk digunakan dalam bahasa pemrograman lain, seperti C ++, Java, dan Python.

11. Kotlin

Dikembangkan oleh Jet Brains, Kotlin dapat dijalankan pada Java Virtual Machine (JVM) dan menjawab kekurangan dari Java dan menawarkan banyak fitur modern. Tak hanya itu, Kotlin menawarkan produktivitas pengembang seperti Go atau Python di JVM.

Kelebihan Kotlin yang paling utama dan signifikan adalah sebagai bahasa utama untuk pengembangan aplikasi Android. Jika kamu tertarik untuk mengembangkan aplikasi Android maka kamu wajib menguasai bahasa ini.

Selain pengembangan aplikasi Android, Kotlin juga digunakan untuk enterprise application, pengembangan desktop, dan pengembangan sisi server.

12. Ruby

Terakhir ada Ruby yang dikembangkan sejak tahun 1990-an. Ruby berkembang menjadi bahasa pemrograman tujuan umum yang multi-paradigma.

Sintaks yang dimiliki Ruby sangat sederhana sehingga banyak developer yang menggunakan bahasa ini. Selain itu, Ruby diimplementasikan dalam C dan dinilai lebih dinamis juga. Ruby cocok dipelajari untuk pengembangan website.

Kelebihan Ruby antara lain memiliki tooling dan dukungan kerangka kerja (framework) yang sangat baik dan menyediakan garbage collector yang akan menghapus informasi yang tak terpakai di memory.

Surat Ijin Pertambangan PHP MYSQL

noreply@blogger.com (Unknown) — Fri, 28 Aug 2020 21:28:00 +0000

Izin Usaha Pertambangan adalah izin untuk melaksanakan usaha pertambangan di wilayah Negara Kesatuan Republik Indonesia yang meliputi tahapan kegiatan penyelidikan umum, eksplorasi, studi kelayakan, konstruksi, penambangan, pengolahan dan pemurnian, pengangkutan dan penjualan, serta pascatambang. Terdapat 3 bentuk usaha pertambangan di Indonesia, yaitu:

1. Izin Usaha Pertambangan (IUP);

2. Izin Pertambangan Rakyat (IPR); dan

3. Izin Usaha Pertambangan Khusus (IUPK).

IUP dikelompokkan sesuai dengan komoditasnya, yaitu pertambangan mineral dan pertambangan batubara. Pertambangan mineral digolongkan menjadi 4, yaitu :

1. Pertambangan mineral radioaktif,

2. Logam,

3. Bukan logam, dan

4. Pertambangan batuan.

Aplikasi Surat Ijin Pertambangan PHP MYSQL dibuat dengan bahasa pemograman PHP dengan database MYSQL. aplikasi ini diperuntukan untuk pembuatan surat ijin pertambangan pada suatu daerah dan diharapkan dapat membantu proses pembutan surat ijin pada derah tersebut

Fitur System :

1. Buat surat

> IPR

> Umum

> Khusus

2. Laporan Surat

> IPR

> Umum

> Khusus

3. Laporan Posisi Dokumen

4. Data master

5. Setting Website

Berikut Demo programnya :

Cara Membuat Form Cetak (Print) Laporan Dengan PHP - MYSQL

noreply@blogger.com (Unknown) — Thu, 06 Aug 2020 04:56:00 +0000

Cara Membuat Form Cetak (Print) Laporan Dengan PHP - MYSQL

Pada Kesempatan ini, kami ingin membagikan dan juga memberikan tutorial tentang cara membuat cetak laporan atau print laporan dengan PHP. fitur print laporan yang akan kita buat ini hanya menggunakan syntax atau perintah dari javascript. halaman yang akan di cetak atau di print akan muncul langsung pada browser. fungsi print() sangat mudah untuk digunakan. selengkapnya silahkan teman-teman baca perhatikan listing code print laporan dengan PHP dibawah ini :

Jika teman-teman ingin mendownload sample Code ini, dapat di download di sini Download

Apa bila teman-teman masih bingung bagaimana cara mendownloadnya bisa di Baca Disini

Pelayanan Pendataan, Pemeriksaan dan Pembuatan Sertifikat Kapal PHP MYSQL

noreply@blogger.com (Unknown) — Tue, 28 Jul 2020 13:41:00 +0000

Aplikasi Pelayanan Pendataan, Pemeriksaan dan Pembuatan Sertifikat Kapal PHP MYSQL dibangun dengan menggunakan bahasa PHP 5.6 dan database MYSQL yang dapat digunakan oleh pemula dalam membuat sebuah sistem. sistem ini dapat melakukan pendataan dari pemohon, pemeriksaan kelengkapan kapal, kesehatan fisik kapal, dan juga sampai pada pembuatan sertifikat kapal itu sendiri. aplikasi ini terdapat beberapa menu, diantaranya :

Data Pemohon
Data Agen
Data Pejabat
Data Kapal
Data Sertifikat
Data Pemeriksaan

Berikut demo videonya :

Source Code CRUD (Create, Read, Update Delete) With AJAX

noreply@blogger.com (Unknown) — Sun, 26 Jul 2020 00:54:00 +0000

Source Code CRUD (Create, Read, Update Delete) With AJAX

CRUD Adalah Singkatan dari Create, Read, Update Delete dalam pemograman yang biasa kita gunakan dalam membuat entri atau inputan pada data kita, data di proses dan di simpan kedalam database.

CRUD kali ini menggunakan AJAX dimana AJAX adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis pengembangan web (web development) yang memungkinkan aplikasi web untuk bekerja secara asynchronous (tidak langsung) – memproses setiap request (permintaan) yang datang ke server di sisi background.

Berikut merupakan contoh dari penggunaan AJAX dalam membuat form CRUD sederhana :

Pengertian dan cara kerja AJAX bisa dibaca disini

Untuk Source Code Lengkapnya dapat di download disini

dan jika teman-teman masih bingung cara download filenya dapat ikuti Panduan ini

AJAX dan Bagaimana Cara Kerjanya?

noreply@blogger.com (Unknown) — Sun, 26 Jul 2020 00:49:00 +0000

AJAX dan Bagaimana Cara Kerjanya?

Website bukan hanya sekedar soal halamam, gambar, isi dll tetapi Jika ingin menjadi webmaster, ada sejumlah hal yang harus Anda pahami, seperti apa itu AJAX. AJAX adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis pengembangan web (web development) yang memungkinkan aplikasi web untuk bekerja secara asynchronous (tidak langsung) – memproses setiap request (permintaan) yang datang ke server di sisi background.

JavaScript merupakan bahasa pemograman yang sering digunakan dan Salah satu fungsinya adalah untuk mengelola konten dinamis website dan memungkinkan interaksi yang dinamis. Seperti HTML, XML atau eXtensible Markup Language adalah varian lain dari bahasa markup. Jika HTML dirancang untuk menampilkan data, maka XML dirancang untuk memuat dan membawa data.

JavaScript maupun XML bekerja secara asynchronous dalam AJAX, dan hasilnya web yang menggunakan AJAX dapat mengirimkan dan menerima data dari server tanpa harus mereload keseluruhan halaman.

Berikut beberapa contoh penggunaan AJAX :

Sistem voting dan rating

Bagi yang sering berbelanja online, pasti kerap diminta untuk memberikan rating bintang, kan? Atau mungkin juga pernah mengisi formulir voting online? Biasanya kedua sistem ini menggunakan AJAX. Setelah klik opsi rating atau voting, website akan memperbarui kalkulasi tapi tampilan halaman tetap sama, tidak ada yang diubah atau harus direload.

Chat room

Sebagian website ada yang mengaktifkan chat room bawaan di halaman utamanya. Chat room ini menjadi media bagi Anda untuk berkomunikasi dengan tim customer support. Anda tidak perlu khawatir fitur ini akan tertutup bilamana ingin membuka halaman lain dari website tersebut. AJAX tidak akan mereload halaman setiap kali Anda mengirimkan dan menerima pesan chat baru.

Notifikasi trending di Twitter

Twitter menggunakan AJAX untuk mengumumkan informasi atau notifikasi terbaru. Setiap kali ada tweet baru mengenai topik yang sedang trending, Twitter akan memperbarui notifikasi tanpa mengganggu fungsi halaman utama.

Dalam bahasa yang sederhana, AJAX memudahkan pekerjaan yang multitasking. Ketika ingin mengisi formulir voting online, misalnya, dan hanya fitur tersebut saja yang berubah tapi tidak dengan halamannya, maka website tersebut menerapkan konsep AJAX.

Cara Kerja AJAX

AJAX bukanlah teknologi dan bukan pula bahasa pemrograman. Seperti yang telah dijelaskan sebelumnya, AJAX adalah sekumpulan teknik pengembangan web. Pada umumnya sistem ini terdiri atas:

1. HTML/XHTML sebagai bahasa utama dan CSS untuk menampilkan data.

2. The Document Object Model (DOM) untuk menampilkan data yang dinamis beserta interaksinya.

3. XML untuk pertukaran data, sedangkan XSLT untuk manipulasi data. Sebagian besar developer mulai mengganti XML dengan JSON karena bentuknya yang mendekati JavaScript.

4. Objek XMLHttpRequest untuk komunikasi tidak langsung (asynschronous).

5. Bahasa pemrograman JavaScript untuk menyatukan semua teknologi ini.

E-Learning Berbasis Codeingniter

noreply@blogger.com (Unknown) — Fri, 24 Jul 2020 02:54:00 +0000

E-learning adalah suatu sistem atau konsep pendidikan yang memanfaatkan teknologi informasi dalam proses belajar mengajar.

Manfaat E-learning :

1. Penggunaan E-learning untuk menunjang pelaksanaan proses belajar dapat meningkatkan daya serap mahasiswa atas materi yang diajarkan.

2. Meningkatkan partisipasi aktif dari mahasiswa.

3. Meningkatkan partisipasi aktif dari mahasiswa.

4. Meningkatkan kemampuan belajar mandiri mahasiswa.

5. Meningkatkan kualitas materi pendidik dan pelatihan.

6. Meningkatkan kemampuan menampilkan informasi dengan perangkat teknologi informasi, dimana dengan perangkat biasa sulit dilakukan.

Aplikasi E-Learning Berbasis Codeingniter dibuat untuk sekolah SMA/SMK maupun SMP/MTS dan aplikasi elearning ini sudah support php 7.X - Up dengan framework codeigniter. aplikasi ini dapat mengirimkan tugas sesuai jadwalnya dan jika waktu habis maka siswa tidak bisa kirim dan terdapat firur timer pada setiap tugan yang diberikan guru.

FITUR ELEARNING :

=== SISWA ====

+ bisa lihat materi berupa text atau download materi berupa file,

+ bisa kirim tugas individu maupun kelompok

+ mengerjakan soal ujian atau quis

+ melihat nilai ujian secara langsung

+ melihat nilai siswa dikelasnya 10 tertinggi

+ melihat daftar soal

== GURU ==

+ membagikan materi berupa text maupun file

+ membuat tugas sesuai kelas dan jurusan maupun semester

+ melihat siswa yang sudah mengerjakan tugas

+ membuat soal kuis atau ujian acak dan tidak

+ membagikan ujian sesuai kelas jurusan.

+ memantau siswa yang lagi mengerjakan ujian.

+ rekap nilai siswa

+ bisa ekspor atau impor soal dri excel

+ nonaktifkan ujian

+ nonaktifkan tugas

==ADMIN==

mengelola data yang dibutuhkan guru dan siswa dan keseluruhan sistem

Berikut adalah demo sistem yang telah kami rancang :

Cara Buat Login OOP Dengan Hak Akses Full Source Code - Multi Login OOP

noreply@blogger.com (Unknown) — Sun, 12 Jul 2020 19:42:00 +0000

Apa itu OOP ?

Object Oriented Programming (OOP) atau Pemrograman Berorientasi Objek (PBO) merupakan paradigma atau cara pandang pembuatan program dengan berorientasi atau fokus pada objek. Semua data dan fungsi didalam paradigma ini dibungkus dalam kelas-kelas atau objek-objek. Berbeda dengan Pemrograman Terstruktur atau Pemrograman Berorientasi Prosedur atau Procedural Oriented Programming (POP), dimana setiap objek menerima pesan/data, memprosesnya dan mengirimnya ke objek lain.

OOP menjadi teknik pemrograman yang populer saat ini yang sebelumnya menggunakan POP. Model data OOP lebih fleksibel, kemudahan mengubah dan mengembangkan program, dan digunakan luas dalam teknik piranti lunak skala besar. Pendukung OOP mengklaim bahwa OOP lebih mudah dipelajari bagi pemula dibanding dengan pendekatan sebelumnya.

Berikut beberapa kelebihan Pemrograman Berorientasi Objek dibandingkan Pemrograman Prosedural :

Reusable artinya, kode obyek yang di implementasikan dapat digunakan kembali pada program aplikasi lainnya.
Extensible artinya, obyek yang sudah dibuat dapat kita ubah lagi implementasi fungsi-fungsinya sesuai dengan keinginan.
Maintenable artinya, obyek yang kita buat dapat dengan mudah dirawat (maintain/manage) jika terjadi error.
Extendable artinya, obyek yang sudah dibuat dapat kita kembangkan lagi menjadi obyek yang lebih besar/kompleks.

Berikut perbedaan Pemrograman Berorientasi Obyek dengan Pemrograman Berorientasi Prosedur :

1. Pemrograman Berorientasi Object

Pendekatan lebih kepada data dari pada fungsi

Program besar dibagi jadi obyek-obyek

Struktur data dirancang dan menjadi karakteristik dari obyek-obyek

Fungsi-fungsi yang mengoperasikan data tergabung dalam satu obyek yang sama

Data tersembunyi dan terlindungi dari fungsi/prosedur yang ada diluar

Obyek-obyek dapat saling berinteraksi dengan saling mengirim pesan satu sama lain

2. Pemrograman Berorientasi Prosedur

Pendekatan pada algoritma (langkah-langkah pemecahan masalah)

Program besar dipecah menjadi program-program yang lebih kecil (modular) dengan pendekatan top down

Kebanyakan fungsi/prosedur berbagi data global

Data bergerak secara bebas dalam sistem, dari satu fungsi ke fungsi lain saling terkait

Bahasa pemrograman yang dapat digunakan dalam OOP antara lain : C++, Java, C#, PHP5. Sedangkan bahasa pemrograman yang digunakan dalam POP antara lain : Basic, C, Pascal.

Perancangan Berorientasi Obyek

Sebelum membuat program dengan OOP, kita perlu membuat perancangannyaterlebih dahulu. Perancangan berorientasi obyek atau Object Oriented Design (OAD) meliputi antara lain :

Identifikasi Obyek/Kelas

Pembuatan Hirarki Kelas

Pembuatan Use Case

Tanpa basa basi inilah beberapa sample source codenya :

dan bagi teman-teman yang butuh sample full code nya dapat di download pada repository github pada link ini "DOWLOAD FULL CODE"

Cara Buat Login PDO Dengan Hak Akses Full Source Code - Multi Login PDO

noreply@blogger.com (Unknown) — Sun, 12 Jul 2020 19:35:00 +0000

Apa itu PDO ?

Untuk membuat koneksi ke database, kita gunakan PHP Data Object (PDO). PHP5 telah menyediakan library PDO yang dibuat dengan bahasa pemrograman C/C++. Library ini merupakan class untuk koneksi DBMS (Database Management System) yang berukuran kecil, ringan dan cepat (Lightweight).

Library PDO mendukung banyak database system untuk PHP, sehingga kita tidak perlu menulis kembali (rewrite) seluruh kode PHP untuk koneksi ke databse yang berbeda, misalnya database MySQL, SQLite, Ms.SQL dan Oracle.

Ada banyak jenis database yang didukung oleh library PDO, diantaranya :

PDO_DBLIB (FreeTDS/Microsoft SQL Server/Sybase)

PDO_FIREBIRD (Firebird/Interbase 6)

PDO_IBM (IBM DB2)

PDO_INFORMIX (IBM Informix Dynamic Server)

PDO_MYSQL (MySQL 3.x/4.x/5.x)

PDO_OCI (Oracle Call Interface)

PDO_ODBC (ODBC v3 (IBM DB2, unixODBC and win32 ODBC)

PDO_PGSQL (PostgreSQL)

PDO_SQLITE ( SQLite 2 and SQLite 3)

PDO_4D (4D (4th Dimention Database)

Tanpa basa basi inilah beberapa sample source codenya :

dan bagi teman-teman yang butuh sample full code nya dapat di download pada repository github pada link ini "DOWLOAD FULL CODE"

Penerimaan Peserta Didik Baru (PPDB) - Penerimaan Siswa Baru

noreply@blogger.com (Unknown) — Sun, 12 Jul 2020 05:01:00 +0000

Aplikasi PPDB merupakan sistem yang dirancang untuk melakukan otomasi pelaksanaan Penerimaan Peserta Didik Baru (PPDB) secara Online. Dari proses pendaftaran, seleksi hingga pengumuman hasil seleksi berbasis waktu nyata (real time online).

Sistem ini dibangun dengan menerapkan bahasa pemograman PHP 7.X dengan Database Mysql yang mengadopsikan konsep MVC dengan Framework Laravel. Sistem ini memiliki fitur umum seperti pada masing-masing penggunanya dengan Level Akses yang berbeda seperti :

1. Pengumuman.

2. Pendaftaran.

3. Informasi Syarat.

4. Jalur penerimaan.

5. Verifikasi berkas pendaftar.

6. Validasi Kelulusan peserta dengan 3 tipe status (pending, di terima dan ditolak).

7. Kategori peserta berdasarkan status penerimaan.

8. Management User dengan Level Akses System.

9. dan masih banyak lagi yang lainnya

Demo System :

Installasi Webserver Local XAMPP ( X platform, Apache, Mysql, PHP, Perl) Di Windows

noreply@blogger.com (Unknown) — Sat, 11 Jul 2020 02:09:00 +0000

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (tempat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya. (Sumber : https://id.wikipedia.org/wiki/XAMPP)

To the Point Langkah-langkah installasi XAMPP di Windows :

1. Download aplikasi XAMPP terbaru di Official page-nya, Klik DISINI

2. Untuk saat ini kami mendownload versi 5.6.40.

3. Setelah selesai download, extract file zip tersebut dan Double Klik di file XAMPP tersebut.

4. Muncul form installer dan pilih bahasa penginstallan kamu dan klik OK.

5. Ketika muncul pesan "Important ! bla bla bla wkwkwwkwk" kamu klik OK dan kemudian Klik di form yang mucul berikutnya YES.

6. Kemudian klik Next pada form installasi yang muncul.

7. Lalu centang seluruh COMPONENT yang ingin diinstall (Semuanya aja bro and sist hehehe) kemudian klik Next.

8. Pilih direktori atau tempat XAMPP diinstall (Biasa langsung diarahkan ke local Disk C tapi lokasinya bisa anda rubah sesuai keinginan), kemudian tinggal klik Next dan proses istallasi akan berjalan dan tinggal klik FINISH kalau sudah selesai.

9. Ketika anda klik YES pada pertanyaan form terakhir yang berisikan pertanyaan seperti "You can manage all the servers bla bla bla wkwkwkwk" maka kamu akan di arahkan pada form baru untuk mulai beraksi dengan XAMPP server Local kamu dan untuk menjalankannya cukup dengan KLIK START pada Apache dan Mysql dan TUNGGU sampai jadi warna HIJAU

Sekarang kamu tinggal buka browser kamu, dan ketikkan di link address localhost atau bisa juga dengan IP default Localserver 127.0.0.1 dan siap kamu belajar dah pemograman dengan Local server XAMPP.. hasilnya seperti ini bro and sist..

OK SAMPAI DISINI DULU..semoga membantu teman-teman semua ya..

Kenalan Dengan OOP dan PDO Dalam Programing

noreply@blogger.com (Unknown) — Thu, 09 Jul 2020 21:38:00 +0000

Apa itu OOP ?

Berikut beberapa kelebihan Pemrograman Berorientasi Objek dibandingkan Pemrograman Prosedural :

Reusable artinya, kode obyek yang di implementasikan dapat digunakan kembali pada program aplikasi lainnya.
Extensible artinya, obyek yang sudah dibuat dapat kita ubah lagi implementasi fungsi-fungsinya sesuai dengan keinginan.
Maintenable artinya, obyek yang kita buat dapat dengan mudah dirawat (maintain/manage) jika terjadi error.
Extendable artinya, obyek yang sudah dibuat dapat kita kembangkan lagi menjadi obyek yang lebih besar/kompleks.

Berikut perbedaan Pemrograman Berorientasi Obyek dengan Pemrograman Berorientasi Prosedur :

1. Pemrograman Berorientasi Object

Pendekatan lebih kepada data dari pada fungsi

Program besar dibagi jadi obyek-obyek

Struktur data dirancang dan menjadi karakteristik dari obyek-obyek

Fungsi-fungsi yang mengoperasikan data tergabung dalam satu obyek yang sama

Data tersembunyi dan terlindungi dari fungsi/prosedur yang ada diluar

Obyek-obyek dapat saling berinteraksi dengan saling mengirim pesan satu sama lain

2. Pemrograman Berorientasi Prosedur

Pendekatan pada algoritma (langkah-langkah pemecahan masalah)

Program besar dipecah menjadi program-program yang lebih kecil (modular) dengan pendekatan top down

Kebanyakan fungsi/prosedur berbagi data global

Data bergerak secara bebas dalam sistem, dari satu fungsi ke fungsi lain saling terkait

Bahasa pemrograman yang dapat digunakan dalam OOP antara lain : C++, Java, C#, PHP5. Sedangkan bahasa pemrograman yang digunakan dalam POP antara lain : Basic, C, Pascal.

Perancangan Berorientasi Obyek

Sebelum membuat program dengan OOP, kita perlu membuat perancangannyaterlebih dahulu. Perancangan berorientasi obyek atau Object Oriented Design (OAD) meliputi antara lain :

Identifikasi Obyek/Kelas

Pembuatan Hirarki Kelas

Pembuatan Use Case

Apa itu PDO ?

Ada banyak jenis database yang didukung oleh library PDO, diantaranya :

PDO_DBLIB (FreeTDS/Microsoft SQL Server/Sybase)

PDO_FIREBIRD (Firebird/Interbase 6)

PDO_IBM (IBM DB2)

PDO_INFORMIX (IBM Informix Dynamic Server)

PDO_MYSQL (MySQL 3.x/4.x/5.x)

PDO_OCI (Oracle Call Interface)

PDO_ODBC (ODBC v3 (IBM DB2, unixODBC and win32 ODBC)

PDO_PGSQL (PostgreSQL)

PDO_SQLITE ( SQLite 2 and SQLite 3)

PDO_4D (4D (4th Dimention Database)

Apa sih web server?? Defenisi dan Contoh web server?

noreply@blogger.com (Unknown) — Thu, 09 Jul 2020 19:09:00 +0000

Pengertian Web server adalah software yang memberikan informasi layanan data yang memiliki fungsi menerima permintaan dari HTTP ataupun HTTPS dari klien yang disebut dengan browser web dan akan mengirimkan kembali hasil nya yang bentuk halaman-halaman web. Halaman-halaman tersebut umumnya berbentuk dokumen HTML. Cara kerja Web Server Web server merupakan mesin dimana tempat aplikasi atau software beroperasi dalam medistribusikan web page ke user, tentu saja sesuai dengan permintaan user. Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP (networking protocol) yg memungkinkan semua komputer dapat berkomunikasi satu dengan yg lainnya.

Secara garis besar, aplikasi web server terdiri dari dua jenis, jenis web server gratis dan jenis web server berbayar. Baik web server gratis maupun web server berbayar terdiri dari macam-macam web server yang masing-masing memiliki kekurangan dan kelebihan tersendiri. Ada beberapa jenis web server yang kita kenal dengan beberapa keunggulan masing-masing yang dimilikinya.

1. Apache

Apache termasuk jenis freeware yang akan menguntungkan Anda. Selain itu, jenis server ini juga lebih mudah diinstall dibandingkan dengan beberapa jenis server yang lain. Apache juga dikenal mampu tetap beroperasi di berbagai platform system operasi yang ada sehingga bisa digunakan oleh banyak orang. Untuk mengatur konfigurasi jenis server ini juga cukup mudah, terdapat 4 file konfigurasi yang bisa digunakan. Selain itu, cukup mudah menambahkan peripheral ke bagian platform web servernya.

Download : Apache.org

2. Web Server Litespeed

Jenis server ini mampu meninkatkan performa PHP hingga mencapai 50%, bahkan mampu melebihi performa server apache hingga enam kali lebih cepat, memiliki system anti DDoS, mampu melakukan pembatasan terhadap validasi HTTP request. Memiliki system pencegahan overloading yang baik sehingga akan menguntungkan untuk Anda. System recovery terhadap kegagalan juga bisa dilakukan secara langsung dan otomatis, memiliki system yang cukup kompetibel dengan Cpanel, Plesk dan direct admin. Memiliki dukungan kompabilitas terhadap system mod_security request filtering. Lebih menguntungkannya lagi, jenis server ini dapat sesuai atau compatible dengan Apache .htaccess.

Download : Litespeed

3. Nginx

Sama seperti server yang lain, Web Server Nginx juga memiliki beberapa keunggulan yang patut Anda pertimbangkan sebagai pilihan. Server ini mampu memberikan konten yang statis pada penggunaan daya yang lebih efisien dari system. Hal ini akan membuat HTTP konten lebih dinamis di jaringan yang ada menggunakan FastCGI handler. Selain itu server ini juga dikenal asynchronous –event. Beberapa fitur yang bisa digunakan pada server ini diantaranya seperti, Server-side includes, Custom logging, URL rewriting, Ability to handle more than 10000 simultaneous connections, Handling of static files, index files, and auto-indexing, MP4 streaming, using the MP4 streaming module, FastCGI support with caching, Load balancing, SSL Support, Fault tolerance dan sebagainya.

Download : NGINX

4. IIS

IIS merupakan kepanjangan dari Internet Information Service. Web server ini memiliki banyak fitur yang bisa Anda gunakan, seperti diantaranya File Transfer Protocol (FTP), pengelola web, NNTP dan Ghoper. Server ini mendukung system operasi untuk Windows NT , 7 dan Windows Server 2003, Windows 2000 dan Windows XP. Untuk kerja PHP sendiri IIS lebih stabil, cepat dan baik. Memiliki system diagnotistik yang bisa digunakan untuk melakukan pengecekan terhadap kesalahan. Sangat kompetible dengan windows karena memang IIS sendiri dirilis oleh Microsoft.

Download : IIS Net

Masing-masing memiliki keunggulan sendiri dan tentunya juga memiliki kekurangan. Ada yang gratis dan ada yang berbayar sesuai dengan kualitas yang ditawarkan. Untuk server yang bagus tentunya Anda perlu sedikit mengalokasikan anggaran yang dibutuhkan.

Kalau saya sendiri sih makeknya Apache kalau di windows sedangkan di LINUX saya pakainya NGINX...semua tergantung selera anda gan....ayoooo kalau kamu sekarang pakai apa gan?? Silahkan Coment untuk sharing...

Pendaftaran Perserta Pelatihan UKM/Lembaga/Organisasi

noreply@blogger.com (Unknown) — Wed, 08 Jul 2020 18:53:00 +0000

Pelatihan dan pengembangan SDM pada sebuah perusahaan sangat erat hubungannya dengan hasil kinerja dari SDM tersebut. Oleh karena itu, dibutuhkan sebuah penilaian untuk mengukur kinerja dan pelatihan SDM dilaksanakan setelah ada hasil dari penilaian tersebut.

Pelatihan karyawan dilakukan dengan tujuan agar para karyawan memiliki pengetahuan, kemampuan dan keterampilan sesuai dengan tuntutan pekerjaan yang mereka lakukan.

Dampak Apabila Perusahaan Tidak Memberikan Pelatihan Karyawan.

Apabila pelatihan karyawan tidak dilakukan dalam suatu perusahaan, maka akan terlihat pada gejala-gejala sebagai berikut:

– Sering berbuat kesalahan dalam bekerja.

– Hasil kerjaanya tidak memenuhi standard kerja perusahaan

– Munculnya rasa tidak puas dengan perusahan dan menjelek-jelekkan perusahaan.

– Tidak mampu menggunakan teknologi yang lebih canggih dalam bekerja.

– Produktivitas kerja tidak meningkat, bahkan menurun.

– Kesinambungan perusahaan tidak bisa dijamin.

– Loyalitas yang rendah terhadap perusahaan.

Manfaat Pelatihan Karyawan bagi Perusahaan

Manfaat kegiatan Pelatihan Karyawan sebagai berikut:

– Perusahaan dapat menyesuaikan diri dengan kebutuhan sekarang.

– Perusahaan mempunyai SDM yang cakap melaksanakan pekerjaan.

– Perusahaan dapat menjawab tantangan perkembangan zaman.

– Perusahaan dapat meningkatkan produktivitas dan prestasinya.

– Mekanisme menggunakan teknologi baru dengan baik.

– Perusahaan dapat mempersiapkan karyawan-karyawan untuk menduduki jabatan yang lebih tinggi.

sistem ini mengguakan PHP dengan database MYSQL dan memanfaatkan konsep MVC dengan framework Code Igniter

System sederhana ini mencoba untuk mengatasi masalah-masalah diatas dengan beberapa menu sederhana seperti :

1. Menu Tenaga Pengajar

2. Menu Pelatihan

3. Menu user

4. Menu Laporan rekapitulasi jumlah peserta pelatihan

Berikut sample videonya :

Text Editor Terbaik 2020

noreply@blogger.com (Unknown) — Tue, 07 Jul 2020 04:32:00 +0000

noreply@blogger.com (Unknown) — Sat, 27 Jun 2020 15:39:00 +0000

Web adalah dokumen yang diakses melalui internet menggunakan web browser dengan mengetikkan URL atau mengklik link untuk laman web tersebut. terdapat dua teknologi utama untuk membuat laman web (web pages) bagi kamu yang senang berselancar di internet yaitu HTML dan CSS. Keduanya mempunyai peran berbeda namun tidak terpisahkan dalam pembuatan laman web modern.

Sebuah laman web, HTML berperan untuk menentukan struktur dan tipe konten seperti paragraf, heading, list dan image, sedangkan CSS lebih ke penyajian struktur dan konten agar lebih menarik seperti layout, color, margin, padding, font-family dan alignment. Tanpa CSS, Anda tetap bisa menyajikan konten di laman web namun dengan tampilan yang tidak menarik.

CSS didesain untuk digunakan dengan HTML dan ada tiga cara berbeda di dalam menggunakan CSS dengan HTML yaitu inline CSS, internal CSS dan external CSS. Tergantung keperluan. Berikut ini adalah penjelasan singkat untuk masing-masing cara menggunakan CSS dengan HTML:

1. Inline CSS.

Inline CSS digunakan untuk memberi style (gaya) pada tag atau elemen HTML tertentu. Anda dapat menggunakan atribut style untuk memberi style pada tag HTML. Style hanya berlaku untuk tag HTML tersebut. Style di inline CSS memiliki prioritas utama dan yang akan digunakan (rendering) meskipun tag HTML tersebut juga sudah diberi style melalui internal CSS atau external CSS.

Berikut ini adalah contoh kode sederhana :

2. Internal CSS.

Internal CSS digunakan untuk memberi style yang hanya berlaku pada satu laman web. Style yang diberikan diapit oleh tag <style> </style> dan diletakkan di bagian elemen head atau tag <head> dari laman web. Anda dapat menggunakan internal CSS bila pemberian style dimaksudkan hanya untuk satu laman web saja dan tidak untuk digunakan di laman web yang lain. Anda dapat menggunakan internal CSS bila kode untuk style tidak terlalu besar atau kompleks.

Berikut ini adalah contoh kode sederhana :

3. External CSS.

External CSS adalah file berekstensi .css yang hanya berisi kode-kode style. Tujuan menggunakan external CSS adalah untuk memisahkan kode style dengan struktur dan tipe konten laman web. External CSS dapat diaplikasikan pada lebih dari satu laman web sehingga semua laman web akan memiliki tampilan atau desain yang seragam.

Sebagai contoh, buat file CSS bernama awal.css menggunakan text editor seperti Notepad atau Notepad++. Tuliskan kode CSS di bawah ini sebagai style yang akan diberlakukan di laman web. Simpan file CSS di folder yang sama tempat menyimpan file HTML.

Buat file HTML dan di bagian tag <head> tambahkan elemen link atau tag <link>. Tag <link> ini akan digunakan untuk mengacu ke file CSS yang dibuat sebelumnya. Perhatikan penulisan <link> beserta atributnya untuk mengacu ke file CSS.

Berikut ini adalah contoh kode sederhana :

demikian contoh singkat yang saya dapat berikan dan kiranya dapat dimengerti cara penggunaannya.

List Kode Warna CSS dan HTML Untuk Designer Web

noreply@blogger.com (Unknown) — Thu, 25 Jun 2020 04:52:00 +0000

web designer perlu memahami betul kombinasi dan penggunaan kode warna CSS dan HTML pada sebuah website. Skema warna adalah salah satu faktor yang menentukan keberhasilan atau kegagalan sebuah website. Warna adalah elemen yang dapat memberikan dampak secara psikologis bagi si pengamat.

Kode warna HTML (Hypertext Markup Language) ditandai dengan enam karakter setelah tagar (#), misalnya #000000. Warna HTML diatur dengan menggunakan kode HEX yang merupakan gagasan heksadesimal dari RGB. Perlu diketahui bahwa warna diwakili oleh tiga kelompok angka HEX, yang mana setiap kelompok merepresentasikan warna tertentu. Tiga warna tersebut antara lain merah, hijau, dan biru dan model warna yang tersusun dari ketiganya disebut dengan RGB (Red, Green, Blue).

Background dari sebuah website merupakan bagian penting yang perlu mendapat perhatian juga. Dengan bantuan CSS (Cascading Style Sheets), kamu bisa membuat latar belakang halaman web dan entri lainnya. Tidak hanya itu, CSS juga memungkinkan kamu untuk menggunakan sekitarnya 16.777.216 warna yang masing-masing diwakili oleh nama, kode RGB, atau kode HEX.

Berikut adalah kode warna CSS dan HTML yang bisa dijadikan referensi web design.

	Nama Warna	Kode Heximal	RGB
	Alice Blue	#F0F8FF	RGB (240, 248, 254)
	Antique White	#FAEBD7	RGB (251, 235, 217)
	Aqua	#00FFFF	RGB (0, 255, 254)
	Aquamarine	#7FFFD4	RGB (115, 255, 216)
	Azure	#F0FFFF	RGB (239, 255, 255)
	Beige	#F5F5DC	RGB (245, 245, 223)
	Bisque	#FFE4C4	RGB (255, 227, 200)
	Black	#000000	RGB (0, 0, 0)
	Blanched Almond	#FFEBCD	RGB (255, 234, 208)
	Blue	#0000FF	RGB (0, 0, 255)
	Blue Violet	#8A2BE2	RGB (138, 43, 226)
	Brown	#A52A2A	RGB(165, 42, 42)
	Burly Wood	#DEB887	RGB (222, 184, 135)
	Cadet Blue	#5F9EA0	RGB (95, 158, 160)
	Chartreuse	#7FFF00	RGB (127, 255, 1)
	Chocolate	#D2691E	RGB (210, 105, 30)
	Coral	#FF7F50	RGB (251, 127, 80)
	Cornflower Blue	#6495ED	RGB (100, 149, 237)
	Cornsilk	#FFF8DC	RGB (225, 248, 220)
	Crimson	#DC143C	RGB (220, 20, 60)
	Cyan	#00FFFF	RGB (62, 254, 255)
	Dark Blue	#00008B	RGB (0, 0, 139)
	Dark Cyan	#008B8B	RGB (29, 139, 139)
	Dark Golden Rod	#B8860B	RGB (184, 134, 11)
	Dark Gray	#A9A9A9	RGB (169, 169, 169)
	Dark Green	#006400	RGB (19, 100, 0)
	Dark Khaki	#BDB76B	RGB (189, 183, 107)
	Dark Magenta	#8B008B	RGB (139, 0, 140)
	Dark Olive Green	#556B2F	RGB (85, 107, 47)
	Dark Orange	#FF8C00	RGB (251, 140, 1)
	Dark Orchid	#9932CC	RGB (153, 50, 204)
	Dark Red	#8B0000	RGB (139, 5, 0)
	Dark Salmon	#E9967A	RGB (233, 150, 122)
	Dark Sea Green	#8FBC8F	RGB (143, 188, 144)
	Dark Slate Blue	#483D8B	RGB (72, 61, 139)
	Dark Slate Gray	#2F4F4F	RGB (47, 79, 79)
	Dark Turquoise	#00CED1	RGB (48, 206, 209)
	Dark Violet	#9400D3	RGB (148, 0, 211)
	Deep Pink	#FF1493	RGB (249, 19, 147)
	Deep Sky Blue	#00BFFF	RGB (43, 191, 254)
	Dim Gray	#696969	RGB (105, 105, 105)
	Dodger Blue	#1E90FF	RGB (30, 144, 255)
	Fire Brick	#B22222	RGB (178, 34, 33)
	Floral White	#FFFAF0	RGB (255, 250, 240)
	Forest Green	#228B22	RGB (34, 139, 35)
	Fuchsia	#FF00FF	RGB (249, 0, 255)
	Gainsboro	#DCDCDC	RGB (220, 220, 220)
	Ghost White	#F8F8FF	RGB (248, 248, 255)
	Gold	#FFD700	RGB (253, 215, 3)
	Golden Rod	#DAA520	RGB (218, 165, 32)
	Gray	#808080	RGB (128, 128, 128)
	Green	#008000	RGB (27, 128, 1)
	Green Yellow	#ADFF2F	RGB (173, 255, 48)
	Honey Dew	#F0FFF0	RGB (240, 255, 240)
	Hot Pink	#FF69B4	RGB (240, 255, 240)
	Indian Red	#CD5C5C	RGB (205, 92, 92)
	Indigo	#4B0082	RGB (75, 0, 130)
&nbsp	Ivory	#FFFFF0	RGB (255, 255, 239)
	Khaki	#F0E68C	RGB (240, 230, 140)
	Lavender	#E6E6FA	RGB (230, 230, 250)
	Lavender Blush	#FFF0F5	RGB (254, 240, 245)
	Lawn Green	#7CFC00	RGB (124, 252, 2)
	Lemon Chiffon	#FFFACD	RGB (255, 250, 205)
	Light Blue	#ADD8E6	RGB (173, 216, 230)
	Light Coral	#F08080	RGB (240, 128, 128)
	Light Cyan	#E0FFFF	RGB (224, 255, 255)
	Light Goldenrod Yellow	#FAFAD2	RGB (250, 250, 210)
	Light Gray	#D3D3D3	RGB (211, 211, 211)
	Light Green	#90EE90	RGB (144, 238, 144)
	Light Pink	#FFB6C1	RGB (252, 182, 193)
	Light Salmon	#FFA07A	RGB (251, 160, 122)
	Light Sea Green	#20B2AA	RGB (40, 178, 170)
	Light Sky Blue	#87CEFA	RGB (135, 206, 250)
	Light Slate Gray	#778899	RGB (119, 136, 153)
	Light Steel Blue	#B0C4DE	RGB (176, 196, 222)
	Light Yellow	#FFFFE0	RGB (255, 255, 224)
	Lime	#00FF00	RGB (63, 255, 0)
	Lime Green	#32CD32	RGB (50, 205, 50)
	Linen	#FAF0E6	RGB (250, 240, 230)
	Magenta	#FF00FF	RGB (249, 0, 255)
	Maroon	#800000	RGB (128, 4, 0)
	Medium Aqua Marine	#66CDAA	RGB (102, 205, 170)
	Medium Blue	#0000CD	RGB (0, 0, 205)
	Medium Orchid	#BA55D3	RGB (186, 85, 211)
	Medium Purple	#9370DB	RGB (147, 112, 219)
	Medium Sea Green	#3CB371	RGB (60, 179, 113)
	Medium Slate Blue	#7B68EE	RGB (123, 103, 238)
	Medium Spring Green	#00FA9A	RGB (62, 250, 153)
	Medium Turquoise	#48D1CC	RGB (72, 209, 204)
	Medium Violet Red	#C71585	RGB (199, 21, 133)
	Midnight Blue	#191970	RGB (25, 25, 112)
	Mint Cream	#F5FFFA	RGB (245, 255, 250)
	Misty Rose	#FFE4E1	RGB (254, 228, 225)
	Moccasin	#FFE4B5	RGB (254, 228, 181)
	Navajo White	#FFDEAD	RGB (254, 222, 173)
	Navy	#000080	RGB (0, 0, 128)
	Old Lace	#FDF5E6	RGB (253, 245, 230)
	Olive	#808000	RGB (128, 128, 1)
	Olive Drab	#6B8E23	RGB (107, 142, 35)
	Orange	#FFA500	RGB (252, 165, 3)
	Orange Red	#FF4500	RGB (250, 69, 1)
	Orchid	#DA70D6	RGB (218, 112, 214)
	Pale Golden Rod	#EEE8AA	RGB (238, 232, 170)
	Pale Green	#98FB98	RGB (152, 251, 153)
	Pale Turquoise	#AFEEEE	RGB (175, 238, 239)
	Pale Violet Red	#DB7093	RGB (219, 112, 147)
	Papaya Whip	#FFEFD5	RGB (254, 239, 213)
	Peach Puff	#FFDAB9	RGB (253, 218, 185)
	Peru	#CD853F	RGB (205, 133, 63)
	Pink	#FFC0CB	RGB (252, 192, 203)
	Plum	#DDA0DD	RGB (221, 160, 221)
	Powder Blue	#B0E0E6	RGB (176, 224, 230)
	Purple	#800080	RGB (128, 0, 128)
	Rebecca Purple	#663399	RGB (102, 51, 153)
	Red	#FF0000	RGB (255, 0, 0)
	Rosy Brown	#BC8F8F	RGB (188, 143, 142)
	Royal Blue	#4169E1	RGB (65, 105, 225)
	Saddle Brown	#8B4513	RGB (139, 69, 19)
	Salmon	#FA8072	RGB (250, 128, 114)
	Sandy Brown	#F4A460	RGB (244, 164, 95)
	Sea Green	#2E8B57	RGB (46, 139, 87)
	Sea Shell	#FFF5EE	RGB (255, 245, 238)
	Sienna	#A0522D	RGB (160, 82, 45)
	Silver	#C0C0C0	RGB (192, 192, 192)
	Sky Blue	#87CEEB	RGB (135, 206, 235)
	Slate Blue	#6A5ACD	RGB (106, 90, 205)
	Slate Gray	#708090	RGB (112, 128, 145)
	Snow	#FFFAFA	RGB (255, 250, 250)
	Spring Green	#00FF7F	RGB (63, 255, 128)
	Steel Blue	#4682B4	RGB (70, 130, 180)
	Tan	#D2B48C	RGB (210, 180, 140)
	Teal	#008080	RGB (26, 128, 127)
	Thistle	#D8BFD8	RGB (216, 191, 216)
	Tomato	#FF6347	RGB (250, 99, 71)
	Turquoise	#40E0D0	RGB (64, 224, 208)
	Violet	#EE82EE	RGB (238, 130, 238)
	Wheat	#F5DEB3	RGB (245, 222, 179)
	White	#FFFFFF	RGB (255, 255, 255)
	White Smoke	#F5F5F5	RGB (245, 245, 245)
	Yellow	#FFFF00	RGB (255, 255, 0)
	Yellow Green	#9ACD32	RGB (154, 205, 49)

Tag HTML Dasar + Fungsi + Contohnya

noreply@blogger.com (Unknown) — Mon, 22 Jun 2020 04:13:00 +0000

Setelah memahami HTML, pada artikel sebelumnya, sekarangkita akan mencoba mengenal dan penggunaan Tag Umum atau dasar dalam HTML. Tag merupakan kode yang digunakan untuk memperkenalkan pada web brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML.

Oke tidak usah lebih lama basa basi, Langsung saja beberapa tag HTML dasar yang paling umum digunakan untuk mendesain website beserta fungsi dan penggunaannya.

Tag Dasar

1. <! DOCTYPE html> Deklarasi untuk mendefinisikan dokumen menjadi HTML

2. <html> Tag pembuka untuk membuat dokumen HTML

3. <head> Informasi meta tentang dokumen

4. <title> Membuat judul halaman yang nantinya akan ditampilkan di browser

5. <body> Tempat dibuatnya semua konten website menggunakan HTML

Contoh penggunaan :

Preview :

Tag Judul

1. <h1> s/d <h6> Membuat judul atau heading

2. <hr> Memisahkan konten (biasanya ditampilkan garis pembatas)

Contoh penggunaan :

Preview :

Tag Paragraf

1. <p> Membuat paragraf

2. <br> Membuat garis baru

3. <pre> Memfortmat teks atau kalimat

Contoh penggunaan :

Preview :

Tag Style

1. style Atribut untuk elemen styling pada HTML

2. background-color Memberikan warna latar belakang

3. color Memberi warna pada teks

4. font-family Mengubah font pada teks

5. font-size Mengatur ukuran font

6. text-align Mengatura perataan teks

Contoh penggunaan :

Preview :

Tag Formating

1. <b> Membuat teks tebal

2. <strong> Membuat teks penting

3. <i> Membuat teks miring

4. <em> Membuat teks ditekankan

5. <mark> Membuat teks ditandai

6. <small> Membuat teks kecil

7. <del> Teks dihapus

8. <ins> Teks dimasukan

9. <sub> Teks subscript

10. <sup> Teks superscript

Contoh penggunaan :

Preview :

Tag Gambar

1. <img> Elemen untuk mendefinisikan gambar

2. src Atribut untuk menentukan URL gambar

3. alt Mendefinisikan teks pada gambar, jika gambar tidak dapat ditampilkan

4. width – height Menentukan ukuran gambar

5. float Properti untuk float image pada CSS

6. <map> Mendefinisikan gambar peta

7. <area> Mendefinisikan area atau daerah-daerah gambar pada peta

8. <picture> Menampilkan gambar yang berbeda untuk perangkat yang berbeda

Contoh penggunaan :

Preview :

Tag Form Option

1. <form> Membuat formulir untuk mengumpulkan input pengguna

2. <input> Membuat tipe inputan pada form yang akan dibuat

3. <textare> Elemen untuk mendefinisikan field input

4. <label> Memberikan label pada elemen input

5. <fieldset> Mengelompokan elemen yang terdapat pada sebuah form

6. <select> Membuat input dengan pilihan yang berbentuk list drop down

7. <optgroup> Mengelompokan beberapa pilihan pada daftar pilihan input

8. <option> Mendefinisikan opsi yang bisa dipilih

9. <button> Membuat Button

10. <datalist> Membuat daftar pilihan untuk input data

11. <output> Menampilkan hasil dari hitungan

Contoh penggunaan :

Preview :

Tag Tabel

1. <table> Membuat tabel pada web

2. <tr> Membuat baris pada tabel

3. <td> Membuat kolom pada tabel

4. <th> Membuat judul pada kolom. Contohnya nama, kelas, dan alamat.

5. <caption> Membuat judul tabel

6. border Mengatur garis tabel

7. border-collapse Mengatur batas garis tabel

8. padding Mengatur padding pada cell

9. text-align Mengatur perataan pada konten tabel

10. border-spacing Mengatur jarak spasi garis tabel

11. colspan Menggabungkan beberapa kolom. Kalau di office disebutnya Merge Cell

12. rowspan Menggabungkan beberapa baris

13. id Memberikan id pada tabel atau kolom

Contoh penggunaan :

Preview :

Tag Daftar/ List

1. <ul> Untuk membuat tampilan daftar menggunakan simbol seperti bullet, cyrcle, dan lainnya.

2. <ol> Membuat daftar menggunakan nomor, huruf, romawi, dan lainnya

3. <li> Menentukan berbagai item yang ingin ditampilkan

4. <dl> Mendefinisikan daftar deskripsi

5. <dt> Mendefinisikan istilah deskripsi

6. <dd> Menggambarkan istilah dalam daftar deskripsi

7. <type> Menentukan jenis penomoran

Contoh penggunaan :

Preview :

Sistem Informasi Geografis GIS Berbasis Codeigniter

noreply@blogger.com (Unknown) — Mon, 22 Jun 2020 01:32:00 +0000

Sistem Informasi Geografis (bahasa Inggris: Geographic Information System disingkat GIS) adalah sistem informasi khusus yang mengelola data yang memiliki informasi spasial (bereferensi keruangan). Atau dalam arti yang lebih sempit, adalah sistem komputer yang memiliki kemampuan untuk membangun, menyimpan, mengelola dan menampilkan informasi berefrensi geografis, misalnya data yang diidentifikasi menurut lokasinya, dalam sebuah database. Para praktisi juga memasukkan orang yang membangun dan mengoperasikannya dan data sebagai bagian dari sistem ini.

Tujuan pokok dari pemanfaatan Sistem Informasi Geografis adalah untuk mempermudah mendapatkan informasi yang telah diolah dan tersimpan sebagai atribut suatu lokasi atau obyek. Ciri utama data yang bisa dimanfaatkan dalam Sistem Informasi Geografis adalah data yang telah terikat dengan lokasi dan merupakan data dasar yang belum dispesifikasi (Dulbahri, 1993). dimana terdapat tujuan utama dari pembangunan sistem GIS ini seperti :

1. Akuisisi data dan proses awal meliputi: Digitasi, editing, pembangunan topologi, konversi format data, pemberian atribut dll.
2. Pengelolaan database meliputi : Pengarsipan data, permodelan bertingkat, pemodelan jaringan pencarian atribut dll.
3. Pengukuran keruangan dan analisis meliputi : Operasi pengukuran, analisis daerah penyanggga, overlay, dll.
4. Penayangan grafis dan visualisasai meliputi : Transformasi skala, generalisasi, peta topografi, peta statistic, tampilan perspektif.

Aplikasi Sistem Informasi Geografis GIS Berbasis Codeigniter dibangun dengan menggunakan framework codeigniter, dengan bahasa pemograman php versi 5.6 dengan database mysql.

Fitur Aplikasi Sistem Informasi Geografis GIS Berbasis Codeigniter :
1. Multi user.
2. Multi Lokasi.
3. Multi Wilayah.
4. API Key GOOGLE MAP V 7.

Berikut demo sistemnya :

Apa Itu HTML? Fungsi Dan Kegunaan ?

noreply@blogger.com (Unknown) — Thu, 18 Jun 2020 04:51:00 +0000

HTML adalah singkatan dari Hypertext Markup Language. HTML memungkinkan seorang user untuk membuat dan menyusun bagian paragraf, heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi. HTML bukanlah bahasa pemrograman, dan itu berarti HTML tidak punya kemampuan untuk membuat fungsionalitas yang dinamis. Sebagai gantinya, HTML memungkinkan user untuk mengorganisir dan memformat dokumen, sama seperti Microsoft Word.

Sejarah HTML

HTML dibuat oleh Tim Berners-Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi di Swiss. Dia memiliki ide tentang sistem hypertext yang berbasis internet. Hypertext merujuk pada teks yang memuat referensi (link) ke teks lain yang bisa diakses langsung oleh viewer. Tim merilis versi pertama HTML pada tahun 1991, dan di dalamnya terdiri atas 18 HTML tag. Sejak saat itu, setiap kali bahasa HTML merilis versi teranyarnya, selalu ada tag dan attribute (tag modifier) terbaru. Berdasarkan HTML Element Reference milik Mozilla Developer Network, untuk saat ini, ada 140 HTL tag meskipun sebagiannya sudah usang (tidak lagi didukung oleh versi terbaru browser).
Berkat popularitasnya yang terus meningkat, HTML kini dianggap sebagai web standard yang resmi. Spesifikasi HTML di-maintain dan dikembangkan oleh World Wide Web Consortiumm (W3C). Cek versi terbaru dari bahasa ini di website W3C. Upgrade HTML besar-besaran terjadi pada tahun 2014, dan hasilnya adalah pengenalan HTML5. Pada upgrade tersebut, terdapat semantic baru yang memberitahukan arti dari kontennya sendiri, seperti <artcile>, <header>, dan <footer>.

Perkembangan HTML dan Perbedaan HTML dan HTML5?

Sejak hari pertama diperkenalkan, HTML telah melewati perkembangan yang cukup signifikan. W3C terus merilis versi dan update terbaru sembari mencetak sejarah dan mengukuhkan keberadaannya.
HTML4 (belakangan ini sering disebut sebagai “HTML”) dirilis pada tahun 1999 dan versi terbarunya diperkenalkan pada publik pada tahun 2014. Dikenal sebagai HTML5, versi terbaru ini menambahkan lebih banyak fitur baru ke bahasa mark up ini.
Salah satu fitur canggih di HTML5 adalah support untuk embed audio dan video. Jadi, alih-alih menggunakan Flash player, kita bisa melakukan file video dan audio yang di-embed ke halaman website dengan eanfaatkan tag <audio></audio> dan <video></video>. Fitur tersebut juga memiliki support bawaan untuk grafis vektor (SVG) yang dapat diskalakan dan MathML untuk formula matematika dan ilmiah.
HTML5 juga memperkenalkan beberapa perbaikan pada semantic. Tag semantic baru mengirimkan informasi pada browser tentang arti konten, yang bermanfaat tak hanya bagi pembaca, tapi juga mesin pencari.
Tag semantic yang paling banyak digunakan adalah <article></article>, <section></section>, <aside></aside>, <header></header>, dan <footer></footer>. Agar bisa lebih paham tentang perbedaan HTML dan HTML5, silakan baca artikel kami.

Kelebihan dan Kekurangan HTML

Sama seperti hal teknis lainnya dalam dunia web, HTML juga punya kelebihan dan kekurangannya.

Kelebihan:

Bahasa yang digunakan secara luas dan memiliki banyak sumber serta komunitas yang besar.

Dijalankan secara alami di setiap web browser.

Memiliki learning curve yang mudah.

Open-source dan sepenuhnya gratis.

Bahasa markup yang rapi dan konsisten.

Standard web yang resmi di-maintain oleh World Wide Web Consortium (W3C).

Mudah diintegrasikan dengan bahasa backend, seperti PHP dan Node.js.

Kekurangan:

Paling sering digunakan untuk halaman web statis. Untuk fitur dinamis, Anda bisa menggunakan JavaScript atau bahasa backend, seperti PHP.

HTML tidak memungkinkan user untuk menjalankan logic. Alhasil, semua halaman web harus dibuat terpisah meskipun menggunakan elemen yang sama, seperti header dan footer.

Fitur-fitur baru tidak bisa digunakan secara cepat di sebagian browser.

Terkadang perilaku browser susah untuk diprediksi (misalnya, browser lama tidak selalu bisa render tag yang lebih baru).

Lalu, Apa Hubungan Antara HTML, CSS, dan JavaScript?

Meskipun dinyatakan sebagai bahasa mark up yang powerful, HTML tidak sepenuhnya bisa membuat website yang profesional dan responsif. HTML hanya bisa digunakan untuk menambah elemen dan membuat struktur konten. Namun di satu sisi, HTML bisa bekerja secara maksimal dengan dua bahasa frontend: CSS (Cascading Style Sheets) dan JavaScript. Jika digabungkan, kedua bahasa frontend ini bisa meningkatkan pengalaman user dan mengaktifkan fungsi yang lebih canggih.

CSS erat kaitannya dengan styling, seperti background, warna, layout, spacing, dan animiasi.

JavaScript memungkinkan Anda menambahkan fungsionalitas yang dinamis, seperti slider, pop-up, dan galeri foto.

Misalkan HTML adalah orang yang tidak memakai satu helai benang pun, CSS adalah bajunya, dan JavaScript adalah aktivitas dan sikapnya.

Kesimpulan :

HTML adalah bahasa mark up web yang utama dan dijalankan secara alami di setiap browser serta di-maintain oleh World Wide Web Consortium. Berdasarkan cara kerja HTML, Anda bisa menggunakannya untuk membuat struktur konten pada website dan aplikasi web. HTML merupakan level terbawah dari teknologi frontend dan berfungsi sebagai dasar styling yang bisa Anda tambahkan dengan CSS dan fungsionalitas yang dapat dijalakan menggunakan JavaScript.