Wednesday, May 22, 2019

Cara Membuat Akun Email di Cpanel

Dunia Programming - Halo sahabat Dunia Programming, maaf ya admin sekarang lagi banyak kerjaan nih, jadi jarang banget ngurusin website hehehe, maklumin aja ya, nah kali ini Dunia Programming akan membagikan tutorial bagaimana sih cara membuat akun email di cpanel?, bukan akun email di google ya kawan, tapi akun email di Cpanel.

Cara Membuat Akun Email Website di Cpanel - Dunia Programming
Cara Membuat Akun Email di Cpanel

Mungkin sebagian dari kalian udah tau cara bikinnya dan sebagian lagi masih belum tau bagaimana cara bikinnya.


Contoh Email 

  • Google - tester@gmail.com
  • Yahoo - tester@yahoo.com
  • Email Website - tester@duniaprogramming.net


Sudah Faham dimana letak perbedaannya? yak dihuruf setelah @, jadi kata setelah @ itu adalah akhiran dari nama domain kita, jadi cocok banget buat kalian yang jalanin bisnis atau semacamnya.

Nah langsung saja tanpa perlu basa-basi lagi Admin mulai tutorialnya cara pembuatan akun email website di CPanel.

Cara Membuat Akun Email Website di CPanel


1. Login ke akun website cpanel kalian masing-masin
2. Cari di Tab Email dengan tulisan Email Accounts atau kalian bisa cari langsung dengan nama Email Accounts, setelah itu klik.
3. Setelah itu klik tombol Create atau Buat di bagian kanan layar
4. Kemudian isi semua kolom seperti kalian buat akun gmail, dan atur space atau kapasitas penyimpanan email anda, setalah itu klik simpan atau buat.

dan Email buatan anda selesai dibuat, nah untuk cara bukanya kalian hanya bisa membuka di Webmail domain kalian sendiri, atau caranya begini.

Cara Membuka Akun Email Website


1. Login ke akun website cpanel kalian masing-masin
2. Cari di Tab Email dengan tulisan Email Accounts atau kalian bisa cari langsung dengan nama Email Accounts, setelah itu klik.
3. Klik Check Mail 
4. Pilih salah satu Aplikasi Webmail yang ingin kalian gunakan, terserah mau pilih yang mana
5. dan Selamat menggunakan akun email buatan kalian.

Buat kalian yang inging request tutorial silahkan kalian bisa kontak admin Dunia Programming, kalau artikel ini dirasa manfaat silahkan kalian bisa share tutorial ini ke teman-teman kalian ya.

Monday, April 15, 2019

Harus Memulai dari Manakah Agar Bisa Bahasa Pemrograman dengan Cepat

Dunia Programming - Banyak sekali para pemula seperti anak yang baru masuk kuliah di Fakultas Teknik Informatika atau sejenisnya bingung harus belajar apa dulu bisa bisa menguasai bahasa pemrograman, nah kali ini admin akan membahasa tips dan trik nya bagaiman agar kalian bisa faham dengan cepat alur bagaimana cara memahami bahasa pemrograman yang diajarkan di kampus atau kuliahan kalian.

Harus Memulai dari Manakah Agar Bisa Bahasa Pemrograman dengan Cepat - Dunia Programming
Harus Memulai dari Manakah Agar Bisa Bahasa Pemrograman dengan Cepat

Harus Memulai dari Manakah Agar Bisa Bahasa Pemrograman dengan Cepat


Kalian Harus Fokus kedalam satu bahasa pemrograman terlebih dahulu.

"Kalau Fokus nantik pelajaran yang lain gimana min?"
"Kalau nantik fokus ke satu, berarti yang satunya diabaikan dong?"
"Kalau fokus ke satu, kapan satunya kita akan belajar?"

Pertanyaan diatas sering kita dengar bagi programmer pemula, sama seperti saya dulu yang baru masuk di SMK Jurusan RPL, menanyakan hal seperti diatas, tapi saya bisa lakukan dengan melakukan tips dan trik berikut :

