Membuat Sliding Window dengan MDI Frame

PART 1 : KONSEP

Saat ini sangat umum suatu aplikasi memiliki tampilan dengan menu utama tersembunyi walaupun banyak kontra yang menyatakan bahwa hamburger menu style tidak efektif untuk menunjukkan bahwa fitur-fitur dari suatu aplikasi tersembunyi dalam suatu laci (drawer). Namun disisi lain, bagi pengguna yang sudah terbiasa menggunakan aplikasi dan menggunakan nya untuk pekerjaan sehari-hari, keberadaan menu yang tersembunyi memberikan ruang yang lapang untuk menampilkan apa yang sedang dikerjakan pada satu layar penuh.

Berikut konsep Hamburger Menu style dan implementasinya dengan PowerBuilder.

1. MDI Style, dalam konsep ini jenis window yang digunakan adalah MDI style, dipilih dengan beberapa alasan antara lain, komunikasi antar object yang mudah, dapat tampil seperti Single Page Application, dimana semua window akan muncul dalam MDI workspace, kemudian jika di deploy ke Appeon Web, MDI akan berada di dalam browser dan tidak seperti SDI window yang ditampilkan diluar browser seolah-olah hamya seperti desktop application yang dipanggil melalui browser, sedangkan jika window ditampilkan didalam browser ia akan tampak seperti halnya halaman web.

2. Layout object, lalu untuk memudahkan memahami konsep dalam model sliding menu ini, berikut beberapa definisi yang perlu di ketahui :
   • Aplikasi menggunakan model MDI (Multiple Document Interface) sebagai Frame Window yang akan berfungsi sebagai container dan module loader
   • Sliding Menu merupakan Sheet Window yang akan di gerakkan oleh timer object
   • Semua fungsi dan cara pemanggilan akan disematkan pada window object sehingga tidak diperlukan scripting yang rumit.

Berikut gambaran struktur layout object nya :

3. Object yang dibutuhkan, seperti gambaran konsep layout diatas maka berikut adalah daftar object yang akan digunakan dalam model framework sliding window, dengan asumsi sudah mempunya workspace (misalnya pbsliding.pbw) dan target application object (pbsliding)

No	Name	Jenis Object	Catatan
1	w_frame	Window object, tipe MDI	Frame yang akan berfungsi sebagai container
2	m_frame	Menu object	Wajib ada untuk window bertipe MDI
3	w_sheet	Window object, tipe pop up, no border, no title bar	Akan digunakans sebagai ancestor
4	t_slide	w_sheet Timing object	Dibuat sebagai window object, lebih fleksibel dibanding menggunakan timer event
5	m_sheet	Menu object inherit dari m_frame untuk disematkan pada w_sheet	Memungkinkan untuk mengaktifkan shortcut keyboard untuk akses menu item
6	u_titlebar	Standar datawindow user object yang	diletakkan sebagai title bar di window sheet
7	dwo_titlebar	Datawindow object untuk u_titlebar
8	w_home	Window object yang di inherit dari w_sheet	w_home akan menjadi concrete object sebagai contoh modul yang dapat digunakan sebagai entri point
9	w_feature	Window object  yang di inherit dari w_sheet	w_feature akan menjadi concrete object sebagai contoh modul yang akan di panggil melalui sliding menu window
10	w_slidingmenu	Window object yang di inherit dari w_sheet	Window ini yang akan menjadi contoh sliding menu