System

Data Master of Justinmind Prototyper (Part-3)

အားလံုးပဲ မဂၤလာပါရွင္႔။

ကၽြန္မကေတာ႔ Spiceworks Myanmarတြင္ Web Developerတစ္ေယာက္အျဖစ္ အလုပ္လုပ္ကိုင္လ်က္ရွိေသာ မခင္ပြင္႔ျဖဴခိုင္ ျဖစ္ပါတယ္။ ဒီတစ္ပတ္ ျပန္လည္ေဝမွ်ေပးခ်င္ေသာ အေၾကာင္းအရာေလးကေတာ႔ Justinmind Prototyper၏ Data Master အေၾကာင္းပဲ ျဖစ္ပါတယ္။ အရင္တစ္ပတ္ေတြမွာေတာ႔ Justinmind Prototyper၏ အေၾကာငး္ကို Introduction 1 အေနနဲ႔လည္းေကာင္း၊ ၎၏ အသံုးျပဳနည္းကို Part 2 အေနျဖင္႔လည္းေကာင္း ေျပာျပေပးခဲ႔ပါတယ္။ အခုဆက္လက္ၿပီး Data Master အေၾကာငး္ေလးကို ကၽြန္မေလ႔လာထားသေလာက္ နမူနာေလးတစ္ခုနဲ႔ ေျပာျပေပးသြားပါမယ္။

ကဲ ဒါဆိုရင္ ဥပမာေလးတစ္ခုကို အတူတူ စမး္သပ္ၾကည္႔ၾကရေအာင္ေနာ္။

ဥပမာေလးကေတာ႔ User Form တစ္ခုမွာ Dataေတြကို အသစ္ထည္႔မယ္။ ဖ်က္မယ္။ ျပင္မယ္။
ကၽြန္မကေတာ႔ User Form ေရးဖို႔အတြက္ user name, email ႏွင္႔ addressဆိုၿပီး Form တစ္ခုကို Screen တစ္ခုယူၿပီး ေနရာခ်လိုက္ပါတယ္။

ပံု(၁)Sample Screen of User Form

ပံုမွန္ဆို အခ်က္အလက္ေတြကို သိမ္းဖို႔အတြက္ Database လိုအပ္ပါတယ္။ Justinmind Prototyperမွာေတာ႔ Database ဆိုတာက Data Masterကို ေခၚတာပါ။ Data Masterကို Create လုပ္ခ်င္ရင္ ပံု၏ညာဘက္တြင္ရွိေသာ အျဖဴေရာင္ ေလးေထာင္႔ကြက္ေလးတြင္ Data Masters ေခါင္းစဥ္ကိုေတြ႔ပါလိမ္႔မည္။ အဲဒီကေနၿပီးေတာ႔ Create လုပ္ေပးႏိုင္ပါတယ္။ Data Master၏ Name ႏွင္႔ ပါဝင္မည္႔ Fieldsေတြကို ထည္႔ေပးရပါတယ္။

ပံု(၂) Create Data Master

Data Master ကို Create လုပ္ၿပီးၿပီဆိုပါက အခ်က္အလက္မ်ားကို ျပန္လည္ျပေပးရန္အတြက္ Data List Tableတစ္ခုလိုအပ္ပါတယ္။ အဲ႔ဒါကို တည္ေဆာက္ရန္အတြက္ Widgetsမ်ားထဲက တစ္ခုျဖစ္တဲ႔ Dynamic content ထဲက Data Listကိုေရြးလိုက္ပါ။ ၿပီးလွ်င္ identifier, data master ႏွင္႔ data master fields ေတြကိုထည္႔ေပးလိုက္လွ်င္ ရပါၿပီ။ ေအာက္ကပံု(၃)ကို ၾကည္႔ရႈေပးပါေနာ္။

ပံု (၃) Create Data List Table

