Keep me Application Journal

Keep me let keep happiness

CS481

-REFLECTIVE JOURNAL-

About

แอพพลิเคชันทีพ ่ ร้อมบันทึกเรือ ่ งราวต่างๆ ทุกอารมณ์ ทุกความรูส ้ ก ึ ไม่วา่ จะอยูท ่ ไ่ี หน ก็ตามเราสามารถที่จะเก็บและแบ่งปั นผ่าน พื้นทีค ่ วามสุขแห่งนี้ “Keep me”.

SPECIAL

R

mme n o c e d

กระบวนการทํางานทัง ้ หมดตัง ้ แต่เริม ่ แรก จนผลงานออก มาเสร็จสมบูรณ์ ตลอดระยะเวลา 1 ปีการศึกษา

OPEN FO R MO R E MOO D I E S

02

PRODUCTION ออกแบบและพั ฒนาตัวผลงานให้เสร็จสมบูรณ์

KEEP ME PROCESS

WEEK 10-34

[27.10.2019-21.04.2020]

01

PRE-PRODUCTION คิดหัวข้อและค้นหาข้อมูลต่างๆ ก่อนเริ ่มทําผลงาน WEEK 1-10

[22.08-26.10.2019]

03

POST-PRODUCTION เก็บรายละเอียดหรือนอกเหนือจากตัวงานหลัก WEEK 29,34-36

[12.03 ,06.05.2020]

PRE

PROD CTION เป็นขัน ่ เป็นช่วงของการคิดหัวข้อ ้ ตอนก่อนการลงมือทําผลงานจริง ซึง การค้นคว้าหาข้อมูลทีต ่ ารพัฒนาหัวข้อ ่ นเองสนใจ เพื่อนําไปสูก และนําไปต่อยอดเพื่อทําผลงานจริง

STEP

FIRST

อยู่ที่ดวงหรือเป็นที่เรา?

เป็ นหัวข้อแรกที่สนใจและเลือก มาเพื่อไปเสนออาจารย์กอ ่ นเบือ ้ ง ต้น โดยปัญหาจากเรือ ่ งนีม ้ าจาก การโทษแต่สิ่งรอบข้างเมื่อเกิด เรื่ อ งไม่ ดี ข้ึ น มา หรื อ เป็ น คํ า ที่ ติดปากที่เราพู ดกันบ่อยๆ“ทําไม เราดวงซวยหรือดวงไม่ดี” โดย ใช้ธีมของหัวข้อนี้คือ สะสมแต้ม บุญในรูปแบบของบอร์ดเกม

TOA’S ADVICE จากที่ได้นําหัวข้อมาปรึกษานั้น

MAIN IDEA

ความทรงจําที่เรามักหลงลืม + ความสุข หลั ง จากที่ เ สนอหั ว ข้ อ แรกไปนั้ น ซึง ี วามคล้ายกับของ ่ เป็นหัวข้อทีม ่ ค เพื่ อนเราจึงกลับมานั่งคิดใหม่อีก รอบหนึ่ ง จึ ง นํ า สองเรื่ อ งราวมา ผสมเข้ า ด้ ว ยกั น จึ ง ออกมาเป็ น หั ว ข้ อ “ความทรงจํ า ที่ เ รามั ก หลงลืม” ซึ่งปั ญหาของเรื่องนี้ที่

อาจารย์ ไ ด้ ใ ห้ คํ า แนะนํ า ว่ า ใน

เราได้หยิบมานัน ่ ลาย ้ เป็นปัญหาทีห

ส่วนธีมกับคอนเซปของหัวข้อ

คนมักลืมช่วงเวลาดีๆหายไปบาง

ยั ง ไม่ ชั ด เจน หรื อ ให้ ก ลั บ ไป

ช่วง

เรี ย บเรี ย งการเล่ า เรื่ อ งว่ า มั น เป็นมาอย่างไร

การสะสมความสุข นําหัวข้อแรกมาคิดต่อยอดใหม่ซง ึ่ ทําให้ได้ออกมาเป็ นหัวข้อนี้ออกมา โดยปัญหาหลักๆทีด ึ มาทําเรือ ่ ง ่ งนี้ คื อ ความเครี ย ดจากการทํ า งาน เรียน การใช้ชว ี ต ิ ทีม ่ ากขึน ้ ของคน และเรามั ก จะมองข้ า มความสุ ข ที่ ใกล้ตัวของเราไป โดยคอนเซป ของงานก็เหมือนกับชื่อหัวข้อเลย และใช้ธีมการออม เป็ นการหยอด ค ว า ม สุ ข ที ล ะ น้ อ ย เ ห มื อ น กั บ หยอดเงินลงกระปุกทีละบาทสอง บาท ดู เ ผิ น ๆอาจจะมี ค่ า เล็ ก น้ อ ย แต่ เ มื่ อ สะสมไปจนเต็ ม สิ่ ง เล็ ก น้อยเหล่านั้นมันก็จะมีค่ามากมาย

PRODUCTION

PRE

ในวันทีส ่ ะสมมาเรือ ่ ยๆ

คิดหัวข้อและค้นหาข้อมูลต่างๆ WEEK 1-10 [22.08-26.10.2019]

TOPIC LISTS

เลือกจากสิ่งที่เราสนใจถึงปั ญหาทั้งใกล้ตัวเราหรือรอบๆตัวเราที่ เกิดขึ้น ณ ขณะนั้นๆ และนําหัวข้อเหล่านี้ไปหาข้อมูลเพิ่ มเติม

หนังไทยทําไมซบเซา ทําไมคนเราต้องทําตามกระแส? อยู่ที่ดวงหรือเป็ นที่เรา?

1

การใช้ชีวิตอิสระจากครอบครัว ครอบครัวไม่สามารถรับฟังเราได้ทุกเรื่อง การศึกษาไทยกลายเป็ นสิ่งที่ทําลายชีวิตเด็กหลายคน ใช้คําพู ดที่ไม่ระวังกับ “ผู้ปว ่ ยโรคซึม เศร้า” การมองข้ามความสุขเล็กๆที่เกิดขึ้น

2

ความทรงจําที่เรามักหลงลืม

2

ศักดิ์ศรีของคุณมีค่าแค่ไหน?

