11
- 1 - โปรแกรมแนะนำคู ่สีบนระบบปฏิบัติกำรแอนดรอยด์ Complementary Colors Adviser Program on Android รณชัย ศรีไข่มุกด์ , ภาณุพงศ์ ปานทอง และ ฐิติพงษ์ สถิรเมธีกุล ภาควิชาวิศวกรรมคอมพิวเตอร์ คณะวิศวกรรมศาสตร์ กาแพงแสน มหาวิทยาลัยเกษตรศาสตร์ วิทยาเขตกาแพงแสน 1 หมู6 ต.กาแพงแสน อ.กาแพงแสน จ.นครปฐม 73140 โทรศัพท์: 034-352853 E-mail:[email protected] บทคัดย่อ บทความนี ้นาเสนอการออกแบบและพัฒนาระบบโปรแกรม แนะนาคู่สีในรูปแบบของแอพพลิเคชั่นบนระบบปฏิบัติการแอนดรอยด์ โดยแบ่งผู้ใช้งานออกเป็น 2 ประเภทคือ ผู้ใช้ทั่วไป และนักออกแบบ ซึ ่ง ระบบมีการให้บริการในส่วนของการถ่ายรูป การค้นหารหัสสี การเลือก รูปแบบเพื่อแนะนาสี การตัดภาพโดยกาหนดจุดสี่จุด การตัดภาพโดยใช้ การวาด การหาสีตรงกันข้ามของภาพ และการสารองข้อมูลไปยัง เซิร์ฟเวอร์การบริการของระบบมีเป้ าหมายเพื่ออานวยความสะดวกให้กับ ผู้ใช้บริการในการออกแบบ และลดภาระของผู้ใช้ ระบบสามารถทางาน ได้อย่างมีประสิทธิภาพ ซึ ่งระบบนี ้สามารถนาไปใช้ได้จริงกับงาน ออกแบบต่างๆ คาสาคัญ : คู่สี , แอนดรอยด์ Abstract This article presents the design and development of Complementary colors adviser program in the form of apps on the Android operating system. By dividing the work into 2 types of users and designers, which are made available at a part of the photography, search color code, choose a model to introduce color, cropping the image by specifying four points, cutting pictures by drawing, finding complementary color of the image and backup to the server. The system services is intended to facilitate to users in the design and reduce the workload of users. This system can work effectively and can be used in the real design Keyword : Complementary color , Android 1. บทนำ สีมีอิทธิพลในเรื่องของอารมณ์การสื่อความหมายที่เด่นชัด กระตุ้นการรับรู้ทางด้านจิตใจมนุษย์สีแต่ละสีให้ความรู้สึกอารมณ์ที่ไมเหมือนกัน สีบางสีให้ความรู้สึกสงบ บางสีให้ความรู้สึกตื่นเต้นรุนแรง สี จึงเป็นปัจจัยสาคัญอย่างยิ่งต่อการออกแบบต่างๆดังนั ้นการเลือกใช้โทนสี ภายในเว็บไซต์เป็นการแสดงถึงความแตกต่างของสีที่แสดงออกทาง อารมณ์ มีชีวิตชีวาหรือเศร้าโศก รูปแบบของสีที่สายตาของมนุษย์ มองเห็นสามารถแบ่งออกเป็น 3 กลุ่ม ดังรูปที่ 1 คือ รูปที่ 1 สีโทนร้อน (บน) สีโทนเย็น (กลาง) สีโทนกลาง (ล่าง) สีโทนร้อน ( Warm Colors) เป็ นกลุ่มสีที่แสดงถึงความสุข ความปลอบโยนความอบอุ่นและดึงดูดใจ สีกลุ่มนี ้เป็นกลุ่มสีที่ช่วยให้ หายจากความเฉื่อยชา มีชีวิตชีวามากยิ่งขึ ้น สีโทนเย็น ( Cool Colors) แสดงถึงความที่ดูสุภาพ อ่อนโยน เรียบร้อย เป็นกลุ่มสีที่มีคนชอบมากที่สุด สามารถโน้มนาวในระยะไกล ได้ สีโทนกลาง ( Neutral Colors) สีที่เป็นกลาง ประกอบด้วย สี ดา สีขาว สีเทา และสีน ้าตาล กลุ่มสีเหล่านี ้คือ สีกลางที่สามารถนาไป ผสมกับสีอื่นๆ เพื่อให้เกิดสีกลางขึ ้นมา สิ่งสาคัญต่อผู้ออกแบบคือการเลือกใช้สี นอกจากจะมีผลต่อ การแสดงออกของผลงานแล้วยังเป็นการสร้างความรู้สึกที่ดีต่อผู้ใช้ ดังนั ้น จะเห็นว่าสีแต่ละสีสามารถสื่อความหมาย ได้อย่างชัดเจนความ แตกต่าง ความสัมพันธ์ที่เกิดขึ ้นย่อมส่งผลให้มีความน่าเชื่อถือมากยิ่งขึ ้น ชุดสีแต่ละชุดมีความสาคัญต่อผลงานถ้าเลือกใช้สีไม่ตรงกับวัตถุประสงค์ หรือเป้ าหมายอาจจะทาให้ผลงานไม่น่าสนใจ ผู้ใช้จะไม่กลับมาใช้บริการ อีกภายหลัง ฉะนั ้นการใช้สีอย่างเหมาะสมเพื่อสื่อความหมายของผลงาน ต้องเลือกใช้สีที่กลมกลืน และเนื่องจากงานออกแบบต่างๆถือเป็นงาน ศิลปะ ไม่ว่าจะเป็นงานออกแบบโลโก้ งานออกแบบเว็บไซด์ งาน ออกแบบแผ่นพับ งาน ออกแบบ เสื ้อ ผ้า งานออกแบบห้องต่างๆภายใน บ้านหรือภายในอาคารซึ ่งหลายครั ้งจะประสบปัญหาในการเลือกใช้โทน สีที่ไม่เข้ากันนอกจากนี ้การเลือกใช้คู่สี (สีที่อยู่ตรงข้ามกันในวงล้อสี) ทีเหมาะสมหรือการเลือกใช้สีใกล้เคียงกันก็เป็นสิ่งสาคัญอย่างยิ่งในการ

Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 1 -

