Menampilkan Data Menggunakan CodeIgniter

Halo halo, apakabar kawan-kawan programmer yang hebat-hebat. kali ini seperti biasa saya akan melanjutkan artikel sebelumnya yaitu : Input Data Menggunakan Codeigniter. Sesuai judul nya "Menampilkan Data Menggunakan Codeigniter", kita akan menampilkan data dari tabel "tb_buku" yang ada di database "db_belajar" yang telah kita buat di tutorial sebelum-sebelumnya.

Ok, langsung saja praktek. Pertama pastikan kawan-kawan telah mengikuti tutorial yang sebelumnya agar tidak bingung di tutorial kali ini. Lanjut langsung ke langkah-langkahnya :

1. Buka folder "belajarci" yang berada di "xampp/htdocs" kawan-kawan di texteditor kalian. Kemudian buka file "M_buku.php" di folder "belajarci/application/models/", lalu tambahkan fungsi "tampil_data" pada model kalian.




2. Buka file "main.php" yang berada di "belajarci/application/views" setelah itu ubah script di "main.php" dengan menambahkan beberapa script. kawan kawan bisa melihat file "main.php" milik saya di bawah ini.




3. Buka file "C_buku.php" yang berada di "belajarci/application/views" kemudian edit fungsi "index" seperti berikut.


4. Terakhir buka "localhost/belajarci", jika kawan-kawan membaca dari awal dan teliti dalam mengetik maka akan tampil seperti berikut.



Tips : usahakan dalam dunia pemrogramman kawan-kawan menghindari Copy Paste, karena skill mengetik dengan cepat itu adalah nilai tambah di dunia pemrogramman.

Ok, saya kira cukup dulu untuk artikel kali ini, kalo ada yang kurang faham. Silahkan coret-coret kolom komentar di bawah ini ya. Salam sejahtera dan tetap semangat.

Input Data Menggunakan CodeIgniter

Hay hay kawan ketemu lagi dengan saya, seperti biasa kita akan melanjutkan artikel sebelumnya yaitu Database Pertamaku, kalo belum baca silahkan di baca dulu artikel yang itu karena kita akan meneruskan kelangkah yang paling sulit dalam pemrogramman berbasis web, yaitu coding.

Hehehe jangan tegang dulu ya pertama-tama saya akan kenalkan senjata saya dalam mengerjakan proyek berbasis web, yaitu CodeIgniter. Ada yang sudah tau CodeIgniter atau yang biasa disebut CI, kalo sudah tau saya kasih jempol 5 buat kawan-kawan yang sudah tau, kalo belum saya akan menceritakan dulu sedikit tentang CI.

Codeigniter adalah framework PHP yang menggunakan metode MVC(Model, View, Controller) yang memudahkan para developer untuk membuat aplikasi web dinamis. Pertama dirilis tahun 28 Februari 2006, Versi stabil terakhir CI sendiri adalah versi 3.1.7 yang sekarang akan kita pelajari.

Ok cukup untuk pengenalanya, sekarang kita akan masuk ke tahab persiapan. Pastikan teman-teman sudah menginstall Xampp ya ?, jika belum baca dulu artikel berikut : Installasi Xampp. Untuk tutorial kali ini saya menggunakan Xampp versi 3.2.2, jadi untuk teman-teman yang akan mengikuti harap menyelaraskan versi Xampp nya ya, agar tidak terjadi hal yang tidak di inginkan.
Untuk CodeIgniternya temen-temen bisa download sendiri di website resmi CI berikut : https://codeigniter.com/.

Nah semua siap, sekarang perhatikan instruksi saya secara hati-hati ya:

1. Nyalakan apache dan mysql pada aplikasi Xampp milik kawan-kawan. untuk database kita menggunakan database yang kita buat di artikel sebelumnya yaitu : Database Pertamaku.

2. Sekarang Buat folder "belajarci" di dalam folder htdocs yang bertempat di folder installasi Xampp.

3. Kemudian extract "CodeIgniter-3.1.7.zip" yang temen-temen download dari website resmi CI ke folder "belajarci". Ok sudah ?, jika sudah maka akan muncul file dan folder framework CI di folder "belajarci" milik temen-temen.

4. Setelah selesai buka browser kemudian ketikan url seperti berikut "localhost/belajarci", jika langkah-langkah sebelumnya ini telah terpernuhi dan benar maka akan muncul tampilan seperti berikut ini di browser temen-temen :