Pilih Salah Satu :
1). Pemrograman Web
2). Pemrograman Dekstop
3). Pemorgraman Android

Jika sudah pilih satu satu, maka yang harus kalian lakukan adalah

Pemrograman Web

Pelajari Tentang cara bagaimana membuat Layout, cara ini memang terlalu cepat, namun, jika kalian mempelajari cara membuat layout langsung, maka secara otomatis kalian akan faham tentang keseluruhan, nah untuk belajar layout sendiri kalian harus faham tentang HTML + CSS, untuk contoh layoutnya kalian bisa baca artikel dibawah ini :

Baca : Membuat Layout dengan HTML dan CSS Keren

Setelah kalian mempelajari Layoting, secara otamatis kalian sudah bisa membuat tampilan Website dan tanpa kalian sadari juga, kalian sudah bisa belajar dalam waktu singkat.

Langkah itu kalian lakukan ketika waktu luang, jangan menunggu instruksi guru ataupun dosen, kalau kalian melakukan cara diatas menunggu instruksi guru, maka kalian akan lama untuk memahami bagaimana cara belajar Bahasa Pemrograman yang cepat dan pastinya memahamkan.

Pemrograman Dekstop

Untuk Pemrograman Dekstop, kalian tidak perlu pusing-pusing untuk mempelajari banyak bahasa Pemrograman, Pemrograman Dekstop sendiri ada berbagai macam, dianataranya, Java Dekstop, Delphi, VB. nah dari ketika Pemrograman Dekstop tersebut setiap sekolah atau Kuliahan kalian pastinya berbeda-beda, ada yang menggunakan Java Dekstop, ada yang Menggunakan VB ada juga yang menggunakan Delphi, tergantung kebijakan dari Kampus atau Sekolah kalian masing-masing.

Nah untuk yang satu ini, pembelajarannya beda dengan Pemrograman Web, untuk yang pemrograman Dekstop pembelajarananya kalian harus tau bagaimana cara membuat sebuah fungsi, prosedur ataupun tata cara yang lain yang paling sederhana, karena nantinya pada saat kalian membuat suatu aplikasi, cara-cara sederhana tersebut akan sering kalian gunakan.

Intinya kalian harus mempelajari Class, Fungsi, Prosedur dan selebihnya kalian belajar tentang SQL.

Pemrograman Android

Untuk Pemrograman Android sendiri, kalian belajar sesuai dengan komponen-komponen yang kalian inginkan, jadi kalian belajar sesuai dengan apa yang kalian butuhkan. dan secara otomatis kalian akan bisa membuat desain paling tidak di Aplikasi Android nantinya

Sekian penjelasan singkat dari saya, apabila ada yang belum faham dengan apa yang saya jelaskan diatas, kalian bisa tanyakan dengan menuliskan pesan di kolom komentar dibawah ini.

Cara Membuat Subdomain di Cpanel Hosting Cepat

Dunia Programming - Halo Sahabat Dunia Programming, lama ya admin belum posting artikel, karena admin lagi sibuk hehehe, nah banyak sekali yang bertanya ke admin bagaimana sih cara bikin subdomain di cpanel? sebelum itu admin akan membahas, apa sih sub domain itu dan kegunaan sub domain itu

Cara Membuat Subdomain di Cpanel Hosting Cepat - Dunia Programming
Cara Membuat Subdomain di Cpanel Hosting Cepat

Pengertian Sub Domain

Sub Domain sendiri merupakan anak atau bagian dari domain induk, misalkan kita punya domain dengan nama duniaprogramming.net, nah kalau kita ingin membuat subdomain menjadi demo.duniaprogramming.net, jadi sub domain itu merupakan bagian dari domain utama.

Kegunaan Sub Domain