โปรแกรมแนะน ำคสบนระบบปฏบตกำรแอนดรอยด Complementary Colors Adviser Program on Android

รณชย ศรไขมกด , ภาณพงศ ปานทอง และ ฐตพงษ สถรเมธกล

ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร ก าแพงแสน มหาวทยาลยเกษตรศาสตร วทยาเขตก าแพงแสน 1 หม 6 ต.ก าแพงแสน อ.ก าแพงแสน จ.นครปฐม 73140 โทรศพท: 034-352853 E-mail:[email protected]

บทคดยอ บทความนน าเสนอการออกแบบและพฒนาระบบโปรแกรม

แนะน าคสในรปแบบของแอพพลเคชนบนระบบปฏบตการแอนดรอยด โดยแบงผใชงานออกเปน 2 ประเภทคอ ผใชทวไป และนกออกแบบ ซงระบบมการใหบรการในสวนของการถายรป การคนหารหสส การเลอกรปแบบเพอแนะน าส การตดภาพโดยก าหนดจดสจด การตดภาพโดยใชการวาด การหาสตรงกนขามของภาพ และการส ารองขอมลไปยงเซรฟเวอรการบรการของระบบมเปาหมายเพออ านวยความสะดวกใหกบผใชบรการในการออกแบบ และลดภาระของผใช ระบบสามารถท างานไดอยางมประสทธภาพ ซงระบบนสามารถน าไปใชไดจรงกบงานออกแบบตางๆ ค าส าคญ : คส , แอนดรอยด

Abstract This article presents the design and development of Complementary colors adviser program in the form of apps on the Android operating system. By dividing the work into 2 types of users and designers, which are made available at a part of the photography, search color code, choose a model to introduce color, cropping the image by specifying four points, cutting pictures by drawing, finding complementary color of the image and backup to the server. The system services is intended to facilitate to users in the design and reduce the workload of users. This system can work effectively and can be used in the real design

Keyword : Complementary color , Android 1. บทน ำ

สมอทธพลในเรองของอารมณการสอความหมายทเดนชด กระตนการรบรทางดานจตใจมนษยสแตละสใหความรสกอารมณทไม เหมอนกน สบางสใหความรสกสงบ บางสใหความรสกตนเตนรนแรง สจงเปนปจจยส าคญอยางยงตอการออกแบบตางๆดงนนการเลอกใชโทนสภายในเวบไซตเปนการแสดงถงความแตกตางของสทแสดงออกทาง อารมณ มชวตชวาหรอเศราโศก รปแบบของส ทสายตาของมนษยมองเหนสามารถแบงออกเปน 3 กลม ดงรปท 1 คอ

รปท 1 สโทนรอน (บน) สโทนเยน (กลาง) สโทนกลาง (ลาง)

สโทนรอน (Warm Colors) เปนกลมสทแสดงถงความสข ความปลอบโยนความอบอนและดงดดใจ สกลมนเปนกลมสทชวยใหหายจากความเฉอยชา มชวตชวามากยงขน