အခ်က္အလက္ေတြကို ျပည္႔စံုေအာင္ လုပ္ၿပီးၿပီဆိုပါက Event ကိုအသံုုးျပဳရပါမည္။ Event အသံုးျပဳပံုကိုေတာ႔ Part 2 မွာ ရွင္းျပေပးထားပါတယ္။ မိမိအလုပ္လုပ္ခိုင္းမည္႔ Button ကို ေထာက္ၿပီး Add Event လုပ္ေပးပါ။ Eventမ်ားစြာရွိတဲ႔အထဲကေန Data Master Action ကိုေရြးခ်ယ္လိုက္ပါ။ ေအာက္က ပံု(၄)အတုိင္း ထြက္လာလိမ္႔မည္။

ပံု (၄) Data Master Action Page

ပံုထဲတြင္ NEW, MODIFY ႏွင္႔ DELETEကိုေတြ႔ပါလိမ္႔မယ္။ အဲ႔ဒါ ဘာကိုဆိုလိုတာလဲဆိုရင္ မိမိက Data အသစ္ထည္႔မယ္ဆို NEW ကိုေရြးပါ။ ရွိၿပီးသားDataကို ျပဳျပင္မယ္ဆိုရင္ MODIFYကိုေရြးပါ။ ဖ်က္မယ္ဆိုလွ်င္ DELETEကိုေရြးပါ။
(1) ADD
ပထမဆံုး ကၽြန္မက Data ကို အသစ္ထည္႔မွာျဖစ္တဲ႔အတြက္ NEWကိုေရြးပါမည္။ ၿပီးလွ်င္ Value ေတြကိုယူဖို႔အတြက္ Dotted အဝိုင္းေလးဝိုင္းျပေပးထားတဲ႔ဆီကို User Formကေန သက္ဆိုင္ရာ တန္ဖိုးတစ္ခုခ်င္းစီကို Dragဆြဲထည္႔ရပါမယ္။

ပံု (၅) After Choosing ‘New’

အဲ႔ဒီေနာက္ Events ေခါင္းစဥ္၏ေအာက္တြင္ ေလးေထာင္႔ကြက္ျဖင္႔ ျပထားေသာ ေနရာတြင္ မိမိခ်ိတ္ဆက္ထားေသာ Data Master၏ Settingကို ႏွိပ္ၿပီး Add Action ဆိုတဲ႔စာသားေလးကို ဆက္ႏွိပ္ေပးရပါမည္။

ပံု(၆) Click Add Action

အဲ႔ဒီအခ်ိန္ ထံုးစံအတုိင္း ေနာက္ထပ္ Event တစ္ခုကို ထပ္သံုးရပါတယ္။ Eventကေတာ႔ Set Value ကို ေရြးခ်ယ္ေပးပါ။ ၿပီးလွ်င္ မိမိိအခ်က္အလက္မ်ားကို ေဖာ္ျပေပးမည္႔ Data Lists Tableကို Select လုပ္လိုက္ၿပီး Calculatedနာမည္ရွိတဲ႔ Radio ေလးကို ႏွိပ္ေပးပါ။ အဲမွာ Add Expressionဆိုတဲ႔ linkေလးထြက္လာလိမ္႔မည္။ပံု(၇) ကိုၾကည္႔လုိက္ပါ။

ပံု (၇) Set Value For ‘New’

ျပီးလွ်င္ အဲ့ဒီlinkကို ႏွိပ္လိုုက္ပါ။ Dotted အဝိုင္းေလးထဲကို Data Master နာမည္ေလးကို Drag ဆြဲထည္႔ေပးပါ။ ပံု(၈) ကိုေတြ႔ရမည္ျဖစ္ပါတယ္။

ပံု (၈) Add Expression for Data Master

