Pemrograman Web (Semester III)

Berikut secara umum materi pemrograman web yang saya berikan di perkuliahan semester 3, teknik informatika STMIK Palangka Raya. Silahkan download link dibawah, semoga bermanfaat :) .

  1. Pendahuluan
  2. Dasar HTML, Form, Hyperlink
  3. Desain Dasar Web dengan CSS dan HTML
  4. PHP -1
  5. PHP-2
  6. Tugas Perbaikan UTS
  7. PHP-3
  8. jQuery Mobile, PHP & mySQLDownload jQuery Mobile
  9. CodeIgniter 1Download CodeIgniter
  10. CodeIgniter 2

 

Untuk Tugas Besar Pemrograman Web : Dikumpulkan dalam bentuk CD (file-file php, database (hasil export mysql), namakelompok.txt) saat UAS

GIS Berbasis Mobile Web dengan CodeIgniter, jQuery Mobile dan Google Maps – Part 3

Kembali  lanjutan dari perkembangan aplikasi SIG (Sistem Informasi Geografis) berbasis web mobile dengan jQuery Mobile, CodeIgniter, dan Google Maps. Untuk sekarang pembuatan hampir mencapai progress 100%.  Berikut tampilan utama dari aplikasi :

gismob

pemetaan

rute

Sekarang sedang mencoba upload aplikasi ke tempat hosting, mungkin yang perlu di tambahkan adalah data-data konten nya saja :). Aplikasi ini memiliki pencarian rute dengan dua cara yaitu dengan cara manual melalui combo box dan melalui deteksi GPS pada perangkat mobile.

Berita dari aplikasi dengan mengambil ringkasan berita dari RSS Feed website-website tertentu. Mungkin nanti saya akan jelaskan lebih banyak mengenai aplikasi ini, karena sekarang sedang mengejar laporan dan pembuatan kuisioner :)) .

oh ya, untuk aplikasi ini bisa di coba di http://gismobparay.site90.com/ … maaf kalau data kontennya masih kosong 😀

GIS Berbasis Mobile Web dengan CodeIgniter, jQuery Mobile dan Google Maps – Part 2

Berikut lanjutan dari perkembangan aplikasi SIG (Sistem Informasi Geografis) berbasis web mobile dengan jQuery Mobile, CodeIgniter, dan Google Maps yang saya buat. Untuk tahapan sekarang sudah menyentuh pemetaan-nya yang menggunakan Google Map API 3. Dimana titik koordinat lokasi di peroleh dengan klik pada peta, kemudian tanda marker akan muncul, kemudian nilai latitude dan longitude tersebut di simpan dalam database.

Proses pembuatan aplikasi ini kira-kira sudah mencapai 40% lebih. Beberapa bugs seperti saat kita melakukan perubahan setting peta misal nya dari model RoadMap ke Sattelite, dimana pada sistem pemetaan untuk fungsionalitas lainnya tidak terload akhirnya bisa teratasi dengan membedakan nama id untuk pemanggilan peta nya.

Berikut tampilan dari aplikasi pada bagian yang menampilkan Google Maps :
gismob_admin_peta

GIS Berbasis Mobile Web dengan CodeIgniter, jQuery Mobile dan Google Maps – Part 1

Saya sedang mencoba mengembangkan aplikasi GIS (Geographic Information System) atau istilah Indonesia nya SIG (Sistem Informasi Geografis) berbasis web mobile dengan jQuery Mobile, CodeIgniter, dan Google Maps.

Untuk tahapan sekarang masih banyak modul fungsionalitas dari aplikasi yang mesti di buat kode nya, dan belum sama sekali menyentuh API dari Google Maps-nya 😦 , serta masih memperdalam model interaksi berbasis mobile yang ternyata agak berbeda dengan interaksi pada web biasa.

Berikut tampilan sementara dari aplikasi yang saya buat :

login

kategori

edit_kategori

Semoga saja pembuatan nya berjalan cepat dan lancar, karena di kejar-kejar deadline 🙂 .

sekilas CodeIgniter PHP Framework

Tanggal 28 januari kemarin, CodeIgniter telah merilis versi terbaru mereka, yaitu versi 2.0.0. Sudah lama tidak mendengar kabar dari framework yang menjadi topik utama TA ku ini, dan menghasilkan nilai yang lumayan sempurna 🙂 . Bagi yang belum tahu, CodeIgniter (berdasarkan wikipedia) adalah aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP.

Berdasarkan kata ‘framewok’ -nya CodeIgniter merupakan sebuah ‘kerangka kerja’ yang mempermudah para programmer web untuk membuat sebuah website. Kerangka kerja yang dibangun dalam bentuk MVC, yaitu:

  1. Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
  2. View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
  3. Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

MVC bisa aku sebut sebagai model pengembangan pemrograman yang memisahkan antara proses (controller), objek (model – database), dan interface (view). MVC ini aku lihat telah digunakan sebagai standar untuk berbagai pengembangan aplikasi (tergantung programmer-nya sich) contohnya seperti dalam pembuatan plugin untuk CMS joomla.

Berdasarkan PHP Framework yang pernah ku coba-coba (Yii, Seagull, Smarty *kalau ini PHP Template Engine), sepertinya CodeIgniter inilah yang mudah dipelajari dan diterapkan, selain tutorial yang banyak dan ‘agak’ mudah dipahami ‘alur’-nya bagi otak ku. Sedangkan untuk Yii, yang saat ini menempati posisi pertama (CI posisi kedua) untuk PHP Framework agak susah untuk aku pahami (dalam hal ini ‘alur’-nya), mungkin karena waktu aku bermain dengan Yii, tutorial yang membahasnya masih sedikit dan kebanyakan menggunakan bahasa chinese, dan sampai sekarang aku nggak pernah lagi mengikuti perkembangan Yii 🙂 .

ciwebpar version 0.1

ciwebpar version 0.1

Gambar diatas adalah tampilan home untuk projek TA yang ku kerjakan dengan project name “CiWebPar”. Pengembangannya dengan menggunakan CodeIgniter dengan tambahan module Matchbox, dan tambahan sisi interaktif dengan  JQuery plugin untuk beberapa bagian di website ini. Dulu pernah dosen penguji TA ku berkata “kenapa nggak kamu bikin proposal-nya, dan coba tawarkan webiste ini ke dinas pariwisata di daerah mu…”, aku cuma bisa tersenyum lugu 🙂 .

Untuk yang mau mencoba CodeIgniter terdapat tutorial dalam bentuk video di http://codeigniter.com/tutorials/watch/intro, serta video membuat blog dengan CI dalam 20 menit di http://codeigniter.com/tutorials/watch/blog/ dan Komunitas CodeIgniter Indonesia .

Oh ya, setahu ku beberapa website dalam negeri yang menggunakan CI adalah kompas.com dan TvOne.co.id. Semoga berminat dengan framework ini 🙂 ..