สโทนเยน (Cool Colors) แสดงถงความทดสภาพ ออนโยน เรยบรอย เปนกลมสทมคนชอบมากทสด สามารถโนมนาวในระยะไกลได

สโทนกลาง (Neutral Colors) สทเปนกลาง ประกอบดวย สด า สขาว สเทา และสน าตาล กลมสเหลานคอ สกลางทสามารถน าไปผสมกบสอนๆ เพอใหเกดสกลางขนมา

สงส าคญตอผออกแบบคอการเลอกใชส นอกจากจะมผลตอการแสดงออกของผลงานแลวยงเปนการสรางความรสกทดตอผ ใช ดงนน จะเหนวาสแตละสสามารถสอความหมาย ไดอยางชดเจนความแตกตาง ความสมพนธทเกดขนยอมสงผลใหมความนาเชอถอมากยงขน ชดสแตละชดมความส าคญตอผลงานถาเลอกใชสไมตรงกบวตถประสงคหรอเปาหมายอาจจะท าใหผลงานไมนาสนใจ ผใชจะไมกลบมาใชบรการอกภายหลง ฉะนนการใชสอยางเหมาะสมเพอสอความหมายของผลงานตองเลอกใชสทกลมกลน และเนองจากงานออกแบบตางๆถอเปนงานศลปะ ไมวาจะเปนงานออกแบบโลโก งานออกแบบเวบไซด งานออกแบบแผนพบ งาน ออกแบบ เสอ ผา งานออกแบบหองตางๆภายในบานหรอภายในอาคารซงหลายครงจะประสบปญหาในการเลอกใชโทนสทไมเขากนนอกจากนการเลอกใชคส (สทอยตรงขามกนในวงลอส) ทเหมาะสมหรอการเลอกใชสใกลเคยงกนกเปนสงส าคญอยางยงในการ

Page 2: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 2 -

ออกแบบตางๆเชนเดยวกน ประกอบกบยคปจจบนทหลายคนจะตองมสมารทโฟนตดตวอยเกอบจะ ตลอดเวลา ดงนนผจดท าจงไดคดพฒนาโปรแกรมแนะน าคสบนระบบปฏบตการแอนดรอยดซงใชกบสมารทโฟนขนมา เพอสามารถใชแนะน าคสทเหมาะสมใหกบผใชไดและยงสามารถรบอนพตเปนภาพจากกลองบนสมารทโฟนไดอกดวย

2. ทฤษฏและหลกกำรทเกยวของ 2.1 ทฤษฏส ส (Color) คอ การรบรความถของแสงจากดวงตา การทไดเหนสจากสายตาสายตาจะสงความรสกไปยงสมองท าใหเกดความรสก ตางๆตามอทธพลของส เชน สดชน รอน ตนเตน เศรา สมความหมายอยางมากเพราะนกออกแบบตองการใชสเปนสอสรางความประทบใจในผลงานและสะทอนความประทบใจนนใหบงเกดแกผชมผลงาน มนษยเกยวของกบสตางๆ อยตลอดเวลาเพราะทกสงทอยรอบตวนนลวนแตมสสนแตกตางกนมากมาย สเปนสงทควรศกษาเพอประโยชนกบตนเองและ ผออกแบบ

2.2 ความสมพนธของมนษยกบส สรรพสงทงหลายในจกรวาลประกอบไปดวยสดงนนสงแวดลอมรอบตวมนษยจงประกอบไปดวยส สจ าแนกออกเปน 2ประเภท คอ สทเกดจากปรากฏการณตามธรรมชาต เชน สของแสง สผวของวตถตามธรรมชาต และ สทเกดจากการสรางสรรคของมนษย เชน สของแสงไฟฟา สของพล สทใชเขยนภาพ เหตทมนษยรจกใชสเพราะมนษยมธรรมชาตรกสวยรกงาม เมอเหนความงามตามธรรมชาต เชน ดอกไม ใบไม สตว วตถตลอดจนทวทศนทงดงาม มนษยกอยากจะเกบความงามเอาไวจงไดน าเอา ใบไม หนส เปลอกหอย ฯลฯ มาประดบรางกายและยงรจกเอาดนสและเขมามาทาตว หรอขดเขยนสวนทตองการใหงาม รวมทง เขยนภาพตามผนงถ าอกดวย ส าหรบในปจจบนไดมการสงเคราะหสจากวตถขนมาใชในงานตางๆอยาง กวางขวาง

2.3 จตวทยาแหงส การใชสใหสอดคลองกบหลกจตวทยาจะตองเขาใจวาสใดใหความรสกตอมนษยอยางไรจงจะใชไดอยาง เหมาะสม ความรสกเกยวกบสสามารถจ าแนกออกไดดงน

