การใช้งาน APEX กับ Bootstrap Theme

ในปัจจุปันขณะที่กำลังเขียนบทความนี้ Oracle ได้ออก ORACLE APEX 5 ใน version Early Adopter 3 แล้ว และคาดว่าจะเป็น version Production ในปีนี้ Version นี้มีการเปลี่ยนแปลงจาก version 4 เป็นอย่างมาก ไม่ว่าจะเป็นเรื่องเครื่องมือสร้างหน้าจอ (Page Designer) ตัวใหม่ที่สะดวกขึ้นดูเหมือนโปรแกรมประเภท visual design ของโปรแกรม desktop ในอดีต ,การปรับเปลี่ยน UI ของตัว APEX เองให้ดูทันสมัยเป็น responsive design และการ support การสร้าง mobile Web ที่ดีขึ้น แต่สิ่งที่ดูน่าตื่นเต้น และเป็นสิ่งที่อาจจะนำความน่าสนใจมาสู่ ORACLE APEX ของนักพัฒนาเพิ่มขึ้น ก็คือการออกแบบ Theme แบบใหม่ที่เรียกว่า Universal Theme ซึ่ง Theme แบบใหม่นี้หน้าตาออกมาทันสมัยมาก เทียบได้กับ font-end framework ดังๆเช่น Ext JS หรือ Bootstrap ลองคิดดูว่าเราสามารถสร้าง Web App หน้าตาทันสมัย แบบ Bootstrap โดยที่แทบจะไม่ต้องเขียนโปรแกรม หรือใช้ framework แบบ Laravel เลย เพียง Click next ไม่กี่ครั้งก็หน้าจอที่ทำงานได้จริงแล้ว
มีคนทำหน้าจอ Dashboard ที่สร้างจาก ORACLE APEX ให้ดูได้จากตัวอย่างรูปด้านล่าง

สนใจจะลองเข้าไปดูของจริงได้ที่

https://apexea.oracle.com/pls/apex/f?p=552:1:116830105431751

หรือแม้แต่ Material Design ที่เป็น UI สุดฮิตของ google ก็มีคนทดลองนำมาใช้กับ ORACLE APEX ได้อย่างน่าสนใจมาก

ลองเข้าไปดูได้ที่

https://apex.oracle.com/pls/apex/f?p=12192:1::::::

ดูจากความสามารถต่างๆใน APEX vesion 5 นี้ เราคงมีโอกาสได้เห็น Developer ในไทยหันมาสนใจ ORACLE APEX กันเพิ่มมากขึ้นในไม่ช้า โดยเฉพาะคนที่มีความรู้เรื่อง Oracle อยู่แล้วไม่ว่าในเรื่องภาษา PL/SQL หรือความคุ้นเคยกับโปรแกรม Developer version desktop แบบเก่า ใช้เวลาไม่นานก็สามารถใช้พัฒนางานจาก APEX ได้ไม่ยาก

เนื่องจาก APEX Vsersion 5 ยังไม่เป็น Production ดังนั้นตอนนี้เราก็ไม่ควรที่จะนำมาใช้งานจริงกับโปรเจคของเรา และใน Version ล่าสุด 4.2 ก็ไม่มี Theme ที่มีความสามารถ responsive ให้ใช้งาน แต่ช้าก่อน ไม่นานมานี้ได้มีบริษัทชื่อ SMART4apex ได้พัฒนา Application ตัวอย่างที่สร้างจาก APEX 4.2 และสามารถใช้งานร่วมกับ Bootstrap theme ขึ้นมา โดยใช้ Theme ที่ Bootstrap แจกฟรีชื่อ SB Admin 2 โดย Application ตัวอย่างนี้สามารถแสดง component ต่างๆของ Bootstarp ได้อย่างครบถ้วน ตัวอย่างจากรูปด้านล่าง

เข้าไปดูของจริงได้ที่

http://bootstrap-apex.com/apex/f?p=141:1000:0::NO:RP::

และบริษัทนี้ก็ใจดีแจกฟรี Application นี้ Download ฟรีได้ที่

http://bootstrap-apex.com/apex/f?p=141:1910:0::NO:RP::

หลังจากที่ทำการติดตั้งโปรแกรมที่ download มาแล้ว ทำให้เราสามารถนำโปแกรมนี้มาปรับปรุงเปลี่ยนแปลงหน้าจอและเมนู ให้เป็นโปรแกรมของเรา และเรียนรู้วิธีการใช้งาน ORACLE APEX ร่วมกับ Bootstrap ได้จากโปรแกรมนี้ ดูตัวอย่างการทดลองแก้ไข Application ตามรูปด้านล่างนี้