NO. 1

PRESENTATION

?

PRESENT WEEK 5

[19.09.2019]

จากทีไ่ ด้นาํ เสนอหัวข้อไปในครัง ้ แรกนั้นอาจารย์สนใจในหัวข้อ และสิง ่ ทีเ่ รานําเสนอออกไปโดย อาจารย์เห็นเป็นเสียงเดียวกันใน การให้เราทํา ”แอพพลิเคชั่น” ซึ่งแต่ละท่านก็ได้ให้คาํ แนะนํามา ว่ า “ให้ เ พิ่ ม เส้ น เรื่ อ งว่ า จะทํ า อย่ า งไรถึ ง จะสะสมให้ มี ค วาม สุข และภายในงานอาจจะมีฟงั ก์ชน ั การแชร์ความสุขให้คนอืน ่ หรือ มีการสะสมแต้มเพื่อดึงดูดให้คน สนใจและเข้ามาเล่นตัวงานเรา”

?

NID’S

ADVICE

จากการที่นําหัวข้อ “การสะสม ความสุข” ไปปรึกษา ได้คาํ แนะ นํากลับมาว่าควรทีจ ่ ะเจาะความ สุขของแต่ละคน,กลุม ่ เป้าหมาย ว่าช่วงไหนไม่มีความสุขมากที่ สุด,กิจกรรมต่างๆ และสิ่งสุด ท้ายคือให้ดว ู า่ จะทําอย่างไรให้คน เข้ามาเล่นของเราได้

MILK’S

ADVICE

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

TOPIC ่ ”ี “การเสริมสร้างความสุขเพื่อสุขภาพจิตทีด ซึ่ ง จุ ด ประสงค์ ข องงานนี้ เ พี ย งต้ อ ง การให้คนสามารถเห็นถึงอารมณ์ความ รูส ้ ก ึ ต่างๆของตนเองได้เพื่อให้คนหันมา สะสมความสุขของตัวเองทีละน้อยให้เกิด ความสุข เนื่องจากปั ญหาใน กลุ่มวัย รุ่น 17-24 ปี มักจะเกิดปั ญหาความ เครียดจนมองข้ามความสุขใกล้ๆตัวไป จึงทําให้ได้คอนเซ็ปของงานออกมาเป็น “การสะสมความสุข” และใช้ธม ี “ธนาคาร (ออมความสุข)” ซึ่งที่ใช้ธีมนี้ก็เพราะ ว่าเหมือนกับการออมเงิน หรือเป็นการ เช็ครายรับรายจ่าย เปรียบได้กับความ สุ ข ความทุ ก ข์ ข องคนเราที่ มี ทั้ ง ได้ รั บ ความสุขหรือเสียความสุขของตัวเราเอง ออกไป โดยมี รู ป แบบของการนํ า เสนองาน อยู่สองแบบนั่นก็คือ APPLICATION หรือ INTERACTIVE MEDIA ที่เลือก มาสองอย่ า งนี้ เ พราะว่ า อยากให้ ค น เข้ า มามี ส่ ว นร่ ว มในการเล่ น หรื อ ใช้ ใ น ชี วิ ต ประจํ า วั น ได้ บ้ า งจริ ง ๆ

NID’S

ADVICE

หลังจากนําเสนอหัวข้อไปในครั้ง แรกแล้ ว อาจารย์ นิ ด ให้ คํ า แนะนํ า เกี่ ย วกั บ เพิ่ ม เส้ น เรื่ อ ง ซึ่ ง เราไม่ แน่ใจว่าเกีย ่ วกับอะไร จึงมาปรึกษา เพิ่มเติม โดยเส้นเรือ ่ งทีพ ่ ู ดถึงนัน ้ หมายถึง สิง ่ เป้าหมาย ่ าํ ให้กลุม ่ ใดทีท มี ค วามสุ ข หรื อ ความทุ ก ข์ เพราะ แต่ ล ะคนจะมี มี สิ่ ง ที่ ทํ า ให้ สุ ข หรื อ ทุกข์ต่างกันออกไป เและได้ให้ไป

การเสริมสร้างความสุขเพื่อสุขภาพจิตทีด ่ ี

สํารวจแอพคู่แข่งหรือมีความใกล้ เคียงกับของเรา เพื่ อที่จะมาปรับ ใช้กับตัวงานให้ได้ครอบคลุมและ เพิ่มจุดเด่นของเรามากทีส ุ ่ ด

SURVEY -GOOGLE POLL-

เริ่ ม คิ ด คํ า ถามและสร้ า งแบบ สอบถามเพื่อทําการสํารวจกลุม ่ เป้าหมายในช่วงวัย 17-24 ปี ให้ ท ราบถึ ง “สาเหตุ หรื อ กิ จ กรรมของแต่ละคนที่ทําให้เกิด

CONCLUDE

ความสุขหรือบรรเทาความทุกข์”

จากผลสํารวจสรุปได้ว่าสาเหตุ

เพื่ อ เป็ น ส่ ว นหนึ่ ง ของการทํ า

ทีเ่ กิดความเครียดส่วนใหญ่เกิด

แอพพลิ เ คชั่ น ในผลงานชิ้ น นี้

จากเรื่อง “การเงิน การงาน

โดยสํารวจเป็นเวลาทัง ้ หมด 3 วัน

ครอบครัว และการเรียน” แล้ว

แล้วรวบรวมเพือ ่ นําไปสรุปผล

มีวิธีกําจัดความเครียดของแต่ ละคนคื อ “ฟัง เพลง นอน ดู หนัง และShopping” และกิจ กรรมทีอ ้ น ื่ ที่ ่ อกไปทําร่วมกับผูอ ทําให้เราผ่อนคลายและมีความ สุ ข คื อ “Shopping ไปเที่ ย ว กิน และออกกําลังกาย” ซึง ่ ผลสํารวจในครัง ้ เ็ ป็นส่วน ้ นีก หนึ่งในการตัดสินใจในการทํา Function หรือ Feature ภาย ในแอพพลิเคชัน ่ เพื่อทําให้ตอบ สนองกับผูใ้ ช้มากทีส ุ ่ ด

POLL LISTS