(2)MODIFY
အခ်က္အလက္ေတြကို ျပင္မယ္ဆိုရင္ MODIFYကိုေရြးရပါမည္။ အရင္တုန္းက ADD မွာဆိုရင္ NEWကို ေရြးလုိက္ရင္ ေပၚလာတဲ႔ အေၾကာင္းအရာေလးနဲ႔ နည္းနည္းေလးပဲ ကြာသြားပါတယ္။ အခုက User Form တြင္ Data တစ္ခုခ်င္းဆီကို ထည္႔ေပးရသည္႔အျပင္ Data Master နာမည္ကိုလည္း တစ္ခါတည္း ထည္႔ေပးရပါတယ္။ ပံု(၉) တြင္ ေလ႔လာေပးပါေနာ္။ ၿပီးရင္ေတာ႔ Set Value Event အား ေရြးၿပီး အထက္က ADDလုပ္တဲ႔အတုိင္း လုပ္ေပးပါေနာ္။

ပံု (၉) After Choosing ‘MODIFY’

(3) DELETE
DELETE လုပ္မယ္ဆုိတာကေတာ႔ ရိုးရွင္းပါတယ္။ ၎အတြက္ လုပ္ေဆာင္ရမွာေတာ႔ တစ္ဆင္႔တည္းပါ။ DELETEကို ေရြးခ်ယ္ၿပီး ေပၚလာေသာ စာမ်က္နွာတြင္ Data Master နာမည္ကို Dragဆြဲထည္႔ ေပးလုိက္ရံုပါပဲ။ ပိုမိုရွင္းလင္းေအာင္ ပံု(၁၀)တြင္ ၾကည္႔ရႈေပးပါေနာ္။

ပံု (၁၀) After Choosing for ‘DELETE’

ဒါဆုိရင္ေတာ႔ အေျဖသိရဖို႔အတြက္ စတင္ Run လုိ႔ရပါၿပီ။ ဘယ္လို Run ရမယ္ဆိုတာကိုေတာ႔ ေရွ႕အပိုင္းေတြမွာ ေျပာျပၿပီးၿပီ ျဖစ္ပါတယ္။ Run လိုက္ၿပီဆိုရင္ စတင္ျမင္ေတြ႔ရမည္႔ output ကေတာ႔ ပံု(၁၁) ကိုၾကည္႔ေပးပါေနာ္။

ပံု(၁၁) Output for User Form

Add Buttonကို ႏွိပ္လိုက္မယ္ဆိုရင္ေတာ႔ ပံု(၁၂)လိုမ်ိဳး Output ထြက္လာပါလိမ္႔မည္။

ပံု(၁၂) Output for Clicking Add Button

Edit Buttonကို ႏွိပ္လိုက္မယ္ဆိုရင္ေတာ႔ ပံု(၁၃)ကဲ႔သို႔ Output ထြက္လာလိမ္႔မည္။

ပံု(၁၃) Output for Clicking Edit Button

Delete Button ကိုနွိပ္လိုက္မယ္ဆိုရင္ေတာ႔ Data အကုန္ပ်က္သြားပါလိမ္႔မည္။

ပံု(၁၄) Output for Clicking Delete Button

Justinmind Prototyperေလးကေတာ႔ Development လုပ္မည္႔ App၏ အေၾကာင္းကို မိမိ၏ လုပ္ေဖာ္ကိုင္ဖက္မ်ား၊ Customer မ်ား ရွင္းလင္းစြာ သိျမင္ႏိုင္ေအာင္ Coding ေရးစရာမလိုပဲ အခ်ိန္တုိအတြင္းမွာ ျမင္သာေအာင္ အေထာက္အကူ ျဖစ္ေစပါတယ္။ အထက္မွာ ရွင္းျပေပးခဲ႔ေသာ အေၾကာင္းအရာေတြကေတာ႔ ကၽြန္မေလ႔လာထားသေလာက္ ျပန္လည္ေဝမွ်ေပးျခင္း ျဖစ္ပါတယ္။ ဖတ္ရႈေပးတဲ႔အတြက္လည္း ေက်းဇူးတင္ပါတယ္။ ေပ်ာ္ရႊင္ေသာေန႔ေလး ျဖစ္ပါေစ။

Hello

Leave a Reply

Your email address will not be published. Required fields are marked *