Untuk kegunaan sub domain sendiri tergantung dari si pemilik website, misalkan si pemilik website ingin membuat beberapa tampilan demo dari hasil projectnya, maka si pemilik website bisa membuat sub domain baru tanpa harus beli domain lagi atau beli hosting untuk membuat demo dari hasil website itu, simpelnya sih gunain apa yang ada di cpanel itu.

nah sudah faham dengan penjelasan saya diatas? kalau sudah mari kita lanjutkan ke tutorialnya bagaimana cara membuat Sub Domain di Cpanel Hosting kita.

Cara Membuat Sub Domain di Cpanel Hosting


1). Login Cpanel kalian masing-masing dan masukkan username dan passwordnya
2). Setelah Login, ketikkan nama subdomain di bagian pencarian, setelah itu klik

Cara Membuat Subdomain di Cpanel Hosting Cepat - Dunia Programming
Cara Membuat Subdomain di Cpanel Hosting Cepat

3). Setelah itu buat sub domain yang kalian inginkan, setelah itu klik Create

Cara Membuat Subdomain di Cpanel Hosting Cepat - Dunia Programming
Cara Membuat Subdomain di Cpanel Hosting Cepat

4). Sub Domain selesai dibuat, dan kalian bisa lihat folder sub domain yang sudah kalian buat tadi di public_html

Bagaimana? mudah sekali bukan? dan nantikan tutorial berikutnya seputar Cpanel di Dunia Programming, jangan lupa untuk Like Fans Page Dunia Programming agar Dunia Programming tetap Update.

Tuesday, March 5, 2019

Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text

Dunia Programming - Pada pembahasan kali ini admin akan membagikan sebuah cara cepat bagaimana mengganti karakter yang ada di source code kalian dengan satu klik saja, cara ini biasa dilakukan apabila karakter dalam source code kalian banyak yang sama, kemudian kalian ingin mengganti karakter yang sama tersebut dengan karater yang lain.

Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text - Dunia Programming
Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text


"Maksutnya gimana min?"

Oke, aku perjelas lagi, misalkan kalian ingin mengganti tag <span> dengan <p>, maka tanpa perlu mengubah satu persatu kata <span> yang begitu banyak di source code kalian bisa diubah dalam satu kali klik, nah bagaimana caranya? yuk langsung saja simak cara cepatnya dibawah ini

Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text


1). Buka source code kalian dengan sublime text
2). Tekan CTRL + SHIFT + F untuk Windows, dan tekan COMMAND + SHIFT + F untuk Mac.
3). Setelah itu akan muncul tampilan seperti dibawah ini

Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text - Dunia Programming
Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text

4). Lalu search tag, atau kata yang ingin kalian rubah, lalu tulis kata yang ingin kalian rubah atau kalian ganti, setelah itu klik Replace.

Bagaimana? sangat mudah bukan? memang kelihatan sepele, tapi cara ini jarang diketahui banyak orang.

"Kalau kita terapkan selain di source code gimana min? apakah bisa"

Ouh bisa, contoh lain biasa saya terapkan saat memasukkan data CSV ke database

Baca Juga :


caranya sama aja, kalian buka Sublime Textnya, kemudian buka file yang ingin kalian rubah, lalu lakukan cara yang sama seperti diatas, contoh simpelnya seperti dibawah ini, saya inging mengganti karakter (,) koma, dengan (;) titik koma.

Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text - Dunia Programming
Mengganti Karakter Yang Sama Dengan 1 Klik Pada Sublime Text

sekian tutorial dari saya, apabila ada yang ingin ditanyakan, silahkan tulis pesan kalian pada kolom komentar dibawah ini.

Sunday, January 13, 2019

Daftar Pemenang LKS Bidang Web Desain Tingkat Wilker II Tahun 2018

Dunia Programming - Halo Sahabat Dunia Programming, admin udha lama nih belum post artikel hehehe, maklum admin juga punya kegiatan, jadi ya blognya belum keurus, nah, untuk hari ini admin mau share pemenang lomba LKS Web Design Tingkat Wilker II Tahun 2018, sebelum itu admin mau nanyak nih, ada yang tau apa sih Web Design itu?.