ทําการสํารวจกลุ่มเป้าหมายในช่วงวัย 17-24 ปี เพื่ อรวบในการทํา หัวข้อธีสิสเรื่อง “การเสริมสร้างความสุขเพื่ อสุขภาพจิตที่ดี”

เพศ (หญิง/ชาย/ไม่ต้องการระบุ) สาเหตุใดที่ทําให้เราเกิดความเครียด/ความทุกข์/สิ่งที่ทํา ให้เราบั่นทอนจิตใจเรา จนทําให้เราไม่มีความสุข เมื่อเราเจอเรื่องเครียด/ความทุกข์ ต่างๆมีวิธี “กําจัด ความเครียด” นั้นอย่างไร? สิ่งใดที่มักทําให้เราเกิดความสุขเมื่อเราออกไปทํากิจกรรม Outdoor สิ่งนี้....... กิจกรรมอะไรที่ชอบออกไปทําร่วมกับผู้อื่น (เพื่ อน,พ่ อ-แม่) แล้วส่งผลทําให้เราเกิดความสุข

SURVEY -APPLICATION-

สํารวจหาแอพพลิเคชั่นที่มีการ

จากการที่สํารวจและสรุปของ

ใช้งานใกล้เคียงกับของเรา เพื่อ

แต่ ล ะแอพมาแล้ ว นั้ น ทํ า ให้ เ รา

สํารวจข้อดี-ข้อเสียของแต่ละ

สามารถนําจุดแข็งหรือจุดอ่อน

แอพ โดยแอพที่เราได้เลือกมา

มาเป็ นจุดยืนหรือปรับจุดด้อย

นัน ี ค ู้ นโหลดมาก ่ ผ ้ จะเป็นแอพทีม

ให้ มี ป ระสิ ท ธิ ภ าพมากที่ สุ ด ใน

และยอดรีววิ สูง ซึง ่ แอพทีเ่ ลือกมา

ด้านของ User Interface กับ

นัน ้ จะอยูใ่ นหมวด Mood track

User Experience เพื่ อให้

กับออมเงินส่วนใหญแต่ละแอพ

เหมาะแก่ผใู้ ช้งานของเรา

ก็จะไม่ดึงดูดให้คนมาใช้ เรียบ ง่ายในเรื่องการดีไซน์ และใน บางแอพปุม ่ กดซับซ้อนเกินไป

NO. 2

PRESENTATION

PRESENT WEEK 9

[17.10.2019]

Research & Survey

ในรอบนี้จะเป็ นการนําเสนอใน ส่วนของการหาข้อมูลเรือ ่ งแอพ และสํารวจจกลุม ่ เป้าหมายเพือ ่ เป็น ส่วนในการสนับสนุนหัวข้อที่จะ ทํามากขึน ้ และไปต่อยอดในการ ออกแบบภายในแอพพลิเคชัน ่ ที่ เราจะทําอีกด้วย โดยสิง ่ าํ เสนอ ่ ทีน ไปอาจารย์เห็นด้วยกับไอเดียที่ มีฟง ั ก์ชน ั สามารถแชร์ให้กน ั และ กันได้ เหมือนกับแบ่งปันความสุข ให้กน ั จากคําแนะนําของอาจารย์เต๋า คื อ ให้ ไ ปดู แ อพพลิ เ คชั่ น นอก เหนือจากรูปแบบออมเงินหรือ mood เพราะจะได้เห็นฟังก์ชั่น ทีห ่ ลากหลายมากขึน ้ หรือภายใน แอพอาจจะมีในรูปแบบออกมา เป็น offline ได้ดว ้ ย และในสิง ่

FUNCTION -APPLICATION-

ฟังก์ชน ่ั หลักๆของแอพพลิเคชัน ก็จะมีอยู่ 3 อย่างซึ่งก็คือ ส่วน ของการสะสมความสุขหรือบันทึก ความสุข, ส่วนของการตรวจสอบ อารมณ์ของตัวเองเมือ ่ ผ่าเวลา ไปหลายวั น ,ส่ ว นสุ ด ท้ า ยก็ คื อ สามารถแชร์ ค วามสุ ข ซึ่ ง กั น และกันได้ นอกจาก 3 ส่วนหลัก ก็จะมีส่วนย่อยๆที่ภายในแอพ ที่เป็นสิง ่ ที่จําเป็นต้องมีอยู่แล้ว

สุดท้ายที่เป็ นประโยชน์สําหรับ งานเรามากทีส ุ เลยคืออาจารย์ ่ ด เต๋ า ได้ แ นะนํ า พี่ ที่ เ ชี่ ย วชาญใน เรื่องของ UX designer มา ให้เพื่อไปปรึกษาด้านนีโ้ ดยตรง

PRO

D CTION

เป็นขัน ่ เป็นช่วงของการร่างออกแบบ ้ ตอนการลงมือทําผลงานจริง ซึง และทําผลงานให้ออกมาเสร็จสมบูรณ์

LOGO Tour App

Check

Share

Skip

Reminder Let’s start

CREATE

LOGO

WELCOME SIGN IN

SIGN UP

1

2

4

5

6

7

8

9

X

0

OK

47 HP Transfer

AN ACCOUNT

3

47 HP

Scan

Transfer

LOGO CHANGE PASSWORD

Scan

SIGN UP

SIGN UP

DAILY

SCAN

Mobile number

21

THURSDAY

HISTORY

Note

Point

Gift

SEND

DAILY

icon

Month

icon

Years

FEBRUARY

Month

Years

2019

NOTE

GIFT POINT

STORAGE

SETTING

47 HP

SKETCH 1

ออกแบบ Wireframes คร่าวๆ

STEP PRODUCTION

PRO

NEXT

ออกแบบและพั ฒนาตัวผลงาน WEEK 10-34 [27.10.2019-21.04.2020]

จากที่ ไ ด้ เ ขี ย นฟัง ก์ ชั่ น ภายใน แอพออกมาให้เห็นภาพได้ง่าย ขึ้น เพื่อง่ายต่อการดีไซน์ในขั้น ต่อไป โดยในขั้นนี้จะเป็ นเพี ยง แค่การสเก็ตแรกเท่านั้น ยังไม่ สมบูรณ์แบบ 100% อาจจะมี การปรับเปลีย ่ นในครัง ้ ต่อๆไป

