วันศุกร์ที่ 7 ตุลาคม พ.ศ. 2559

เริ่มการเขียนโปรแกรมกับ Delphi

สวัสดีครับ วันนี้เราจะมาเรียนรู้วิธีการโปรแกรมกันเล็กน้อยกับ Tools เครื่องมือในการพัฒนาโปรแกรม

วันนี้เราเลือกใช้ทั้งหมด 3 ตัวด้วยกัน คือ Label, Edit, Button

ผมขออนุญาติใช้  RAD Studio Seattle XE10 ในการเขียนโปรแกรมครั้งนี้นะครับพอดีเปลี่ยนเครื่องก็เลย

ลองโปรแกรมเวอร์ชั่นใหม่ซะเลย



หน้าตาของโปรแกรม RAD STUDIO 10 Seattle เป็นแบบนี้นะครับ คร่าวๆคล้ายๆกับ Delphi 2007

หน้าตา ต่างกันนิดหน่อย และ Tools เครื่องมือต่างๆยังอยู่ที่เดิมนะครับ



เริ่มเลยเนอะ ขั้นแรกไปที่ File >>> New >>> VCL Forms Application - Delphi

เพื่อสร้างฟอร์มและโปรเจค



ต่อมาคือเราต้องเลือกเครื่องมือที่เราจะใช้ นั้นก็คือ Label, Edit, Button

เราจะเอามันออกมาจาก แทบรวมเครื่องมือ ล่างขวานะครับ เพียงหาชื่อหาตัวที่ต้องการ คลิกเลย

หรือเราจะพิมพ์หาชื่อตัวที่เราต้องการก็ได้นะครับ แล้วทำการไปคลิกที่ฟอร์ม หรือ ดับเบิลคลิกที่ตัว

อุปกรณ์ที่เราต้องการเลยก็ได้มันจะออโต้ให้เราโดนการไปปรากฎในหน้าฟอร์มของเราแบบอัตโนมัติ



ขั้นตอนออกแบบให้เราออกแบบ แบบง่ายๆไปก่อนนั้นก็คือแบบนี้ นะครับ 

หรือใครมีไอเดียอยากออกแบบๆไหนก็ตามสะดวกเลยนะครับ ต่อมาคือเราอยากให้ปุ่มของเราสามารถ

ทำงานได้ เราจะต้องเขียนโปรแกรมให้มัน อยากที่ผมบอกไปแล้ว  เราจะเขียนโปแกรมตาม Event 

ที่เกิดขึ้น เช่นการคลิกเมาส์ หรือการลากเมาส์ไปวางไว้บนปุ่ม 

ในที่นี้เราต้องการให้ปุ่มทำงานแบบกด ก็คือ Event OnClick โดยเริ่มจากการ ดับเบิลคลิกที่ปุ่ม 




เราสังเกตุได้จาก Event ที่เกิดขึ้นในรูปข้างล่างนี้ เราสามารถเปลี่ยน Event ได้ตามแทบข้างซ้ายนะครับ

เมื่อเราดับเบิลคลิกปุ่มแล้วจะมีหน้าต่างดำๆแปลกขึ้นมา นั้นคือหน้าต่าง Code นะครับ เราสามารถ

โปรแกรมอะไรก็ได้ให้มันทำอะไรก็ได้จากหน้าต่างนี้ 






 พิมพ์โค้ดใน Event ButtonClick

begin
     Edit1.Text := ' Hello World ' ;
     Label1.Caption := ' Hello Delphi ' ;
end;



 เมื่อเราพิมพ์โค้ดเสร็จแล้ว เราจะต้องกดรันเพื่อให้โปรแกรม Run ให้เรียบร้อย หรือ กด F9 ก็ได้



 เมื่อโปรแกรมรัน เสร็จจะมีหน้าตาโปรแกรมที่เราออกแบบไว้ประมาณนี้



 แต่เรากำหนดเงื่อนไข Event ว่า EventOnClick ที่ Button1 ที่เราดับเบิลคลิกไว้ตอนแรก

ความหมายก็คือ เมื่อเรากดปุ่มโปรแกรมจะทำงานนั้นเอง

โปรแกรมนึงสามารถสร้าง Event ได้หลาย Event นะครับ แล้วใน แต่ละ Event ก็จะเรียก Event อื่นๆได้อีก

เช่นกัน และเมื่อเรากดปุ่มปุ้บ การทำงานก็จะเริ่มปั๊บ โดยการเปลี่ยนแปลงข้อความที่

Label จากเดิม Label1 >>> Hello Delphi
Edit จากเดิม Edit1 >>> Hello World...

เห็นไหมครับไม่ยากเลยเนอะ



งั้นผมขอจบไว้เท่านี้ก่อนแล้ววันหลังจากมาต่อนะครับ




วันพฤหัสบดีที่ 6 ตุลาคม พ.ศ. 2559

Start with Delphi

เริ่มต้นกับเดลฟาย (Delphi 2007)

เริ่มต้นกับการเขียนโปรเชิงวัตถุ OOP กับ Delphi ในที่นี้ผมใช้ Delphi 2007 นะครับ
คือที่ผมเริ่มทำงานเป็นโปรแกรมเมอร์ให้กับบริษัทแห่งหนึ่ง ซึ่งบริษัทนี้ใช้ Delphi ในการเขียนโปรแกรมทำเอกสารเชื่อมต่อฐานข้อมูลและทำรีพอร์ตต่างๆ เช่น PDF, Excel 
ในตอนแรกพี่ๆที่ทำงานของผมนั้นเค้าใจดีให้หนังสือที่ผมหาไม่ได้แล้ว(หรือผมกากเองหาไม่ได้ 55)