Daftar Pemenang LKS Bidang Web Desain Tingkat Wilker II Tahun 2018
Daftar Pemenang LKS Bidang Web Desain Tingkat Wilker II Tahun 2018

Yah, kalau belum tau silahkan baca dulu apa itu Web Design, jangan sampai salah pengertian ya, Web Design bukan hanya Design Website doang lho, jadi? Baca dulu ya hehehe.

Langsung saja, buat kalian yang ingin melihat hasil dari para peserta Lomba Web Design Wilker II Tahun 2018 dibawah ini, dan berikut hasil nilainya :

Daftar Pemenang LKS Bidang Web Desain Tingkat Wilker II Tahun 2018
Hasil LKS Bidang Web Design Tingkat Wilker II Tahun 2018

Hasil Para Pemenang LKS Web Design Tingkat Wilker II Tahun 2018 yang lolos seleksi ke tingkat Provinsi yang diadakan di Kota Surabaya Bulan Mei :

1). Juara 1 - M. Nur Wahyu (SMK PGRI 5 Jember)
MODUL A | Download | Size :
MODUL B | Download | Size :
MODUL C | Download | Size :
MODUL D | Download | Size :

2). Juara 2 - Muchamad Daffa A. M. (SMK Negeri 1 Pasuruan)
MODUL A | Download | Size :
MODUL B | Download | Size :
MODUL C | Download | Size :
MODUL D | Download | Size :

3). Juara 3 - Akbar Anung Y. S. ( SMK Negeri 1 Purwosari)
MODUL A | Download | Size :
MODUL B | Download | Size :
MODUL C | Download | Size :
MODUL D | Download | Size :

4). Juara 4 - Ghilman Rashif R. ( SMK Negeri 1 Lumajang)
MODUL A | Download | Size :
MODUL B | Download | Size :
MODUL C | Download | Size :
MODUL D | Download | Size :

5). Juara 5 - Rahman Wijaya (SMK Negeri 1 Tapen)
MODUL A | Download | Size :
MODUL B | Download | Size :
MODUL C | Download | Size :
MODUL D | Download | Size :

Untuk hasil dari para peserta, silahkan kalian bisa unduh hasilnya dibawah ini

Download

Nah link diatas sangat cocok buat kalian yang masih belum melaksanakan LKS Web Design Tahun 2018 sebagai referensi kalian, dan juga bisa buat kalian yang ingin belajar lagi mengenai Web Design.

Demikian informasi yang dapat saya bagikan, semoga bermanfaat, dan bagi kalian yang merasa artikel ini bermanfaat, silahkan kalian bisa share sepuasnya artikel ini ke teman-teman kalian. Oke sampai jumpa di perlombaan LKS Web Design Tingkat Provinsi, dan pantau terus Dunia Programming ya.

Tuesday, November 27, 2018

Aplikasi Website Inventori Versi 1 PHP & Bootstrap

Dunia Programming - Aplikasi Inventori adalah aplikasi penghitung barang masuk maupun keluar, aplikasi ini snagat cocok digunakan untuk orang yang berbisnis barang seperti penyetokan barang masuk keluar, atau penyedia barang digudang.

Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap

Alikasi ini dibuat oleh Ilman Al fatehah dan Aris Ardiyan, jadi buat kalian yang inging tahu profilnya bisa klik bagian menu Teams di aplikasinya, dan hargai si pembuat ya, jadi jangan ada yang memperjual belikan karena sipembuat membagikannya secara gratis.

dan berikut tampilan aplikasi inventorinya untuk versi 1

Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap

Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap 

Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap

Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap

Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap


Aplikasi Website Inventori Versi 1 PHP & Bootstrap - Dunia Programming
Aplikasi Website Inventori Versi 1 PHP & Bootstrap

langsung saja download aplikasinya dibawah ini :
  • DOWNLOAD