5. Selanjutnya buka file "database.php" ke text editor kawan-kawan yang berada di dalam folder "belajarci/application/config/",kalo kawan-kawan belum punya text editor atau bahkan belum tau apa itu text editor, saya sarankan kawan-kawan baca dulu artikel lama saya yaitu : 5 text editor terbaik. sudah kawan ? kalo sudah perhatikan gambar berikut.


pasti punya kawan-kawan berbedakan ?, ubah script "database.php" kalian seperti gambar diatas ini.



6. Ok lanjut kawan. sekarang kita buka file "autoload.php" yang berada di folder "belajarci/application/config/".

Lalu cari script ini :



kemudian ganti seperti berikut :





selanjutnya cari script seperti berikut :



kemudian ganti menjadi seperti berikut :





7. Setelah proses di "autoload.php" selesai sekarang kita membuat file yang bernama "M_buku.php" di folder "belajarci/application/models/", dan ketikan script seperti berikut





8. Setelah selesai kita buat file baru lagi bernama "main.php" pada folder "belajarci/application/views/" kemudian ketikan script seperti berikut :






9. Ok, kemudian buat lagi file "input.php" di folder "belajarci/application/views" dan ketikan kode seperti berikut :






10. Nah sekarang kita bikin controller nya, buat file "C_buku.php" di folder "belajarci/application/controllers/" kemudian ketikan script di bawah ini :







11. kalo sudah selesai, terakhir kita buka file "routes.php" pada folder "belajarci/application/config/" kemudian cari script seperti di bawah ini



kemudian ganti default controller nya menjadi controller yang telah kita buat yaitu "C_buku" seperti berikut :





12. Sekarang kita tes di browser, ketikan "locahost/belajarci" kemudian tambahkan data dan lihat apakah data telah di insertkan di database. Jika proses input data berhasil atau sukses, maka akan muncul data yang teman-teman inputkan di tabel buku

Database Pertamaku

Hay hay kawan bagaimana kabarnya ? sehat kan, dan pasti masih semangat kan ?.
Kali ini saya akan melanjutkan topik tutorial yang kemarin yaitu Halaman HTML Pertamaku, nah kali ini sebelum kita membuild web yang sebenarnya mari kita belajar tentang localhost/phpmyadmin. Secara gambaran besar Phpmyadmin adalah adalah perangkat lunak berbasis web yang berguna untuk menangani administrasi MySQL. Sampek sini bingung ya ? hehehe, bagus lah nak bingung berati kawan-kawan masih serius.

Ok, dari pada saya menjelaskan panjang kali lebar tambah sisi miring, mending langsung praktek. Sebelumnya pastikan kawan-kawan telah menginstall XAMPP, kalo belum cek artikel saya yang ini : Insatallasi Xampp.

XAMPP udah, bingung juga udah, penasaran juga sudah, sekarang kita praktek langsung. Ikuti langkah-langkah di bawah ini :

1. Nyalakan Apache dan MySQL di aplikasi XAMPP.




2. Buka browser kemudian ketikan "localhost/phpmyadmin".

3. Jika berhasil maka akan tampil gambar seperti berikut.


4. Setelah ini buat database dengan mengklik button new database lalu beri nama db_belajar.

5. Kemudian buat tabel tb_buku di dalam database db_belajar seperti berikut.

kemudian buat field nya seperti berikut. oh iya Field adalah kumpulan dari karakter yang membentuk satu arti, maka jika terdapat field misalnya seperti NomerBarang atau NamaBarang, maka yang dipaparkan dalam field tersebut harus yang berkaitan dengan nomer barang dan nama barang. Atau definisi field yang lainnya yaitu tempat atau kolom yang terdapat dalam suatu tabel untuk mengisikan nama-nama (data) field yang akan di isikan.

 


ok database siap, kalo kawan-kawan bertanya-tanya kenapa kog tutorial nya membahas sedikit sekali setiap artikelnya. itu karena jujur saya sendiri ya menyempat-nyempat kan, ke-2 saya pengen kawan-kawan tidak terlalu tergesa-gesa. supaya lebih paham lagi, OK ?