MILK’S

ADVICE

คํ า แนะนํ า จากอาจารย์ ม้ิ ล คื อ ให้ ไ ปคิ ด ชื่ อ แอพพลิ เ คชั่ น ของ เราทีส ่ ามารถดึงดูดให้คนมาใช้ และพวกปุ ่ม กด UI ต่ า งๆจะ ต้องเป็ นคําที่ทําให้คนรู้สึกดีให้ สอดคล้ อ งกั บ คอนเซ็ ป ต์ ง าน ของเรา รวมถึงเรื่องฟังก์ชั่น ภายในแอพก็ แ นะนํ า ให้ ไ ปดู สไตล์ ง านที่ มีค วามแปลกจาก App of the day (App Store) เพราะจากสิ่ ง ที่ เ ราออกแบบ Wireframe คร่าวๆไปนั้นยัง มีรูปแบบที่ยังธรรมดาและยัง มีความเหมือนแอพทั่วไป

“ HAPPINESS FRIENDLY PEACEFUL

“

Mood หลักๆของตัวงานเพื่ อ ให้ เ ห็ น ภาพได้ ชั ด เจนยิ่ ง ขึ้ น โดยจะมี 3 คําทีไ่ ด้เลือกมา คือ Happiness (มีความสุขเมื่อ

CONSULT

ได้เข้าแอพมา), Friendly (เปรียบ แอพเหมือนเป็ นเพื่ อนที่ฟังเรา

- JAY UX DESIGNER -

ระบายและยั ง ทํ า ให้ ค นอยาก

สิ่งที่เราได้เรียนรู้จากพี่ เค้าใน

เข้ า หา), Peaceful (เป็ น ที่ ที่

ครั้ ง นี้ เ ป็ น เรื่ อ งตั้ ง แต่ พ้ื น ฐาน

สามารถทําให้เราสบายใจมากขึน ้

เลยว่าความแตกต่างของ UX-UI

หรือเป็นที่ Safe zone)

เป็นอย่างไร, กระบวนการทํางาน ของการเริม ่ ทําโปรเจ็คในด้านนี้ จะต้องเริม ่ อย่างไรบ้าง และอย่าง สุดท้ายเลยคือ การออกแบบ UX จะต้องคํานึงถึงอะไรบ้าง ส่วน คําแนะนําของงานจะเน้นในเรือ ่ ง ของฟังก์ชน ั่ ต่างๆทีใ่ ห้เกิดรอย รั่วน้อยที่สุดสําหรับผู้ท่ีมาเล่น หลังจากทีไ่ ด้เรียนรูแ ้ ละปรึกษา ก็ได้นาํ ความรูร ้ วมกับคําแนะนํา มาปรับใช้ในฟังก์ชน ่ั ตัวงานของ เรา ซึ่งก็ได้กลับมาปรับเปลี่ยน ในหลายๆส่ ว นที่ ยั ง เกิ ด ข้ อ บก พร่องอยู่ เช่น ด้านสิทธิประโยชน์ ในการแลกสิทธิ์ต่างๆ หรือจะ ทําอย่างไรให้ดง ึ ดูดคนเข้ามาเล่น ได้โดยไม่เบือ ่

NO. 3

PRESENTATION

PRESENT WEEK 14

[21.11.2019]

DESIGN OUTCOME

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

DEVELOP

feature & design นํ า คํ า แนะนํ า จากการพรี เ ซ้ น ต์ ม า ปรั บ ปรุ ง และพั ฒ นาต่ อ ยอดจาก เดิม ในส่วนของการออกแบบก็ได้ ปรั บ เรื่ อ งสี ใ หม่ โ ดยใช้ สี ชุ ด แบบ แอคทีพ (ทฤษฎีสีของโคบายาชิ) ได้กล่าวไว้วา่ สีฟ ้าตัดกับสีชมพู ช่วย แสดงถึงความรู้สึกกระตือรือร้น ร่าเริงสดใส ตามแบบของวัยรุ่น และสีที่เหลือก็จะมี เขียว, เหลือง, ขาว นอกจากนีย ั มีการปรับเปลีย ้ ง ่ นและ เพิ่มเติมในส่วนของ Event ซึง ่ ได้ ไปสํ า รวจจากกิ จ กรรมที่ เ กิ ด ขึ้ น จริงๆแล้วสามารถใช้รว ่ มกับภายใน แอพของเราได้ดว ้ ย ซึง ิ ่ เราก็ได้คด ทัง ่ กิจกรรมและ ้ หมวดกิจกรรม, ชือ รายละเอียดของแต่ละกิจกรรมเพื่อ ทีจ ่ ะไปใส่ภายในแอพได้เลย

“COLOURFUL

REFRESHING ซึ่งก่อนหน้านี้ Tone ของงาน ที่ ไ ด้ เ ลื อ กไว้ จ ะเป็ น สี พ าสเทล พอได้ไปขอคําแนะนําจากเพื่อน ก็ได้มีความเห็นว่า “เมื่อนึกสีท่ี ทําให้มีความสุข จะนึกถึงสีท่ีมี ความสดมากกว่า เนือ ่ งจากเป็น สีที่ทําให้ดึงดูดคนเข้าหา” ส่วน Mood ของงานครัง ้ นีไ้ ด้เพิม ่ เข้า มานิดหน่อย เพื่อเน้นถึงสีสน ั ให้ มากขึน ้

MILK’S

ADVICE

มาปรึ กษาครั้ งนี้ ก็ได้ เกลาและ เลือก Mood ใหม่จากที่ได้พรี เซ้นต์ไปในรอบล่าสุด ซึ่งทําให้ งานเริ่มเห็นทางมากขึ้นและชัด เจน ซึ่ ง สิ่ ง ที่ ไ ด้ เ พิ่ ม เข้ า มาคื อ “Colourful & Refreshing” โดยคําแนะนําจากอาจารย์กช ็ ว ่ ย ปรับให้งานเราเข้าทีเ่ ข้าทางมาก ขึน ้