Sekian yang dapat saya bagikan kepada kalian, jangan lupa nonaktifkan adblock kalian ya, dan jangan gunakan browser UC agar Dunia Programming terus update dan bisa membagikan aplikasi-aplikasi lainnya secara gratis. Terima Kasih.

Password : www.duniaprogramming.net

Sunday, November 18, 2018

Desain Website Company Profile HTML & CSS Keren

Dunia Programming - Sudah lama tidak update post nih, kali ini admin akan membagikan contoh buatan saya dulu waktu kelas 10 SMK, webiste ini sebenernya mengarah ke bentuk Company Profile, atau bisa juga digunakan yang lain.

Website Company Profile


Website ini saya buat dengan bahasa HTML dan CSS namun untuk tampilan memang hampir mirip dengan bootstrap, tampilan yang saya buat cukup elegan dan keren di zaman sekarang ini.

dan berikut bahasa pemrograman website Company Profile yang saya buat

1). HTML 5
2). CSS 3 (Full Animation)
3). Javascript (Efek Space Header)
4). JQuery

dan langsung saja, tanpa perlu basa basi lagi, langsung download aja Website Company Profile buatan saya dibawah ini
  • DOWNLOAD
Buat kalian yang menggunakan AdBlock atau Pencekal Iklan, dimohon untuk menonaktifkan ya, agar Dunia Programming semakin update dan tentunya akan memberikan software-software buatan Dunia Programming secara geratis.

Gunakan dengan bijak, dan jangan diperjual belikan, karena saya membagikan desain website company profile ini secara gratis.
Terima kasih.

Password : www.duniaprogramming.net

Tuesday, August 21, 2018

Cara Membuat Pop Up Modal Bootstrap dengan Slider

Dunia Programming - Modal adalah sebuah kotak dialog atau sering di sebut dengan popup dalam bahasa pemrograman, yang menampilkan pesan, gambar atau konfirmasi untuk suatu aksi, anda bisa membuat promosi dengan modal, misalnya anda membuat suatu eksekusi untuk menghapus suatu data pada website maka anda bisa menggunakan modal atau popup untuk membuat pertanyaan konfirmasi seperti misalnya “apakah anda yakin ingin menghapus data penting ini ?”.
Cara Membuat Pop Up Modal Bootstrap dengan Slider - Dunia Programming
Cara Membuat Pop Up Modal Bootstrap dengan Slider

banyak lagi kegunaan dari modal atau popup karena anda juga bisa menampilkan data dalam bentuk modal.
Bootstrap menyediakan sebuah plugin modal yang bisa di gunakan dengan sangat mudah. membuat modal dengan bootstrap caranya sangat mudah.

Namun, beberapa dari kalian pasti pernah menanyakan hal ini
"Bagaimana ya kalau membuat POP UP atau modal disertai dengan slider"
Nah cara ini nanti akan saya jelaskan secara detail kepada kalian, dan langsung saja tanpa perlu basa-basi lagi, langsung saja simak tutorial dibawah ini.

Cara Membuat Pop Up Modal Bootstrap dengan Slider


Pertama, buat folder project latihan kalian, misalkan Belajar, kemudian buka Text Editor kalian, selanjutnya copy Source code HTML dibawah ini kedalam file index.html

HTML
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<div class="container text-center">

<h1> Click Me </h1>
<!-- Large modal -->
<button class="btn btn-default" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
     <img class="img-responsive" src="http://placehold.it/1200x600/555/000&text=One" alt="...">
      <div class="carousel-caption">
        One Image
      </div>
    </div>
    <div class="item">
      <img class="img-responsive" src="http://placehold.it/1200x600/fffccc/000&text=Two" alt="...">
      <div class="carousel-caption">
        Another Image
      </div>
    </div>
     <div class="item">
      <img class="img-responsive" src="http://placehold.it/1200x600/fcf00c/000&text=Three" alt="...">
      <div class="carousel-caption">
        Another Image
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>
    </div>
  </div>
</div>
</div>

Selanjutnya buat file CSS nya dengan nama style.css, kemudian copy source code dibawah ini