Oh iya kawan, untuk artikel selanjutnya saya akan beri kategori berbeda yaitu CodeIgniter, tenang aja
artikel yang ada di kategori CodeIgniter adalah lanjutan dari artikel-artikel di kategori Belajar Pemrograman.Saya kira cukup untuk artikel kali ini, kalo ada penjelasan yang kurang jelas silahkan temen-temen coret-coret panel komentar di bawah ini. Sampai ketemu di artikel selanjutnya dan selamat belajar.

Halaman HTML Pertamaku

Halo, salam sejahtera untuk kalian semua. Di postingan kali ini saya akan memberikan tutorial bagaimana sih membuat halaman html pertama kalian, Mungkin untuk temen-temen yang sudah bisa, bisa diskipp tutorial ini tapi buat temen-temen yang baru pertama belajar pemrograman berbasis web, Wajib baca sampek selesai ya.

Ok langsung saja ya kawan, ikuti tutorial dibawah ini dengan teliti ya :
1. Buka xampp kalian, lalu nyalakan Apache dan MySql.














Kalo temen-temen belum install xampp lihat tutorial berikut : Installasi Xampp.


2. Buka folder htdocs yang berada di dalam forlder xampp teman-teman, kalo saya pribadi saya naruhnya di partisi E.










Nah, kalo sudah buat folder di dalam htdocs bernama "HelloWorld".


3. Setelah buat folder "HelloWord" buat file index.html di dalam folder tersebut.

4. Kemudian buka file "index.html" di text editor andalan kalian, ketikan kode berikut
di file "index.html"


untuk kalian yang belum memliki text editor yang pas, kalian bisa melihat rekomendasi text editor terbaik versi saya disini


5. Terakhir buka browser kalian lalu ketikan localhost/HelloWorld, dan taaadddaaaa ini lah hasil halaman html pertama kalian.














Gimana ? tambah susah apa menyenangkan ? kalo ada error atau kawan-kawan masih bingung silahkan coret-coret kolom komentar. Ok, saya kira cukup untuk tutorial kali ini semoga bermanfaat, dan salam sejahtera bagi kawan-kawan semua.

5 Texteditor Terbaik

Hay hay, gimana kabar nya kawan ? sehat kan ?
Melanjutkan 2 artikel yang telah saya posting, di kesempatan kali ini saya akan membagikan beberapa aplikasi text editor yang pernah saya coba. OK, sebelum kita lebih jauh melangkah ke materi, sebenarnya apasih text editor itu sendiri ??? ada yang tau ?? hehehehe. Aplikasi text editor adalah suatu aplikasi yang memang di buat untuk menulis kode program, bukan hanya programmer tapi juga web designer pun juga menggunakan nya untuk membuat halaman yang dia design.

Nah dengan perkembangan jaman yang semakin cepat ini banyak sekali kemajuan di bidan TI, oleh karena itu secara tidak langsung para developer text editor ini seakan akan bersaing membuat aplikasi text editor yang ringan, efisien dan global. Dari banyak nya text editor yang saya pernah pakai saya merasa bahwa list di bawah ini adalah text editor yang paling mantab jiwa menurut saya. Jadi bila kawan masih bingung dengan text editor apa yang anda akan gunakan, Saya sarankan anda coba list aplikasi text editor di bawah ini :

1. Sublime Text
Sublime Text adalah salah satu teks editor terbaik menurut saya,karena saya Web Developer, user interface sederhana dan kinerja luar biasa. Sublime text tersedia juga versi gratis dan juga sublime text memiliki fitur-fitur yang menarik juga seperti split editing, customize anything, command pallete dan lain-lain Saya kira kawan-kawan wajib coba.

Link Download: https://www.sublimetext.com

2. Atom
Pertama kali saya atom saat saya sedang PSG, di karenakan wajib menggunakan Ubuntu saya agak kebingunggan dan akhir nya saya bertemu aplikasi Atom ini. memiliki lisensi open source dan tersedia untuk platform OS X, Linux, dan Windows kelebihan atom ini adalah bersifat modular, jadi kamu bisa menginstal plugins tambahan. Atom ini saya kira mirip dengan Sublime, walaupun lebih berat atom sih. tapi boleh di coba kawan :

Link Download: https://atom.io/


3. Notepad++
Notepad++ adalah text editor terbaik yang berjalan di sistem operasi Windows yang didistribusikan sebagai perangkat lunak bebas. Notepad++ mendukung banyak bahasa, di antaranya Assembly, C, C++, C#, CSS, HTML, Java, Javascript, Pascal, Perl, PHP, Python, Ruby, Shell, SQL, VB, XML, dan lainnya.