ส ใหความรสก แดง อนตราย เรารอน รนแรง มนคง อดมสมบรณ สม สวาง เรารอน ฉดฉาด

เหลอง สวาง สดใส สดชน ระวง เขยว พกผอน สดชน งอกงาม น าเงน สงบ ผอนคลาย สงางาม มวง หนก สงบ มเลศนย น าตาล เกา หนก สงบเงยบ ขาว บรสทธ สะอาด ใหม สดชน ด า หดห เศราใจ ทบ การใชสตามหลกจตวทยา สามารถกอใหเกดประโยชนได

หลายประการ ทงนขนอยกบลกษณะการใชงาน ประโยชนทไดรบนน สามารถสรปไดดงน

1. ประโยชนในดานแสดงเวลาของบรรยากาศในภาพเขยน เพราะสบรรยากาศในภาพเขยนน น จะแสดง ใหรวาเปนภาพตอนเชา ตอนกลางวนหรอตอนเยน เปนตน

2. ประโยชนในดานการคา คอท าใหสนคาสวยงาม นาซอหา นอกจากนยงใชกบงานโฆษณา เชน โปสเตอรตางๆชวยใหจ าหนายสนคาไดมากขน

3. ประโยชนในดานประสทธภาพของการท างาน เชน โรงงานอตสาหกรรม ถาทาสสถานทท างานใหถก หลกจตวทยาจะเปนทางหนงทชวยสรางบรรยากาศใหนาท างาน คนงานจะท างานมากขน มประสทธภาพในการท างานสงขน

2.4. ระบบส RGB RGB คอ ระบบสพนฐานทไดมาจากสทคนทวไปรจกนนคอ

สแดง(RED) ส เขยว (GREEN) และสน าเงน (BLUE) ดงรปท 2 ในระบบสของคอมพวเตอรน น RGB มคาสทอตราสวนของสท ง 3 สอยในชวง 0 ถง 255 ซงคา 0 คอ สด าและ 255 คอ สขาว โดยแตละคาสมคาเทากบ 256 ส กลาวคอ ทง 3 สมคาตงแต 0 ถง 255 จะมองเหนแตละสเปนภาพระดบสเทา เมอเราจะใชการผสมคาสของทง 3 ส ท าใหไดสทตองการ ออกมา สทไดนนสามารถแสดงสไดมากถง 16 ลานสเพราะ R× B×G = 256×256×256 = 16,777,216 แตในความเปนจรงคอมพวเตอรสามารถแสดงคาสออกมาไดสงสด 256 ส

Page 3: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 3 -

รปท 2 ระบบส RGB

2.5 ระบบส HSV HSV ยอมาจาก Hue คอคาสบรสทธ Saturation คอคาแสง

ผสมกบคาสบรสทธ และ Value คอคาความสวางของภาพ ตามล าดบ HSV Model ตางจากสในโหมด RGB CMY หรอ YIQ ซง HSV มลกษณะเปนพระมดฐานหกเหลยมดงรปท 3 โดยพระมดนแปลงมา จากลกบาศกระบบส RGB แบบไมเชงเสน สโหมด HSV จะใชคาในพกดเชงมม โดยคา H เปน คามมรอบแกนตงจะระบเปนองศามคาระหวาง 0 ถง 360 องศา คา S เปนคาอตราสวนมคาตงแต 0 ถง 1 วดจากแกนตง (V-axis) ไปยงพนผวของพรามดและคา V เปนคาความสงของพระมด

รปท 3 ระบบส HSV

2.6 กำรแปลงจำก RGB เปน HSV R, G, B แทนคาสในระบบ RGB มคาระหวาง 0-255 R', G', B' แทนคาสในระบบ RGB มคาระหวาง 0.0-1.0 ซงหาไดจากสมการตอไปน

255/RR 255/GG 255/BB