สรุ ป จากที่ ไ ด้ คํ า แนะนํ า มา จึ ง ได้สีท่ีได้ดึงมาใช้คือสี “เหลือง ส้ม ชมพู ฟ ้า เขียว ขาว” โดย จะใช้ Mood ของงานทั้งหมด คื อ “Colourful, Friendly, Refreshin, Happiness” จึง ทํ า ให้ ง านออกมามี สี สั น สดใส เพื่ อ ให้ ค นอยากเข้ า มาแล้ ว มี ความสุข และได้นําสีขาวมาตัด เพื่อใชในการพักสายตาให้รู้สึก ผ่นคลายและสดชืน ่ ไม่ลายตาไป กับการมองส่วนทีม ี ส ี น ั เยอะ ่ ส

ADVICE.

KEEP ME

แอพพลิเคชัน ่ื ว่า “keep me” โดย keep มาจากคําว่าเก็บถ้า ่ ของเรามีชอ แปลตรงๆตัวเลย ส่วน me ในทีน ี้ มายถึงความสุขทีเ่ ป็นตัวแทนของความ ่ ห สุขนัน ้ บอกหรือเชิญชวนให้คนหันมาเก็บความสุขกัน

MENU BAR

ICON SET

ACTIVITY

ICON SET

จากตัวโลโก้ท่ีได้ออกแบบ เรา

ให้ ง านสามารถใช้ ไ ด้ ทั้ ง ผู้ ช าย

อยากจะดึงจากชื่อแอพมาเป็ น

และผู้ ห ญิ ง ส่ ว นตั ว หน้ า แอพ

ส่วนในโลโก้ และทําออกมาให้

แต่ ล ะหน้ า ก็ เ ริ่ ม ออกแบบให้

คนเห็ น แล้ ว รู้ สึ ก ยิ้ ม ตามไปได้

เห็นภาพมากขึ้นจากที่ได้สเก็ต

ด้วย และในครัง ี ารปรับ ้ นีไ้ ด้มก

เอาไว้กอ ่ นหน้านี้ และไอคอนต่างๆ

เปลี่ยนสีเล็กน้อยเพี ยงสีเดียว

ทีใ่ ช้ โดยเราก็ได้ออกแบบตัวไอน

จากสีฟ ้า เป็นสีน้าํ เงิน เนือ ่ งจาก

คอนกิจกรรมไว้คร่าวๆก่อนเพื่อ

เราอยากให้งานของเรามีสน ี า้ํ เงิน

ที่จะไปนําเสนอกับอาจารย์ก่อน

มาดรอปด้วยสักหน่อยให้

สําหรับแนวงาน

ภาพรวมของApplication

DESIGN 1

USER INTERFACE

NO. 4

PRESENTATION

PRESENT WEEK 17

[12.12.2019]

DESIGN OUTCOME

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

DESIGN OUTCOME TOA’S ADVICE

มาปรึกษาเกีย ่ วกับการออกแบบ หลังจากทีไ่ ด้พรีเซ้นต์ไป เพื่อมา ขอคํ า ปรึ ก ษาหาแนวทางของ ตัวกราฟิก ซึ่งได้คําแนะนํา คือ ในการทํานัน ็ กขนาดไว้เลย ้ ให้ลอ ของตัวเส้น Vector หรือตัว ก ร า ฟิ ก อ า จ จ ะ ใ ส่ เ ป็ น พ ว ก Texture หรื อ จะเป็ น แนวตั ด แปะ ตัวปั๊ ม ให้ไอคอนมีรป ู แบบ ทีแ ่ ตกต่างจากทัว ่ ไป

ICON SET

USERNAME

Logout

EDIT

Enter your new Password?

PASSWORD

CHANGE PASSWORD

NOTIFICATION

1

2

3

4

5

6

7

8

9

X

0

ปรับแก้กราฟิกใหม่ทั้งหมดให้

เป็นเพียงส่วนหนึง ่ ของกราฟิกทีไ่ ด้เอา

เป็ น ไปในทิ ศ ทางเดี ย วกั น กั บ

ลงมาไว้ในผลงานเนื่องจากจะให้เห็น

โลโก้ และได้ มี ก ารปรั บ เฉดสี

ภาพรวมของทั้ ง หมดว่ า การเปลี่ ย น

เล็กน้อยให้ดูมีความสดใสมาก

แปลงกราฟิกครัง ้ นี้เป็นในรูปแบบไหน

ขึน ้ จากอันก่อน ส่วนภายในแอพ

หรือทิศทางไหนที่ปรับจากเดิม และนํา

ก็มก ี ารปรับตัวกราฟิกให้มค ี วาม

ไปปรึกษากับอาจารย์ในการพรีเซ้นต์

โค้ ง มนมากขึ้ น ไม่ แ ข็ ง ทื่ อ ให้

รอบต่อไปทีจ ่ ะถึงนี้

สอดคล้องกับตัวงาน และได้มี การปรับตัวโลโก้จากตัวเดิมให้ มีความเข้าถึงง่ายและมีลก ั ษณะ ทีก ่ ลมมากขึน ้ จากอันก่อน

DESIGN 2

DEVELOP UI & SCENE

NO. 5

PRESENTATION

PRESENT WEEK 17

[12.12.2019]

DESIGN OUTCOME

จากการนําเสนออาจารย์เอกใน ครัง ี าํ แนะนําในเรือ ่ งของ ้ นีไ้ ด้มค การดีไซน์จะต้องมีธม ี ให้ชด ั เจน กว่านี้ อีกทั้งงานที่เราได้นํามา เสนอในเรือ ิ ่ งของเงา ต้องดูทศ ของเงาให้ดๆ ี ให้เป็นในทางเดียว กัน และเรื่องของสีก็จับคู่สีให้ ดีๆ อีกทัง ้ ยังแนะนําเพิ่มว่าภาย ในแอพจะต้องมีการเคลือ ่ นไหว หรือ pop up ให้เกิดความน่า สนใจ ไม่ ไ ด้ มี แ ต่ ก ราฟิก นิ่ ง ๆ เพียงอย่างเดียว ไม่ ใ ช่ แ ค่ เ รื่ อ งของการดี ไ ซน์ เท่ า นั้ น ในส่ ว นของฟั ง ก์ ชั น ต่างๆภายในแอพเราก็ยังมีจุด รอยรั่ ว หรื อ บกพร่ อ ง ซึ่ ง จุ ด บกพร่องของเรานัน ้ ก็จะเป็นใน