Notepad++ memiliki banyak kelebihan, seperti memiliki GUI yang baik dan menarik. Selain itu, Notepad++ juga dapat ditambahkan berbagai plugin yang bisa mempermudah pekerjaan programmer.

Link Download : https://notepad-plus-plus.org/download/v7.5.5.html

4. Brackets
yah walau yang satu ini saya kurang suka, tapi mungkin kawan-kawan harus coba deh Brackets, Brackets adalah text editor yang secara khusus dikembangkan untuk tujuan web design dan front-end development. Project Brackets ini diusung oleh Adobe secara open source dan dikembangkan secara aktif oleh komunitas web developer.

Link Download: http://brackets.io/

5. Geany
Sejatinya Geany dikembangkan dikembangkan untuk platform UNIX, namun versi Windows juga tetap tersedia hanya saja memang untuk versi Windows tidak memiliki fitur selengkap versi UNIX nya. Walaupun begitu Geany tetap menjadi rekomendasi dari saya karena bagi kawan yang ingin memuali pemrogramman di OS selain windows, Geany sangat lah cocok. Ringan, UI yang bagus dan lain lain.

Link Download : https://www.geany.org/Download/Releases


Nah berikut tadi adalah aplikasi-aplikasi text editor yang pernah saya coba langsung dan saya rekomendasikan, kalo kawan-kawan punya rekomendasi aplikasi text editor yang lebih mantab jiwa silahkan isi di kolom komentar.
Semoga bermanfaat dan happy code kawan.

Installasi XAMPP

hay hay, salam sejahtera ya kawan-kawan. Sehat kan ? pastinya dong soal nya hari ini kita akan lanjut belajar lagi tentang pemrograman website OK ?. Lanjut ya, Sebelum saya memberi penjelasan lebih dalam, di sini ada gak yang tau aplikasi Xampp ? yang tau saya kasih jempol 4, yang belum santai aja habis ini kita akan pelajari kawan.

XAMPP adalah sebagai server yang berdiri sendiri atau sering disebut juga localhost, Xampp adalah gabungan dari 3 aplikasi yang sangat berpengaruh besar dalam pemrograman, yaitu Apache,MySQL,dan PHPMyAdmin. Ini udah mulai berat ya kawan jadi siapkan mental dan kesabaran, hehehe. Kemudahan dari Xampp sendiri adalah kita dapat mengkonfigurasikan 3 aplikasi tersebut sekaligus secara mudah. Xampp pun telah mengalami banyak pengembangan dan juga update bahkan terakhir saya lihat huruf "M" di Xampp yang dulu adalah MYSQL sekarang telah menjadi Maria DB entah benar atau cuma web yang saya kunjungi agak ngantuk. Saya akan terangkan terlebih dahulu tentang ke-3 aplikasi yang ada di Xampp yaitu Apache,MySQL,dan PHPMyAdmin.

• Apache : Apache adalah sebuah web server dan jangan lupa open source, apache memiliki kemudahan yaitu anda bisa mengedit kode programnya.fungsi utama dari Apache yakni menghasilkan halaman web yang benar sesuai dengan yang dibuat oleh seorang web programmer,dengan menggunakan kode PHP.

• PHP : adalah bahasa suatu pemograman untuk pembuatan web.dengan PHP kalian dapat membuat halaman web yang dinamis.selain mendukung di sistem operasi Windows,PHP juga dapat di gunakan pada mac OS,Linux,dan sistem operasi yang lainnya.

• MYSQL : MYSQL adalah sistem manajemen database yang sering digunakan bersama PHP.PHP juga mendukung pada Microsoft Access,Database Oracle,d-Base,dan sistem manajemen database lainnya. SQL {Structured Query Language} adalah bahasa terstruktur yang digunakan secara khusus untuk mengolah database.dan MySQL merupakan sebuah sistem manajemen database.

Ok pusing kan pastinya, hehehe. Sabar nanti kalo udah praktek pasti tau manfaatnya kawan. sekarang kita mulai prosses instalasi nya, pertama pastikan kalian Download file Xampp nya(link ada dibawah). Kemudian gunakan jurus pamungkas install yaitu klik agree, next, next, next. Setelah prosess instalasi selesai kita chek hasilnya dengan cara buka browser lalu ketikan "localhost" atau ketikan "127.0.0.1", taaaddddaaaa kalo berhasil hasil nya seperti berikut.