คาสงสดและคาต าสด หาไดจากสมการตอไปน ),,max(max BGRC

),,min(min BGRC คาผลตางของคาสงสดและคาต าสด หาไดจากสมการตอไปน

minmax CC คา H สามารถค านวณไดจากสมการตอไปน

BCifGR

GCifRB

RCifBG

CifdefinedNot

H

max

max

max

max

;460

;260

;60

0;

คา S สามารถค านวณหาไดจากสมการตอไปน

0;

0;0

max

max

max

CifC

Cif

S

คา V สามารถค านวณไดจากสมการตอไปน

maxCV

2.7 การแปลงจากHSV เปน RGB คา C สามารถค านวณไดจากสมการตอไปน

SVC คา X สามารถค านวณไดจากสมการตอไปน

12mod

601

HCX

คา m สามารถค านวณไดจากสมการตอไปน

CVm คา R',G',B' สามารถค านวณไดจากสมการตอไปน

360300;,0,

300240;,0,

240180;,,0

180120;,,0

12060;0,,

600;0,,

,,

HXC

HCX

HCX

HXC

HCX

HXC

BGR

Page 4: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 4 -

คา R,G,B สามารถค านวณไดจากสมการตอไปน 255)(,255)(,255)(,, mBmGmRBGR

3. การวเคราะหและออกแบบระบบ

3.1 ภาพรวมของระบบ ภาพรวมของระบบแสดงดงรปท4 โดยทผ ใชงานสามารถเลอกฟงกชนการใช งานไดทงหมด 6 แบบ คอ ฟงกชนกลอง, ฟงกชนคนหาจากรหสส, ฟงกชนแนะน าโทนส, ฟงกชนตดภาพดวยการก าหนดจด4จด, ฟงกชนตดภาพดวยการวาด , ฟงชนกลบสภาพ และยงมอกฟงกชนไวส าหรบส ารองขอมลภาพเพอบนทกไปยงเซรฟเวอร

รปท 4 Flowchart แสดงภาพรวมของระบบ

3.2 กำรท ำงำนของฟงกชนกลอง

รปท 5 Flowchart แสดงการท างานของฟงกชนกลอง เรมตนการท างาน ระบบจะรบภาพจากกลองและน าภาพมา

แสดงยงหนาจอ ตอมาระบบจะรบ Input ดวยการ Touch เพอดงคาสจากรปภาพ เมอไดคาสมาระบบจะท าการตด String ออกเปน 3 ชดๆละ 2 ตว เพอระบคาสของ R,G,B, แตละตว หลงจากน นแปลง Hex String เปน Decimal (เลขฐาน10) เพอน าไปค านวณและแปลง R,G,B ไปเปน HSV และท าการหาคาสตรงขามโดยให H=H+180 และ หาคาสใกลเคยงไดโดยน า คาเปอรเซนตมาบวกหรอลบ กบคา V เดม หลงจากทไดคาสใหมระบบจะท าการแปลง HSV กลบไปเปน RGB และน าคาสนไปแสดงผลดงรปท 5

Page 5: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 5 -

3.3 กำรทำ ำงำนของฟงกชนคนหำจากรหสส

รปท 6 Flowchart แสดงการท างานของฟงกชนคนหาจาก

รหสส

เรมตนการท างาน ระบบจะรบ Input เปนรปแบบของรหสส จากนนระบบจะตรวจสอบความถกตองของรหสส ถารหสสผดระบบจะแจงเตอนและใหผ ใชกรอกรหสสใหม ถารหสสถกตองระบบจะน ารหสสนนมาท าการหาสตรงขามและสใกลเคยงตอไป ดงรปท 6

3.4 กำรท ำงำนของฟงกชนแนะโทนส

รปท 7 Flowchart แสดงการท างานของฟงกชนแนะน าโทนส

Page 6: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 6 -

เรมตนการท างาน ระบบจะแสดงชอโทนสตางๆซงมทงหมด 8 รปแบบ ซงเมอเลอกมา 1 รปแบบระบบจะแสดงภาพโทนสของรปแบบนนออกมา และให Touch เพอดงคาส เมอไดคาสมาระบบจะท าการหาสตรงขามและสใกลเคยงตอไปดงรปท 7

3.5 กำรท ำงำนของฟงกชนตดภำพโดยก ำหนดจด 4 จด

รปท 8 Flowchart แสดงการท างานของฟงกชนตดภาพโดย

ก าหนดจด 4 จด

เรมตนการท างาน ระบบจะใหเลอกภาพจาก กลองหรอจากคลงรปภาพ เมอไดรปภาพมาแลวจงก าหนดจด 4 จด ระบบจะท าการตดภาพตามทผใชตองการ และสงภาพทตดเสรจไปแสดงผล จากนนระบบจะท าการตรวจสอบการกดป ม Invert กรณกดป ม Invert ระบบจะท าการกลบสภาพกอนแลวจง สงไปแสดงผล กรณไมกดป ม Invert ระบบจะท าการสงภาพไปแสดงผลทนท หลงจากนนจง Touch เพอดงคาส เมอไดคาสมาระบบจะท าการหาสตรงขามและสใกลเคยงตอไปดงรปท 8 3.6 กำรท ำงำนของฟงกชนตดภำพดวยกำรวำด

รปท 9 Flowchart แสดงการท างานของฟงกชนตดภาพ ดวยการวาด

Page 7: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 7 -

เรมตนการท างาน ระบบจะใหเลอก ภาพจากกลองหรอจากคลงรปภาพ เมอไดรปภาพมาแลวจงตดภาพทตองการดวยการวาดโดยระบบจะใหผใชวาดเสน จากนนระบบจะสงภาพทตดเสรจไปแสดงผลตอ จากนนระบบจะท าการตรวจสอบการกดป ม Invert ส าหรบการกลบสภาพ และหลงจากนนจงท าการหาสตรงขามและสใกลเคยงตอไปดงรปท 9 3.7 กำรท ำงำนของฟงกชนกลบสภำพ

เรมตนการท างานระบบจะรบภาพจากกลอง มาแสดง จากนนระบบจะท าการตรวจสอบการกดป ม Invert กรณกดป ม Invert ระบบจะท าการกลบสภาพ และสงภาพดงกลาวไปแสดงผลตอไป 3.8 กำรท ำงำนของฟงกชนส ำรองขอมล

รปท 10 Flowchart แสดงการท างานของฟงกชนส ารองขอมล เรมตนการท างานระบบ จะดงรปภาพจาก SD card ในสมารท

โฟนมาแสดงใน รปแบบ List View เม อกดป ม Upload ระบบจะตรวจสอบความสมบรณของการสงภาพ ถาการสงภาพสมบรณ ระบบจะ Return ขอความ “Upload Completed” แตถาเกดความผดพลาดหรอการสงภาพไมสมบรณระบบจะ Return ขอความ “Upload Failed” เพอแจงใหผใชทราบดงรปท 10

4. ผลการด าเนนงาน หลงจากออกแบบและพฒนาโปรแกรมแนะน าค สบน

ระบบปฏบตการแอนดรอยด ไดแบงฟงกชนการใชงานออกเปน 7 แบบโดยแสดงไวบนหนาจอหลกของระบบดงรปท 11

รปท 11 แสดงหนาจอหลกของระบบและฟงกชนการใชงานตางๆ

รปท 12 ตวอยางการใชงานฟงกชนกลอง

Page 8: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 8 -

ส าหรบฟงกชนกลอง (หมายเลข 1) เมอผใชเรยกใชฟงกชนกลองระบบจะเขาสโหมดถายภาพ หลงจากทผใชถายภาพทตองการแลวระบบจะสงภาพมาแสดง ดงตวอยางในรปท 12 เพอใหผใชสมผสและดงคาสออกมาเปนรหสส ส าหรบฟงกชนคนหา (หมายเลข 2) ท างานโดยการใหผใชปอนคารหสสลงไปแลวกดป ม Search ระบบจะแสดงสทผใชไดปอนรหสสลงไป หลงจากไดสทตองการแลวกกดป ม Next เพอน าสทไดไปประมวลผลตอไป

ส าหรบฟงกชนแนะน าโทนส (หมายเลข 3) ระบบจะก าหนดโทนสไวใหผใชเลอกทงหมด 8 รปแบบดงน Diamond, Midnight, Pastel, PurpleCanyon, Retro, Spectres, StawberryHeart และ VintageRainbowโดยแตละรปแบบจะแสดงสเปน ลกษณะแทบสดงรปท 13

รปท 13 ตวอยางหนาจอแนะนำ าโทนส ส าหรบฟงกชนตดภาพโดยก าหนดจด 4 จด (หมายเลข 4)

ระบบจะใหผใชเลอกรปแบบการรบภาพโดยม 2 รปแบบคอรบภาพจากกลองของสมารทโฟนหรอรบภาพจากคลงรปภาพ เมอผใชเลอกรปภาพไดแลวระบบจะท าการสรางกรอบสเหลยมเพอใหผใชเลอกตดภาพในสวนทตองการได ดงตวอยางในรปท 14 หลงจากนนระบบจะน าภาพสวนทถกตดไปประมวลผลตอไป

รปท 14 ตวอยางการใชงานฟงกชนตดภาพโดยก าหนดจด 4 จด

ส าหรบฟงกชนตดภาพโดยการวาด (หมายเลข 5) ระบบจะใหผใชเลอกรปแบบการรบภาพจากภาพจากกลองสมารทโฟนหรอจากคลงรปภาพ เมอผใชเลอกรปภาพไดแลวระบบจะใหผใชวาดเสนเพอตดภาพในสวนทตองการออกมาแสดงผล ดงตวอยางในรปท 15 และระบบจะน าภาพสวนทถกตดไปประมวลผลตอไป

รปท 15 ตวอยางการใชงานฟงกชนตดภาพโดยการวาด

ส าหรบฟงกชนกลบสภาพ (หมายเลข 6) ระบบจะท างานโดย

รบภาพจากกลองของสมารทโฟนและน าภาพมาแสดงผล เมอผใชกดป ม Invert ระบบจะท าการกลบสภาพใหเปนสตรงกนขามและเมอกดป ม Next ระบบจะน าภาพทกลบสภาพแลวไปในแสดงผลตอไป

Page 9: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 9 -

รปท 16 หนาจอสรปผล

ภาพท 16 แสดงตวอยางหนาจอสรปผล ซงประกอบดวยส

และรหสสทผใชเลอก, สตรงกนขามและรหสส, สใกลเคยงและรหสสรวม 8 ส (ซาย 4 ส และ ขวา 4 ส) จากนนถาผใชตองการบนทกขอมลสามารถกดป ม SAVE เพอท าการบนทกขอมลเปนไฟลภาพได

รปท 17 ตวอยางการใชงานฟงกชนการส ารองขอมลลงเซรฟเวอร

ในสวนของฟงกชนส ารองขอมลลงเซรฟเวอร (หมายเลข 7 )

ระบบจะแสดงไฟลภาพทผใชบนทกภาพไวออกมาเปนรปแบบ List View เมอผใชตองการส ารองขอมลไปยงเซรฟเวอรสามารถท าไดโดยกดป ม Upload เพอน าไฟลภาพไปเกบไวในเซรฟเวอร ถาการสงไฟลภาพส าเรจระบบจะสงขอความแจงวา “Upload Completed” ถาการสงไฟลภาพไมสมบรณระบบจะสงขอความแจงวา “Upload Failed” ดงตวอยางในรปท 17

5. กำรทดสอบกำรใชงำนโปรแกรม จากการทดสอบการท างานเพอวดประสทธภาพของระบบ

ไดผลการทดสอบดงแสดงในตารางท 1 โดยแบงการทดสอบเปน 7 การทดสอบดงน ตารางท 1 ผลการทดสอบระบบ

ฟงกชนการท างาน สามารถท าได (%) ไมสามารถท าได (%) 1. กลอง 100% 0%

2. การคนหารหสส 100% 0%

3. การแนะน าโทนส 100% 0%

4. การตดภาพโดยการก าหนด จด 4 จด

100% 0%

5. การตดภาพดวยการวาด 100% 0%

6. การกลบสภาพ 100% 0%

7. การส ารองขอมล 100% 0%

การทดสอบท 1 เปนการทดสอบฟงกชนกลอง จากการ

ทดสอบทงหมด 10 ครง พบวา ระบบสามารถถายภาพและดงคาสของภาพสงไปประมวลผลหาคสตรงขามและสใกลเคยงไดอยางถกตองและแมนย าทง 10 ครง คดเปนรอยละ 100

การทดสอบท 2 เปนการทดสอบฟงกชนคนหารหสส จากการทดสอบทงหมด 10 ครงพบวา ระบบสามารถคนหารหสสไดอยางถกตองและน าคาสไปประมวลผลหาคสตรงขามและสใกลเคยงไดอยางถกตองและแมนย าทง 10 ครง คดเปนรอยละ 100 การทดสอบท 3 เปนการทดสอบฟงกชนแนะน าโทนส จากการทดสอบทงหมด 8 ครงพบวา ระบบสามารถดงคาสของโทนสทงหมด 8 รปแบบ ไดอยางถกตองและน าคาสไปประมวลผลหาคสตรงขามและสใกลเคยงไดอยางถกตองและแมนย าทง 8 ครง คดเปนรอยละ 100 การทดสอบท 4 เปนการทดสอบฟงกชนตดภาพโดยก าหนดจด 4 จด จากการทดสอบทงหมด 10 ครงพบวา ระบบสามารถตดภาพออกมาไดและกลบสภาพได สามารถสงคาสไปประมวลผลหาคสตรงขามและสใกลเคยงไดอยางถกตองและแมนย าทง 10 ครง คดเปนรอยละ 100 การทดสอบท 5 เปนการทดสอบฟงกชนตดภาพดวยการวาดจากการทดสอบทงหมด 10 ครงพบวา ระบบสามารถตดภาพดวยการวาดไดทง 2 รปแบบ คอ Crop และ Non-Crop และกลบสภาพได สามารถสงคาสไปประมวลผลหาคสตรงขามและสใกลเคยงไดอยางถกตองและแมนย าทง 10 ครง คดเปนรอยละ 100

Page 10: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 10 -

การทดสอบท 6 เปนการทดสอบฟงกชนกลบสภาพจากการทดสอบท งหมด 10 ครง พบวา ระบบสามารถถายภาพจากกลองของสมารทโฟนไดและสามารถกลบสภาพไดโดยการหาคาความกวางและความสงของรปภาพ ตอมาท าการรบคาสของแตละ Pixel เพอน าคาสนนสงไปประมวลผลในฟงกชนค านวณหาคสตรงขาม จากนนระบบจะไดภาพทเปนภาพสตรงขามและสามารถสงคาสไปประมวลผลหาคสตรงขามและสใกลเคยงไดอยางถกตองและแมนย าทง 10 ครง คดเปนรอยละ 100

การทดสอบท 7 เปนการทดสอบฟงกชนส ารองขอมลจากการทดสอบทงหมด 10 ครงพบวา ระบบสามารถสงไฟลภาพไปเกบไวในเซรฟเวอรไดและแสดงผลการสงไฟลภาพไดอยางถกตองท ง 10 ครง คดเปนรอยละ 100

จากผลการทดสอบขางตนพบวา ระบบสามารถท างานไดอยางมประสทธภาพทกฟงกชนการท างาน โดยสามารถท างานไดอยางถกตองและแมนย าคดเปนละรอยละ 100

6. สรปผล โปรแกรมแนะน าค สบนระบบปฏบตการแอนดรอยด ทพฒนาขนนสามารถหาคสตรงขามและสใกลเคยงได โดยผใชสามารถเลอกรปภาพไดจาก 2 ชองทางหลก คอ จากกลองของสมารทโฟน หรอจากคลงรปภาพ ทงนระบบจะแบงการท างานออกเปน 7 สวน คอ กลอง, การคนหาจากรหสส, การแนะน าโทนส, การตดภาพโดยก าหนดจด 4 จด, การตดภาพโดยใชการวาด, การกลบสภาพ และการส ารองขอมล อกทงระบบสามารถบนทกไฟลภาพ ค สตรงขามและสใกลเคยงลงในหนวยความจ าของสมารทโฟน และส ารองขอมลไปยงเครองเซรฟเวอรไดอกดวย

เอกสำรอำงอง [1] กรณการ ชตระกลธรรม 2555 การพฒนาโปรแกรมเลนดนตรไทย บนแทบเลตระบบปฏบตการแอนดรอยด เทคโนโลยสารสนเทศ มหาวทยาลยพระจอมเกลาพระนครเหนอ [2] นาฏยา มงคลจตร 2556 การพฒนาแอพพลเคชนบนแอนดรอยด

เรอง นทานชาดก สาขาวชาเทคโนโลยสารสนเทศ ภาควชาการ จดการเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ

[3] วทรชย วาสรส 2557 บทเรยนชวยฝกทกษะแบบฐานสมรรถนะ เรอง การเขยนแอพพลเคชนบนแอนดรอยดเบองตน สาขาวชาวศวกรมไฟฟาสอสาร สถาบนเทคโนโลยพระจอมเจาคณทหารลาดกระบง [4] กมล คงเกยรตขจร 2555 โปรแกรมบนทกประจ าตวผปวย เบาหวานผานอปกรณเคลอนทแอนดรอยด วศวกรรมคอมพวเตอร มหาวทยาลยขอนแกน

[5] เพญนภา พวงทอง 2556 การพฒนาสอการเรยนการสอนเสรม รายวชาคณตศาสตร ชนมธยมศกษาปท 1 บนอปกรณ แบบหนาจอ สมผส ระบบปฏบตการแอนดรอยด เทคโนโลยคอมพวเตอร มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

[6] จระ ชนรกสข 2556 การพฒนาแอพพลเคชนระบต าแหนงเพอการ เรยนรส าหรบผพการทางสายตาบนระบบปฎบตการแอนดรอยด เทคโนโลยการเรยนรและสอสารมวลชน มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร [7] หนงสอคมอเขยนแอพ Android ฉบบสมบรณ ผเขยน : พรอมเลศ หลอวจตร พมพครงท 1: เมษายน 2556 [8] หนงสอ Basic Android Programing ผเขยน : ศภชย สมพานช พมพครง ท 1 : ธนวาคม 2555 [9] บรษทสพรมพรนทจ ากด ทมา : www.supremeprint.net/index.php?lay=show&ac= article&Id=538763157

Page 11: Manuscript Preparation Guidelines for the Papers …...ล กษณะเป นพ ระม ดฐานหกเหล ยมด งร ปท 3 โดยพ ระม ดน แปลงมา

- 11 -

ไดรบการพจารณาเหนชอบโดย

..............................................................

(ผศ.ดร.ฐตพงษ สถรเมธกล) ประธานกรรมการโครงงาน

..............................................................

(อ.ดร.ปารฉตร เสรมวฒสาร) รองประธานกรรมการโครงงาน

..............................................................

(อ.ดร.จกกรช พฤษการ) กรรมการโครงงาน