DEVELOP

เรื่องของการทําอย่างไรให้คน

theme & function

มาสนใจแอพของเรา หรือตัว

จากที่ได้นําเสนอกับอาจารย์ไป

งานของเราความสุขที่ได้จะวัด จากอะไร จึ ง ทํ า ให้ เ รานํ า คํา แนะนําเหล่านี้กลับไปปรับปรุง ใหม่ทง ั้ หมด

ก็ ไ ด้ ก ลั บ มาเพิ่ ม เติ ม และปรั บ เปลี่ยนทั้งธีมและฟังก์ช่ันบาง ส่วนให้เข้ากับรูปแบบดีไซน์ใหม่ ด้วยให้เป็ นในทิศทางเดียวกัน แต่หลักๆยังเป็นจุดประสงค์เดิม ที่ให้คนเข้ามาสะสมความสุขใน แต่ละวัน ส่วนธีมนั้นได้เปลี่ยน เป็ น ธี ม Dessert cafe´ ที่ เลือกธีมนีก ้ เ็ พราะว่าเมือ ่ คนเกิด ความเครียดส่วนใหญ่กจ ็ ะผ่อน คลายหรือหาความสุขจากการ กินขนมหวาน

THEME & FUNCTION รายละเอียดที่มีการปรับเปลี่ยนรูปแบบแอพเพิ่ มเติ่มจากเดิม

THEME

FUNCTION

Dessert cafe´ : เมื่อเกิดความเครียดส่วนใหญ่จะผ่อน คลายหรือหาความสุขจากการ กิน และยิ่งเป็ นขนมหวานก็เป็ น สิ่งที่ช่วยทําให้ส่วนใหญ่มักจะมีความสุขเพิ่ มมากขึ้น

บันทึก Mood : (ปรับจากเดิม) - เลื อ กเมนู ข นมหวาน และให้ เ ลื อ ก topping (หน้ า อารมณ์ ) ในแต่ ล ะวั น - เมื่ อ บั น ทึ ก ครบ 1 week จะได้ รั บ 2 points (เหมื อ นเป็ น ลู ก ค้ า ประจํ า ) - เมื่ อ ไหร่ ท่ี ค่ า HP ถึ ง ตามเกณฑ์ จ ะปลดล็ อ กเมนู แ ละtopping

สถิติ : (ปรับจากเดิม) - เช็ครายเดือนโดยการกดขนมเหมือนแต่ละวันเราใส่ topping อะไรลงไปบ้ า ง - เช็ ค สถิ ติ โ ดยรวม เหมื อ นเป็ น การดู ย อดขายที่ ช่ื น ชอบมากสุ ด

Community post & Event : (เพิ่ มจากเดิม) - พื้นที่รวบรวมคอนเท้นต์ความสุขให้คนมาแชร์กัน - เมื่ อ โพสแล้ ว จะได้ 1 point

- ถ้ า สิ่ ง ที่ เ ราแชร์ มี ค นมาชื่ น ชอบหรื อ ถู ก ใจ จะได้ HP ตาม จํ า นวนที่ ค นมาให้ (min=0, max=3) - ทํ า ตาม Event จะได้ points พิ เ ศษที่ กํ า หนดมาให้

เกณฑ์ Point : (ปรับจากเดิม) - ได้ จ ากบั น ทึ ก Mood ทุ ก วั น ครบ 1 week = 2 points - ได้ จ ากการ post = 1 point - ได้ จ ากการทํ า Event = points ตามที่ กํ า หนด

เกณฑ์ HP : (ปรับจากเดิม)

- ได้ จ าก Rate ที่ ป ระเมิ น ตั ว เอง (min=-5, max=5) - ได้ จ ากการถู ก ใจสิ่ ง ที่ เ รา post (min=0, max=3) - บ่ ง บอกสถานะการเป็ น member ว่ า อยู่ ร ะดั บ ไหนแล้ ว - ปลดล็ อ กเมนู แ ละtoppingใหม่ ๆ ตามเกณฑ์

SKETCH FLOWCHART ปรับปรุงดีไซน์ภายในแอพทัง ่ มโยง ้ หมด และเชือ ในแต่ละหน้าให้เห็นว่ามีรายละเอียดอย่างไร

TOA’S ADVICE นํ า สิ่ ง ที่ ส เก็ ต มาปรึ ก ษา ซึ่ ง อาจารย์โอเคในธีมนีแ ี วาม ้ ละดูมค น่าสนใจมากขึน ้ ด้วย และได้บอก เพิม ่ี ะถึง ่ เติมว่าในการพรีเซ้นต์ทจ ในครั้ ง ต่ อ ไปให้ เ สร็ จ กราฟิ ก ทั้ ง หมดและตั ว Flowchart โดยรวมของหน้าแอพพลิเคชั่น

MILK’S

ADVICE

ส่วนความเห็นของอาจารย์มล ิ้ กับตัวงานใหม่ทไี่ ด้าปรึกษา ใน ธีมของเรายังดูธรรมดา และมี ความเป็นรูปธรรมมากเกินไป ส่วนเรือ ่ งไอคอน และกราฟิก ต่างๆโอเคแล้วมีความน่าสนใจ และเข้ากันแล้ว ซึง ่ คําแนะนํานี้ ก็ให้เรากลับไปลองปรับใช้ดู

NO. 6

PRESENTATION

AFTER EFFECT

ตัวอย่างการใช้งานของแอพพลิเคชัน ่ X Keep me

PRESENT WEEK 26

[19.02.2020]

Mock up Application

นําเสนอครั้งนี้โดยการทําม็อค

ส่วนคําแนะนําของอาจารย์

อัพเป็ นโมชั่นให้อาจารย์ดูก่อน

ในครั้งนี้ได้ให้คําแนะนําว่า

ว่ า การใช้ ง านภายในแอพเป็ น

“ให้เพิม ่ กดเพือ ่ เพิม ่ เสียงปุม ่

อย่างไร ซึง ่ ถือว่าเสร็จสมบูรณ์

ความน่ารักเข้าไปมากขึ้น,

ทั้ ง หมดจากตั ว กราฟิก ต่ า งๆ

ปรับขนาดตัวอักษรบางส่วน

