Previous Posts
Strategic Planning Pengembangan Sistem Informasi E...
Miss you in a heartbeat (Def Leppard)
Shout!!
Current Play List
Resolusi 2007
Selamat Tinggal 2006
Keputusan yang harus diambil
Personal Digital Diary
E403
Tour De Cimelati




  Monday, August 06, 2007

Mengembangkan Framework untuk Aplikasi Enterprise berbasis Web

Dalam mengembangkan aplikasi dengan konsep enterprise, salah satu tahap awal yang harus disusun adalah mengembangkan framework aplikasi. Kegunaan pengembangan framework ini mempunyai beberapa tujuan, yaitu:
  1. Kemudahan Pengembangan
  2. Keseragaman konsep pemrograman
  3. Adanya kesinambungan proses
  4. Meng-akselerasi kecepatan pengembangan


Pada tahap kali ini, kita akan mencoba membuat konsep framework untuk mengembangkan aplikasi kita. Beberapa hal yang akan dilakukan pada tahap ini adalah:

  1. Membuat gambar sketch dari bentuk tampilan dasar framework
  2. Mendefinisikan Spesifikasi Framework
  3. Merancang Arsitektur Framework
  4. Mendesain Object-object Framework

Contoh Framework yang telah diimplementasikan pada program adalah tampak pada screenshot berikut:

Selanjutnya kita akan mulai membahas langkah-langkah untuk membuat framework ini.

Sketch Framework

Pada framework ini, kita akan membagi-bagi halaman menjadi beberapa bagian sebagai berikut:

Static Header, adalah header dari framework untuk menampilkan informasi misalnya nama aplikasi yang akan selalu muncul pada semua tampilan-tampilan halaman.

Statuc Footer, adalah footer dari framework untuk menampilkan informasi misalnya nama pengembang, tahun dikembangkan, versi, kontak email, dll.

Side Panel, adalah bagian yang akan menampilan daftar program-program yang dapat diakses oleh user yang sedang login saat itu, sesuai dengan group atau wewenangnya. Side Panel dibuat dengan tipe tampilan accordion dan treemenu untuk bagian daftar programmnya, untuk mempermudah user dalam mengakses program. Side Panel akan dibagi lagi menjadi tiga bagian, yaitu daftar program dari account, daftar program favorite user yang berfungsi untuk shorcut, dan daftar seluruh program sesuai dengan wewenang user.

Path to Current Program, adalah bagian yang menampilan posisi relatif program terhadap menu atau path dari aplikasi. Bagian ini juga berfungsi sebagai navigasi yang akan menunjukkan saat ini user berada pada program yang mana.

Favourite button, berfungsi untuk menambahkan program yang sedang aktif ke dalam daftar program favourite. Apabila program yang dimaksud sudah ada dalam daftar favourite, tombol ini menjadi tidak aktif.

Main Program, adalah bagian untuk menampilkan program ini kita. Pada bagian ini mempunyai format tampilan dengan Gambar icon, berukuran 24x24 pixel, judul program, dan garis pembatas. Main program akan ditampilkan sebagai inline-frame dalam halaman utama.


Spesifikasi Framework

Akses ke Program
Untuk menampilkan suatu program, akses akan dilakukan dengan tiga tahap:
Pertama, akses ke halaman utama yang berfungsi untuk menampilkan panel-panel dari aplikasi. Dilakukan dengan cara memanggil URL:
http://[server-address]/[directory]/panel.php

Kedua, akses ke program utama, dilakukan pada inline-frame pada halaman utama, dengan memanggil URL sbb:
http://[server-address]/[directory]/exec.php?object=[namaobject]

Ketiga, akses service untuk mengambil data dari database, dilakukan pada program utama, dengan cara memanggil URL sbb:
http://[server-address]/[directory]/service.php?object=[namaobject]-[metode].json


Struktur Framework
Framework yang akan dibangun mempunyai struktur sebagai berikut:
Bagian Tampilan, adalah bagian yang bertugas untuk menangani semua hal yang berhubungan dengan tampilan program. Bagian ini lebih menekankan pada pemformatan halaman (HTML) dan pembuatan Client Side Scripting menggunakan Javascript (AJAX).
Bagian Pemroses, adalah bagian yang berupakan server side scripting untuk mendukung Bagian tampilan.
Bagian Service, adalah bagian yang bertugas sebagai penyedia, pengolah/manipulasi dan pengupdate data yang akan diakses oleh Bagian pertama.


Akses Database
Akses database menggunakan AdoDB. (Freeware)


Template Enggine
Penggolah template yang digunakan adalah Smarty. (Freeware)


User Interface
Library yang digunakan untuk mengolah user interface adalah Yahoo User Interface Library yang dibundle pada extjs. (Freeware)


Application Generator
Untuk mempercepat dan mempermudah pengembangan, mempergunakan DwRAD wizard for web based aplication developemnt. (Freeware)


Arsitektur Framework



Object-object Framework
$conn
, untuk koneksi database (Sesuai spesifikasi AdoDB)
$conn->Connect(host, user, password, database)
$conn->Execute($sql)
$conn->SelectLimit($sql, $limit, $offset)

$objPage, untuk mengakses template halaman (Sesuai spesifikasi Smarty)
$objPage->assign(name, value)

$objPath, untuk mengakses path object
$objPath->add(page_name, url)


posted by Agung Nugroho at 12:17 AM




0 Comments:

Post a Comment

<< Home
Mencoba berfikir sederhana! Mungkin itulah yang bisa membuat hidup ini juga terasa lebih mudah. "Simple is Beautiful", mungkin kaliamat ini ada benarnya juga...
>> more about me


Nama

Homepage

Message




Design by Agung Nugroho Dwi Wibowo ©2006
 
<xmp>