Treatment Pemrograman Web Lanjut

Evaluator : 

Patrick Telnoni (PTI)

 

Peserta :

6701150051 T M REZA RAHADIAN

6701152080 DEDE SURYAWAN ADI PRASETYA

6701154071 RAHMAT ALIFUDDIN NUR

6701150036 AGUNG HARIANTO SITANGGANG

 

Konfirmasi ke dosen :

1-2 Agustus 2017

 

Bentuk Treatment :

Presentasi hasil code secara pribadi langsung ke dosen. Mahasiswa akan mengambil soal ke dosen dan kemudian mengerjakan soal. Hasil pengerjaannya dipresentasikan ke dosen

 

Tempat  dan Waktu:
Ruang Dosen, 7-8 Agustus 2017

 

 

Menggunakan Form Builder dalam CodeIgniter3

Yang akrab memakai CodeIgniter, dari versi 1 sampai versi 3, pasti akan selalu familiar dengan form_helper. Kesederhanaan menulis form dengan perintah PHP, tanpa harus pusing dengan tag html seperti tanda petik dan kurung siku jadi kelebihan tersendiri. Kekurangannya, form yang dihasilkan masih dalam bentuk form biasa. Belum ada rata kanan dan rata kiri sehingga form terkesan berantakan.

Di sisi lain, website modern tidak lepas dari unsur responsif, mengingat berbagai macam ukuran perangkat yang mengakses sebuah website. Salah satu pemain penting dalam website modern adalah Bootstrap.

Bootstrap adalah framework CSS berbasis open source yang dibuat oleh Mark Otto dan Jacob. Framework ini bermula di tahun 2010 dan masih berlanjut pengembangannya sampai sekarang (versi 4 alpha). Sederhananya, Bootstrap membuat kita tidak perlu pusing dengan kode CSS yang banyak untuk tiap elemen html. Cukup dengan menambahkan kelas css bootstrap ke dalam sebuah elemen html, maka elemen html tersebut akan dipercantik dengan sendirinya.

Contoh:

Jika ingin menambahkan kelas bootstrap ke dalam tabel, tinggal gunakan:

<table class=”table table-bordered”>

 

Untuk menggunakan Bootstrap, bisa dilakukan dengan mengunduh di sini terlebih dahulu. Setelah itu, extract file zipnya dan taruh di dalam folder CodeIgniter anda. Jadi anda akan punya struktur folder seperti demikian:

CodeIgniter3/
├── application/
├── static/
├── system/
├── userguide/   
└── bootstrap/ 
    ├── css/ 
    ├── fonts/
    └── js/

Untuk menggunakan bootstrap, harus menggunakan Jquery minimal versi 1.9. Untuk itu perlu download jquery, dan taruh ke dalam folder static. Untuk memanggil bootstrap dan jquery ke dalam tampilan HTML anda dengan menuliskan :

<script src=”<?=base_url()?>static/jquery-2.2.4.min.js”></script>
<link href=”<?=base_url()?>bootstrap/css/bootstrap.css” rel=”stylesheet”>
<script src=”<?=base_url()?>bootstrap/js/bootstrap.min.js”></script>

Pastikan urutannya sesuai.

Lalu apa hubungannya dengan CodeIgniter, Pak? Nah, bootstrap ini kita pakai supaya tampilan form kita tidak berantakan seperti bawaan form helper sebelumnya. Untuk melakukan hal ini, tidak perlu lagi berlelah-lelah menggunakan css dan fem helper. Sudah ada Wallter yang membuat form library dengan bootstrap. Dalam url di bawa ini, anda akan diarahkan ke halaman gihub milik Wallter.

https://github.com/wallter/codeigniter_bootstrap_form_builder

Dalam halaman github tersebut ada daftar folder dan tutorial pemakaian library Form_builder. Dalam folder github tersebut silahkan buka folder application/libraries. Setelah terbuka, anda tinggal mendownload Form_builder.php. Anda bisa pakai download manual, atau bisa anda clone dengan git command line (yang ini bahasan lain 🙂 ). File Form_builder.php yang sudah didownload, silahkan ditaruh di folder application/libraries/ dalam folder CI anda. Setelah itu silahkan anda ikuti cara pemakaiannya di halaman github tadi.

 

Selamat mencoba. 🙂

 

Hari terakhir sebelum mudik

Akhirnya besok mulai libur. Hari ini terakhir masuk kantor. Yah, lumayan bisa libur kira-kira 2 minggu lebih. Heheheh. Tapi, ada pekerjaan yang harus saya bawa mudik. Yah, syukuri saja deh. Minimal, saya bisa istirahat dan bertemu keluarga. Nah, untuk hari terakhir ngantor, saya biasanya spare waktu setengah hari. Maklum, titipan saya belum selesai semua.