หรือแต่ละหน้าของแอพพลิเคชัน ่

ที่ ตั ว เล็ ก หรื อ อ่ า นยากให้

และหลังจากรอบนีก ็ ามารถนํา ้ ส

มี ข นาดใหญ่ ม ากขึ้ น และ

ม็อคอัพนีส ่ ต่อเป็นตัวอย่างให้ ้ ง

สุดท้ายทีแ ่ นะนําเลยคือให้ทาํ

กับคนเขียนโค้ดได้อีกด้วย ถือ

สิ่งของตกแต่งสําหรับตัว

ว่ารอบนี้เป็ นการนําเสนอความ

งานไปด้วย

คืบหน้ากับอาจารย์ตามทีไ่ ด้ตกลง

ME TO

---250 HP

ENU & OPPING

-moodies----

ภายในแอพพลิเคชั่น โดย

SCENE.

มี ทั้ ง เ ม นู ข น ม แ ล ะ ตั ว

ส่วนหน้าต่างๆภายในแอพ

topping ตามแต่ละอารมณ์

ก็ได้ทาํ กราฟิกออกมาตามที่

ซึง ่ ในการวาด topping นัน ้

ได้ ร่ า งแบบไว้ ก่ อ นหน้ า นี้

เราจะวาดสื่อให้เห็นว่าขนม

และจะมีแค่บางหน้าเท่านั้น

ของแต่ละอารมณ์มล ี ก ั ษณะ

ที่ได้เอาแบบเดิมมาใช้แล้ว

ทีต ่ า่ งกัน เช่น โกรธก็จะวาด

ปรับเปลีย ่ นบ้างเล็กน้อยให้

ให้ มี ร อยแตกหั ก หรื อ ถ้ า

เข้ากับธีมในครัง ้ นี้

รวบรวมทํากราฟิกทัง ้ หมด

อารมณ์ ป ่ ว ยก็ จ ะวาดให้ มีลก ั ษณะมีรอยชํ้า เป็นต้น

DESIGN 3

GRAPHIC SCENE

BRIEF I -APP CODER-

หลั ง จากที่ ไ ด้ นํ า เสนอกั บ อาจารย์ แล้ว ก็ได้เริม ่ คุยรายละเอียดตัวงาน กับคนเขียนโค้ดเบื้องต้นก่อน และ ได้กลับมาทําบรีฟในแต่ละหน้าว่าราย

START

27.02.2020 GRAPHIC SCENE

ละเอียดเป็นอย่างไร และกดตรงนีไ้ ป ส่วนไหน โดยการเขียนบรีฟในครั้ง นี้ ต้ อ ง ทํ า ใ ห้ ล ะ เ อี ย ด อ ย่ า ง ม า ก เนื่องจากตัวงานเรามีเงื่อนไขที่ซับ ซ้อนแล้วดูเยอะอยู่ภายใน ซึ่งการ ทําบรีฟครั้งนี้จะเป็ นตัวงานแค่ครึ่ง นึ ง เท่ า นั้ น และจะแบ่ ง อี ก ครึ่ ง ไว้ สําหรับในรอบถัดไป

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

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

BRIEF TIMELINE ตารางเวลาในการคุยกับคนจ้างงาน จะได้เห็นถึงกระบวนการ ที่ชัดเจนในการทํางาน

เริ่มคุยรายละเอียดในการทํา

27.02.2020

ส่งบรีฟงานครั้งที่ 1 + กราฟิก

29.02.2020

กําหนดของานจากคนจ้างครั้งที่ 1

20.03.2020

ส่งเลยวันตามที่กําหนด

23.03.2020

ส่งรายละเอียดการแก้งาน

26.03.2020

ส่งบรีฟงานครั้งที่ 2 + กราฟิกที่เหลือ

28.03.2020

กําหนดของานจากคนจ้างครั้งที่ 2

20.04.2020

ส่งงานไฟนอล

22.04.2020

NO. 7

PRESENTATION

PRESENT WEEK 31

[25.03.2020]

Test Application พรีเซ้นต์ครัง ้ แรกของการ พรีผา่ น Zoom โดยครัง ้ นี้ ได้นาํ เสนอในส่วนของการ ใช้ ง านแอพพลิ เ คชั่ น ที่ มี การกดเล่นได้แล้วบางส่วน แต่เป็นเพียงผ่านโปรแกรม Unity เท่านัน ่ คําแนะนํา ้ ซึง จากอาจารย์ในครัง ้ เี ล็ก ้ นีม

IMPROVE

coding

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

BRIEF II -APP CODER-

น้อยคือให้เก็บรายละเอียด ตัวงานกราฟิกเพิ่มเติม

!

UPDATE

coding

อั พ เดทงานกั บ คนเขี ย น โค้ด ซึ่งก็ได้มีการปรับแก้ รายละเอียดตามจุดต่างๆ ทีย ั มีผด ิ พลาดหรือไม่ตาม ่ ง บรีฟก่อนทีจ ่ ะส่งงานไฟนอล ให้กบ ั เรา และก็ได้มก ี ารพู ด คุยในเรือ ่ งของการขึน ้ เว็บ ซึ่งก็เกิดปั ญหาโดยยังไม่ สามารถรันงานขึน ้ เว็บได้ และได้มก ี ารทําเพิ่มในส่วน ของหน้าแรกเพื่ อกดเข้าสู่ ตัวเกม เนือ ่ งจากพี่เขียน โค้ดได้มาบอกเพิ่มว่าระบบ ในการรันขึน ้ บังคับ ้ เว็บมีขอ ต้องให้มห ี น้ากดก่อนเข้าตัว งานของเรา

NO. 8

PRESENTATION

X Keep me

UNITY

LAST

PRESENT WEEK 35

[22.04.2020]

Final Application ในการพรีเซ้นต์รอบสุดท้าย

โดยครัง ้ ไ็ ม่ได้มใี ห้ไปแก้ ้ นีก

นัน ื ว่าเกือบจะสมบูรณ์ ้ ก็ถอ

ไขงานอะไร เพียงแต่ให้กลับ

100% ซึ่งที่แน่ๆตัวงานที่

มาส่งงานใหม่อก ี รอบตอน

สามารถเล่นได้คอ ื เสร็จครบ

