Skip to main content

การใช้งาน 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 ตามรูปด้านล่างนี้




 เท่านี้เราก็สามารถสร้าง Web app ที่มีคุณสมบัติ Responsive ที่ปรับจอได้ทุก devices ด้วย Tool ที่ทรงพลัง :) อย่าง Oracle APEX ได้ ครับ





Comments

  1. UnknownSeptember 25, 2020 at 7:04 PM

    some of the link not accessible. Can u please share the code chatwitwaseem@gmail.com

    ReplyDelete

Post a Comment

Popular posts from this blog

มีอะไรใหม่ใน ORACLE APEX 5

                  หลังจากที่ Oracle ได้ทำการออก APEX Version 5 เมื่อประมาณเดือนเมษาที่ผ่านมา บัดนี้ก็ได้เวลาอันดีแล้วที่เราจะมาดูว่าใน version ใหม่นี้มีอะไรเปลี่ยนแปลงบ้าง                 ต้องขอบอกเลยว่า ใน version 5 นี้เป็นอะไรที่รอคอยมานาน จากที่ได้ใช้งานอยู่ใน version 3 และ 4 ก็รู้สึกขัดใจอยู่บ้าง สำหรับท่านที่คุ้นเคยกับ IDE Desktop ประเภทตระกูล visual ต่างๆ หรือ Oracle Developer จะรู้สึกว่า APEX ใน version 3,4 ใช้งานได้ไม่สะดวกเท่าที่ควร แต่เมื่อเทียบกับการที่ APEX เป็น browser-base IDE แล้วก็ถือว่าพอใช้ได้ แต่มาณ.บัดนี้ใน version 5 ความรู้สึกดังกล่าวได้หายไปแล้ว ทำให้การใช้งาน APEX 5 ได้ประหนึ่งเหมือนใช้งาน Desktop IDE บน browser กันเลยทีเดียว เท่าที่ผมรู้ยังไม่เคยเห็น browser-base IDE ตัวไหนทำได้ขนาดนี้มาก่อน   มีการเปลี่ยนแปลงแบบว้าวๆ ให้เห็นในหลายเรื่อง เอาละเราจะมาดูกันทีละเรื่อง Improve User Interface       เรื่องแรกที่เห็นก็คือการปรับปรุง UI ให้ดูเรียบง่าย สะบายตา แล...
Post a Comment
Read more

Oracle APEX คือ อะไร

สำหรับท่านที่เป็นโปรแกรมเมอร์ มาหลายปีดีดัก คงต้องเคยผ่านการเขียนโปรแกรม ด้วยภาษาต่างๆมามาก แต่ละภาษาก็มีเครื่องมือและคอมไพเลอร์ที่ได้รับความนิยมต่างๆกัน  สำหรับผม เริ่มจาก PASCAL แน่นอน คอมไพเลอร์สุดฮิตที่ทุกคนต้องใช้ (เพราะมีใช้อยู่ตัวเดียวบน PC) ก็คือ TURBO PASCAL อันที่จริงก่อนหน้าก็เขียน ทั้ง C และ COBOL บน DEC  ทูลที่ใช้ก็ VI และ command line Compiler ที่ประทับใจคือ rmcobol วิธีคอมไพล์ก็แสนจะง่าย คือ rmcobol ตามด้วยชื่อ file แต่ดันเว้นวรรคผิด เป็น rm cobol file ครับโปรเจคที่ทำเกือบครึ่งเทอมหายวับไปกับตา ที่พล่ามมานี่คงพอเดาอายุคนเขียนได้นะครับ เอาละมาต่อกันดีกว่า  ยุคต่อมาก็ Delphi ของเจ้า Borland ตอนนั้นดังสูสีกับ Visual Basic ของเจ้าสัว Bill Gates เค้าละ แต่ที่เป็นทูลของเจ้าใหญ่ถึงจะไม่เป็น Mass product แต่เนื่องจาก Data Base เขาเป็นที่หนึ่งจึงมีผู้ใช้พอสมควร นั้นก็คือ Oracle Developer  ยุคนี้น่าเป็นยุค Client - Server ทำมาหากินกับเจ้าเครื่องมือเหล่านี้ก็หลายปี และแล้วอินเตอร์เนตก็มา เป็นความสนุก :p ของคนอาชีพนี้ที่ถูกสาปให้ต้องเรียนของใหม่ตลอดเวลา ได้เจ้า J...
Post a Comment
Read more

สร้างแผนที่ Leaflet บน APEX

             สวัสดีครับ วันนี้เราจะมาลองใส่แผนที่ ลงในหน้าจอ ORACLE APEX กัน อันที่จริงแล้ว APEX ได้เตรียมการแสดงผลแบบแผนที่ไว้ให้ เป็นการแสดงผลแบบ Flash ลักษณะแผนที่มีรายละเอียดน้อยและมีรูปแบบค่อนข้างตายตัว ดังรูป                      เราจึงนำเสนอ การใช้แผนที่ Leaflet แทนของ Oracle ที่ให้มากับ APEX ก่อนอื่นมาทำความรู้จักกับ Leaflet ซักนิด Leaflet คือ open-source JavaScript library สำหรับเขียนโปรแกรมแสดงแผนที่ เมื่อเป็น open-source เราสามารถ download ตัว library มาใช้งานได้เลย  การใช้งานต้องมีการเขียนโปรแกรม JavaScript อยู่บ้าง                  ในบทความนี้เราจะทำการแสดงยอดขายสินค้าในรูปแบบของแผนที่ โดยแสดงเป็นสีในแต่ละเขตของกรุงเทพฯ  (Choropleth Map)  สีอ่อนหมายถึงยอดขายที่มีจำนวนน้อย ไล่ไปจนสีเข้มหมายถึงยอดขายที่มีจำนวนมาก   ...
1 comment
Read more