Ntabs kan ?, aku kira udah dulu untuk artikel ini, kita sambung next ya kawan. Selamat mencoba dan good luck.

Link Download Xampp :https://www.apachefriends.org/index.html

Apa Itu Pemrograman ?

hay hay, salam sejahteran untuk teman-teman sekalian dalah kelas pertama ini kita akan belajar tentang apasih pemrograman itu ?

Pemrograman adalah proses menulis, menguji dan memperbaiki juga memelihara kode yang membangun suatu program komputer, ini dari sumber Wikipedia kawan, hehehe. Tapi kalo dari pandangan saya adalah Pemrograman adalah aktivitas yang dilakukan untuk membuat suatu program atau website.

Dalam pemrograman kita akan menemukan berbagai macam bahasa dan berbagai macam error, hahahaha

Mulai dari web, Kita akan sering sekali menemukan bahasa - bahasa berikut : HTML, CSS, JQUERY, Javascript, php. Lalu untuk Desktop ada visual basic dan lain sebagainya.

Orang yang melakukan pemrograman di sebut programmer, dalam dunia pemrograman programmer pun di bagi menjadi beberapa level yang mengacu dari skill dan keahlian. Berikut ini level programmer berdasarkan skill dan keahliannya :

1. Novice Programmer

Novice adalah tingkatan paling rendah programmer dalam skill-nya. Ini bisa dibilang merupakan level pemula. Yang masuk level ini adalah mereka yang baru mengenal pemrograman, masih bingung tentang pemrograman itu sendiri dan bagaimana cara memulainya.

2. Advance Beginner Programmer

Tingkatan selanjutnya adalah Advance Beginner Programmer. Programmer yang berada di level ini sudah memiliki skill yang lebih tinggi dari pada Novice Programmer. Karena sudah lebih banyak belajar, programmer di tingkatan ini biasanya sudah mengerti tentang programming dan apa yang ia lakukan dengan programming itu sendiri. Selain itu, programmer di level ini sudah tidak terlalu kaku dengan konteks lagi, jika dia mempelajari sesuatu, dia bisa memodifikasinya sesuai dengan kebutuhannya. Misalnya dia mempelajari panduan untuk membuat sebuah aplikasi perpustakaan, dia sudah bisa menyesuaikan mana yang dia butuhkan dan mana yang ia tidak dia butuhkan dari panduan tersebut.

3. Competent Programmer

Level yang lebih tinggi selanjutnya adalah Competent Programmer. Seorang yang berada di tingkatan ini biasanya sudah memiliki pengalaman yang lumayan. Ciri utamanya adalah dia telah mampu melakukan troubleshooting. Ia mampu menyelesaikan masalah yang bahkan belum ia temui sebelumnya dari bekal pengalaman per-codingan-nya selama ini. Dalam belajar, programmer di level ini sudah bisa mandiri dan mengeksplorasi sendiri. Kekuatan utamanya adalah pengalaman.

4. Proficient Programmer

Naik level lagi. Level ini adalah level yang semakin master, yaitu Proficient Programmer. Seorang programmer yang sudah sampai pada tingkatan ini biasanya sudah cenderung melihat sesuatu secara keseluruhan. Tidak lagi hanya mempelajari dan menerapkan satu fungsi saja asalkan masalahnya terselesaikan, tetapi benar-benar ingin mengetahui bagaimana sesuatu itu berjalan.

5. Expert Programmer

Tingkatan paling tinggi seorang programmer dilihat dari skill-nya adalah seorang expert. Dari merekalah muncul karya-karya luar biasa. Mereka tidak hanya mempelajari sebuah konsep secara keseluruhan dari sebuah tools, mereka malahan menciptakan tools. Mereka membuat bahasa pemrograman, mereka membuat library, mereka membuat framework, membuat IDE, mereka membuat konsep-konsep baru yang bermanfaat untuk pemrograman, mereka membuat buku. Dari merekalah kita belajar banyak hal.


Nah gimana kawan? Jadi buat anda yang pengen belajar tentang pemrograman saya sarankan untuk memperkuat iman dan kesabaran, hehehe.
Sekian dulu semoga artikel yang banyak kekurangan ini memiliki banyak manfaat.

Salam Sukses dan Sejahtera.