รันงานขึ้นเว็บเสร็จ และมี

หมดแล้ว ขาดก็แค่ยง ั ไม่ได้

เพียงแค่ลองกลับไปคุยกับ

รันขึน ้ บนเว็บไซต์ทส ่ี ามารถ

คนจ้างเรื่องใส่ Mockup

เล่นบนออนไลน์ได้เนือ ่ งจาก

ไอแพตตอนรันขึ้นเว็บไซต์

ยังติดปัญหาต่างๆทีค ่ นเขียน

จะได้ ดู เ ป็ น แอพพลิ เ คชั่ น

โค้ดยังแก้ปัญหาให้อยู่ จึง

ของไอแพต

ต้องนําเสนอผ่าน Unity ไปก่อน

“

ในการจ้ า งงานกั บ คนเขี ย นโค้ ด นั้ น มี ปั ญหาอยู่ ห ลายเรื่ อ งเลย และค่อนข้างทีจ ่ ะบ่อย ซึง ่ บางเรือ ่ ง ก็เป็ นปั ญหาที่เราสามารถคุม และ แก้ได้ ส่วนในบางเรื่องก็ค่อนข้ า ง ยากทีจ ่ ะคุมในเรือ ่ งของระบบต่างๆ โดยรายละเอียดปั ญหาต่างๆจะมี ประมาณนี.้ ......

PROBLEM เกี่ยวกับการจ้างงาน

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

“

ที่ ไ ด้ ทํ า ตั ว แอพของเราออกมา

POST

PROD CTION เป็นขัน ่ จะเป็นอยูใ่ นช่วงของ ้ ตอนหลังการทําผลงาน ซึง การเก็บรายละเอียดหรือนอกเหนือจากตัวงานหลัก

SCREEN SHOT เริ่ ม ทํ า ภาพประกอบทั้ ง 4 ภาพ

ในอีกส่วนหนึ่งนอกจากจะทําภาพ

สํ า หรั บ ลงสูจิบัตร และใช้ สํ า หรั บ

ประกอบแล้ว ยังได้ทาํ ตัวโมชัน ่ โปร-

ภาพนําเสนอในเว็บ “ไม่เท่าตาเห็น

โมทแอพขึ้นมาด้วย ซึ่งจริงๆแล้ว

Exhibition” โดยในแต่ละภาพทีเ่ รา

เป็นการทําไว้ใช้สําหรับ Showreel

ทํานัน ้ เราจะเลือกฟังก์ชน ่ั หลักๆของ

แต่ในเมือ ่ จะทําทัง ้ ทีเราก็ทาํ ให้สามารถ

แอพพลิเคชั่นเรามาโปรโมทให้รู้ว่า

ใช้งานได้กับการโชว์ผลงานไปเลย

ภายในเรามีการใช้งานอย่างไรบ้าง

และเป็นเพียงโมชัน ่ สัน ้ ๆเท่านัน ้ ทีไ่ ด้

และในส่วนของตัวที่ขึ้นบนเว็บโชว์

โชว์ให้เห็นในส่วนของตัวงานหลักๆ

งาน เราก็ได้มก ี ารทําโมชัน ่ นไหว ่ เคลือ

ภายในแอพทีโ่ ดดเด่นของ “keep me”

ให้กบ ั บางหน้า เพือ ่ เพิม ่ ความน่าสนใจ ให้กบ ั ตัวงาน

INTRODUCTION โปรโมทแอพพลิเคชัน ่ “keep me”

DESIGN จากตอนที่ได้มีการปรับเปลี่ยน ว่าจะจัดบนเว็บไซต์แทน เราจึง ได้มาออกแบบและทํากราฟิกบน ตัวหน้าเว็บทีจ ่ ะโชว์ผลงานในแต่ ละส่ ว น แต่ ห ลั ง จากนั้ น ก็ ไ ด้ มี

Keep me

let keep happiness.

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

ด้วยเหมือนกัน

STEP

LAST

ออกแบบ interface website WEEK 29,34-36 [12.03 ,06.05.2020]

PRODUCTION

ปรับไปใช้ในส่วนของภาพนําเสนอ

POST

เดียวัน จึงทําให้กราฟิกเหล่านีก ้ ็

NO. 9

PRESENTATION

X Keep me keepmeapplication.com

PRESENT WEEK 36

[04.05.2020]

“INTERACTIVE ON WEBSITE”

นํากลับมาส่งอัพเดทให้ใหม่อีก รอบเนื่องจากพรีเซ้นต์รอบสุด ท้ายครั้งก่อนเหลือเพี ยงแต่รัน

IMPROVE

ขึน ้ บนเว็บไซต์ อาจารย์จึงอยาก ทดสอบกดผลงานดู ด้ ว ย ซึ่ ง

coding

กว่าจะรันมาบนเว็บไซต์ได้ก็เจอ

หลั ง จากที่ ไ ด้ มี ก ารรั น ขึ้ น เว็ บ

ไม่รองรับบ้าง และไม่สามารถ

ไซต์แล้วก็ได้มก ี ารตรวจสอบตัว

ใส่ม็อคอัพตามที่อาจารย์ขอได้

งานและได้ มี ห ลายจุ ด ที่ ไ ด้ ใ ห้ พ่ี เขียนโค้ดนํากลับไปแก้ไขเพราะ

ปั ญหาหลายอย่าง เช่น ระบบ

อีกทั้งในตัวแอพเกิดระบบรวน อยู่หลายส่วน

มันก็มีปัญหาจุดต่อจุดในแต่ละ ที เมื่อลองเล่นบนเว็บ ซึ่งก็ได้ แก้ในส่วนที่แก้ได้มากที่สุดตาม ที่ต้องการ มีเพี ยงแค่บางส่วน เท่านั้นที่ก็ไม่สามารถแก้ได้ ซึ่ง สุดท้ายแล้วก็ได้ผลงานมาเป็ น ที่น่าพอใจอยู่ในระดับนึงเลยที เดียว ถือว่าภูมิใจผลงานกับที่ ออกมามากๆ

keepmeapplication.com

Contact

Email : noonnchn06@gmail.com Tel.

: 0864137279

ID Line : noonnchn

59130010047

-NATCHANOK VANAPATTARAT-