Awalnya, saya tidak mau masuk hari ini, karena tadi malam masih harus mencari titipan baju buat kakak. Karena ini mencari baju untuk cewek, jadi agak ribet, karena saya harus foto dan kirim gambarnya via WhatsApp ke kakak saya. Ada yang modelnya kaka saya suka tapi ukurannya enggak pas, ada juga yang maunya warna lain. Pokoknya ribet sampai jam 10 malam.

Oke, untuk hari ini minimal nambah satu post di blog dan kerjakan RSP. Fyuh…

Bingkisan

Di kantor, saya adalah yang jarak mudiknya paling jauh. Kalau teman-teman lain jalan darat, saya via udara. Nah, karena jaraknya jauh mau ga mau harus manut aja ketika orang rumah minta titipan. Kemarin, rencananya saya mau cari bingkisan. Tapi, karena kemarin saya harus mengurus mahasiswa yang mau sidang, jadinya saya pulangnya molor. Walhasil ketika pulang langsung kecapekan. Mau keluar tapi masih kecapekan. Alhasil malam baru keluar. Nah, sekarang karena deadline laporan penelitian sudah beres dan mahasiswa sudah pada daftar sidang, hari ini bisa pulang cepat. Hehehe

Tidak menepati janji

Hari ini saya ada janji dengan mahasiswa bimbingan. Saya sudah suruh datang jam 10. Tapi sudah mau jam 3 (jam pulang waktu puasa) dan anaknya belum keluar batang hidungnya. Lha, hari ini hari terakhir untuk daftar sidang. Ini anak mau sidang ga nih? Padahal pembimbing 1 sudah kasih nilai, sementara ke saya, pembimbing 2, hampir selalu ga bimbingan. Diapprove ga nih? Hehehehhe

Lepas dari (salah satu) deadline

Lepas dari satu deadline deh. Nah, urusan penelitian sudah beres, sekarang urusan perkuliahan..

Deadline (2)

Nah, lanjut dari posting sebelumnya, ini masih cerita soal deadline. Dohh. Ini terpotong jadi 2 post, karena sebelumnya harus mengurus mahasiswa bimbingan dulu. Ya gapapa, hitung-hitung biar kejar target 15 posting sebulan. Maklum, mahasiswanya kepepet mau sidang. Jadi selain harus periksa kesiapan sidang, saya masih harus berurusan dengan administrasi. Untung laporan kemajuan penelitian sudah selesai dan sudah ditandantangani dekan. Jadi tinggal jilid dan kumpul. Fyuhhh.

Sekarang tinggal selesaikan RPS untuk semester depan, dan belanja titipan. Yah, kalau seperti saya yang mudiknya jauh, titipan itu hal wajib. Minimal pulang ke rumah mesti bawa kue brownies, kalau ga ya mudik tapi tidur di luar rumah. Hehehe..

Deadline

Yak, berhubung saya mau mudik, ternyata banyak deadline yang harus dibereskan. Baik dari yang sudah diberitahu dari lama, sampai yang dikasih tahu semimnggu sebelum mulai cuti. Yah, belum lagi urusan mahasiswa yang mau sidang. Ya mau ga mau, saya harus spare waktu lebih. Ada mahasiswa yang sudah siap sidang, ada yang masih empot-empotan dan ada yang pasrah. Yahh nak, namanya juga hidup.. Hihihi

Sidang Tingkat Prodi Manajemen Informatika

Nah, ini dokumentasi sidang tingkat hari ini, tanggal 28 Juni 2016. Yup, hari menyidang mahasiswa “selebrity” di prodi. Ada juga nama anak wali sendiri.. Hadohhh

IMG_20160628_114651 IMG_20160628_114725 IMG_20160628_114757

Hecitic week before summer vacation

Yup, karena memang ini sambil mencuri waktu untuk menulis di blog. Hehehhe. Karena jumat kemarin ada pnegumuman supaya mengumpulkan laporan kemajuan penelitian, jadinya sabtu minggu harus agak mengurangi waktu tidur deh. Ya namanya juga orang gawe, ya pasti ada ini itunya.

Padahal sudah siap-siap mau mudik, eh sampai h-7 masih harus wara wiri. Padahal harus istirahat, karena 1-2 bulan sebelumnyakena typhusHadoohh….!!!! Tahu sendiri kan berapa lama sakit tipes itu sampai sembuh total. Ya sudah, nanti lanjut ngeblog lagi…