CSS
body {
    padding-top: 20px;
}
.btn-default {
    top: 25%;
    left:25%;
    color: #999;
    background: #fffccc;

Bagaimana hasilnya.? cukup memuaskan bukan, buat kalian yang masih bingung atau belum mengerti dengan penjelasan yang saya jabarkan diatas, silahkan kalian bisa meninggalkan pesan dikolom komentar dibawah ini.

Friday, August 17, 2018

Cara Menghilangkan Pencarian pada DataTables

Dunia Programming - Datatables sering kita gunakan dalam proses pembuatan sebuah aplikasi berbasis website, datatables biasa digunakan dibagian dashboard admin untuk menampilkan suatu daftar data yang ada pada website tersebut.
Cara Menghilangkan Pencarian pada DataTables - Dunia Programming
Cara Menghilangkan Pencarian pada DataTables

Baca Juga :
Cara Menggunakan DataTables dengan Mudah

Pastinya kalian pernah melihat tampilan datatables seperti apa kan.? fitur yang dimiliki datatables biasanya meliputi sorting data, pencarian data dan pagination. Fitur-fitur yang ada pada datatables sering digunkan dalam proses menampilkan data, tidak menutup kemungkinan datatables sangatlah tepat digunakan apabila data yang dimiliki banyak, dan datatables biasanya hanya digunakan pada bagian dashboard admin.

Fitur yang dimiliki datatables sendiri bisa kalian munculkan dan bisa juga tidak, namun beberapa dari kalian banyak mengalami masalah dalam menghapus atau menyembunyikan fitur pencarian yang ada di datatables.

Nah, pada tutorial kali ini saya akan memberikan cara yang sangat mudah dan gampang sekali dilakukan buat kalian yang masih bingung dengan cara menyembunyikan fitur search atau pencarian yang ada di datatables, oke langsung saja kita mulai tutorialnya.

Cara Menghilangkan Pencarian pada DataTables


Cara yang sangat mudah yang bisa kalian lakukan adalah dengan menambahkan kode CSS dibawah ini :

CSS
.dataTables_filter {
     display: none;
}

Letakkan kode CSS diatas dimanapun, kalau bisa letakkan dalam satu file dengan datatables yang fitur pencariannya tidak ingin kalian tampilkan.

Sekian penjelasan singkat dari saya mengenai cara menghapus atu menyembunyikan fitur pencarian pada datatables, apabila kalian mengalami kesulitan saat melakukan tutorial yang sata jelaskan diatas, silahkan kalian bisa meninggalkan pesan pada kolom komentar dibawah ini.

Tuesday, August 14, 2018

Cara Menggunakan DataTables dengan Mudah

Dunia Programming - buat kalian para programmer pasti tidak asing lagi kan dengan plugin jquery datatables, atau yang baru mendengar tentang plugin jquery datatables. plugin datatables adalah plugin yang dibuat dan dibangun oleh jquery untuk menampilkan data dalam bentuk tabel dan juga sudah terintegrasi dengan search/form pencarian, pagination untuk penomoran pada datatables, dan menampilkan banyak data yang akan ditampilkan pada datatables. Sehingga kita tidak perlu lagi membuat source code untuk mencari data, untuk penomoran pada data, ataupun shorting banyaknya data.
"Kelebihannya apa sih min kalau kita menggunakan plugin jquery datatable ini?"
Nah, untuk kelebihannya sendiri sangatlah besar, salah satunya, menghemat waktu kalian dalam hal membuat data dalam bentuk tabel. karena kita tidak perlu repot-repot membuat search form, pagination, bahkan sort data, karena semua itu sudah ada dalam satu paket datatables. Baiklah, pada kesempatan kali ini saya akan membagikan bagaimana cara menggunakan data table dengan mudah.

Cara Menggunakan Plugin Jquery DataTables


Langkah pertama yang harus kita lakukan adalah download terlebih dahulu plugin jquery datatablesnya disitus resmi datatables disini. Karena plugin ini dibangun menggunakan jquery maka kita juga memerlukan library jquery.

Ouh iya, untuk cara downloadnya berbeda dengan cara-cara sebelumnya, daldm situs datatables sekarang ini kalian akan disuruh memilih fitur-fitur apa yang akan kalian gunakan dengan datatables, kalian bisa pilih fitur mana yang akan kalian gunakan nantinya, seperti pada gambar dibawah ini.
Cara Menggunakan Data Table dengan Mudah - Dunia Programming
Cara Menggunakan Data Table dengan Mudah

Setelah itu, klik tombol download, sebagai contoh saja, saya akan menggunakan beberapa file dibawah ini :

Source Code
<script type="text/javascript" src="assets/DataTables/media/js/jquery.js"></script>
<script type="text/javascript" src="assets/DataTables/media/js/jquery.dataTables.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/DataTables/media/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="assets/DataTables/media/css/dataTables.bootstrap.css">

Pastikan semua file yang dihubungkan terletak pada posisi yang benar, kalau kalian salah meletakkan posisi filenya, maka datatables tidak akan bisa berfungsi.

Cara Menggunakan Datatables


Setelah kita menggabungkan semua file yang sudah kita download tadi, langkah selanjutnya adalah membuat datatablesnya, simpel saja, kalian tinggal copy source code dibawah ini, dan lihat bagaimana hasilnya.

Membuat Datatables
<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Datatables</title>
<script type="text/javascript" src="assets/DataTables/media/js/jquery.js"></script>
<script type="text/javascript" src="assets/DataTables/media/js/jquery.dataTables.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/DataTables/media/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="assets/DataTables/media/css/dataTables.bootstrap.css">
</head>
<body>
<center>
<h1>Membuat Datatables</h1>
</center>
<br/>
<br/>
<div class="container">
<table class="table table-striped table-bordered data">
<thead>
<tr>
<th>Nama</th>
<th>Alamat</th>
<th>Pekerjaan</th>
<th>Usia</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Joko</td>
<td>Bandung</td>
<td>Web Developer</td>
<td>26</td>
<td>Aktif</td>
</tr>
<tr>
<td>Joko</td>
<td>Bandung</td>
<td>Web Developer</td>
<td>26</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Designer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Developer</td>
<td>21</td>
<td>Aktif</td>
</tr>
<tr>
<td>Andi</td>
<td>Jakarta</td>
<td>Web Developer</td>
<td>21</td>
<td>Aktif</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

Apabila terjadi kesalah saat melakukan penulisan, atau cara menggunakan datatables, silahkan kalian bisa meninggalkan pesan pada kolom komentar dibawah ini.

Tuesday, July 31, 2018

Cara Mengatasi Invalid Column Count in CSV input On line 1 Saat Import Data Excel Ke Mysql

Dunia Programming - Mengatasi "Invalid Column Count in CSV input On line 1" Saat Import Data Excel Ke Mysql - cara impor csv ke mysql, CSV, Import Data Excel Ke Mysql, Import Excel, Invalid Column Count in CSV input On line 1, MySQL, phpmyadmin.
Cara Mengatasi "Invalid Column Count in CSV input On line 1" Saat Import Data Excel ke Mysql
Cara Mengatasi "Invalid Column Count in CSV input On line 1" Saat Import Data Excel ke Mysql

Seperti yang kita ketahui bahwa untuk melakukan insert data ke database MySQL (PHPmyadmin) hanya dapat dilakukan satu persatu. Sedangkan data yang kita miliki merupakan data excel yang berjumlah puluhan bahkan sampai ribuan baris data.

Baca Juga :

Dan semua data tersebut harus dimasukkan ke database dalam waktu yang singkat. Bagaimana caranya...?, sangat mudah sekali, kita gunakan saja fasilitas import yang ada di PHPMyadmin. Sebagai langkah pertama, kita mengkonversi data excel ke dalam bentuk file .CSV bukan?. Kemudian kita membuka tabel yang di tuju (PHPMyAdmin), dan tak jarang kita menemui pesan Invalid Column Count in CSV input On line 1.

Penyebab Invalid Column Count in CSV input On line 1


Ada beberapa hal yang menyebabkan error ini muncul diantaranya dan perlu sekali kita perhatikan sebelum melakukan import file CSV dengan PHPMyadmin:

1. Delitimer/Pembatas Beberapa Komputer menyimpan file.


CSV dengan semicolon (;) sebagai pembatasnya, bukan koma (,). Untuk melihat apakah komputer menggunakan file pembatas semicolon (;) atau tidak, buka saja file .csv dengan notepad. caranya, click kanan file CSV yang sudah kalian buat kemudian click edit, lalu lihat antara pembatas lainnya, kalau menggunakan semicolon (;), berarti nanti pada saat import pemilihannya dari koma (,) ubah menjadi semicolon (;). Kemudian untuk mengatasi masalah ini dalam format specific options, pilih Column separated select semicolon (;) bukan koma (,) ya.

2. Jumlah Kolom tidak sesuai Pada tabel di database (yang akan saya impor), kita memiliki 3 buah kolom/field.


Sedangkan pada tabel di CSV hanya ada 2 kolom/field. Pastikan jumlah kolom pada data CSV sama dengan jumlah kolom/field pada tabel PHPMyadmin. Tidak boleh lebih atau kurang. Kolom data .CSV = Kolom Tabel PhpMyadmin 3 field/kolom di PHPMyamdin 3 kolom data di CSV Apabila kalian memiliki tabel dengan 5 kolom, akan tetapi kalian hanya mengisi 4 kolom, maka secara otomatis sistem tidak akan mengeksekusi proses yang kalian inginkan, alias "Invalid Column Count in CSV input On line 1". maka dari itu, usahakan apabila kolom kelima tidak ada isinya, silahkan kalian bisa isi dengan kosong saja.


3. Number Format Bisa jadi pada data CSV 


kamu menggunakan format type number sedangkan di kolom jenis database kamu menggunakan type char/text, Untuk meminimalisir kita dapat merubah semua formatnya ke general. Kita bisa saja memakai format type number asalkan sesuai dengan type kolom pada tabel di database seperti integer, double.dll. Untuk mengetahui number format, buka file csv, sorot data.

Tahapan Yang Benar Import File CSV ke PHPMyAdmin 


1). Siapkan database yang ingin kalian buat untuk bahan percobaan, misalkan kalian ingin membuat database dengan nama db_import, kemudian buat tabel tm_pegawai, lalu buat kolom sesuai dengan gambar dibawah ini : Setelah kalian buat tabelnya seperti diatas, silahkan click simpan.

2). Buka Excel kalian, kemudian buat datanya seperti dibawah ini : Setelah kalian buat datanya seperti dibawah ini, kemudian click menu File, lalu pilih save As, kemudian pilih type File menjadi CSV seperti dibawah ini, setelah itu click save.

3). Masuk ke PHPMyAdmin, kemudian pilih menu tab Import, kemudian click Pilih File, kemudian cari File data .CSV yang sudah kalian buat tadi, setelah itu click, kemudian scroll kebawah dan lihat pada bagian "kolom dipisahkan oleh", kalau formatnya koma (,) maka sudah benar, akan tetapi, apabila pada saat proses penyimpanan data tidak masuk, maka format koma (,) kalian ganti ke semicolon (;), setelah itu click save, dan lihat hasilnya. Semua data yang sudah kalian buat tadi secara otomatis langsung masuk ke database.

Cara ini cocok untuk kalian yang memiliki data banyak, atau disuruh oleh seseorang untuk memasukkan semua data penting segitu banyaknya dengan sekali proses.

Sekian penjelasan dari saya, apabila ada yang ingin ditanyakan, silahkan kaliab bisa tinggalkan komentar dibawah ini, secepatnya saya akan jawab pertanyaan dari kalian.