คือผมหาข้อมูลช่วยสอนโปรแกรมนี้ มันน้อยมาเลยเลยผมเลยอยากจะแชร์สิ่งที่ผมได้จากการหัดเขียนโปรแกรมนี้ และจะได้เป็นบันทึกช่วยจำให้ตัวผมเองด้วยไปในตัว ผมพูดได้ว่า ณ เวลานี้ผมก็พึ่งหัดเขียนโปรแกรมเหมือนกัน 

Link Download Delphi 2007 ผมเอาไฟล์ใส่ zip แล้วฝากไฟล์ไว้ใน Google Drive ของผมให้แล้วนะครับ

ผมจะขอข้ามการลงโปรแกรมไปก่อนน่ะครับ เรามาเริ่มไปพร้อมๆกันเลยนะครับ


นี่คือหน้าตาของโปรแกรม Delphi 2007 นะครับ



- ขั้นแรกก่อนที่เราจะเขียนโปรแกรมได้เนี่ยเราต้อง สร้างเอกสารใหม่พร้อมโปรเจคก่อนนะครับไม่งั้นเราจะเขียนโปรแกรมใส่อะไรละจริงมั๊ย? ถ้าเราไม่สร้างโปรเจคขึ้นมาด้วยโปรแกรมเราจะไม่สามารถทำงาน(Run : F9) ได้นะครับ

ไปที่เมนูด้านบนนะครับเลือก File >>> New >>> Other...



- ขั้นตอนต่อมาคือ เลือกไปที่ VCL Forms Application แล้วกด  OK



เราก็จะได้หน้าตา ฟอร์มพื้นฐานการเขียนโปรแกรม ว่างๆแบบนี้นะครับ



ต่อมาก็คือ ส่วนปรับแต่งทางกายภาพและส่วนอีเว้นต์การทำงานตามลำดับ




ส่วนอีเว้นนั้นผมขอยกตัวอย่างง่ายๆเลยคือ การคลิกปุ่มแล้วให้โปรแกรมมันทำงาน จะสั่งให้มันทำอะไรก็ได้เช่น แสดงข้อความ แสดงป๊อบคอน เอ้ย แสดงป๊อบอัพ (แอบเล่นมุขนิดนึง 55) หรือทำเป็นปุ่มเคลียข้อมูลก็ได้นะครับ

--------------------------------------------------------------------------------------------------------------------------

Save Files

ต่อมาคือ  ผมจะมาสอนเซฟงานนะครับ


ขั้นแรกไปที่ File >>> Save All(หรือใครจะกด Shortcut ก็ได้เหมือนกันครับ) มันจะทำการเซฟสองครั้งนะครับ ครั้งแรกเป็นไฟล์ .pas คือไฟล์งานของเรา อีกส่วนคือไฟล์ .dproj คือไฟล์โปรเจคนะครับ



คือเราสามารถสร้างไฟล์แยกกันได้นะครับแต่ตอนที่จะรันทดสอบจะต้องมีทั้งสองไฟล์นะครับและจะต้องลิ้งกันด้วย เมื่อเราเลือกที่อยู่ของไฟล์ได้แล้วก็กด Save ไปนะครับ อ่ออีกนิดนึงนะครับ ไฟล์ทั้งสองไฟล์ไม่จำเป็นจะต้องอยู่ด้วยกันน่ะครับ อยู่แยกกันได้คนละ Folder กันเลยก็ย่อมได้แต่เพื่อความง่ายในการหาไฟล์และจัดเก็บควรอยู่ด้วยกันดีกว่าเนอะ

ต่อมาขั้นตอนสุดท้ายคือการปิดโปรเจคปิดงาน แต่ไม่ปิดโปรแกรมนะครับเลือกไปที่
File >>> Close All มันจะทำการปิดให้หมดทุกอย่างให้พร้อมเหมือนเปิดโปรแกรมขึ้นมาใหม่ครับ


--------------------------------------------------------------------------------------------------------------------------

Open Projects

หลังจากที่เรารู้การสร้างและเซฟไปแล้วนะครับ ต่อไปวิธีการเปิดงาน
ในตอนแรกผมเปิดงานจากไฟล์ .pas มันเปิดได้นะครับแต่ไม่สามารถรันทดสอบโปรแกรมได้
เนื่องจากไม่มีไฟล์โปรเจค .dproj ถ้าใครเปิดขึ้นมาแล้ว แล้วทำการแก้ไขไปบ้างแล้วให้กดเซฟไปก่อนน่ะครับ แล้วกดปิดไปก่อน (Close All ตามที่สอนไปนะครับ) 

ขั้นแรกหาไอคอนหน้าตาแบบนี้ หรือใครจะกด Ctrl+F11 ก็ได้เหมือนกันนะครับ


ต่อไปก็หาไฟล์ .dproj ที่เราเซฟไว้นะครับ จะทำให้เราเปิดโปรแกรมทั้งหมดเลย 

ผมขอจบไว้ก่อนนะครับ