A R T & D E S I G N
P R A C T I C A L
S C I E N C E & T E C H N O L O G Y
OATHLON 10.2
หนังสือรวมผลงานจุลนิพนธ์นักศึกษา ปีการศึกษา 2558 วิชาเอกเว็บและสื่อโต้ตอบ สาขาเทคโนโลยีสารสนเทศเพื่อการออกแบบ คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยศิลปากร
ความอดทน คือ พื้นฐานที่จะนำ�ไป สู่ความสำ�เร็จ ดั่งคำ�ว่า OATHLON (โอธรอน) ที่พ้องเสียงกับคำ�ว่า “อดทน” โดยมีรากศัพท์ มาจากคำ�ว่า “OATH” แปลว่า การให้คำ�มั่น สัญญา ส่วนคำ�ว่า “THLON” เป็นศัพท์ทมี่ าจาก “TRIATHLON” ซึ่งหมายถึง การแข่งขันไตรกีฬา ต่อเนื่องกัน 3 ประเภท คือ ว่ายน้ำ� ปั่นจักรยาน และวิ่งระยะไกล ซึ่งเปรียบได้กับการทำ�โครงการ จุลนิพนธ์ของนักศึกษาผูท้ ี่ให้ค�ำ มัน่ สัญญาว่าจะ สู้ อดทน และเพียรพยายาม ฝ่าฟันต่ออุปสรรค์ ที่ถาโถมเข้ามาตลอดระยะเวลาการทำ�โครงการ จุลนิพนธ์ ซึ่งเปรียบได้กับการแข่งขันกีฬาไตร กีฬา โดยเริ่มต้นตั้งแต่การแข่งขันกีฬา ประเภท แรก คือการว่ายน้ำ�เสมือนเป็นการแหวกว่าย ค้นหาแนวทางต่างๆ เพื่อนำ�มากลั่นกรองเป็น แนวความคิด ทีส่ ามารถตอบโจทย์ของปัญหาได้ จริงต่อด้วย การปั่นจักรยาน เป็นกีฬาประเภท ที่ ส องที่ ผู้ เ ข้ า แข่ ง ขั น จะต้ อ งลงแข่ ง ซึ่ ง เปรี ย บ เสมือนการใช้ความรู้ความสามารถที่มีมาเป็น ตัวช่วย ไม่ว่าจะเป็นความรู้ด้านการออกแบบ ความรู้ทางด้านโปรแกรมเมอร์ และฐานข้อมูล มาประยุกต์ ใช้ ให้สอดคล้องกับแนวทางแก้ ไข ปัญหาที่จะทำ�ให้ผลงานเกิดประสิทธิภาพสูงสุด จนมาถึงกีฬาประเภทสุดท้าย ก็คือการวิ่ง จุด สิ้นสุดของผู้เข้าแข่งขันที่จะนำ�ไปสู่เส้นชัย ซึ่งเป็น ขั้นของการพัฒนาชิ้นงานให้สามารถใช้งานได้ จริงและก่อให้เกิดประโยชน์ต่อกลุ่มเป้าหมายที่ ได้วางแผนไว้ ในข้างต้น แน่นอนว่ากว่าที่ผู้เข้า แข่งขันนั้นจะสามารถผ่าน บททดสอบของกีฬา ในแต่ละประเภทไปได้นนั้ จะต้องใช้ทงั้ ความอดทน และความเพียรพยายามเป็นอย่างมากถึงแม้ ใน บางครั้งผู้แข่งขันจะเหนื่อยล้าแต่หากมีจิตใจที่ พร้อมจะสู้ ก็สามารถที่เอาชนะอุปสรรคต่างๆ ทีเ่ ข้ามาได้ ซึง่ บททดสอบเหล่านีก้ น็ บั ได้วา่ เป็นบท ทดสอบทีส่ �ำ คัญอีกอย่างหนึง่ ทีแ่ สดงให้เห็นว่า นักศึกษาเหล่านี้มีความเข้มแข็ง มานะพยายาม และมีความอดทนตลอดระยะเวลาที่ยาวนานถึง 243 วัน จนได้เข้าสูเ่ ส้นชัย ความอดทน คือพลัง สำ�คัญที่จะพลักดันให้ถึงความสำ�เร็จ
บทนำ�
INT RO DU CT IO N
“ OATHLON ” is the word that sound same as oat-thon in Thai language. The meaning of oat-thon is the way to be success. The meaning of “OATH” is something declared or promised. And “THLON” come from the word of “TRIATHLON” the meaning is a multiple-stage competition involves swimming, cycling, and running in immediate succession over various distances. the real meaning of “OATHLON” like the real life of senior student who promise to ourselves to keep fighting, keep going, be strong and don’t give up while we running our senior project. At first we have to search a topic of the problem like we are swimming. Second we have to use a special skill such as design, coding and special knowledge to solving the problem that we choose. So this special skill is like we are cycling. Third we are running this project to be success. We take 243 days and finally we so proud to present our senior project. The solution of the problem with the truth. Cyclists The second type is a sport where contestants must compete in a virtual three-car use the knowledge that has come to the rescue. Whether the knowledge of the design. Knowledge of programmers And database applications In accordance with the solution to make the product. Until the sport is run, the end of the competition will lead to the finish line. The process of developing a product that actually works and can bring benefits to the target groups are planned in the above.ready to fight Was able to overcome the obstacles that come up. These tests, which is considered as a major test. The shows These students are strong effort and patience throughout a long period of 243 days until to the finish line, patience is the key to the power plug to ensure success.
สารจากอธิการบดี ME SSAG E FRO M P RE SIDE NT
ผู้ช่วยศาสตราจารย์ชัยชาญ ถาวรเวช อธิการบดีมหาวิทยาลัยศิลปากร Asst.Prof.Chaicharn Thavaravej President of Silpakorn University
ในศตวรรษที่ 21 เทคโนโลยีสารสนเทศและการสื่อสาร มี บทบาทสำ�คัญมากในโลกที่ความเปลี่ยนแปลงเป็นนิจนิรันดร์ ในทุก เสีย้ ววินาทีของแต่ละวันจะมีนวัตกรรม ถือกำ�เนิดเกิดขึน้ เพือ่ สนองตอบ ความต้องการของมนุษยชาติ และท้าทายขอบเขตการวิวฒ ั นาการของ โลกอย่างต่อเนื่อง มหาวิทยาลัยศิลปากรซึ่งเป็นสถาบันชั้นนำ�ด้านการ ออกแบบเล็งเห็นถึงแนวทางที่จะชี้นำ�ให้หนุ่มสาวเยาวชนรุ่นใหม่ผู้เป็น กำ�ลังสำ�คัญนำ�พาประเทศชาติไปสู่ความเจริญก้าวหน้าในด้านต่างๆ โดยใช้พื้นฐานความรู้ทางเทคโนโลยีสารสนเทศและการสื่อสารเป็นพลัง ขับเคลื่อนที่สำ�คัญ จึงได้วางแผนพัฒนาการเรียนการสอนและสร้าง หลักสูตรที่เป็นอัตลักษณ์สำ�คัญของมหาวิทยาลัยศิลปากร และมุ่งมั่น จัดการเรียนการสอนทางด้านดังกล่าวตลอดมา เป็นระยะเวลากว่า ทศวรรษที่คณะเทคโนโลยีสารสนเทศและการสื่อสาร ได้ผลิตบัณฑิตที่ มีทักษะด้านเทคโนโลยีสารสนเทศและการสื่อสาร ที่เพียบพร้อมไปด้วย ทักษะความรู้ความสามารถทางด้านวิชาการ และทักษะทางด้านวิชาชีพ จนเป็นที่ประจักษ์และยอมรับในวงกว้าง หลักสูตรเว็บเเละสื่อโต้ตอบ สาขาเทคโนโลยีสารสนเทศเพื่อการ ออกแบบ ของคณะเทคโนโลยีสารสนเทศเเละการสือ่ สาร มีเอกลักษณ์ที่ สำ�คัญของการบูรณาการเข้าด้วยกัน ระหว่างศาสตร์ทางด้านเทคโนโลยี สารสนเทศ (Information Technology) และศาสตร์ทางด้านศิลปะ การ ออกแบบ (Art & Design) ซึ่งเป็นอัตลักษณ์สำ�คัญของมหาวิทยาลัย ศิลปากรทีไ่ ม่มสี ถาบันใดเหมือนหรือเทียบเคียงได้ จนทำ�ให้บณ ั ฑิตรุน่ แล้ว รุ่นเล่ามีความรู้ความสามารถรอบด้าน อันเป็นที่ต้องการของวงการ อุตสาหกรรมสร้างสรรค์ด้านนี้ จึงหวังเป็นอย่างยิ่งว่าคณะเทคโนโลยี สารสนเทศเเละการสือ่ สาร จะได้ ให้ความสำ�คัญในการพัฒนาเพือ่ เพิม่ พูน ศักยภาพของบัณฑิตอย่างต่อเนื่องตลอดไป In the 21st century, information and communications technology have a very important role in a world that change is immortal. In every second of each day there will be new innovation for fulfill humanity needs and constantly challenge about scope of the evolution in this world. Silpakorn University is the leading Thai university in the fine arts and design. For young people who wil be mainspring lead the nation to prosperity we seeing how to realizes approach to directing by basic knowledge of information and communications technology is a major driving force.We plan to develop teaching and curriculum identities and commitment to teaching and learning as it was mentioned above.For more than a decade ago Faculty of Information and Communication Technology, We produce graduates who have a skill about Information and fully equipped with the knowledge, technical ability and career based skills. And now it is manifested and broad acceptance. Major of Information Technology for Design (Web and Interactive), Faculty of Information and Communication Technology, They have a unique of integrating together between Information Technology and Art & Design. This is identity of Silpakorn University no Academy of any identical or comparable. As the needs of industry becuase graduates previous generation have a knowledge and versatility. I hope that in the future Faculty of Information and Communication Technology will be consistently focus in produce graduates for development to enhance capacity.
สารจากคณบดี M ESSAGE F R OM DEAN
วิชาเอกเว็บและสื่อโต้ตอบ สาขาเทคโนโลยีสารสนเทศเพื่อ การออกแบบ เป็นแขนงวิชาทีเ่ ป็นกำ�ลังสำ�คัญในการทีจ่ ะช่วยขับเคลือ่ น เศรษฐกิจและสังคมด้านเทคโนโลยีสารสนเทศและการสือ่ สาร ซึง่ เป็นส่วน หนึ่งของการพัฒนาประเทศ เนื่องจากในปัจจุบันเทคโนโลยีสารสนเทศ ได้เข้ามามีบทบาทสำ�คัญในการดำ�เนินชีวิต และธุรกิจต่างๆ คณะวิชา ให้ความสำ�คัญของการผลิตบัณฑิตในสาขาวิชานี้เป็นอย่างมาก มี การปรับปรุงและพัฒนาหลักสูตรการจัดเรียนการสอนให้ก้าวหน้าทัน ต่อเทคโนโลยีที่เปลี่ยนไปอย่างรวดเร็ว รวมทั้งฝึกฝนทักษะการใช้ชีวิต ความเข้มแข็งอดทน ความมุมานะบากบั่นในการแก้ปัญหา เพื่อส่งเสริม และพัฒนานักศึกษาให้สามารถเป็นฟันเฟืองทีม่ ศี กั ยภาพอันไร้ขดี จำ�กัด ยิ่งๆ ขึ้นไป Major of Information Technology for Design (Web and Interactive), Faculty of Information and Communication Technology, This course is important force to help drive the economy and society of information technology and communications as part of developing countries in the next. Nowadays technology has come to have an important role in the daily life and businesses. We pay more attention to make a good graduate student. To promote and development for unlocks the full potential of student and becoming limitless. We improvement and development curriculum for keep updating to the present technology situations.Including life skills training, Hardiness Strenuous endeavor to solve the problem.
อาจารย์มานพ เอี่ยมสะอาด คณบดี คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยศิลปากร Manop Leamsard Dean, Faculty of Information and Communication Technology, Silpakorn University
ประวัติ มหาวิทยาลัยศิลปากร ABOUT SI L PAKORN U NIVE RSIT Y
มหาวิทยาลัยศิลปากรเป็นสถาบัน การศึกษา ระดับอุดมศึกษา แรกเริ ่ ม นั ้ น คือโรงเรี ย นประณี ต ศิ ล ปกรรม สั ง กั ด กรมศิลปากร เปิดสอนวิชาจิตรกรรมและ ประติมากรรมให้แก่ขา้ ราชการและนักเรียนโดย ไม่ ม ี ก ารเก็ บ ค่ า เรี ย น ผู ้ ก ่ อ ตั ้ ง โรงเรี ย น ประณีตศิลปกรรมแห่งนี้ คือ ศาสตราจารย์ ศิลป์ พีระศรี (Corrado Feroci) ชาวอิตาเลียน ซึ่งเดินทางมารับราชการในประเทศไทย ในรัช สมัยพระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว รัชกาลที่ 6 และได้ทำ�การเรียนการสอนเรื่อย มา จนได้รับการยกฐานะขึ้นเป็น มหาวิทยาลัย ศิลปากร เมื่อวันที่ 12 ตุลาคม พ.ศ. 2486 ปัจจุบันมหาวิทยาลัยศิลปากร ได้รับการจัด อันดับ ให้เป็น อันดับ 1 ของมหาวิทยาลัยไทย ในกลุ่ม Arts & Humanities สาขาวิชา Art & Design และติด 1 ใน 5 ของสาขาวิชา Philosophy จากการจัดอันดับโดย QS World University Rankings by Subject ประจำ�ปี 2015 แม้ว่ามหาวิทยาลัยศิลปากรได้ก่อตั้งยาวนาน มาแล้วถึง 73 ปี แต่ก็ยังคงเป็นมหาวิทยาลัย ชัน้ นำ�ทางด้านความคิดสร้างสรรค์ ทีไ่ ม่เพียง โดดเด่น แค่การรักษาศาสตร์และศิลป์ดั้งเดิม แต่ยังสามารถพัฒนาการเรียนการสอนให้ ก้าวทันเทคโนโลยีในปัจจุบันอย่างสร้างสรรค์ มีคุณภาพอย่างยั่งยืน
Silpakorn University is institutions of higher education Before of this is a school of fine arts They teach about Painting and sculpture to students and official. School Fonder by Corrado Feroci, Italians people. He teach student until up to Silpakorn University. In 12 October 1942 Silpakorn University is ranked number 1 of University of Arts&Humanities majoring Art&Design in Thailand and Top 5 of majoring Philosophy from QS World University Rankings by Subject ranked 2015. Even if Silpakorn University was Founded for 73 years but it’s also no. 1 of Creativity. Silpakorn University was famous in primitive art but still can develop learning and teaching scheme to be up-to-date to present technology with creative and high quality way.
วิชาเอกเว็บและสื่อโต้ตอบ คณะเทคโนโลยีสารสนเทศและการสื่อสาร
WE B A ND INT E RACT IVE P RO G RA M FACULTY OF I N F O RMAT IO N AND CO MMU NICAT IO N T E CHNO LO GY คณะเทคโนโลยีสารสนเทศและการสือ่ สาร จัดตัง้ ขึน้ ในขณะที่ ประเทศไทยให้ความสำ�คัญของการนำ�ระบบเทคโนโลยีสารสนเทศและการ สื่อสาร เข้ามาใช้ ให้เกิดประโยชน์มากขึ้น จึงมีความจําเป็นต้องพัฒนา บุคลากรให้มีความรู้ก้าวตามทันเทคโนโลยี ที่มีการพัฒนาอย่างไม่หยุด ยั้งพร้อมกับสามารถประยุกต์ศาสตร์แขนงดังกล่าว ไปใช้งานให้บังเกิด ประโยชน์สูงสุด จึงเล็งเห็นความสําคัญ และมุ่งหวังการผลิตบัณฑิต ในสาขาวิชาที่สามารถประยุกต์ความรู้และมีทักษะเพื่อเป็นบุคคลที่มีบท บาทสําคัญต่อการดาํ เนินงานขององค์กร และเป็นทีต่ อ้ งการของตลาด แรงงาน บนพื้นฐานของการนำ�ศักยภาพที่มีอยู่ของมหาวิทยาลัยมา ประยุกต์ โดยเฉพาะด้านศิลปะทีจ่ ดั อยู่ ในระดับแถวหน้าของมหาวิทยาลัย ในประเทศไทย มหาวิทยาลัยศิลปากร จึงได้พัฒนาโครงการจัดตั้งคณะ เทคโนโลยีสารสนเทศและการสือ่ สาร ซึง่ รับผิดชอบการจัดการเรียนการ สอนขึน้ ณ มหาวิทยาลัยศิลปากรวิทยาเขตสารสนเทศเพชรบุรี เริม่ ดํา เนินการสอนในภาคการศึกษาต้น มาตัง้ แต่ ปีการศึกษา 2546 ใน 3 วิชา คือ สาขาวิชาเทคโนโลยีสารสนเทศธุรกิจ สาขาวิชาเทคโนโลยีสารสนเทศ เพื่อการออกแบบ และสาขานิเทศศาสตร์ เป็นระยะเวลา 13 ปี คณบดี คนปัจจุบนั คือ อาจารย์มานพ เอีย่ มสะอาด สาขาเทคโนโลยีสารสนเทศ เพื่อการออกแบบ วิชาเอกเว็บและสื่อโต้ตอบเอกการออกแบบเว็บและ สื่อโต้ตอบ มุ่งผลิตบุคลากรผู้มีความเชี่ยวชาญทักษะอาชีพ ด้านการ ออกแบบ และด้านเทคโนโลยีสารสนเทศเพื่อตอบโจทย์ความต้องการ ของประเทศที่กําลังก้าวสู่ยุคเศรษฐกิจดิจิทัลอย่างเต็มตัว โดยมีความ รู้ด้านเทคโนโลยีเป็นฟัน เฟืองสําคัญ ในการขับเคลื่อนสาขาวิชาเน้น พัฒนาความรู้ด้านศิลปะการออกแบบ บูรณาการกับองค์ความรู้ด้าน วิทยาศาสตร์คอมพิวเตอร์ ผ่านกระบวนการฝึกฝนทีห่ นักหน่วงทัง้ ภาค ทฤษฎี และปฏิบัติ ทําให้ได้บุคลากรที่มีความสามารถ มีความรู้ที่หลาก หลายรอบด้าน สามารถประยุกต์ใช้องค์ความรู้ ในการสร้างสรรค์ผล งานให้เสร็จสมบูรณ์ ได้ด้วยบุคลากรจํานวนน้อย แต่ได้รับผลงานที่มี คุณภาพสูงสุด
Faculty of Information Communication Technology was founded while Thai people were interested in using information technology systems and communication to gain more benefits. Therefore, it’s necessary to develop people to have knowledge of technology, which is developed continuously, and to be able to apply their knowledge to use in their work to get the most benefit. From reason above, it’s significant to produce graduates in field which can be applied knowledge and skills for work to be the person who can take important responsibilities in the company and to be wanted from the labor markets based on their capabilities, which can be applied, particularly in Arts, which is evaluated in the leading levels of universities in Thailand. Thus, Silapakon University has been developed the projects and provides the faculty of information technology and communications. Silapakon University is responsible for teaching at Silapakon University Petchaburi campus in 2003 including three majors: technology for business, technology for design, and communication arts. Silapakon University has taught for 13 years. The present dean of faculty is Manop Eaemsaard. Faculty of Information Communication and Technology (ICT), major of web and interactive design aims to produce personnels who have their proficiency in designing and information technology to reply the demand of our country that is in digital economy. A knowledge of technology is a main factor of developing a knowledge of art and design, and integrating a knowledge of computer science. The students have to pass the practice procedures - both theory and observations to get personnels who have abilities and knowledge variously, and to be able to apply their knowledge to create the perfect works with less people.
หลักสูตรเทคโนโลยีสารสนเทศเพื่อการเพื่อการออกแบบ วิชาเอกเว็บและสื่อโต้ตอบ
freshman
sophomore
junior
senior
WEB AN D I NTERACT IVE P RO G RA M O U T LINE
ART & DESIGN
SCIENCE & TECHNOLOGY
BASIC COURSE
802101 DRAWING FOR INFORMATION TECHNOLOGY I (2) 802104 COMPUTER GRAPHICS AND DESIGN I (4) 802105 COMPUTER GRAPHICS AND DESIGN II (4) 802201 VISUAL ART FOR INFORMATION TECHNOLOGY I (2)
084103 COMPUTER,INFORMATION TECHNOLOGY AND COMMUNICATION (3) 800111 COMPUTER PROGRAMMING FOR INFORMATION TECHNOLOGY I (3) 800112 COMPUTER PROGRAMMING FOR INFORMATION TECHNOLOGY II (3) 800113 MATHEMATICS FOR INFORMATION TECHNOLOGY I (3) 800114 MATHEMATICS FOR INFORMATION TECHNOLOGY II (3) 801101 BASIC DATA STRUCTURES AND ALGORITHMS (3) 802109 OBJECT ORIENTED DESIGN FOR MULTIMEDIA (3)
081102 ENGLISH FOR EVERYDAY USE (3) 081101 THAI FOR COMMUNICATION (3) 800306 COMPUTER ASSEMBLY AND MAINTENANCE (3) 083104 SPORT EDUCATION (3)
800101 HISTORY OF DESIGN AND TECHNOLOGY (3) 802206 WEB AND INTERACTIVE MEDIA DESIGN I (3) 802207 WEB AND INTERACTIVE MEDIA DESIGN II (3) 802211 PRE-PRODUCTION FOR MULTIMEDIA (3) 802208 USER INTERFACE DESIGN (3)
800115 PHYSICS FOR INFORMATION TECHNOLOGY (3) 801301 APPLICATION SOFTWARE DEVELOPMENT FOR INFORMATION TECHNOLOGY I (3) 800203 CHEMISTRY FOR INFORMATION TECHNOLOGY (3)
800201 ENGLISH FOR INFORMATION AND COMMUNICATION TECHNOLOGY I (3) 800202 ENGLISH FOR INFORMATION AND COMMUNICATION TECHNOLOGY II (3) 800117 BASIC ECONOMICS FOR INFORMATION TECHNOLOGY (3) 082104 WORLD CIVILIZATION (3) 800305 BASIC SILK SCREEN PRINTING (2) 800307 BASIC DIGITAL PHOTOGRAPHY (2)
802322 WEB AND INTERACTIVE MEDIA DESIGN III (3) 802323 WEB AND INTERACTIVE MEDIA DESIGN IV (3)
800204 BIOLOGY FOR INFORMATION TECHNOLOGY (3) 802309 INTERNET DATABASE SYSTEMS (3) 802314 WEB DEVELOPMENT USING JAVA (3) 802310 INTERNET TECHNOLOGY (3) 802315 RESEARCH METHODOLOGY FOR INFORMATION TECHNOLOGY (3) 802329 ADVANCED WEB PROGRAMMING (3)
800206 ORGANIZATION AND MANAGEMENT FOR INFORMATION TECHNOLOGY BUSINESS (3) 083102 PSYCHOLOGY AND HUMAN RELATIONS (3) 800205 MARKETING PRINCIPLES FOR INFORMATION TECHNOLOGY BUSINESS (3) 801308 PROJECT ASSESSMENT (3) 801312 BASIC ACCOUNTING FOR INFORMATION TECHNOLOGY (3) 802307 PRACTICUM (320 HR.)
802311 DESIGNING MEDIA FOR INFORMATION TECHNOLOGY (3)
802408 SENIOR PROJECT PREPARATION (1) 802410 COMMUNICATION DEVICE APPLICATION DEVELOPMENT (3) 802417 SELECTED TOPICS IN INFORMATION TECHNOLOGY I (3) 802409 SENIOR PROJECT (4)
801304 E-BUSINESS (3) 802407 SEMINAR (3) 801306 LAWS AND ETHICS FOR INFORMATION TECHNOLOGY (3) 802330 INFORMATION BUSINESS MANAGEMENT (3) 803203 PRESENTATION TECHNIQUES (3)
WEB STORY
บทสั มภาษณ์ T HE INT E RVIE W
อาจารย์ประธาน ด่านสกุลเจริญกิจ
ตำ�แหน่ง : กรรมการผู้จัดการ และโค้ชการพัฒนาซอฟต์แวร์ด้วยแอจไจล์ (Agile) บริษัท สยามชำ�นาญกิจ จำ�กัด Mr. Pathan Dansakuljaruankit MD and Agile Coach/ Siam Chamnankit Co., Ltd
จุดเด่น หรือ จุดด้อย ของการเรียน การสอนของวิชาเอกเว็บและสื่อโต้ตอบ เป็นอย่างไร ? What do you you think about strengths point and weakness point of learning and teaching in Faculty of Information and Communication Technology ?
ความประทับใจในการตรวจจุลนิพนธ์ ? What is your impression of examination senior project ?
การเชิ ญ ผู้ เชี่ ยวชาญและผู้ชำ�นาญการจาก ภายนอกเข้ามาเป็นอาจารย์ทปี่ รึกษานัน้ ช่วยให้ นักศึกษาได้รบั ประสบการณ์ตรงจากท่านเหล่า นัน้ และในเวลาเดียวกันก็ได้สมั ผัสประสบการณ์ ตรงที่ใกล้เคียงกับการทำ�งานเมือ่ จบการศึกษา ออกไป ซึ่ ง สิ่ ง ที่ นั ก ศึ ก ษาแต่ ล ะคนได้ รั บ มา จากอาจารย์ที่ปรึกษานั้นมิใช่เพียงแค่เ ทคนิค หรือวิธีการเพื่อทำ�ให้ชิ้นงานจุลนิพนธ์เสร็จ เท่ านั้ น ในเวลาเดี ยวกันก็ได้รับการส่ง มอบ ประสบการณ์ชีวิตและคำ�สอนไปพร้อมๆ กัน The Invitation of outsourcing a specialist to become an adviser it help students to seek new experience directly from them. Meanwhile they can touch of new experience directly like a real work when they graduate. The thing they will recieve after they finish the project is not only about technical or how to finish them project from adviser. In addition they will pass on life experience too.
ส่วนตัวผมมีโอกาสได้เข้าร่วมเป็นอาจารย์ที่ ปรึกษาจุลนิพนธ์ของนักศึกษาชั้นปีที่ 4 ซึ่ง จุ ด เด่ น ที่ ผ มชอบมี ดั ง นี้ การออกแบบซึ่ ง มี ที่มาที่ไป การเลือกใช้สีที่เหมาะสมกับกลุ่มผู้ ใช้ งานที่เป็นกลุ่มเป้าหมาย การตรวจความคืบ หน้าของจุลนิพนธ์ในทุกๆ เดือน เพื่อช่วยให้ นักศึกษานำ�ผลงานมาเสนอและรับคำ�แนะนำ� กลับไปเพื่อพิจารณาในการปรับปรุงพัฒนา ในส่วนของจุดด้อยนั้น หัวข้อของจุลนิพนธ์ นั้ น ยั ง ไม่ ค่ อ ยมี อ ะไรแปลกใหม่ ม ากขึ้ น นั ก ใน หลายๆ ปีที่ได้ร่วมเป็นที่ปรึกษา ทักษะในส่วน ของการวิเคราะห์ ออกแบบและวางแผนเพื่อ พัฒนาและส่งมอบของตัวนักศึกษานั้นยังมีไม่ มากพอ และหลายๆ ครั้งเป็นหนึ่งในปัญหาที่ นักศึกษาตีโจทย์ที่ตนเองกำ�ลังพบไม่แตก ซึ่ง ส่วนตัวผมนั้นมองว่าเป็นทักษะที่จะต้องใช้อยู่ ตลอดเมือ่ จบการศึกษาและเมือ่ ออกไปทำ�งาน“ Personally, I have a chance to be advisor of 4th year students. My favorites strengths point as follows: They have a story of design, How to select colors for target. Every month we have monitoring progress of senior project. For helps ours student when they come to present and we will have a suggestion to them for improve and develop again. Weakness point All the time ago i join to be a advisor and i think a topic of senior project don’t have a innovative. A student There are don’t have more enough about skill of analysis, design and planning for development. Often of this it’s been the problem they don’t know what the problem of they are. Personally i think those of skill must always solve the problem it untill you go out to work.
ความประทับใจในการตรวจจุลนิพนธ์ ? What is your impression of examination senior project?
ความประทั บ ใจในการตรวจจุ ล นิ พ นธ์ มี 3 อย่างด้วยกัน อย่างแรกคือประทับใจในความ พยายามของนั ก ศึ ก ษาในการทำ � จุ ล นิ พ นธ์ บางคนเริ่มจาก 0 ขยับจนไปถึง 100 กล่าว คื อ บางคนไม่ รู้ เ รื่ อ งการโปรแกรมเลย แต่ ต้ อ งมาทำ � จุ ล นิ พ นธ์ ที่ มี โ ค้ ด ที่ ตั ว เองต้ อ ง มาเริ่มศึกษาใหม่หมด ประการที่สองคือตัว อาจารย์ ได้ถ่ายทอดประสบการณ์และความ รู้ ให้แก่ตัวนักศึกษา และประการสุดท้ายคือได้ เจอบุคลากรที่มีความรู้ความสามารถ อยู่ ใน วงการเกี่ยวกับสิ่งที่นักศึกษาเรียนมาจริงๆ มาถ่ายทอดความรู้ ให้แก่นักศึกษา อาจารย์ ประทับใจในความเสียสละของพวกเขามากๆ 3 things of my impression in examination, Firstly i impression in them efforts to do senior project some people start from 0 increase to 100. In addition some people of them don’t have a knowledge about programming but they must be coding it by themself from begining. Secondly professor pass on experience and knowledge to student. Lastly they have found the personnel who had a knowledge and talented in the same industry to share about things they had learned. I impression in sacrifice of them.
สิ่งที่อยากให้ปรับปรุง? What you want to improve?
สิ่ ง แรกเลยคื อ อยากให้ นั ก ศึ ก ษาปรั บ ปรุ ง ตัวเองให้มีความกระตือรือร้น ขวนขวายให้ มากกว่ า นี้ นั ก ศึ ก ษาควรจะพั ฒ นาตั ว เอง เพราะถ้าออกไปทำ�งานแล้วแล้วคงไม่มีใครมา สอนเราเหมือนในมหาวิทยาลัยแล้ว นักศึกษา จึงควรพัฒนาให้ได้ตลอด Firstly, for enthusiastic of these students i want to see they doing themself-improve, earned more. Because if they go out to working in the real world no people teaching you like when you lived in university. These student should improve-themself always.
อาจารย์จุลดิษฐ์ สันติธรณี
ตำ�แหน่ง : ผู้จัดการทั่วไป บริษัท ดิจิโทโปลิส จำ�กัด Mr.Junladit Santithorranee GM (General Manager)/ Digitopolis Co., Ltd.
จุดเด่น หรือ จุดด้อย ของการเรียน สอนของวิชาเอกเว็บและสื่อโต้ตอบเป็น อย่างไร ?
What do you you think about strengths point and weakness point of learning and teaching in Faculty of Information and Communication Technology ?
อาจารย์คิดว่า ถ้าถามถึงเรื่องจุดเด่นหรือจุด อ่อนของคณะนั้น ทั้งสองอย่างนี้คงเป็นสิ่ง เดียวกัน รวมอยู่ด้วยกัน กล่าวคือ จุดเด่นคือ การให้นกั ศึกษามีความรอบรู้ รูท้ กุ อย่าง ไม่วา่ จะเป็นด้านโปรแกรมมิ่ง การเขียนโค้ด หรือจะ เป็นด้านการออกแบบ User Interface, User Experience หรือด้านการทำ� Tester และการ ทำ� Presentation ซึ่งตัวนักศึกษาเองสามารถ ทำ�ได้หมด รู้พื้นฐานการทำ�ของแต่ละอย่าง แต่ ในขณะเดียวกันมันก็เป็น เหมือนดาบสองคม มันสามารถเป็นจุดด้อยได้เหมือนกัน คือมัน เหมือนจะทำ�ให้นักศึกษาทำ�เป็นทุกอย่างก็จริง แต่ไม่สามารถรู้ลึก รู้จริง ไม่เน้นไปทางใดทาง หนึ่ง เช่น นักศึกษาสามารถสามารถพัฒนา แอปพลิเคชันขึ้นมาได้ แอปพลิเคชันสามารถใช้ งานได้ แต่ถา้ มองไปทางด้านการโปรแกรมหรือ การออกแบบอย่างใดอย่างหนึง่ แล้วมันอาจจะ ออกมาไม่สมบูรณ์แบบมากนัก ดังนั้นจึงต้อง มองภาพรวมของแอปพลิเคชันนั้นๆ แต่ส่วน ตัวแล้วมองว่า หลักสูตรดีแล้ว แต่ทุกอย่าง ล้วนขึ้นกับตัวนักศึกษา 70% เลย นักศึกษา มีพื้นฐานหมดทุกอย่าง อยู่ที่ตัวนักศึกษาเอง ว่าอยากจะเน้นทางไหน เพราะว่าถ้าหลักสูตร ของคณะดีแค่ไหน แต่ตวั นักศึกษาเองไม่พฒ ั นา ไม่ ใส่ ใจก็ไม่สามารถประสบความสำ�เร็จได้ ซึ่ง สุดท้ายแล้วจุดเด่นหรือจุดด้อยของการเรียน การสอนของที่ นี้ มั น ขึ้ น อยู่ กั บ มุ ม มองของ แต่ละคนที่จะมอง If you ask me about strengths point and weakness point in faculty both of thing this is the same thing. That is to say strengths point is these students have a knowledge they know everything whether it be programming knowledge, coding or designing of user interface, user experience, Tester and Presentation. They can do everything and they have a base knowledge to do that. But it’s a double-edged sword. As the same it make to be weakness point. They know about thing what they must to do and can make everything but not deeply they don’t focus one way or another eg. These students can develop application this application is work but if you see in programming side or designing side this it not perfect much.So we should holistic about this applicaion. Personally i think curriculum is good now. They have a base of knowleadge but this it depends on student around 70% what the way they want to focus. Because if no matter of good curriculum but they don’t improve themself and care about themeself. They can’t triumphantly. Finally strengths point or weakness point it depends on many different points of view.
สารบัญ TABLE O F CO N TE N TS
HISTORY
Michelangelo PAGE Chalermchai Kositpipat
MO BILE
APPLICATION
PAGE
16 ผลงาน
HISTORY
Charles Darwin Elon Musk
WEB
PAGE
APPLICATION
PAGE HISTORY
11 ผลงาน
Mahajanaka Ratchanok Intanon
PAGE
INTER ACTIVE MEDIA PAGE
5 ผลงาน
แอปพลิเคชัน The meaning of application
ประเภทของ แอปพลิเคชัน Type of application
คือ โปรแกรมอำ�นวยความสะดวกในด้านต่างๆ ที่ออกแบบมาสำ�หรับแท็บเล็ตโดยเฉพาะ ซึ่งใน แต่ละระบบปฏิบัติการจะมีผู้พัฒนาแอปพลิเค ชันขึ้นมามากมายเพื่อให้ตรงความต้องการ ของผู้ ใช้ Software facilitates various fields. Designed specifically for tablets . Each operating system has developed an application up to meet the needs of many users .
อัตราการเพ่มิ ขึ้น ของจํานวนแอป ใน app store Statistics of application
Year 2011 : 500,000 apps Year 2012 : 700,000 apps Year 2013 : 800,000 apps Year 2014 : 1.2 million apps Year 2015 : 1.5 million apps
-
ที่มา: มหาวิทยาลัยราชภัฏมหาสารคาม, 2011 th.wikipedia.org statista.com/
โมบายแอปพลิเคชัน จะแบ่งออกเป็น 3 ประเภทคือ - Native Application คือ แอปพลิเคชันที่ ถูกพัฒนาด้วย Library (ชุดคำ�สั่ง) หรือ SDK (เครือ่ งมือทีเ่ อาไว้ส�ำ หรับพัฒนาโปรแกรมหรือ แอปพลิเคชัน) ของ OS Mobile(ระบบปฏิบตั กิ าร) นั้นโดยเฉพาะ - Hybrid Application คือ แอปพลิเคชันที่ ถู ก พั ฒ นาขึ้ น ด้ ว ยจุ ด ประสงค์ ที่ ต้ อ งการให้ สามารถใช้งานได้ทุกระบบปฏิบัติการ โดยจะใช้ Framework(ชุดคำ�สัง่ ) เพือ่ ช่วยในการพัฒนา แอปพลิเคชัน Hybrid application - Web Application คือ แอปพลิเคชันที่ถูก เขียนขึ้นมาเพื่อเป็น Browser สำ�หรับการใช้ งานเว็บเพจต่างๆ ซึ่งถูกปรับแต่งให้แสดงผล แต่ส่วนที่จำ�เป็น เพื่อเป็นการลดทรัพยากรใน การประมวลผลของสมาร์ทโฟน หรือแท็บเล็ต ซึง่ จะช่วยให้สามารถโหลดได้ไวมากขึน้ อีกทัง้ ผู้ ใช้งานยังสามารถใช้งานผ่านอินเทอร์เน็ต และ อินทราเน็ตความเร็วต่ำ�ได้ Mobile application is divided into 3 categories - Native application: This application developed for use in OS mobile - Hybrid application: developed for improve other application - Web application: This application developed for use in browser
SPONSORED BY สนับสนุนโดย
ผลงาน
MO BILE
APPLICATION
ไมเคิลแองเจโล ศิลปินผู้ตรากตำ�ชีวิต เอาชนะคำ�สบประมาท Michelangelo The pounding beat of life, the artist branded an insult.
ภาพ : biography.com
ไมเคิลแองเจโล หรือ มีเกลันเจโล ดี โลโดวีโก บูโอนาร์โรตี ซีโมนี เกิดเมื่อ 6 มีนาคม ค.ศ. 1475 และเสียชีวิตเมื่อ 18 กุมภาพันธ์ ค.ศ. 1564 ในวัย 88 ปี ไมเคิลแองเจโลคือ ประติมากร, จิตรกร, สถาปนิก และกวีผู้ยิ่ง ใหญ่ ในยุคทองสมัยยุคฟื้นฟูศิลปวิทยาการ (Renaissance) ราวคริสต์ศตวรรษที่ 14 ถึง 17 บิดาของเขา มีความต้องการให้ที่จะไมเคิล แองเจโลรับราชการ แต่ด้วยความมุ่งมั่นและมี ความสนใจอย่างแน่วแน่ต่อศิลปะ ไมเคิลแอง เจโลจึงได้ทำ�การศึกษาและสร้างสรรค์ผลงาน ทางศิลปะมากมาย ซึ่งในยุคนั้นไมเคิลแองเจโล ถือเป็นศิลปินคู่แข่งคนสำ�คัญของดาวินชี ถึง แม้ว่าเขาจะมีอายุน้อยกว่าดาวินชีถึง 23 ปี แต่ หากพูดถึงเรื่องฝีมือของผลงานแล้ว ไมเคิล แองเจโล ก็ถือว่าเป็นบุคคลที่มีฝีมือทัดเทียบ กับดาวินชีได้แม้ว่าพวกเขาทั้งคู่จะเป็นคู่แข่งกัน แต่ดว้ ยความรูแ้ ละความสามารถทีแ่ ตกต่างกัน ออกไปคนละด้าน จึงทำ�ให้ไมเคิลแองเจโล ได้ รับคำ�สบประมาท แต่ก็ไม่ได้ทำ�ให้เขาย่อท้อต่อ คำ�สบประมาทที่มีเหล่านั้น เขาได้สร้างผลงาน มากมายจนเป็นทีย่ อมรับ และมีชอื่ เสียงในเวลา ต่อมา เช่นเดียวกัน ผลงานทีโ่ ดดเด่นของไมเคิล แองเจโล ได้แก่ประติมากรรมรูปสลัก เดวิด, ประติมากรรมหินอ่อน ปีเอตะ (Pieta), ภาพ คำ�พิพากษาครั้งสุดท้าย (The Last Judgment) ไมเคิ ล แองเจโลแสดงให้ เ ห็ น ถึ ง ความมุ่งมั่น โดยเริ่มตั้งแต่การที่เขาได้แสดง เจตนารมณ์อย่างชัดเจนที่ต้องการจะศึกษา ทางด้านศิลปะตั้งแต่ตอนเด็ก หรือแม้กระทั่ง ในตอนที่เขาได้ก้าวเข้ามาเป็นศิลปินแล้ว ไม่ว่า เขาจะโดนดูถูก ได้รับคำ�สบประมาท และการ เปรียบเทียบมากมาย แต่ว่าเขาก็ยังมีความมุ่ง มั่นที่จะสร้างผลงานศิลปะที่เขาชื่นชอบต่อไป จนในที่สุดเขาก็กลายเป็นที่ยอมรับและประสบ ความสำ�เร็จ
Michael Angelo or a Michelangelo Lopez Vico Indonesia Roti Abu Leonard C. Moni was born on March 6 1475 and died on 18 February 1564 at the age of 88 years. Michael Angelo is a sculptor, painter, architect and poet. His father of Michael Angelo want him to work in the government service. But with determination and unwavering attention to art. Michael Angelo has conducted studies and creative works of art. So Michael Angelo is the artist ‘s rival Vinci. Although he is younger than 23 years old. The outstanding work of Michael Angelo such as sculpture of David , Piet, The Last Judgment. Michael Angelo has clearly intention to study the arts since he was a child. When he become the artist. He also got a lot of comparing but he still continue to creating a work of art. Eventually, he became successful.
อาจารย์เฉลิมชัย โฆษิตพิพัฒน์ ศิลปินไทยแห่งชาติ ผู้มีฝีมืออยู่เหนือกาลเวลา
Chalermchai Kositpipat Thailand National Artist Those skilled timeless.
อาจารย์ เ ฉลิ ม ชั ย โฆษิ ต พิ พั ฒ น์ ศิลปินแห่งชาติ สาขาทัศนศิลป์ (จิตรกรรม) ประจำ�ปี 2554 เกิดเมื่อวันที่ 15 กุมภาพันธ์ 2498 ปัจจุบันอายุ 61 ปี ช่วงชีวิตในวัยเด็ก ของอาจารย์เฉลิมชัยอาศัยอยู่ที่หมู่บ้านเล็กๆ ฐานะทางบ้านยากจน ไม่มีไฟฟ้า ชื่อหมู่บ้าน ร่องขุน่ จังหวัดเชียงราย อาจารย์เฉลิมชัย เคย กล่าวว่าในวัยเด็กตนค่อนข้างเกเร และดื้อ แต่ ชื่นชอบการวาดรูปมากตั้งแต่จำ�ความได้ เป็น คนที่เรียนหนังสือไม่ค่อยเก่ง ไม่ชอบเรียนวิชา อื่น สมุดเรียนมีแต่รูปวาดทั้งเล่ม แต่หลังจาก ที่ได้เข้าเรียนที่โรงเรียนดรุณศึกษา ตนรู้สึก ดีใจมาก เพราะจะได้ ไปดูนักวาดรูปเขียนรูปที่ โรงหนัง ซึ่งอาจารย์เฉลิมชัยมักไปที่โรงหนัง เป็นประจำ�ทุกวันหลังเลิกเรียน โดยไปช่วยนัก วาดรูปเหล่านั้นล้างพู่กันบ้าง ซื้อโอเลี้ยงบ้าง จนได้เข้ามาวาดรูปตัวประกอบด้วย จากนั้น อาจารย์เฉลิมชัยจึงตัง้ เป้าทีจ่ ะเข้าเรียนเพาะช่าง และมหาวิทยาลัยศิลปากรให้ได้ เมือ่ เข้าเรียนได้ สำ�เร็จ ก็สามารถเรียนได้อย่างดีเยี่ยม จนได้ รับรางวัลเหรียญทอง จากการประกวดงาน ระดับชาติ ในสมัยที่ยังเรียนอยู่ชั้นปีที 4 หลัง จากทีส่ �ำ เร็จการศึกษาภาคศิลปไทยเป็นรุน่ แรก อาจารย์เฉลิมชัยก็ได้ตั้งเป้าหมายของชีวิตไว้ ว่าจะเป็นศิลปินสร้างงานศิลปะไปจนตาย และ เมื่อครั้งที่ไปประเทศอังกฤษ ได้เห็นโบสถ์ที่วัด ไทย ในกรุงลอนดอน ตนรูส้ กึ เกิดความศรัทธา จึงเสนอตัวเพือ่ ขอเขียนรูปถวายเป็นพุทธบูชา โดยไม่คิดค่าจ้างร่วมกับเพื่อนรุ่นน้อง แม้จะ ต้องอยูท่ า่ มกลางความยากลำ�บากต่างๆ นาๆ หลังจากนั้นอาจารย์เฉลิมชัยก็ได้กลับมาเริ่ม ต้นชีวิตที่เมืองไทย ด้วยเงินที่เหลือติดกระเป๋า เพียง 4000 บาท แต่ด้วยฝีมือการวาดภาพ ที่เข้าขั้นอัจฉริยะซึ่งมาจากการฝึกฝนตั้งแต่ เด็ก จึงสามารถทีจ่ ะทำ�เงินได้ภายในเวลาอันสัน้
อาจารย์เฉลิมชัยเริ่มหันหน้าเข้าสู่ธรรมะ หลัง จากนั้นอาจารย์เฉลิมชัย ก็ได้มีโอกาสถวาย งานรับใช้พระบาทสมเด็จพระเจ้าอยู่หัว และ รู้สึกว่าชีวิตนี้พร้อมจะถวายจึงอยากจะสร้าง งานซักชิ้นไว้คู่พระบารมี จนเมื่อครั้งที่กลับไป ที่วัดร่องขุ่นซึ่งตอนนั้นมีสภาพทรุดโทรมมาก จึงอยากจะสร้างวัดร่องขุน่ ด้วยศิลปะสมัยใหม่ จากนัน้ ได้ลงมือก่อสร้างตัง้ แต่ 2540 จนได้รบั รางวัลและปริญญากิตติมศักดิ์มากมาย อาจารย์เฉลิมชัย แสดงให้เ ห็นถึง การแสดงเจตนารมณ์ที่มุ่งมั่น และศรัทธาต่อ ความชื่นชอบของตน โดยที่อาจารย์เฉลิมชัย ได้ ใช้ความเพียรพยายามของตนทำ�ตามความ ฝันที่ตนมุ่งมั่นจนประสบความสำ�เร็จในที่สุด
Chalermchai Kositpipat is the national artist for visual arts (Painting), 2011. He was born on February 15, 1845. now he is 61 years old, When he was young Chalermchai living in a poor village name Rong Khun in Chiang Rai. He said that he like drawing a lot. But about his study was not very good, When he study at Darunsuksa school he feel very happy because he can saw when the artist painting at the cinema. So Chalermchai often go to the cinema every day after school finished . He help the artist by clear some brush. Buy some coffee.When he study at Silpakorn university. He won a gold medal of The national contest when he study at years 4th. After his graduation in Arts. Chalermchai want to be an artist to create a work of art until he die. When he go to England. He saw a Thai Churches.So he offer him self to painting free pictures for the Buddha. When he comeback to Thailand. He improve Rong Khun temple with the modern arts .
ภาพ : thaigoodview.com 4
Exercise Guide for Women by Exercise Machine in Fitness Centre Application on Mobile Device in iOS Operating System แอปพลิเคชันแนะนำ�การออกกำ�ลังกายโดยใช้อุปกรณ์ภายในฟิตเนสสำ�หรับผู้หญิง บนโทรศัพท์เคลื่อนที่ ระบบปฏิบัติการไอโอเอส
Design & Development By น.ส.กมลชนก ก้อนหิน ID 13550087
Tel : 080-0567536 Email : firsttime263@gmail.com Facebook : fb.com/F1rstPluz Line ID : firstpluz
GFit แอปพลิเคชันแนะนำ�การออกกำ�ลังกายโดยใช้อุปกรณ์ภายในฟิตเนสสำ�หรับผู้หญิง ผู้ ใช้งานสามารถเลือก ออกกำ�ลังกายเพื่อลดส่วนเกิน ได้ตาม VDO ที่แนะนำ� โดยได้จัดแยกเป็นหมวดหมู่ไว้ ให้ ตามความเหมาะสมจาก ข้อมูลสุขภาพของผู้ ใช้งาน The Gift App recommend how to execise by equipment in fitness center. You can select workout videos for burning. We separate category from all your health data.
MOBILE APPLICATION
import UIKit class specificPostViewController: UIViewController, UITableViewDataSource, UITableViewDelegate { var pLis [String] = [] varpName:String = “”let manager = WorkoutDataSource()var workouts = []@IBOutlet weak var tableView: TableView! @IBOutlet weak var imageView: UIImageView!override func viewDidLoad() {super.viewDidLoad() self.tableVi delegate = selfself.tableView.dataSource = self self.workouts = manager.getWorkOuts() } func tableView(tableVi UITableView, numberOfRowsInSection section: Int) -> Int { return self.workouts.count } func numberOfSections ableView(tableView:UITableView) -> Int {return 1} func tableView(tableView: UITableView, cellForRowAtIndexPath indexP NSIndexPath)->UITableViewCell {let workout = self.workouts[indexPath.row] as? Workout let cell = tableView.dequeueReu bleCellWithIdentifier(“Cell”) as? workoutCell! cell!.textCell?.text = workout?.title cell!.backgroundColor = workout?.color c
Visual Design
THINKING & IMPLEMENT MAP
เน้นการออกแบบให้ดูมีความสดใส ใช้งานง่าย เพื่อสื่อถึงความเป็นผู้หญิงจึง เลือกใช้สีชมพู นอกจากนี้เพื่อแสดงถึงความแข็งแรง แข็งแกร่ง จึงใช้สีเทาที่สื่อถึง อุปกรณ์ ภายในฟิตเนสที่ส่วนใหญ่จะเป็นสีเงิน สีดำ� สีโลหะ Firstly thinking about user. They must can easy to use it, have a feeling like a cheer- fulness. For looking feminine use pink tone. In addition to have a strength and strong because most fitness have a equipment we use a gray color, sliver color and black color together.
Target Groups เพศหญิง วัยทำ�งาน อายุตั้งแต่ 25-35 ปี ที่ต้องการมีสุขภาพแข็งแรง มีพลังงาน ที่ล้นเหลือและมีความกระตือรือร้น มีเงินเดือนตั้งแต่ 25,000 บาทขึ้นไป สามารถ มีเวลาว่างเข้าฟิตเนสได้ Woman in the workforce / Age 25-35 years old /For any women who wants to have a good health. They were an energetic,active and enthusiastic person.They received a salary around 25,000 Baht++. Have a time to go Fitness Center
Visual Design Target Groups Features
Features Recommend แนะนำ�การออกกำ�ลังกายที่ใช้อุปกรณ์ภายในฟิตเนส Recommend how to use equipment and workout with it.
Core Value
Make your transform เลือกภาพและแสดงถึงความเปลี่ยนแปลงของรูปร่างของคุณได้ Select image and see what transfigure of your body.
History ดูข้อมูลและสถิติในการออกกำ�ลังกาย See history and data from your workout. +More features
Core Value เพราะเราอยากเห็นผู้หญิงทุกคนสุขภาพแข็งแรง We wanna see women all around the world have a good 6
Microcontroller Bicycle Turn Signal Application แอปพลิเคชันขอสัญญาณไฟเลี้ยวจักรยานผ่านไมโครคอนโทรลเลอร์
Design & Development By นายกรวิท ชาญวิรวงศ์ ID 13550090
Tel : 081-6847307 Email : koravitman005@gmail.com Facebook : fb.com/koravit.chanvilavong
เป็นแอปพลิเคชันที่ส่งเสริมการปั่นจักรยานอย่างปลอดภัย โดยตรวจจับการใช้สัญญาณมือในการเลี้ยว รถจักรยานผ่านเซนเซอร์ในโทรศัพท์และ ประเมินความเสี่ยงในการใช้จักรยานบนท้องถนน Is an application that promotes cycling safety. By detecting hand signals to turn the bike. use sensors in the device and risk assessment of bike on a road
MOBILE APPLICATION
var startTime = NSTimeInterval()func updateTime() { var currentTime = NSDate.timeIntervalSinceReferenceDate() //Find the differe between current time and start time. var elapsedTime: NSTimeInterval = currentTime - startTime//calculate the minutes in elapsed ti let minutes = UInt8(elapsedTime / 60.0) elapsedTime -= (NSTimeInterval(minutes) * 60)//calculate the seconds in elapsed ti let seconds = UInt8(elapsedTime)elapsedTime -= NSTimeInterval(seconds)//find out the fraction of milliseconds to be display let fraction = UInt8(elapsedTime * 100)//add the leading zero for minutes, seconds and millseconds and store them as string consta let strMinutes = String(format: “%02d”, minutes)let strSeconds = String(format: “%02d”, seconds)let strFraction = String(form “%02d”, fraction)//concatenate minuets, seconds and milliseconds as assign it to the UILabeldisplayTimeLabel.text = “\(strMinut \(strSeconds): \(strFraction)”}@IBOutlet weak var mapView: GMSMapView!override func viewDidLoad() {super.viewDidLoa
Visual Design
THINKING & IMPLEMENT MAP
ออกแบบให้ดูง่าย โดย นำ�สัญลักษณ์ต่างๆ ตามท้องถนนมาใช้ ในงานออกแบบให้ มากที่สุด เลือกใช้สีเหลือง และ สีเทา ที่เหมือนกับสีของท้องถนน Designed to be easily by the symbols on the streets. Designed to be used in the most. And use yellow and gray like the color of the road
Target Groups กลุ่มคนใช้งานจักรยานในเมือง ไม่จำ�กัดเพศ อายุตั้งแต่ 20-35 ปี Bicycle Users Group unlimited gender, aged between 20-35 years.
Visual Design Target Groups Features
Features Record บันทึกการเดินทาง และจำ�นวนการใช้สัญญาณมือ Record travel and number of signals hand
Core Value
History ดูประวัติการใช้งานเส้นทางเดินทาง วันที่ ระยะเวลา View history trail travel date period.
Summary สรุปผลประเมินความเสี่ยงและดูเส้นทางที่ใช้งาน Summary of risk assessment and the active path. +More features
Core Value ปั่นจักรยาน อย่างปลอดภัย Cycling Safety 8
The Application to Promote The Use of Tradition Massage Service for Relaxation for Foreigner แอปพลิเคชันส่งเสริมการใช้บริการร้านนวดแผนโบราณเพื่อการผ่อนคลายสําหรับชาวต่างชาติ
Design & Development By น.ส.เกวลี จิตหาญ ID 13550098
Tel : 088-5484858 Email : kick.kaewalee@gmail.com Facebook : fb.com/whiteowls Line ID : keawelalizz
MassageFinder แอปพลิเคชันสนับสนุนการผ่อนคลายด้วยการนวดแผนโบราณ โดยอำ�นวยความสะดวกให้แก่ ชาวต่างชาติที่สนใจการนวดแผนโบราณ This application is support a foreigner who travel in Thailand for relaxing with thai traditional massage.
MOBILE APPLICATION
class HomeViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UITabBarControllerDeleg HomeTableView CellDelegate, UITextFieldDelegate {func textFieldShouldReturn(textField: UITextField) -> Bool{return tru IBOutlet var locationBarBtn: UIBarButtonItem!@IBOutlet var specificBtn: UIButton!@IBOutlet var bodyBtn: UIButton!var mass eTypeArray:[massagetypeModel] = [massagetypeModel]()var selectmassagetype:massagetypeModel?var selectmassag info:massagerinfoModel?var selectmassageTypeArra y:[massagetypeModel] = [massagetypeModel]()var selectedMass er:massagerinfoModel?@IBOutlet weak var massageTypeTableView: UITableView!@IBAction func specificbtn() {self.specific setBackgroundImage(UIImage(named: “menu_active.jpg”)!, forState: .Normal)self. bodyBtn.setBackgroundImage(nil, forSt .Normal)self.selectmassageTypeArray.removeAll()for (var i=0;i<massageTypeArray.count;i++){ if massageTypeArray[i].massa
Visual Design
THINKING & IMPLEMENT MAP
ออกแบบให้แสดงออกถึงความเป็นไทยที่ยังคงมีความทันสมัยอยู่ในตัว เนื่องจาก เป็นแอปพลิเคชันเกี่ยวกับการนวดเพื่อความผ่อนคลาย จึงเลือกใช้ โทนสีเหลือง และน้ำ�ตาล Design show about modern of the thai tradition because this application is about the relax of thai tradition massage so choose shades of yellow and brown
Target Groups นักท่องเที่ยวชาวต่างชาติอายุระหว่าง 25 - 37 ปีที่ชื่นชอบการท่องเท่ียวและชื่น ชอบวัฒนธรรมไทย The foreigner who have age between 25-30 years love to travel in Thailand and like the thai tradition
Visual Design Target Groups Features
Features Reservation จองหมอนวดโดยสามารถเลือกจากประเภทของการนวด Reserve the massager by massage type.
Core Value
Review เขียนคําแนะนําจากประสบการณ์การนวดที่ได้รับ After the massage how are you feeling?
Favourite กดชื่นชอบหมอนวดที่ถูกใจ Favourite your best massager. +More features
Core Value ให้นวดแผนไทยดังไกลถึงต่างแดน Let the thai tradition massage be the famous thing 10
Activity and Travel Application for Family and Kids แอปพลิเคชันส่งเสริมกิจกรรมและการท่องเที่ยวสำ�หรับครอบครัวและเด็ก
Design & Development By นายเก้า ทองทิพย์ ID 13550099
Tel : 088-7590142 Email : ninekao099@gmail.com Facebook : fb.com/ninekao099 Line ID : ninekao099
Travelmate แอปพลิเคชันส่งเสริมกิจกรรมและการท่องเที่ยวสำ�หรับครอบครัวและเด็ก ที่จะคอยเป็นคู่หูให้ คำ�แนะนำ�ครอบครัวที่ต้องการพาลูกๆ ออกไปทำ�กิจกรรมและท่องเที่ยวร่วมกัน ดังนั้น คุณจึงไม่ต้องกังวล เกี่ยวกับการเดินทางเลย เพราะคุณมี “Travelmate คู่หูการท่องเที่ยวสำ�หรับครอบครัว” Travelmate Activity and Travel Application for Family and Kids : That will serve as a companion, family advice, expecting their children to activities, and travel together. So you don’t have to worry about travel.
MOBILE APPLICATION
import UIKit import MapKit // for use map in app import CoreLocation import Alamofire class MyMapViewController: UIView Controller, MKMapViewDelegate,CLLocationManagerDelegate{@IBActionfuncbackMethod(sener:AnyObject){self.navigationCo troller?.popViewControllerAnimated(true)@IBOutlet weak var mapView: MKMapView! var locationManaer:CLLocationManag =CLLocationManager();var travelData:NSArray = [] override func viewDidLoad() { super.viewDidLoad() self.locationManaer. delegate = self self.locationManaer.desiredAccuracy = kCLLocationAccuracyBest self.locationManaer.requestWhenInUseAuthorization() self.locationManaer.startUpdatingLocation() self.mapView.showsUserLocation = true self.mapView.delegate = self self.loadLocation() } func loadLocation(){ let url = “http://www.travelmateth.pw/api/alltravel” Alamofire.request(.GET, url , parameters:nil ) .responseJSON { response in self.travelData = (response.result.value as? NSArray)! // for travel in sel
Visual Design
THINKING & IMPLEMENT MAP
ออกแบบโดยใช้ โทนสีสดใส สีชมพูและสีเขียวเพื่อให้แอปพลิเคชันมีความสนุกสนาน ในขณะเดียวกันก็เน้นที่ความเรียบง่าย และดูทันสมัย Design by using vivid colours. Pink and green to allow applications to have some fun. At the same time, it emphasizes that the simplicity and modern look.
Target Groups ครอบครัวที่มีเด็กอายุระหว่าง 3-13 ปี Families with children aged between 3-13 years.
Visual Design Target Groups Features
Features Nearby ช่วยให้ทราบว่าบริเวณใกล้เคียงมีกิจกรรมและสถานที่ท่องเที่ยว ใดบ้างที่น่าสนใจ It helps to know that nearby activities and attractions do.
Core Value
Activities แสดงกิจกรรมต่างๆ ในรูปแบบปฏิทิน เพื่อช่วยในการวางแผน ก่อนออกเดินทาง Displayed in a calendar format to assist in planning before departure. Travel บันทึกการเดินทางของครอบครัว จากการออกไปทำ�กิจกรรม Save your family’s journey from design to the activity. +More features
Core Value Travelmate คู่หูการท่องเที่ยวสำ�หรับครอบครัว Travelmate travel companion for families. 12
Application Tourism Promote Around Rattanakosin Island System 3 Languages Thai-Eanlish-chinese แอปพลิเคชันส่งเสริมการท่องเที่ยวรอบเกาะรัตนโกสินทร์ระบบ 3 ภาษา ไทย-อังกฤษ-จีน
Design & Development By นายรพีพงศ์ ศรีสุพรรณ ID 13550142
Tel : 089-0909321 Email : nungnarak999@gmail.com Facebook : fb.com/Bio.Dutchie Line ID : dutchie_bio
แอปพลิเคชันส่งเสริมการท่องเที่ยวรอบเกาะรัตนโกสินทร์ ที่จะช่วยให้นักท่องเที่ยวทราบข้อมูลและเห็นรูปภาพ ของสถานที่ท่องเที่ยวนั้นๆ ในมุมมองของนักท่องเที่ยวด้วยกันเองเพื่อเป็นแรงจูงใจให้นักท่องเที่ยวอยากมา เที่ยวมากขึ้น An application to promote tourism around Rattanakosin Island. Allows visitors to know and see pictures of the sights. In view of the tourists each other To motivate for tourists wishing to visit more.
MOBILE APPLICATION
@IBOutlet weak var Useimg1: UIImageView!@IBOutlet weak var Useimg2: UIImageView@IBOutlet weak var Useimg3: UIImageView!@IBOutlet weak var Useimg4: UIImageView!@IBAction func pic1(sender: AnyObject) {idLocation=imgUserID[0@IBActio funcpic2(sender:AnyObject){idLocation=imgUserID[1]@IBAction func pic3(sender: AnyObject) {idLocation=imgUserID[2]@IBActio func pic4(sender: AnyObject) {idLocation=imgUserID[3]@IBAction func upLoads(sender: AnyObject) {let id = NSUserDefaults. standardUserDefaults().stringForKey(“userID”)print(“image4”,self.image1)print(“image4”,self.image2)print(“image4”,self.image3 print(“image4”,self.image4)print(userId)myImageUpload(id!, locationid: pName, imageLocation: Useimg1)myImageUpload(id!, locationid: pName, imageLocation: Useimg2)myImageUpload(id!, locationid: pName, imageLocation: Useimg3)myImageUpload(id!, locationid: pName, imageLocation: Useimg4) if(userId != nil){creatbookmark()}else{let alertController1 = UIAlertContr
Visual Design
THINKING & IMPLEMENT MAP
เน้นการออกแบบให้ ใช้งานง่าย แสดงภาพสถานที่ให้เด่นชัดเพื่อดึงดูดให้นักท่อง เที่ยวอยากมาเที่ยวสถานที่นั้น ใช้ โทนสีส้ม เหลือง และน้ำ�เงิน ซึ่งสื่อถึงความสดใส และอุดมสมบูรณ์ของประเทศไทย Design so easy to use. A prominent display to attract tourists want to visit the place, using shades of orange, yellow and blue colors that reflect the bright and fertile Thailand
Target Groups นักท่องเที่ยวชาวไทยและนักท่องเที่ยวชาวต่างชาติ ที่มีความต้องการดูรีวิวข้อมูล สถานที่ท่องเที่ยวรอบเกาะรัตนโกสินทร์ อายุ 18 - 30 ปี Thailand tourists and foreign tourists.To see the review, Travel information around Rattanakosin aged 18-30 years.
Visual Design Target Groups Features
Features Nearby แนะนําสถานที่ใกล้เคียงที่สามารถไปเที่ยวต่อได้ Recommended nearby that can go further.
Core Value
Passport การจดบันทึกการท่องเที่ยวแบบ Passport Taking note of the Travel Passport.
Share สามารถแบ่งปันรูปภาพให้นักท่องเที่ยวคนอื่นดูได้ Tourists can share pictures, others see it. +More features
Core Value อยากเที่ยวกรุงเก่า เดี๋ยวพวกเราจะพาไป Want to visit old capital, awhile we are taking to. 14
Web Application for Finding Lost Dogs เว็บแอปพลิเคชันสื่อกลางในการช่วยตามหาสุนัขหาย
Design & Development By นายธเนศ บุญโสม ID 13550151
Tel : 080-6569142 Email : moszthanet24@gmail.com Facebook : fb.com/moszthanet Line ID : mosmario
ศูนย์กลางที่รวบรวมผู้ที่ตามหาสุนัขหายและผู้ที่เจอสุนัข โดยการให้ผู้ตามหาสุนัขหายและผู้ที่เจอสุนัขมาโพสต์ได้ โดยการใช้ Nearby Location ในการบอกตำ�แหน่งของสุนัขตัวนั้นๆ และการแจ้งเตือนแบบ Real time โดยส่ง Email ไปยังอาสาสมัครที่อยู่ในบริเวณใกล้เคียง เพื่อเพิ่มโอกาสในการตามหาได้รวดเร็ว แม่นยำ�มากขึ้น People gather at the center to find lost dog and found dog. By providing for the lost dog and the dog came found a post by using the Nearby Location Location of the dog itself. Real time notifications and send Email to volunteer in the area to increase the chances of finding more quickly. More precisely
MOBILE APPLICATION
function getLocation(){ if (navigator.geolocation{ navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerH L=”Geolocation is not supported by this browser.”;}}function showPosition(position) $(“#lat_value”).val(position.coords itude ); $(“#lon_value”).val(positio.coords.longitude );function nearby(){ var lat = $(“#lat_value”).val();var lng = $(“#lon_ ue”).val(); var radius = $(“#radius”).val(); var dog_type=$(“#announcedog_type”).val();/var dog_Gender=$(“#dog_Gen val();}else{ vartDta=“lat=”+lat+”&lng=”+lng+”&radis=+radius+“&dog_type=”+dog_type;jQuery.aja({type: “GET”,//H method POST or GET url:“locations-nearby.php”,//Whereto make Ajax callsdataType:”text”, // Data type, HTML, j etc. data:tData,//Form variablessuccess:function(tResponse){$(“#show-nearby”).html(tResponse); },error:function (xhr, aj Options, thrownError){alert(thrownError);} }); } }</script>function getLocation(){ if (navigator.geolocation{ navigator.g
Visual Design
THINKING & IMPLEMENT MAP
เป็นเว็บแอปพลิเคชันที่แสดงบนมือถือ(responsive design) เพื่อความสะดวกต่อ การใช้งานการออกแบบใช้ โทนสีดำ� สีเหลือง และสีขาวเพื่อให้มีความชัดเจน เรียบ ง่าย และโดดเด่นของข้อมูลหรือรูปภาพเน้นข้อมูลที่จำ�เป็นด้วยสีเข้มและขนาดตัว อักษร เพื่อเพิ่มโอกาสในการตามหาสุนัขให้ประสบความสำ�เร็จมากขึ้น Web apps are applications that display on mobile (responsive design) for ease of use. The design uses black, yellow and white, to be clear, simple and outstanding information or images. Emphasis needed with dark colors and font sizes. To increase opportunities for dogs to be more successful.
Target Groups คนที่เลี้ยงสุนัขหรือรักสุนัข ทุกเพศ ทุกวัย ที่มีนิสัยรักสุนัขและอยากช่วยเหลือ ตามหาสุนัขที่หายไปจากเจ้าของ หรือต้องการตามหาสุนัขของตนเองที่หายไป People who love dogs or dogs of all ages who love dogs and want to help find a missing dog owners. Or to find their missing dog.
Visual Design Target Groups Features
Features Search around เป็นการค้นหาการประกาศที่อยู่รอบๆ ตัวของผู้ ใช้งานระบบก็จะ ทำ�การหาประกาศที่อยู่ในบริเวณรอบๆ ของผู้ ใช้งานพร้อมกับ คำ�นวณระยะทางที่ห่างออกไปจากผู้ ใช้งาน To find the announcements around. Users of the system will find the announcement in the surrounding area. Users with a calculated distance away from the user.
Core Value
Volunteer เมื่อสมัครสมาชิกจะให้ผู้ ใช้ปักหมุดตำ�แหน่งของตนเองเพื่อเป็น อาสามัคร เมื่อมีการประกาศแล้วระบบจะส่งอีเมลไปยังอาสา สมัครที่อยู่ในเขตพื้นที่รอบๆ 5 กิโลเมตร The subscription will allow users to pinpoint their position so as volunteers. When it was announced, the system will send an email to the volunteers in the area around 5 km.
Core Value ร่วมด้วย ช่วยกันตามหาสุนัขหาย Help find lost dog
Search สามารถค้นหาได้ด้วยคำ� สามารถเลือกพันธุ์สุนัข และสามารถ เลือกวันที่สุนัขหาย โดยระบบจะค้นหาวันที่เลือกถึงวันที่ปัจจุบัน You can search by keyword. You can breed dog and choose the dog disappeared. The system will search for the selected date to the current date. +More features 16
Beat the Deal: Application for Collaboratively UsingIn-Store Promotion แอปพลิเคชันสําหรับร่วมมือกันใช้โปรโมชั่นในร้านค้า
Design & Development By นายธัชพิชญ์ ชำ�นาญกิจ ID 13550154 Tel : 091-8615552 Email : lnwgee@gmail.com Facebook : fb.com/ceangee Line ID : ceangee
ช่วยให้ผู้บริโภคสามารถใช้ โปรโมชั่นนั้นหากไม่สามารถทําตามเงื่อนไขของโปรโมชั่นได้ครบ โดยประกาศหาผู้ที่มี ความต้องการคล้ายคลึงกันมาร่วมกันใช้ โปรโมชั่น ซึ่งทําให้ผู้บริโภคสามารถค้นหาผู้บริโภคคนอื่นและชวนมาตาม สถานที่ที่นัดหมาย เพื่อร่วมมือกันทําตามเงื่อนไขของโปรโมชั่นและได้รับสินค้าตามความต้องการของทุกคน In term of customer, our project creates a new service,allowing people to get discount or free service by collaboratively using group-based promotion together. Our service differs from other common deal-of-the-day services in that ours take benefits of social relationship to enhance the acquisition of sales from multiple customers.
MOBILE APPLICATION
func chatShow(){ // sent HTTP POST let myURL = NSURL(string: “http://mo-kwanwalai.in.th/beatTheDeal/getChat.ph let request = NSMutableURLRequest(URL: myURL) request.HTTPMethod = “POST” messageArray = [] imagePro = [] name time = [] let postString = “chatID=\(chatID)” request.HTTPBody = postString.dataUsingEncoding(NSUTF8StringEncoding) NS LSession.sharedSession().dataTaskWithRequest(request) { (data:NSData?, response:NSURLResponse?, error:NSError?) -> V in dispatch_async(dispatch_get_main_queue()){ let json : AnyObject! = try? NSJSONSerialization.JSONObjectWithDa data!, options: NSJSONReadingOptions.MutableContainers) if let parseJSON = json as? [[String: AnyObject]] { for blog parseJSON{ if let _message = blog[“message”] as? String,_imagePro = blog[“imgURL”] as? String,_name = blog[“Memb Name”] as? String,_time = blog[“timeAgo”] as? String{ self.messageArray.append(_message) self.imagePro.append(_
Visual Design
THINKING & IMPLEMENT MAP
แอปพลิเคชันเป็นช่องทางในการแสดงโปรโมชัน เพื่อที่จะทำ�ให้ โดดเด่น จึงเลือกใช้ โทนสีแดง เป็นสีหลักเพื่อให้ผู้ ใช้งานเกิดความสนใจและใช้สีเขียวน้ำ�ทะเลช่วยให้ แอปพลิเคชันดูได้ง่ายและสบายตา My Application is the ways to promote Product Sale. So i’m use red theme color is main color in application for user want to see the promotion but i’m user green theme color for break red theme color
Target Groups กลุ่มเป้าหมายแบ่งออกเป็น 2 ประเภท กลุ่มแรก ช่วงวัยทำ�งานอายุระหว่าง 22 - 28 ปี กลุ่มสองเป็นกลุ่มนักเรียนนักศึกษา อายุระหว่าง 18 - 22 ปี First Target Woring Age (beginner) 22 - 28 Year Old Second Targer Collegian 18 - 22 Year Old
Visual Design Target Groups Features
Features Event สร้าง Event เพื่อเชิญชวนผู้ ใช้ท่านอื่น Create Event for invite user help to use promotion
Core Value
Chat ระบบสนทนาภายในแอปพลิเคชัน Online Chat in application
Find promotion ค้นหาโปรโมชั่นในระยะที่กําหนด Search promotion nearby you +More features
Core Value สามัคคีประหยัดเงิน Let’s save money together. 18
An Illustration Event Application on iOS Mobile แอปพลิเคชันส่งเสริมกิจกรรมวาดภาพประกอบ บนระบบปฏิบัติการไอโอเอส
Design & Development By น.ส.มนัชกร จิรพัฒนโสภณ ID 13550200 Tel : 086-9499810 Email : manut.jira@gmail.com Facebook : fb.com/Dreamer.Nut Line ID : manuttangdaw
Artmore โมบาย แอปพลิเคชัน ช่วยส่งเสริมกิจกรรมการวาดภาพประกอบรูปแบบใหม่โดยให้นักวาดได้สร้างผล งานร่วมกัน เป็นเครื่องมือในการแสดงผลงานไม่ได้เฉพาะกับนักวาดเพียงอย่างเดียวแต่ยังเปิดโอกาสให้บุคคลที่ สนใจ ได้เข้ามาชมผลงานได้อีกด้วย Artmore is a mobile application for illustrator. It’s new type for drawing event. The illustrator can join together and give a opportunity to people see your artwork.
MOBILE APPLICATION
<div class=”col-lg-12 col-md-12 col-sm-12 col-lg-offset-0 col-md-offset-0 col-sm-offset-0”> <?php$ sql = “SELECT * ,DATEM DATE_ADD(event_date_start, INTERVAL 543 YEAR), ‘%d.%m.%Y’) AS event_date_start,DATE_FORMAT(DATE_ADD(event_date_e INTERVAL 543 YEAR), ‘%d.%m.%Y’) AS event_date_end FROM events WHERE event_status = 0 AND event_public = 1 A ( event_date_start >= CURRENT_DATE() OR (event_date_start <= CURRENT_DATE() AND event_date_end >= CURRENT_DATE ORDER BY event_people_join DESC LIMIT 4”;$query = mysql_query($sql);$countrows = mysql_num_rows($query);while($va = mysql_fetch_assoc($query))$countrows--;// echo $countrows;?><a href=”event-post.php?event_id=<?= $value[‘event_ ?>”><div class=”col-lg-3 col-md-4 col-sm-6”><div class=”card-item center-block”><div class=”card-img” style=”ba ground-image:url(‘<?= $value[‘eventImage’] ?>’)”></div><div class=”card-body”><div class=”card-title”><div class=”pull-le
Visual Design
THINKING & IMPLEMENT MAP
จากการศึกษาและวิเคราะห์รูปแบบการใช้งานของกลุ่มเป้าหมาย ออกแบบโดยเน้น ความเรียบง่าย ใช้ โทนสีสว่าง เพื่อช่วยเน้นให้งานของผู้ ใช้ มีความโดดเด่นมากยิ่ง ขึ้น และมีลูกเล่นในบางส่วน ให้เกิดความน่าสนใจ ใช้งานง่าย The study and analysis of The target group, the illustrator. They like modern style, light color make the outstanding artwork.
Target Groups จากการศึกษาและวิเคราะห์รูปแบบการใช้งานของนักวาดมือสมัครเล่น ที่มีกลุ่ม เป้าหมายเป็นนักศึกษาอายุระหว่าง 18 - 25 ปี The 18-25 ages students are interested in illustration.
Visual Design Target Groups Features
Features Event สร้างกิจกรรมให้นักวาดมาร่วมส่งผลงาน Create event for illustrator
Core Value
Winner เมื่อกิจกรรมครบกําหนดเวลาจะปิดส่งผลงานเพื่อคัดเลือกผู้ชนะ ที่จะได้รางวัลและ Winner Point When the event finished. The winner will come. Rank จัดอันดับคะแนน เพื่อนที่ผู้ ใช้ติดตามเพื่อส่งเสริมให้เกิดการ แข่งขันกัน Users can follow the friend point +More features
Core Value จินตนาการสำ�คัญกว่าความรู้ imagination is more important than knowledge 20
An Application Development for One Day Art-cultural Tourism by Elevated Train in Commemoration of HM the King's 6th Cycle Birthday by Ontology Approach. พัฒนาแอปพลิเคชันเพื่อการท่องเที่ยวศิลปวัฒนธรรมด้วยรถไฟฟ้าเฉลิมพระเกียรติ 6 รอบพระชนมพรรษาไปเช้าเย็นกลับด้วยวิธีออนโทโลยี
Design & Development By น.ส.วรรณภรณ์ สุขสม ID 13550211
Tel : 082-5447859 Email : victery.momed@gmail.com Facebook : fb.com/desineq.wnp Line ID : dsinewnp
Daytrip แอปพลิเคชันส่งเสริมการท่องเที่ยวด้วยรถไฟฟ้าBTS ตอบโจทย์วิถีชีวิตคนเมืองที่ใช้ชีวิตเร่งรีบ และ ต้องการการเดินทางที่สะดวกสบายดังนั้นคุณสามารถค้นหา และวางแผนการเดินทางท่องเที่ยวที่ตรงใจคุณ ได้ง่ายๆ.. ที่แอปพลิเคชัน“Daytrip วันเดียวเที่ยวได้” Daytrip application is available for tourism promotion by BTS Skytrain . Our way of life, urban life and the hustle like a comfortable trip, so you can find and plan your travel itinerary that fits easily .. The application is available “Day trip”.
MOBILE APPLICATION
import UIKit import MMDrawerController import SwiftyJSON class mydayplanViewController: UIViewController, UITableViewDelegate , UITableViewDataSource { @IBOutlet weak var user_pic: UIImageView! @IBOutlet weak var user_nam UILabel! @IBOutlet weak var myplanTableView: UITableView! var savePlace:[[PlaceDataModel]] = [[PlaceDataModel]]() va startStation:[String] = [String]() var endStation:[String] =[String]() var useDate:[String] = [String]() var startTime:[String] = [Strin () var endTime:[String] = [String]() var statusString:[String] = [String]() var selectedStartStation:String = “” var selectedEndStation:String = “” var selectedUseDate:String = “” var selectedStartTime:String = “” var selectedEndTime:String = “” var selectedStatusString:String = “” var selectedModel:[PlaceDataModel]? @IBAction func touchMydayplan\(sender: AnyObjec var appDelegate:AppDelegate = UIApplition.sharedApplication().delegate as! AppDelegate appDelegate.drawerCo
Visual Design
THINKING & IMPLEMENT MAP
การออกแบบเน้นให้ผู้ ใช้สามารถเรียนรู้การใช้งานได้อย่างรวดเร็ว และเข้าใจง่าย มากที่สุด โดยจัดวางตำ�แหน่งอย่างมีลำ�ดับความสำ�คัญ และนำ�ไอคอนสัญลักษณ์ มาใช้ร่วมด้วย ส่วนโทนสีใช้สีฟ้าน้ำ�ทะเล ทำ�ให้รู้สึกผ่อนคลายสบายตาเปรียบเสมือน การท่องเที่ยวพักผ่อน และสีน้ำ�ตาลมาตัดกัน เพื่อเพิ่มความน่าสนใจของงาน The design allows the user to learn to use it quickly. And most easily understood By positioning a priority. The symbols used in conjunction with. The color scheme is blue sea. Make feel comfortable as a leisure travel. And a contrasting brown To increase the attractiveness of the job.
Target Groups กลุ่มเป้าหมายหลักคือ ผู้ที่ต้องการค้นหาสถานที่ท่องเที่ยวแบบไปเช้าเย็นกลับ ผู้ที่ต้องการค้นหาข้อมูลหรือดูรีวิวแสดงความคิดเห็น ผู้ที่ต้องการท่องเที่ยวตาม แนวเส้นทางรถไฟฟ้าบีทีเอส กลุ่มเป้าหมายรองคือ กลุ่มคนทั่วไปอายุ 18-40 ปี ไม่จำ�กัดเพศ The main goal is Those who want to find attractions for a day trip. Those who want to find information, reviews or comments. Those who want to travel along the BTS Skytrain. and The secondary goal is Group of people aged 18-40 years, not gender.
Visual Design Target Groups Features
Features Day plan ช่วยวางแผนการท่องเที่ยวในหนึ่งวันให้ตรงใจคุณ to help plan your trip in one day with you in mind.
Core Value
Travel search ค้นหาสถานที่ท่องเที่ยวตามแนวเส้นทางรถไฟฟ้าBTS Find places along the BTS Skytrain.
Favorite กดชื่นชอบสถานที่ต่างๆและเก็บไว้ ในข้อมูลผู้ ใช้ press favorite places and stored in the user data. +More features
Core Value ค้นหา วางแผนท่องเที่ยวบีทีเอส ง่ายดายโดนใจคุณ Search for travel planning BTS. Ease your mind 22
Bike in BangKraJao : For Supporting Tourism in Khung BangKraJao Application on iOS แอปพลิเคชันส่งเสริมการท่องเที่ยวคุ้งบางกะเจ้า บนระบบปฏิบัติการไอโอเอส
Design & Development By น.ส.ศุภลักษณ์ ยมรัตน์ ID 13550231
Tel : 087-9934429 Email : suppachomqoo@gmail.com Facebook : fb.com/chmmpoo Line ID : chomqooo
Bike in BangKraJao แอปพลิเคชันสำ�หรับให้ข้อมูลและส่งเสริมสถานที่ท่องเที่ยวแบบใหม่ให้ผู้ ใช้งานแอปพลิเคชัน หาข้อมูลด้วยความสนุก และสร้างแรงจูงใจให้มีความสนใจอยากสัมผัสสถานที่จริง ...ถ้าอยากเที่ยวให้สนุกต้องมี ความสุขตั้งแต่หาข้อมูล Bike in BangKraJao application for informational and support tourist attraction. Users to search for information with fun and Application create motivation to have interest and want to go the real place ...Travel is fun. Must be happy finding information.
MOBILE APPLICATION
using UnityEngine;using System.Collections;using UnityEngine.UI;using LitJson;public class showInfomation : MonoBehav {private string url = “http://u13550231.in.th/BikeInBangKrJao/ShowInfphp”;public Text headText;public Textinfohea public Textdetail;// Use this for initializationvoid Start () {string Inforow = (PlayerPrefs.GetInt(“info”).ToString());WW www = new WWW (url + “?info_id=”+ Inforow);StartCoroutine(json(www));}// Update is called once per framevoid date () {}IEnumerator json(WWW www){yield return www;if (www.isDone) {if (www.error == null) {print(www.data);In mationShow(www.data);} else {if (www.error == “couldn’t connect to host”) {print (“couldn’t connect to host”);print(ww data);}}} else {print(www.data);}}void InfomationShow (string jsonString){JsonData JsonInfodata = JsonMapper.ToObject (js String);headText.text = JsonInfodata [“info_name”].ToString ();infohead.text = JsonInfodata [“info_name”].ToString ();de
Visual Design
THINKING & IMPLEMENT MAP
ผู้ ใช้งานของแอปพลิเคชันอยู่ในช่วงอายุ 17-22 ปี การออกแบบจะเน้นให้มีความ น่ารัก มีความสนุกน่าใช้งาน เหมาะสมกับกลุ่มเป้าหมาย และให้สื่อถึงธรรมชาติ ในคุ้งบางกะเจ้า โดยใช้ โทนสีเขียว สีฟ้า และสีน้ำ�ตาล Users are in the age 17-22 years old,designed to cuteness ,fun and interesting applications for target audience. Element of design resemble in nature, (in Khung Bangkrajao) using the green. blue and brown.
Target Groups นักเรียน/นักศึกษา วัยรุ่น อายุระหว่าง 17-22 ปี ทุกเพศ ที่ชอบการท่องเที่ยว ที่ มีกิจกรรมหลากหลาย ใกล้กับกรุงเทพมหานครและชอบการเล่นเกม Student ,teenagers aged between 17-22 years old. Who like tourism activities and near to Bangkok. And like to play games.
Visual Design Target Groups Features
Features Play game เกมปั่นจักรยาน ที่มีด่านตามสถานที่จริงในคุ้งบางกะเจ้า ให้เห็น บรรยากาศโดยรวมของสถานที่ Cycling game with stage as real place in Khung Bangkrajao, User see the overall location.
Core Value
Reward ส่วนลดที่ได้จากการเก็บเหรียญพิเศษในเกม เพื่อนำ�ไปใช้ ในคุ้ง บางกะเจ้า Discount from Cycling game. (special coin collecting) To used in Khung Bangkrajao. Information มีข้อมูล 3 ส่วนย่อย คือข้อมูลทั่วไป แผนที่ และภาพถ่าย Have 3 section. General information, maps, and photos. +More features
Core Value ไปเที่ยวให้สนุก ต้องมีความสุขตั้งแต่หาข้อมูล Travel is fun. Must be happy finding information. 24
An Application for Promote Healthy Eating for Each Person แอปพลิเคชันส่งเสริมการรับประทานอาหารเพื่อสุขภาพที่เหมาะสมแต่ละบุคคล
Design & Development By นายศุภวัสส์ เลิศธนาภรณ์ ID 13550232
Tel : 085-9007927 Email : supawat_ac@hotmail.com Facebook : fb.com/leardthanaporn Line ID : suphawatac126
แอปพลิเคชันส่งเสริมการรับประทานอาหารเพื่อสุขภาพที่มีเมนูหลากหลาย พร้อมทั้งบริการพิเศษจาก ร้านอาหารที่ส่งตรงถึงผู้ ใช้ โดยระบบจะทำ�การนําเสนออาหารที่มีความเหมาะสมกับผู้ ใช้ ในแต่ละ 1 วัน อีกทั้งยัง มีการทํางานร่วมกันกับสายรัดข้อมือเพื่อสุขภาพ Fitbit อีกด้วย An application to promote healthy eating with menu variety. The service from the restaurant directly to users. The system will offer food that is appropriate for each user in one day is also working with the Fitbit
MOBILE APPLICATION
import UIKitimport Alamofireimport SwiftyJSONimport CoreLocationimport JHSpinnerclass SaveOrderViewController: UIViewCont ler,PayPalPaymentDelegate, UITableViewDelegate,UITableViewDataSource {@IBOutlet weak var TableView: UITableView!@IBO let weak var PriceFood: UILabel!@IBOutlet weak var PriceDelivery: UILabel! @IBOutlet weak var SumPrice: UILabel! varpayment:St = “” var selectLocation:CLLocationCoordinate2D?var SelectPhone:String = “” var SelectAddress:String = “” var OrderArray:[Ord Model] = [OrderModel]()func createParams() -> [String : AnyObject] {var params = [String : AnyObject]()params[“idUser”] = NSU Defaults.standardUserDefaults().objectForKey(“idUser”) as! Stringparams[“latitude_Order”] = selectLocation!.latitude params[“lo titude_Order”] = selectLocation!.longitudeparams[“Phone_Order”] = SelectPhoneparams[“DetailAddress_Order”] = SelectAdd print(“load\(NSUserDefaults.standardUserDefaults().objectForKey(“idUser”) as! String)”)let foodIdArray:NSMutableArray = NSM
Visual Design
THINKING & IMPLEMENT MAP
เป็นแอปพลิเคชันที่เหมาะสมกับคนต้องการดูแลสุขภาพ เน้นสีเขียว เหลือง ในการ ออกแบบเพื่อทำ�ให้ผู้ ใช้งานเกิดความรู้สึกอยากกินผัก It is an application that suit their health use coulor in green, yellow, designed to make users feel like eating vegetables.
Target Groups กลุ่มเป้าหมาย นักศึกษาและวัยทำ�งาน อายุ 20 -35 ปี เป็นคนที่กินอาหารเพื่อ สุขภาพและอยากดูแลสุขภาพ Target group Students and personnel aged 20 -35 years. As someone who wants to eat healthy foods and stay healthy.
Visual Design Target Groups Features
Features Fitbit มีการทํางานร่วมกับสายรัดข้อมือเพื่อสุขภาพ Fitbit Work with Fitbit.
Core Value
Calories คํานวณแคลอรี่ที่ผู้ ใช้ควรจะรับประทานอาหารใน 1 วัน Calculate the calories that the user should eat in one day.
Recommend นําเสนออาหารที่เหมาะสมกับบุคคล Recommend food for users +More features
Core Value แอปเพื่อสุขภาพสำ�หรับทุกคนที่ต้องการมีสุขภาพที่ดีขึ้น App for everyone wants to have better health. 26
Adopt Paw: Mobile Application for Finding New Homes for Stray Dogs: A Case Study of The Voice Foundation แอปพลิเคชันเพื่อหาบ้านใหม่สําหรับสุนัขจรจัดกรณีศึกษามูลนิธิ The Voice Foundation
Design & Development By น.ส.หทัยรัตน์ สุวรรณมิสระ ID 13550251 Tel : 086-1671226 Email : jiiewz.pjsm@gmail.com Facebook : fb.com/Jiiewz Line ID : jiiewz
Adopt Paw แอปพลิเคชันสื่อกลางสำ�หรับช่วยสุนัขจรจัดหาบ้านหลังใหม่ พร้อมฟังก์ชันการแจ้งข้อมูลหากพบ เจอสุนัขจรจัด ก่อนให้ทางมูลนิธินําไปอภิบาลเบื้องต้นและทำ�การหาบ้านหลังใหม่โดยใช้บททดสอบความสามารถ ในการรับอุปการะสุนัขผ่านทางแอปพลิเคชัน เพื่อช่วยลดจํานวนสุนัขจรจัดอีกทั้งทําให้สุนัขจรจัดมีคุณภาพชีวิต ที่ดีขึ้นด้วยแอปพลิเคชัน AdoptPaw Adopt Paw’s application for mediation helps supply temporary dog a new home. Come with the notification, if found stray dogs. Before to the foundation to the take care of and find a new home using test their ability to adopt a dog through an application. To help reduce the number of stray dogs and the dogs have a good quality of life with an application AdoptPaw.
MOBILE APPLICATION
func getRequest(){let myurl = NSURL(string: “http://www.adoptpaw.com/Requestadopt.php”) let request = NSMutableURL quest(URL: myurl!) request.HTTPMethod = “POST”let postString = “UserID=\(NSUserDefaults.standardUserDefaults().valueForKey( serID”)!.description)” request.HTTPBody = postString.dataUsingEncoding(NSUTF8StringEncoding) }func addPicData(image:UIIma { let image:UIImage = image let imageData:NSData = NSData.init(data: UIImageJPEGRepresentation(image, 1.0)!)picData. pend(imageData) }@IBAction func favoriteMethod(sender: AnyObject) {let dogFavorite = [“DogID”:DogID,”name”:namedog.tex size”:size.text!,”sex”:sex.text!,”color”:color.text!,”age”:age.text!,”status”:status.text!,”lagitude”:lagitude,”longitude”:longitude, cation”:addressdog.text!,”imageUrl”:imageUrl,”detail”:detail]et userDefault = NSUserDefaults.standardUserDefaults()if userDefa objectForKey(“favorite”) != nil {let favoritedefault = userDefault.valueForKey(“favorite”)if var favorite_dict = favoritedefault
Visual Design
THINKING & IMPLEMENT MAP
แอปพลิเคชันช่วยเหลือสุนัข ออกแบบโดยใช้สีให้ดูสบาย สดใส เรียบง่าย และ ปลอดภัย ด้วยโทนสีฟ้า เน้นปุ่มต่างๆที่สำ�คัญโดยการใช้สีแดงเพื่อให้ดูโดดเด่น Application help the dog design using color to look comfortable, bright color, simple and safe with blue color focusing on various button key by using red to make them stand out.
Target Groups คนที่ชอบเลี้ยงสัตว์ รักสุนัข มีความเมตตาต่อสัตว์ ชอบช่วยเหลือ ช่วงอายุตั้งแต่ 18-45 ปี ไม่จำ�กัดเพศ People who love animals like dogs, like animals, have mercy on help from 18-45 years of age, not gender.
Visual Design Target Groups Features
Features Dog Adoption ผู้ ใช้สามารถเลือกสุนัขและรับอุปการะสุนัขได้ โดยมีการตอบคําถาม ก่อนรับอุปการะสุนัข The user can choose the dog and adopt the dog by answering questions before receiving equipment to a dog.
Core Value
Report found the dog ฟังก์ชันแจ้งพบสุนัขผู้ ใช้สามารถโพสแจ้งพบสุนัขภายในแอปพลิเคชัน เพื่อแจ้งให้มูลนิธิมารับสุนัขจรจัดได้ The function call found the dog users can post report found the dog in application to inform the foundation for stray dogs. Favorite กดชื่นชอบสุนัขที่คุณชอบได้เพื่อเก็บไว้ดู Press favorite dog you like to keep looking. +More features
Core Value น้องหมาได้บ้าน พวกเราได้บุญ The Dog have home, We all recieve virtue. 28
An Application for Muslim Tourism of Bangkok by Ontology Approach on iOS พัฒนาแอปพลิเคชันค้นหาร้านอาหารฮาลาลเพื่อนักท่องเที่ยวมุสลิมในกรุงเทพมหานคร ด้วยวิธีออนโทโลยี บนระบบปฏิบัติการไอโอเอส
Design & Development By น.ส.ขวัญวลัย สุดใจดี ID 13550628
Tel : 085-0191416 Email : kwanwalai.s@gmail.com Facebook : fb.com/Mmokwanwalai Line ID : marmo
Found Halal แอปพลิเคชันที่จะทำ�ให้นักท่องเที่ยวต่างชาติชาวมุสลิมสามารถใช้ชีวิต อยู่ในกรุงเทพฯ ได้อย่าง สะดวกสบาย ด้วยระบบนำ�ทาง แนะนำ� และช่วยค้นหาสถานที่ต่างๆ ทั้งร้านอาหาร ห้องละหมาด หรือมัสยิด นอกจากนี้ยังมีระบบอัจฉริยะ ที่จะช่วยแนะนำ�ร้านอาหารและเมนูที่เหมาะสมกับผู้ ใช้อีกด้วย Found Halal is an application that help Muslim Tourism of Bangkok can easy to sursive in Bangkok by yourself. Because it can reccomend, navigate and find the place of muslim that is restaurant, prayer room and mosque. And then that have an intelligent system to reccomend food menu and restaurant that proper with you.
MOBILE APPLICATION
SelectTableViewController.swiftFoundHalalUsers/kwanwalai/Desktop/ios/App Found Halal/SelectTableViewContro swiftCreated by Kwanwalai on 2/22/2559 BE. Copyright © 2559 Mmo.Kwanwalai. All rights reserved.import UIKitimp Alamofireimport SwiftyJSONprotocol SelectTableViewControllerDelegate {func done(tableName:String, selectRow:[Int: A Object])}class SelectTableViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {@IBOutlet var lectTable: UITableViewvar tablename:String?var selectData:[[Int: String]] = [[Int: String]]( var selectRow:[Int: AnyObject] = AnyObject]()var delegate:SelectTableViewControllerDelegate?override func viewDidLoad() {super.viewDidLoad()self.selectTa dataSource = selfself.selectTable.de legate = selfself.selectData.removeAll()Alamofire.request(.GET, “http://foundhalal.esy. FoundHalal/index.php/api/getAll/\(tablename!)”, parameters: nil).responseJSON { response in switch response.result {c
Visual Design
THINKING & IMPLEMENT MAP
ออกแบบให้ ใช้งานง่าย สะดวก และรวดเร็ว เลือกใช้สีเขียวเพราะเป็นสีประจำ�ศาสนา และนำ�สีคู่ตรงข้ามคือสีเหลืองเข้ามาเพิ่มความน่าสนใจ ในส่วนของเมนูต่างๆได้นำ� รูปสัญลักษณ์มาใช้เพื่อสื่อความหมายมากยิ่งขึ้นและลดข้อจำ�กัดด้านภาษาของ นักท่องเที่ยว Designing in the way that easy to use, fast and comfortable. using green color because it is a color of religious, also use yellow color (opposite color) for adding something more interest. In the part of menu we use picture to represent the word for tourist to easy to understand.
Target Groups นักท่องเที่ยวต่างชาติชาวมุสลิม ช่วงอายุ 20-40 ปี ที่อยู่ในกรุงเทพมหานคร Muslim Tourism of Bangkok. Rang age is between 20-40 years.
Visual Design Target Groups Features
Features Find ค้นหาสถานที่สำ�หรับมุสลิม ได้แก่ร้านอาหาร ห้องละหมาด มัสยิด และร้านค้า Find Halal restaurant, prayer room, mosque or Halal shop.
Core Value
Recommend แนะนำ�เมนูอาหารพร้อมร้านอาหารที่เหมาะกับผู้ ใช้ Recommend Halal menu and restaurant that proper with you.
Advance search ค้นหาร้านอาหารโดยที่สามารถระบุสิ่งที่ต้องการได้ เช่นต้องการ ห้องละหมาด ที่จอดรถ หรือรับบัตรเครดิต Find Halal restaurant or whatever you want such as the restaurant that have prayer room, car park or credit card service.
Core Value
+More features
นึกถึงมุสลิม นึกถึง Found Halal Thinking of Muslim Think of Found Halal 30
Web Application Finding Ingredients for Students Who Live in Dormitory เว็บแอปพลิเคชันค้นหาวัตถุดิบสําหรับนักศึกษาที่อยู่หอพัก
Design & Development By น.ส.ตริตยา ทองวิลาศ ID 13550635
Tel : 089-1400150 Email : plathongzzz@gmail.com Facebook : fb.com/plathongz Line ID : plathongzzz
Share kitchen แอปพลิเคชันที่ช่วยให้การค้นหาวัตถุดิบในการทําอาหารเป็นเรื่องที่ง่ายขึ้น เพียงแค่ฉันและเธอ อยากกินผัดกะเพราหมูสับ แต่ฉันขาดหมูสับ เธอขาดใบกะเพรา งั้นเราวัตถุดิบที่มีมาแบ่งปันกันดีไหม? ด้วย ฟังก์ชันง่ายๆ บน Share kitchen Share kitchen is a web application that help you find ingredents to very easy. When you and me want to eat Salted pork with chili & Basil leaves but I don’t have pork and you don’t have Basil leaves. So we share our ingredients together? with smart function on Share kitchen.
MOBILE APPLICATION
autocomplet : this function will be executed every time we change the text function autocomplet() { var min_length = 1; // caracters to display the autocomplete var keyword = $(‘#ingredient_id’).val(); if (keyword.length >= min_length) { $.ajax({ ‘ajax/ajaxData.php’, type: ‘POST’, dataType: “json”, data: {keyword:keyword}, success:function(data){ //var count_ing_nam <?php echo $count_ing_name?>; var showCount = []; //var count = value.count_ing; var count = value.count_ing; console (“นับ =”+count); if (count != 0) { console.log(“ไม่เท่ากับ0”); var showDropdown = []; $.each(data.dropdown,functio result){ ingredient_name = result.ingredient_name; ingredient_id = result.ingredientID; ingredient_picture = result.ingredie picture; tag = result.tagID; showDropdown.push(‘<li onclick=”set_item(\’’+ingredient_name+’\’,\’’+ingredient_id+’\’,\’’+in dient_picture+’\’,\’’+tag+’\’)”>’+result.ingredient_brname+’</li>’); //console.log(‘<li onclick=”set_item(‘+result.ingredie
Visual Design
THINKING & IMPLEMENT MAP
การออกแบบเน้นความเรียบง่าย ดูเรียบร้อย เห็นข้อมูลได้อย่างรวดเร็วให้เหมาะ กับเด็กมหาวิทยาลัย ทันใจนักศึกษา สีหลักที่ใช้คือ สีแดง สีส้ม และสีเขียว ซึ่งเป็น สีที่เกี่ยวข้องกับวัตถุดิบและอาหาร เพื่อให้ผู้ ใช้รู้สึกสัมผัสถึงความสดใหม่ของ วัตถุดิบและอาหารมากขึ้น Concept design is simplicity and show data fastest. It proper students who study in university. The main color is red, orange, and green there are associated with food and ingredient to make users feel the freshness of the ingredients and food.
Target Groups นักศึกษาที่อยู่หอพัก อายุระหว่าง 18 - 22 ปี ทุกเพศ ที่มีความต้องการวัตถุดิบ ในการทำ�อาหารที่หลากหลาย หาง่ายและรวดเร็ว และมีความสนใจด้านการทำ� อาหาร Students who live in dormitory, age between 18 - 22 years and every gender. With the demand of ingredients in a variety of cooking for quick and easy and they are interested in cooking.
Visual Design Target Groups Features
Features Me/Friends/All people ค้นหาวัตถุดิบที่เราต้องการ โดยคํานวณจากระยะห่างหอพักที่ ใกล้ที่สุด Finding ingredient by calculate distance for near dormitory
Core Value
Distribute/Exchange/Request ต้องการวัตถุดิบด้วยวิธีไหน แจก , แลกเปลี่ยนวัตถุดิบ หรือขอ วัตถุดิบ Do you want ingredient mode to deal? distribute ingredient, exchange ingredient or request ingredient My ingredients คลังวัตถุดิบที่ช่วยในการจดจําวัตถุดิบที่เรามี It’s help you in remember about your ingredients. +More Features
Core Value บางครั้งวัตถุดิบที่ไม่มีใครคาดคิด ก็อาจสร้างสรรค์เมนูที่ไม่มีใครคาดฝัน Sometimes it is the ingredient no one imagines anything of It may create a menu that no one expected.
32
Buddy Runner : Application Support Workout by Running on iOS Platform แอปพลิเคชันส่งเสริมการออกกําลังกายด้วยการวิ่ง บนระบบปฏิบัติการไอโอเอส
Design & Development By น.ส.รัสวรรณ เจริญโชค ID 13550642
Tel : 097-1013369 Email : kamrocket@gmail.com Facebook : fb.com/kam.ratsawan Line ID : kamm642
Buddy Runner แอปพลิเคชันส่งเสริมการวิ่งออกกําลังกาย โดยมีกลิ่นอาย ของเกมผสมอยู่ด้วย คุณสามารถ สร้างมิชชั่นกําหนดระยะทางการวิ่งของคุณเองได้ รวมไปถึงคุณยังสามารถชวนเพื่อนๆ ของคุณมาวิ่งด้วยกัน แล้วพากันไปให้ถึงเส้นชัย Buddy Runner is a mobile application to support workout by running. Design concept is combination of Game Design and workout application. User can assign running distance to create their mission. Get the reward when they are finnish. Invite friends to achieve the mission together.
MOBILE APPLICATION
func getRun(){self.listTableView.reloadData()let container: UIView = UIView()container.frame = UIScreen.mainScreen().bounds container.backgroundColor = colorWithHexString(“#ffffff”) let frame = CGRect(x: 140, y: 250, width: 40, height: 40)let activityIndicatorView = NVActivityIndicatorView(frame: frame,type: .BallPulseSync ,color: colorWithHexString(“#ffc200”))container. addSubview(activityIndicatorView)self.view.addSubview(container)activityIndicatorView.startAnimation()let myUrl = NSURL(string: “http://www.rocketmake.com/buddy/run_get.php”)let request = NSMutableURLRequest(URL:myUrl!,cachePolicy :NSURLRequestCachePolicy.ReloadIgnoringLocalAndRemoteCacheData,timeoutInterval: 10.0)request.HTTPMethod = “POST”let postString= “userId=\(userID!)”request.HTTPBody = postString.dataUsingEncoding(NSUTF8StringEncoding)NSURLSession. sharedSession().dataTaskWithRequest(request, completionHandler: { (data:NSData?, response:NSURLResponse?, error:NSError
Visual Design
THINKING & IMPLEMENT MAP
Buddy Runner เป็นแอปพลิเคชันส่งเสริมการวิ่งออกกําลังกาย ถูกออกแบบ ให้มีกลิ่นไอของเกมผสมอยู่ด้วย เลือกใช้ โทนสีที่ดูสดใส กระฉับกระเฉง เช่น สี เหลือง สีแดง และเลือกใช้กราฟิกที่มีความน่ารักสดใส ทำ�ออกมาในแบบของ คาแรคเตอร์ดีไซน์ Buddy Runner is a mobile application to support workout by running. Design concept is combination of game design and workout application. Characters Design direction is make they cute, tangibly and interesting Color design of application is colorful tone to attract users such as red, yellow. Easy to use.
Target Groups เหมาะสำ�หรับนักศึกษา และบุคคลวัยทำ�งาน ในช่วงอายุ 20-29 ปี ที่รักสุขภาพ ชอบการออกกำ�ลังกาย หรือเลือกออกกำ�ลังกายด้วยการวิ่ง Suitable for students and working people in the age range between 20 to 29 years, Who have an interested to keep healthy or workout by jogging or running.
Visual Design Target Groups Features
Features Mission mode โหมดการวิ่งตามระยะทางที่กําหนด สามารถชวนเพื่อนๆ มาช่วย มิชชั่นของคุณได้เพื่อเก็บคะแนน นําไปใช้แลกตัวละคร Running distance mode, User can invite friends to achieve the mission together for exchange mission point to character.
Core Value
Pig pocket หน้ารวมตัวละครหมูซึ่งเป็นสัญลักษณ์แทนตัวของคุณ Collection of pig charcter which is your player.
Buddy list ระบบจัดการเพื่อนของคุณ Management your friend list. +More features
Core Value อยากสุขภาพดี อยากสนุก แค่ออกวิ่งไปด้วยกัน Need good health, Need fun, Let’s run together. 34
An Application to Promote Tourism in Bangkok by Thai Street Food for Foreign Tourist. แอปพลิเคชันส่งเสริมการท่องเที่ยวในกรุงเทพมหานครด้วยอาหารไทยริมทาง สําหรับนักท่องเที่ยวต่างชาติ
Design & Development By น.ส.ศิรินทิพย์ ญาติชัยภูมิ ID 13550645 Tel : 094-4364777 Email : imchaster@gmail.com Facebook : fb.com/ladychillss Line ID : imchaster
Bangkok Hungry แอปพลิเคชันที่ช่วยอำ�นวยความสะดวกในการค้นหาอาหารไทยริมทางสำ�หรับนักท่องเที่ยว ต่างชาติที่ชื่นชอบความสนุกและสัมผัสวิถีที่แท้จริงของอาหารและผู้คนในกรุงเทพมหานคร นอกจากนี้ยังมี ฟังก์ชันที่โดดเด่นตรงที่ผู้ ใช้สามารถบอกเล่าประสบการณ์ของทริปครั้งนี้ได้ ในรูปแบบไดอารี่ Bangkok Hungry is an application that makes it easy to find Thai street food for tourists who want to enjoy and experience the food lifestyle of Bangkok. In addition, the application has a unique feature where people can write about their experiences in diary mode.
MOBILE APPLICATION
import UIKit import CoreLocation class TouristViewController: UIViewController,UICollectionViewDataSource,UICollectionViewDelegate { @IBOutlet weak var CollectionView:UICollectionView! var data: NSMutableArray = [] var receiveDatail2: NSDictionary? var imageCache = NSM ableDictionary() override func viewDidLoad() {super.viewDidLoad()touristdata() } func touristdata() { data = NSMutableArra CollectionView.tag = 1CollectionView.reload Data() let allresArray = allresdata()let tlatitude = Double(receiveDatail2![“latitud as! String) let tlongtitude = Double(receiveDatail2![“longt itude”] as! String) let touristLocation = CLLocation(latitude: tlatitude! longitude: tlongtitude!) for j in 0 ..< allresArray.count { let latitude = Double(allresArray[j][“latitude”] as! String) let longtitud Double(allresArray[j][“longtitude”] as! String) let resLocation = CLLocation(latitu de: latitude! , longitude:longtitude!)let distanc
Visual Design
THINKING & IMPLEMENT MAP
แนวคิดการออกแบบเน้นให้มีความทันสมัยเหมาะกับวัยรุ่น เปรียบเสมือน “สวรรค์ บนดินของนักท่องเที่ยว”หน้าแรกของแอปพลิเคชันสามารถเคลื่อนไหวได้ ใช้ โทนสี ร้อนเหมือนกับอาหารไทยที่มีความเผ็ดร้อน ตัดกับสีน้ำ�เงินเพื่อสื่อถึงบรรยากาศ ยามค่ำ�คืนของถนนคนเดิน The design concept is thai modern for teenager. The streets on heaven. “Paradise for tourists” The first page of the apps can animated. Use warm colors that suit the Thai spicy food. Contrast with dark navy to convey the environment of the night street.
Target Groups นักท่องเที่ยวชาวต่างชาติที่อาศัยในแถบเอเชียตะวันออกเฉียงใต้ รวมไปถึงจีน เกาหลี ญี่ปุ่นและไต้หวันหรือนักท่องเที่ยวที่มีเชื้อสายจีน อายุตั้งแต่ 18 - 25 ปี มี ความหลงใหลในการท่องเที่ยวและอาหารท้องถิ่น ใช้สมาร์ทโฟนในการช่วยอำ�นวย ความสะดวกเป็นประจำ� Foreign tourists who live in Southeast Asia, including China, Korea, Japan and Taiwan. Foreign tourists who are Chinese descent. Aged 18-25 years. Passion for travel and local food. Use a smartphone to help facilitate a regular basis.
Visual Design Target Groups Features
Features Nearby ค้นหาร้านอาหารริมทางจากบริเวณใกล้ตัว Find Thai street food around you.
Core Value
Search ค้นหาร้านอาหารริมทางใกล้สถานที่ท่องเที่ยว ใกล้รถไฟฟ้า ตามความนิยม และประเภทอาหารที่ผู้ ใช้ต้องการ Find Thai street food around tourist attractions, train stops, popular food places, as well as different kind of food. (desserts, snacks, etc.) Diary บันทึกเรื่องราวในช่วงเวลาที่มาท่องเที่ยวในกรุงเทพมหานครใน รูปแบบของไดอารี่ People can write about their experiences in Diary mode. +More features
Core Value อร่อยง่ายๆ สไตล์ไทยสตรีทฟู๊ด Thai Street Food are simple delicious style. 36
เว็บแอปพลิเคชัน The meaning of web application
โปรแกรมประยุกต์ที่เข้าถึงด้วยโปรแกรมค้น ดูเว็บไซต์ผ่านเครือข่ายคอมพิวเตอร์อย่าง อินเทอร์เน็ต หรืออินทราเน็ต
The application is accessible with a Web browser such as Internet sites over a computer network. or intranet
สถิติจำ�นวน เว็บไซต์ทั่วโลก
Statistics of web application Year 2011 : 346,004,403 websites Year 2012 : 697,089,489 websites Year 2013 : 672,985,183 websites Year 2014 : 968,882,453 websites Year 2015 : 863,105,652 websites
-
ที่มา:
asiadata.co.th/service.php internetlivestats.com/
ประเภทของ เว็บแอปพลิเคชัน Type of web application
- Portal Site (เว็บท่า) คือเว็บที่รวมลิงค์ของ เว็บไซต์ที่น่าสนใจไว้ค้นหา รวมถึงบริการที่ เกี่ยวกับเรื่องราวที่มีสาระ และบัน เทิงหลาก หลายประเภท - News Site (เว็บข่าว) คือเว็บที่สร้างขึ้นโดย องค์กรข่าว หรือสถาบันสื่อสารมวลชนต่างๆ ที่มีสื่อมวลชนของตนอยู่เป็นหลัก เช่นสถานี โทรทัศน์ สถานีวิทยุ หนังสือพิมพ์ - Information Site (เว็บข้อมูล) คือเว็บที่ให้ บริการเกีย่ วกับการสืบค้นข้อมูลข่าวสาร หรือ ข้อเท็จจริงต่างๆ ที่น่าสนใจ - Business/Marketing Site (เว็บธุรกิจหรือ การตลาด) คือเว็บทีส่ ร้างขึน้ โดยองค์กรธุรกิจ ต่ างๆ ที่ มี จุ ดประสงค์ ในการประชาสัมพันธ์ องค์กร และเพิ่มผลกำ�ไรทางการค้า - Educational Site (เว็บการศึกษา) คือเว็บที่ ใช้เผยแพร่ความรู้ และให้ โอกาสในการค้นคว้า หาข้ อ มู ล เพื่ อ การศึ ก ษาแก่ นั ก เรี ย น นิ สิ ต นักศึกษา รวมถึงประชาชนทั่วไป - Entertainment Site (เว็บบันเทิง) คือเว็บที่นำ� เสนอและให้บริการเพือ่ เสริมสร้างความบันเทิง เกี่ยวกับดนตรี ภาพยนตร์ ดารา กีฬา - Non-Profit organization Site (เว็บองค์กร ที่ไม่แสวงหาผลกำ�ไร) คือเว็บที่สร้างขึ้น เพื่อ ช่วยเหลือสังคมโดยที่ไม่หวังผลกำ�ไร หรือค่า ตอบแทน - Personal Site (เว็บส่วนตัว) คือเว็บของคนๆ เดียว หรือครอบครัว ที่จัดทำ�ขึ้นด้วยเหตุผล ที่แตกต่างกัน
- A Web portal or public portal refers to a Web site or service that offers a broad array of resources and services. - Created by corporate news or institute of mass communication e.g. TV stations, Radio stations and newspaper. - Web service for searching news information or true story. - Created by enterprise businesses they have purpose for corporate public relations and increasing profit. - A site for dissemination of knowledge and provide opportunities for research for students as well as general public. - A site that present services for entertainment about music, movie, star and sports. - Created for help society as a non profit. - Websites about an individual or a small group (such as a family) created by different reason.
SPONSORED BY สนับสนุนโดย
ผลงาน
WEB
APPLICATION
ชาลส์ ดาร์วิน นักวิทยาศาสร์ผู้คิดค้นทฤษฎีวิวัฒนาการ Charles Darwin Scientists, who invented the theory of evolution
ภาพ : listverse.com
ชาลส์ ดาร์วิน หรือ ชาลส์ โรเบิร์ต ดาร์วิน เกิดเมื่อ 12 กุมภาพันธ์ ค.ศ. 1809 และเสียชีวิตเมื่อ 19 เมษายน ค.ศ. 1882 ในวัย 73 ปี ชาลส์ ดาร์วิน ถือกำ�เนิดขึ้นท่ามกลาง ครอบครัวผู้มีฐานะดี ในแถบชนบทของเกาะ อังกฤษ มีความสนใจเกี่ยวกับธรรมชาติตั้งแต่ วัยเด็ก หลงใหลในประวัติศาสตร์ธรรมชาติ ทำ�ให้เขาได้เริ่มต้นสะสมสิ่งต่างๆ ที่เกี่ยวข้อง กับธรรมชาติตั้งแต่นั้น เป็นต้นมา แม้ว่าบิดา ของเขามีความต้องการที่จะให้ดาร์วิน เติบโต มาเป็นแพทย์กต็ าม ชาร์ลส์ ดาร์วนิ ได้เดินทาง ไปรอบโลกพร้อมกับเรือสำ�รวจบีเกิล ตลอด ระยะเวลากว่า 5 ปี เพื่อที่จะค้นพบความลับ ของธรรมชาติอันยิ่งใหญ่บนชายฝั่ง และเพื่อ ที่ จ ะสำ � รวจด้ า นธรณี วิ ท ยา จึ ง ได้ เ ก็ บ สะสม ตัวอย่างสำ�หรับการศึกษาประวัติศาสตร์ เขา ได้เขียนบันทึกผลการสังเกตการณ์และการ คาดเดาทางทฤษฎีอย่างละเอียด ซึ่งเป็นหัวใจ สำ�คัญของการศึกษาวิทยาศาสตร์สมัยใหม่ จนได้กลายมาเป็นนักปฏิวัติผู้ยิ่งใหญ่ บนเส้น ทางของนักธรรมชาติวิทยาที่ว่า “สิ่งมีชีวิต ทั้งหลายย่อมมีการต่อสู้ดิ้นรนเพื่อความอยู่ รอด สิ่งมีชีวิตที่สามารถปรับตัวให้เข้ากับสิ่ง แวดล้อมได้ดีที่สุดนั้นจะเป็นผู้ที่มีชัยและขยาย เผ่าพันธุด์ �ำ รงอยูต่ อ่ ไปได้” ซึง่ แนวคิดของดาร์ วิลล์นี้ยังเป็นอมตะเสมอจนถึงทุกวันนี้ เพราะ มนุษย์ยงั ต้องดิน้ รนเพือ่ ความอยูร่ อดบนโลกมี การเปลีย่ นแปลง ทัง้ ทางด้านเทคโนโลยีทมี่ กี าร พัฒนา และการแข่งขันที่สูงขึ้น สิ่งแวดล้อม ต่างๆที่เปลี่ยนไป ไม่ว่าจะมีอุปสรรคเกิดขึ้น หรือถาโถมเข้ามามากขนาดไหน หากมนุษย์ อย่างเราไม่ละซึ่งความพยายาม ความอดทน แล้ว ก็ย่อมที่จะสามารถผ่านพ้นสถาณการณ์ นั้นๆไปได้ ในที่สุด ชาร์ลส์ ดาร์วิน แสดงให้เห็นว่าทุก วันนี้โลกของเราพัฒนาไปอย่างรวดเร็ว ไม่
ว่าจะเป็นองค์ความรู้ ใหม่ๆ ที่เกิดขึ้นมากมาย จนนับจำ�นวนไม่ถ้วน เราสามารถเรียนรู้ข้อดี และข้ อ ผิ ด พลาดที่ เ กิ ด ขึ้ น ในอดี ต เพื่ อ ที่ นำ � มาพั ฒ นาตนเองให้ ก้ า วหน้ า และทั น ต่ อ การ เปลีย่ นแปลงของโลก ไม่เช่นนัน้ เราก็ไม่ตา่ งอะไร จากสิ่งมีชิวิตที่ไม่มีการพัฒนา และผ่ายแพ้ ให้ กับผู้ที่เหนือกว่าดังคำ�กล่าวของดาวิลนั่นเอง
Charles Darwin or Charles Robert Darwin, who was born on February 12, 1809, is the scientist who formulates the theory of evolution. He was born into a wealthy family in England. When he was a child, he was so interested in natural history that he observed and accumulated things from the natural world. However, his father want him to become a doctor. Charles Darwin had traveled around the world with Beagle: a survey ship to discover the big secrets of nature on the bank and to survey the geology. He also wrote down the results of a survey thoroughly, which is important to the modern science education. Eventually, he became a revolutionist who is a natural philosopher. According to Charles Darwin, all organisms have to struggle to survive. The organisms that are able to adapt to their environment will be the winner and be able to breed and live. This quote from Charles Darwin is immortal. Human beings still have to struggle for survival in the world that has changed all the time, particularly in technology and environment. No matter how much obstacles are, we have to endure and attempt so that we can finally pass those terrible situations. Charles Darwin indicates us that our world nowadays is developed rapidly; for example, new knowledge organization which occurs a lot. We can learn the advantages and the mistakes from our past, and Improve ourselves to progress and to catch up with the changes. Otherwise, we won’t be different from any organisms that don’t have any development, and finally become losers like the quote of Charles Darwin.
อีลอน มัสค์ นักคิดผู้เปลี่ยนแปลงโลกในอนาตต
Elon Musk Thinker change the world in the future.
อีลอน มัสค์ เกิดเมือ่ 28 มิถนุ ายน 2514 ปัจจุบันอายุ 45 ปี เขามีตำ�แหน่งเป็น ประธานและผูก้ อ่ ตัง้ paypal ,tesla motors และ space exploration technologies อิลอน มัสค์ เป็นที่รู้จักดีในฐานะผู้ก่อตั้ง paypal เว็บไซต์ บริการโอนเงินชื่อดัง ซึ่งในตอนนี้ก็ได้กลาย เป็นธุรกิจการถ่ายโอนเงินที่ทำ�ให้การซื้อขาย บนอินเทอร์เน็ตมีความคล่องตัวกว่าเดิม อีก ทัง้ paypal ยังมีผู้ ใช้จ�ำ นวนกว่า 160 ล้านบาท บัญชีทวั่ โลก และเป็นผูก้ อ่ ตัง้ บริษทั Space Exploration Technologies หรือ SpaceX บริษทั เอกชนแห่งแรกที่ปล่อยจรวดสู่อวกาศ และ เป็นผู้ก่อตั้ง Tesla Motors ซึ่งเป็นบริษัทผลิต รถยนต์ไฟฟ้าอีกด้วย บิดาของเค้ามีอาชีพเป็น วิศวกร ส่วนมารดาเป็นนักโภชนาการ ซึ่งบิดา ของเขาเป็นคนสร้างแรงบันดาลใจให้แก่มัสค์ ทำ�ให้เขาหลงรักเทคโนโลยี และเพื่อให้ประสบ ผลสำ�เร็จตามทีห่ วัง มัสค์ได้กล่าวไว้วา่ “ความ ล้มเหลวเป็นเหมือนตัวเลือก ถ้ายังไม่มีสิ่งใด ผิดพลาดแสดงว่าคุณยังไม่ได้สร้างสรรค์สิ่ง ใหม่ๆเพียงพอ” ทั้งนี้มัสค์ยังมีความฝันว่าวัน หนึ่งเขาจะมีธุรกิจ ท่องเที่ยวระหว่างดวงดาว ที่เปิดให้บริการสำ�หรับคนทั่วไป ซึ่งมัสค์ก็ได้ ให้ SpaceX พัฒนาเทคโนโลยีจรวด ให้มีความ สามารถเพียงพอ ที่จะทำ�ให้ โครงการของเขา สามารถได้เป็นบริษทั เอกชนรายแรกทีจ่ ดั เทีย่ ว บินไป-กลับไประหว่างโลกและสถานีบนอวกาศ ได้ “ผมคิดว่าการสำ�รวจอวกาศของมนุษย์ เป็นสิ่งที่สำ�คัญมาก แน่นอนว่าโอกาสที่จะมี ชีวิตรอดย่อมมีมากขึ้นถ้าหากเราสามารถที่ จะอยูบ่ นดาวได้มากกว่าหนึง่ ดวง “ มัสค์กล่าว นอกจากนี้มัสค์ยังได้สร้างรถยนต์ ไฟฟ้าแบบ สปอร์ตคาร์ โมเดลต้นแบบทางเศรษฐศาสตร์ ซึ่งเป็นรถซีดานรถยนต์ส่วนบุคคลที่ภายหลัง ได้มกี ารแบ่งแยกรถเก๋งออกเป็นหลายชือ่ ไม่วา่ จะเป็นรถขนาดเล็กที่เรียกว่า อีโค้คาร์ รถยนต์
ไฟฟ้าสีป่ ระตู ทีส่ ามารถขับเคลือ่ นพลังงานแสง อาทิตย์ได้ ในอนาคต อีลอน มัสค์ แสดงให้เห็น ถึง ความเป็นนักคิดและนักพัฒนาทีโ่ ลกปัจจุบนั และอนาคตต้องการเป็นอย่างยิง่ เพราะเขาถือ ได้เป็นบุคคลที่มีความมุ่งมั่นในความฝันที่เข้ามี อย่างแน่วแน่วา่ สิง่ ทีเ่ ขาฝันนัน้ จะต้องเป็นความ จริง พร้อมทั้งสามารถอำ�นวยความสะดวกให้ แก่โลกปัจจุบันและอนาคตได้ภายใต้อุดมคติที่ สร้างสรรค์อย่างเป็นมิตรกับโลก Elon Mask is well-known person as a founder of Paypal, an online payments website which now become a company operating a worldwide online payments system that make trading more flexible, and also a founder of Space Exploration Technologies or SpaceX, the first public company that lunches rockets and spacecraft to the space. He is also a founder of Teala Motors which manufacture electric vehicles. To achieve the target, Mask said “ Failure is an option. If things are not failing, you are not inventing enough.” Mask has a dream of a space traveling business that service for all people, which inspire SpaceX to develop rocket and spacecraft technology for more efficiency to make his company become the first public company that service trips between Earth and space station. “ I think space exploration is very important. There is more opportunity to servive if we can live in more than one planet.”, said Mask. Furthermore, Mask also invented electric sport car model which is later seperated into many names, including Eco car, electric car that can drived with solar energy in the future. Econ Mask is an inventer and developer that the world is needed in present and future because he is engrossed in his dream and aim to make them become reality.
ภาพ : toffthereservation.net 40
Web Application for Commercial Space Case Study Green Vintage Night Market เว็บแอปพลิเคชันสหรับจองพื้นที่ขายสินค้า กรณีศึกษาตลาดนัดกลางคืน กรีนวินเทจ
hp namespace App\Http\Controllers;use Illuminate\Http\Request;use App\Http\Requests;use p\Http\Controllers\Controller; use Auth;use Validator;use App\Booking;use App\Zone;useApp\ r;use App\BookingDetail;use DateTime;use DateTimeZone; class Checkin Controller extends Coner{/*** Display a listing of the resource.** @return \Illuminate\Http\Response*/publicfunction ex(){returnview(‘checkin.index’);}public function feed(Request $request){if(!Auth::check())return rense()->json(array(‘result’=>false , ‘message’=>user is not define.’));$user = Auth::user();$pageSize request->input(‘pageSize’);$currentPage = $request->input(‘currentPage’); $skip = ($currentPage
Visual Design THINKING & IMPLEMENT MAP
เป็นเว็บแอปพลิเคชันที่เน้นในส่วนของระบบการใช้งาน โดยใช้สีหลักของตลาดนัด กลางคืนกรีนวินเทจ คือสีเขียว สีขาว สีเทาและสีแดง เพื่อให้ง่ายต่อการจำ�และ เกิดความเป็นอัตลักษณ์ขององค์กร The web application focues on working system usage is using the main color of green vintage night market that is green, white, gray and red. For make it easier to memory and identity of organization.
Target Groups ส่วนของหน้าบ้าน จะเป็นกลุ่มผู้ค้าจรและผู้ค้าประจำ�ที่ค้าขายอยู่ในตลาดนัดกลาง คืนกรีนวินเทจ อายุประมาณ 15-50 ปี ส่วนระบบหลังบ้าน จะเป็นผู้ดูแลระบบและ ผู้ตรวจสอบตลาดที่ทำ�งานอยู่ในตลาดนัดกลางคืนกรีนวินเทจ The front end application can be used by the regular seller and general seller between the age of 15-50 years in the green vintage night market. The back end application can be used by the intendant user and examiner in the green vintage night market.
Visual Design Target Groups
Features
Features
Reserve ผู้ค้าจองพื้นที่ขายสินค้าในวันที่ต้องการขายผ่านระบบ Seller reserve the buy area and the day they want.
Core Value
Check-in ผู้ค้ายืนยันตัวตนก่อนการมาขายสินค้าเพื่อยืนยันว่าจะมาขายจริง Seller prove their identities before check-in to confirm the arrival. Inform the transference ผู้ค้ายืนยันหลักฐานการโอนเงิน Seller show their tranfer slip. +More features
Core Value จองก่อนได้ที่ขายก่อน the first reservation, the better sell site.
WEB APPLICATION
Design & Development By น.ส.ปฐมาวดี อินพรหมมาิ ID 13540189 Tel : 090-9359085 Email : mychappa@gmail.com Facebook : fb.com/paprang Line ID : iinporz
เป็นเว็บแอปพลิเคชันสำ�หรับจองพื้นที่ขายสินค้าภายในตลาดนัดกรีนวินเทจ โดยจะช่วยให้กลุ่มผู้ค้าที่ต้องการ จองพื้นที่ล่วงหน้าสามารถทำ�ได้ง่ายและสะดวกมากขึ้น รวมไปถึงส่วนของผู้ดูแลสามารถจัดการและตรวจสอบ การจองผ่านระบบได้ง่ายยิ่งขึ้น Web Application for reserve the buy area in Green Vintage Market. Helps traders book easily, also has administrative system for market admin. 42
Web Application for Pet Service Case Study Love Me Love My Pets Shop เว็บแอปพลิเคชันร้านรับฝากสัตว์เลี้ยงกรณีศึกษา ร้าน Love Me Love My Pets
ction getReceptionPanoramaHotel() {return {location: {pano: ‘hotel’, // The ID for this custom norama.description: ‘Love Me Love My Pets - ห้องฝากเลี้ยง’,// latLng: new google.maps.LatL-33.86684, 151.19583)},links: [{heading: 250,description: ‘GROUND’,pano: ‘ground’},{headitileSize: w google.maps.Size(3500, 1000),worldSize: new google.maps.Size(3500, 1000),centerHeading: 5,getTileUrl: function(pano, zoom, tileX, tileY) {return ‘http://webishappy.com/love_me/maps/ el_1.jpg’;}}};}function initOutside() {panorama = new google.maps.StreetViewPanorama(document. ElementById(‘street-view’),{pano: outsideGoogle.location.pano,panoProvider: function(pano) {if
Visual Design THINKING & IMPLEMENT MAP
เน้นทางด้านระบบการใช้งานเป็นหลัก มีขาวและเทาเพื่อความสบายตาในการใช้งาน และสีส้มและสีเหลืองที่เพิ่มความสดใสให้กับเว็บแอปพลิเคชัน Stressed the system is primarily used. A white and gray for comfort of use. And orange and yellow color to add joy for web application.
Target Groups ผู้เลี้ยงสุนัข ทุกเพศ ทุกวัย ที่ต้องการใช้บริการร้านสำ�หรับสัตว์เลียงที่ครบวงจร ที่มีความน่าเชื่อถือ ไว้วางใจได้ และเหมาะสมสำ�หรับสัตว์เลี้ยงของผู้ ใช้บริการ People with pet, all genders, all ages who want to use pet service that have comprehensive services. That must be credibility and suitable for your pet
Visual Design Target Groups
Features
Features
Camera ติดตามความเป็นอยู่ของสัตว์เลี้ยงผ่านทาง IP Camera Perceived behavioral well-being of pets from IP Camera.
Core Value
Map ชมบรรยากาศผ่านทางรูป 360 ของร้านรับฝากเลี้ยง To watch atmosphere via a photo in 360 degrees of Shop.
Reservation จองคิวห้องพักเพื่อฝากสัตว์เลี้ยง Booking a room for pets. +More features
Core Value บริการสำ�หรับสัตว์เลี้ยงแสนรักของคุณ Service for Your belove Pets.
WEB APPLICATION
Design & Development By น.ส.ภัทรธิดา ศรีอนันต์ ID 13540212
Tel : 081-5672989 Email : meismeuareu@gmail.com Facebook : fb.com/meisme.uareu Line ID : meismmk
Love Me Love My Pets Club เป็นเว็บแอปพลิเคชันส่งเสริมบริการของร้านรับฝากเลี้ยงสัตว์ ที่จะนําเทคโนโลยี มาช่วยเพิ่มความสะดวกสบายแก่ผู้ ให้บริการและผู้มารับบริการ Love Me Love My Pets Club is Web Application for promote services of pet service shop. To apply technology to enhance comfort, service providers and service users.
44
Web Application for Who Like E-Sport in Thailand Case Study Dota2 เว็บแอปพลิเคชันสำ�หรับผู้ที่ชื่นชอบกีฬา E-Sport ในประเทศไทย กรณีศึกษา Dota2
ody><?php $matches = $_SESSION[‘$matches’]; $assocHeroes = $_SESSION[‘$assocHeroes’]; $i=0;$i<sizeof($matches);$i++){echo “<tr><td> “.$matches[$i][‘match_id’].”</td>”; for($j=0;$j<of($matches[$i][‘players’]);$j++) { $account_id_num= $_SESSION[‘each_steamid’] & 0xffffffff; if atches[$i][‘players’][$j][‘account_id’] == $account_id_num) { echo “<td> “ . “<img src=’img/ o/”.$assocHeroes[ $matches[$i}[‘players’][$j][‘hero_id’] ]. “_sb.png”.” ‘ >”.”</td>”; } } $result_ ch = “”; if($matchDetails[$i}[‘radiant_win’] == true){$result_match = “<font face=\”verdana\” or=\”green\”>Radiant Win</font>”;} else{$result_match = “ <font face=\”verdana\”
Visual Design THINKING & IMPLEMENT MAP
เน้นการออกแบบให้ดูง่ายในการมอง เนื่องจากมีรายละเอียดต่างๆที่สำ�คัญของ การเล่นในแต่ละเกมเป็นจำ�นวนมาก จึงใช้ โทนสีเทา สีดำ� และสีแดงเป็นตัวเน้นสิ่ง สำ�คัญ ให้คล้ายคลึงกับส่วนต่อประสานของผู้ ใช้งานจากเกม Dota2 Design make it easy to view. As detailed in the importance of play in as many games. The tones of gray, black and red as a highlight important. Similar to the interface of the game Dota2.
Target Groups ผู้ที่เล่นเกม Dota2 ทุกเพศทุกวัย ที่ต้องการเพื่อนเล่นเกมในระดับใกล้เคียงกัน และต้องการสร้างทีมไปสู่การแข่งขัน Player of game Dota2 all age, who want to play games at a similar level. And want to build a team to the tournament.
Visual Design Target Groups
Features
Features
Player find the team / Make team ผู้ ใช้งานสามารถค้นหาทีมที่ต้องการร่วมด้วยได้ หรือต้องการที่จะ สร้างทีมขึ้นมาเองแล้วชักชวนผู้เล่นอื่นได้
Core Value
Users can search team that would like to join with you. Or want to build up their own team and then persuade another player.
Management team ผู้ ใช้งานและหัวหน้าของแต่ละทีมสามารถนัดวันเวลาให้แก่สมาชิก ในทีมเพื่อนัดซ้อม หรือชักชวนทีมอื่นร่วมซ้อมได้ Chief of individual users and teams can schedule time for team members to arrange rehearsals. Or persuade another team to rehearse together. Find player ค้นหาผู้เล่นตามความต้องการเฉพาะได้ ในตำ�แหน่งที่ต้องการ Find players have specific needs. In the desired position. +More features
Core Value การสร้างทีม Dota2 เพื่อการแข่งขัน ได้อย่างมีประสิทธิภาพ Creating a team Dota2 for Tournament. Effectively.
WEB APPLICATION
Design & Development By นายภูวนาถ สระทองเศียร ID 13540219
Tel : 083-0631198 Email : sweetie.refill@hotmail.com Facebook : fb.com/toppingchocolatez Line ID : toppingzz
เป็นเว็บแอปพลิเคชันสำ�หรับผู้ที่เล่นเกม Dota2 เพื่อหวังที่จะได้ไปแข่งขันในรายการต่างๆ ของเกม โดยจะช่วย ให้ผู้ ใช้งานสามารถค้นหาผู้เล่นเพื่อชวนกันสร้างทีมสำ�หรับการแข่งขันต่างๆ ได้ตรงตามความต้องการอย่างมี ประสิทธิภาพ A web application is available for those who wish to play Dota2 to get to tournament in various games. It allows users to search for players to invite each other to create a team for various competitions. 46
Endless Story Web Application เว็บแอปพลิเคชันสร้างสรรค์การเล่าเรื่อง
v class=”owner_status” style=”height: 70px;”><?php if(isset($user_id)){ if($fetchArticle[“user_id”] $user_id ){?><a href=”../like_step1.php?article_id=<?= $article_id ?>&comment_id=0”><img =”../img/story/icon_like.png” class=”like” style=”margin-top: 15px;position: absolute;”><span ss=”num” style=”color:#fb6838;font-family: RSUBold;font-family: 20px;margin-top: 15px;magin-left: px;”><?= $fetchArticle[“like_amount”] ?><br><span style=”color:#808080;font-size: 14px;”></ n></span></a><?php}else{?><img src=”../img/story/icon_like.png” class=”like” style=”mar-top: 15px;position: absolute;”><span class=”num” style=”color:#fb6838;font-family: RSUBold;font
Visual Design THINKING & IMPLEMENT MAP
ออกแบบเรียบง่ายเน้นใช้ไอคอนเพื่อให้ผู้คนจดจำ�และกลับมาใช้งานได้สะดวก และใช้ โทนสีเหลืองและสีส้ม เพื่อแสดงถึงความมีไฟและคิดสร้างสรรค์ในการเล่า เรื่องราว Minimal design, Use of icon thats easy to reconize. Use worm color to make people have a motivation.
Target Groups นักเรียนนักศึกษาทุกเพศทุวัย ที่มีอายุระหว่าง 18-24 ปี มีไฟในการเล่าเรื่อง ชอบ อ่านชอบเล่าและสร้างสรรค์เรื่องราวใหม่ๆ อยู่เสมอ Student 18-24 ages, Whos like to read and tell a story.
Visual Design Target Groups
Features
Features
Create story หลากหลายหมวดเรื่องเล่าที่ให้คุณเล่าเรื่องได้หลายแบบไม่มีเบื่อ Enjoy with many type of story.
Core Value
Continoue story สานต่อเรื่องเล่าและจินตนาการแบบไม่มีที่สิ้นสุด Continue story and imagination with infinite story.
Like กดแสดงความชื่นชอบเรื่องเล่านั้นๆ Like and share story you love. +More features
Core Value เรื่องเล่าและจินตนาการจากความคิดสร้างสรรค์ Story and imagination.
WEB APPLICATION
Design & Development By น.ส.จิตลดา ศรีฉัตรใจ ID 13550111 Tel : 097-0320256 Email : wifi1616@gmail.com Facebook : fb.com/Zoyzy Line ID : zoyzer
Endless Story สังคมออนไลน์ทางความคิดและจินตนาการ สร้างสรรค์เรื่องราวที่เป็นสไตล์คุณสนุกสนานกับ หลากหลายไอเดีย และความคิดสร้างสรรค์ Endless story A a creative.
48
Classcheck Web Application for Checklist Student in Class พัฒนาเว็บแอปพลิเคชันเพื่อช่วยตรวจสอบการเข้าเรียนของนักศึกษา
ction getDataFromDb(){$.ajax({url: “getdata.php” ,type: “POST”,data: ‘’}).success(function(re) {var obj = jQuery.parseJSON(result);if(obj != ‘’){//$(“#myTable tbody tr:not(:first-child)”). ove();$(“#myBody”).empty();$.each(obj, function(key, val) {var tr = “<tr>”;tr = tr + “<td>” l[“username”] + “</td>”;tr = tr + “<td>” + val[“stay_time”] + “</td>”;tr = tr + “</tr>”;$(‘#myle > tbody:last’).append(tr);});});}setInterval(getDataFromDb, 10000); // 1000 = 1 second</ pt> <? session_start();$clock=$_SESSION[‘clock’]; if($clock==0){?> <script> function startTime() { today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.
Visual Design THINKING & IMPLEMENT MAP
การออกแบบโดยใช้ โทนสี เขียวเทา ทำ�ให้รู้สึกสบายตา เพราะสีเขียวที่ได้เลือกมา มีผลวิจัยว่าช่วยให้มีสมาธิมากกว่าขึ้น เป็นสีของการเรียนรู้ Design by using green and gray for comfortable. Because green color have a research is help to learning
Target Groups นักศึกษาและอาจารย์ผู้สอน ในวิชาเรียนที่มีผู้เรียนเป็นจำ�นวนมาก โดยใช้ Rasberry board และโทรศัพท์มือถือในการเช็คชื่อเข้าเรียน Students and Professors In subjects with the students a lot. Rasberry board and using a mobile phone to check the names enrolled.
Visual Design Target Groups
Features
Features
Stay time เก็บเวลาที่เข้าเรียนของผู้เรียน Stay time save time of student in class to end class.
Core Value
Checklist ตรวจสอบข้อมูลมาเรียน ขาด สาย Checklist check a infomation of student.
Subject of lecturer ดูคลาสในแต่ละครั้งที่สอนไปและยังไม่ได้สอน Subject of lecturer check list of class have to teach. +More features
Core Value เช็คชื่ออย่างมีประสิทธิภาพมากที่สุด Easy check easylife Classcheck.
WEB APPLICATION
Design & Development By นายทัศน์พล โอสุวรรณ์ ID 13550141
Tel : 089-9002638 Email : lukmawmaew@gmail.com Facebook : fb.com/tassapon.theamjee Line ID : catson.jee
Classcheck เว็บแอปพลิเคชันที่ช่วยตรวจสอบการเข้าเรียนของนักศึกษาว่ามาเรียนตรงเวลา มาเรียนสาย หรือ ขาดเรียน และยังช่วยให้อาจารย์ผู้สอนสามารถเริ่มคลาสเรียนด้วยตนเองได้ Classcheck webapplication for help clecklist student have come in class or late or absent help a lecturer can start own class.
50
Web Application for University Students in Bangkok Area Who Seeking for Roommate. เว็บแอปพลิเคชันสื่อกลางในการค้นหารูมเมทสำ�หรับกลุ่มนักศึกษามหาวิทยาลัยในเขตกรุงเทพมหานคร
ction(a,b){“object”==typeof module&&”object”==typeof module.exports?module.exports=a.docent?b(a,!0):function(a){if(!a.document)throw new Error(“jQuery requires a window with a docunt”);return b(a)}:b(a)}(“undefined”!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c. cat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m=”2.1.3”,n=func(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\ z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selec””,length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.
Visual Design THINKING & IMPLEMENT MAP
ทำ�ออกมาในรูปแบบของเว็บแอปพลิเคชันที่ ออกแบบให้มีความทันสมัย เหมือนไลฟ์ สไตล์คนกรุงเทพ และเน้นใช้ โทนสีน้ำ�เงินและเหลือง ให้มีความน่าเชื่อถือเหมาะสมกับ การหารูมเมทและหอพัก The web apps are designed to be modern. Like lifestyle Bangkok Use shades of blue and yellow And provide credibility search for roommates and apartments.
Target Groups นักศึกษามหาวิทยาลัยอายุ 18-24 ปี ทุกเพศ ที่ต้องการหอพักใกล้กับสถาน ศึกษา ในเขตกรุงเทพมหานคร และต้องการรูมเมทมาแบ่งเบาภาระค่าใช้จ่ายในการ เช่าหอพัก University students, aged 18-24 years, each sex. Preferred hostels near schools in Bangkok. And need to find a roommate to share expenses to rent an apartment.
Visual Design Target Groups
Features
Features
I need my roommate ประกาศหารูมเมท Post to find roommates.
Core Value
Match my roommate ช่วยจับคู่รูมเมทโดยหาจากลักษณะการใช้ชีวิตของคุณ Help match roommates by characteristics for a living.
Find my apartments ค้นหาหอพักในกรุงเทพฯ Find Apartments in Bangkok. +More features
Core Value หารูมเมทที่เหมาะกับเราและหาหอพัก ได้อย่างมีประสิทธิภาพ Find roommates similar to yourself and find hostels to effectively.
WEB APPLICATION
Design & Development By นายธีรภัทร แย้มศรวล ID 13550158
Tel : 085-1910966 Email : teerapat_yamsuan@outlook.com Facebook : fb.com/teerapat.yamsuan Line ID : teeict
ROOM SHARE เป็นเว็บแอปพลิเคชันที่ตอบสนองความต้องการในการหาเพื่อนร่วมห้องและหอพักใน กรุงเทพมหานคร สำ�หรับกลุ่มนักศึกษาโดยจับคู่จากนิสัยและการใช้ชีวิตที่ใกล้เคียงกันมากที่สุด ROOM SHARE are Web Application. Who needs to find a roommate and Apartments in Bangkok For students by matching the habit. And living close together as possible.
52
Web Application Laundry & Dry Cleaning Services เว็บแอปพลิเคชันส่งเสริมการบริการร้านซักอบรีด
set($_GET[“action”])){$action = $_GET[‘action’];if($action == ‘DeleteOrder’){$id = $_GET[‘rid’];$QuString = “Delete from order_de tail”;$QueryString .= “ WHERE order_id = ‘”.$id.”’”;$db->que$QueryString);$QueryString = “Delete from ordertb”; $Que ryString .= “ WHERE order_id = d.”’”;$db->query($QueryString);$_SESSION[“SystemRespondStatus”] = ‘success’;$_SESSION[“SysRe spondMessage”] = ‘Delete Success.’;?><script language=”javascript” type=”text/jacript”>location.href=’home.php’;</script><?ph p}else if($action == ‘PaidOrder’){$orw = EQUEST[“rid”]; $QueryString = “UPDATE ordertb “; $QueryString .= “ SET payment_status =
Visual Design THINKING & IMPLEMENT MAP
ออกแบบโดยใช้ โทนสีฟ้า และเขียวอ่อนที่ดูแล้วรู้สึกสะอาด เหมาะสมกับธุรกิจร้านซักรีด Designed by shades of blue and green that look and feel clean. Business suits, laundry.
Target Groups ผู้ที่ต้องการใช้บริการร้านซักรีด แต่ไม่มีเวลาเดินทางไปส่งผ้าเอง มีช่วงอายุ 20 - 45 ปี ทุกเพศ Those who want to use the service laundry. But do not have time to send the cloth itself. There are age 20 - 45 years. Each gender.
Visual Design Target Groups
Features
Features
Management system ระบบในการนัดรับส่งผ้าตามเวลาที่ลูกค้านัดไว้ Management system for appointments to receive clothes.
Core Value
See details ดูรายละเอียดของลูกค้ารวมถึงแพ็คเกจที่ลูกค้าใช้งาน See details of customers and packaging that customer used
Check status ฟังก์ชันในการเช็คสถานะของผ้าที่ลูกค้าส่งซัก Function to check the status of the customer to wash cloth. +More features
Core Value บริการซักอบรีดในมือคุณ Laundry service in your hands.
WEB APPLICATION
Design & Development By นายปารวัฒน์ รัตนวงษ์ ID 13550174
Tel : 089-9341991 Email : parnwat-vlp@hotmail.com Facebook : fb.com/parnwat2535
WashHouse แอปพลิเคชันที่ช่วยเพิ่มศักยภาพในการจัดการให้กับร้านซักอบรีด และการตอบสนองความ รวดเร็วได้อย่างถูกต้องและมีประสิทธิภาพ ให้แก่ผู้ ใช้บริการ ง่ายและสะดวกมากขึ้น WashHouse an applications that help to improve the management to the dry cleaners. And response speed properly and efficiently. To the users. It easier and more convenient.
54
Fundraising Web Application for Someone Special in a Special Occasion Case Study THE CENTRAL GIFT REGISTRY เว็บแอปพลิเคชันสําหรับการระดมทุนเพื่อคนพิเศษในโอกาสพิเศษกรณีศึกษา THE CENTRAL GIFT REGISTRY
lect name=”webmenu” id=”webmenu” style=”width:300px; left: -1px;”><option value=”0” dised=”disabled” selected=”selected”> โยกจากสินค้า</option><?php while ($giftlist = mysqli_fetch_ ay($giftlists,MYSQLI_ASSOC)) { $goodsID = $giftlist[‘ID_goods’] ; $pics = mysqli_query($con,”SET * FROM `goodspic` WHERE `ID_goods` = $goodsID ORDER BY `goodspic`.`ID_pic` ASC LIMIT ; $pic = mysqli_fetch_array($pics,MYSQLI_ASSOC);?><option value=”<?=$giftlist[‘ID_giftlist’] ?>” a-image=”backoffice/uploads/goods/<?=$pic[‘file_name’]; ?>” <?php if ($giftlist[‘funded’]==0) disabled=”disabled” <?php} ?>> &lt;br&gt; <?= iconv_substr($giftlist[‘name_goods’],0,35,”utf-8”);
Visual Design THINKING & IMPLEMENT MAP
เน้นการใช้ตัวหนังสือเป็นหลัก สีที่ใช้หลักๆคือสีแดง ซึ่งเป็น Corporate Identity (CI) ของห้างสรรพสินค้าเซนทรัล ใช้สีเทาเข้าประกอบในส่วนของตัวหนังสือที่เป็น ข้อความยาว เช่น การอธิบายต่างๆ และใช้สีทองเพื่อให้หรูหรามากขึ้น ภาพประกอบจะเป็นเหตุการณ์ฉลองวันสำ�คัญ Play up with a Charactor using. Main color is Red which is Corporate Identity (CI) of Central. Grey is used with long sentences for example describe sentences and Gold stand for the elegrance. More over Celebrating of your special day is made to be an illustration.
Target Groups กลุ่มเป้าหมายมี 2 ประเภทนักศึกษาอายุ 18-22 ปี ที่กำ�ลังจะมีวันสำ�คัญในชีวิต เช่น วันเกิด งานจบการศึกษา และกลุ่มวัยทำ�งานอายุ 22 ปีขึ้นไป ที่กำ�ลังจะมีวัน สำ�คัญในชีวิต เช่น คลอดบุตร แต่งงาน ขึ้นบ้านใหม่ และมีเงินในการร่วมระดมทุน ค่อนข้างมาก There are two types of target groups. The students were 18-22 years have a big day in life such as birthday, graduation. and Working age and group was 22 years, there will be a day in the life, such as birth, marriage, new home, and have engaged in fund raising gradually, daily.
Visual Design Target Groups
Features
Features
Gift registry ลงทะเบียนวันสําคัญในชีวิตของคุณเลือกของขวัญที่ปรารถนา พร้อมทั้งบอกต่อความต้องการให้เพื่อนของคุณรับทราบ Regist your special days, make your wish gifts then tell your friends about your wishes.
Core Value
Funding คนสนิทของคุณร่วมระดมทุนของขวัญที่ต้องการ Your friends will funding for your wish.
Exchange โยกย้ายเงินจากของขวัญชิ้นหนึ่งไปยังอีกชิ้นหนึ่งที่คุณต้องการ You can move your funding to any gifts that you want. +More features
Core Value ถูกใจผู้ ให้ ประทับใจผู้รับกับวันสำ�คัญของคุณ Like the impressive recipients with your big day.
WEB APPLICATION
Design & Development By น.ส.ลภัสดา วิภัชชวาที ID 13550205
Tel : 080-4041157 Email : alohajungg@gmail.com Facebook : fb.com/alohajung.vipat Line ID : alohajung
Central Gift Registry สื่อกลางให้คุณได้เลือกของขวัญที่ตรงใจได้ด้วยตัวเองในโอกาสพิเศษและบอกกล่าวไป ยังบุคคลพิเศษเพื่อรับรู้ถึงของขวัญที่คุณปรารถนาและร่วมระดมทุนเพื่อแสดงความยินดีได้ตรงตามวาระพิเศษ ตามที่คุณต้องการ Central Gift Registry can help you to choose a pleasure gift for a special occasion yourself, in addition you can ask a special person for a gift that you wish and make a fund for congratulation in any special occasions you want. 56
Permbun Web Application for Plan and Search Dhamma Retreat เพิ่มบุญ เว็บแอปพลิเคชันสำ�หรับวางแผน และค้นหาสถานปฏิบัติธรรม
_GET){$way=$_GET[‘way’];$stay=$_GET[‘stay’];$province=$_GET[‘province’];$sect=$GET[‘sect’] empty($_GET[‘women’])){$women = $_GET[‘women’];$wm =”women=’”.$women.”’”;}else{$wm=””;} way!=’’){$w=”practicality=’$way’”;}elseif($way=’-’){$w = “”;}else{$w = “”;}if($stay!=’’) =”stay=’$stay’”;}elseif($stay=’’){$s=””;}else{$s=””;}if($province!=’’){$p=”province=’$province’”;} eif($province=’-’){$p =””;}else{$p=””;}if($sect!= ‘’){$se=”sect=’$sect’”;}elseif($sect=’-’){$se=””;} e{$se=””;}$seArray=array($w,$s,$p,$se,$wm);$sr=implode(“”,$seArray);$newStr=ereg_rece(‘[[:space:]]+’,’OR’,trim($sr));$sql=”SELECT*FROM`dhrama`INNERJOIN(`image_dhrama`,`condition`)
Visual Design THINKING & IMPLEMENT MAP
เป็นแอปพลิเคชันที่เหมาะสำ�หรับคนที่ต้องการค้นหาสถานปฏิบัติธรรม และ ต้องการหาแหล่งพูดคุยเกี่ยวกับเรื่องของการปฏิบัติธรรม จึงออกแบบมาให้ ใช้ งานง่าย และเน้นฟังก์ชันการค้นหาไว้ที่หน้าแรก โทนสีที่ใช้คือสีน้ำ�ตาล แดง เหลือง และขาว ที่เป็นสีที่พบได้ตามวัดทั่วไปให้สื่อว่าเป็นเว็บไซต์ที่เกี่ยวของกับธรรมะ The application is ideal for people looking for a place meditation. And looking for sources talking about a matter of meditation. Is designed to be easy to use. And the search function on the home page. The color scheme is brown, red, yellow and white are colors that are commonly found on the media that is associated with the Dharma.
Target Groups กลุ่มเป้าหมายคือ ผู้ที่ต้องการค้นหาสถานที่สำ�หรับปฏิบัติธรรม ที่ตรงกับความ ต้องการของตนเอง ช่วงอายุ 20 - 45 ปี ทุกเพศ Target group Those who want to find a place for meditation. That meets the needs of their own age range 20-45 years, each sex.
Visual Design Target Groups
Features
Features
Find ค้นหาสถานปฏิบัติธรรมจากแนวปฏิบัติที่ชื่นชอบ Find a place of meditation they like.
Core Value
Plan your trip วางแผนการเดินทาง สามารถชักชวนเพื่อน ให้ร่วมเดินทางไปด้วยกันได้ Plan your trip and you can invite friends to make the trip together. Friends system ระบบเพื่อน ที่สมาชิกสามารถเป็นเพื่อนกันในระบบได้ The members can be friends with who they want in the system. +More features
Core Value เพื่อการปฏิบัติธรรม ที่ง่าย สะดวก และมีประสิทธิภาพ For the meditation is simple and effective.
WEB APPLICATION
Design & Development By น.ส.สุชาวลี ภูสิทธิวรพงศ์ ID 13550242
Tel : 083-8292960 Email : suchawalee.nan@gmail.com Facebook : fb.com/charine.nan Line ID : charinenan
เพิ่มบุญ เว็บแอปพลิเคชันสำ�หรับวางแผนและค้นหาสถานที่ปฏิบัติธรรม เหมาะกับผู้ที่สนใจและต้องการหาสถาน ที่สำ�หรับปฏิบัติธรรมที่ตรงตามความต้องการของตนเอง รวมทั้งยังเป็นแหล่งพูดคุยและนัดพบกับเพื่อนที่สนใจ ในการปฏิบัติธรรมเช่นเดียวกัน PERMBUN web application available for planning and searching dharma retreat. For those who are interested and want to find a place for meditation to meet their own needs. And can meeting and talking with friends interested in the same meditation. 58
Web Application Support Selling Apple Product Second Hand เว็บแอปพลิเคชันส่งเสริมการขายสินค้าแอปเปิ้ลมือสอง
hpclass s2hClass extends PDO{protected $PDO;public function __construct(){$hostname = alhost’;//localhost----------------------------$ username = ‘root’;$password = ‘’;$database 2h’;$this->PDO = new PDO(“mysql:host=$hostname;dbname=$database;charset=utf8”, $us ame, $password);$this->PDO->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPN);$this->PDO->exec(“set names utf8”);$P DO = $this->PDO;return $PDO;}public function getPDO() urn $this->PDO;}public function signup($email,$password,$cfpassword){$query = $this->P->prepare(“SELECT memberEmail FROM member WHERE memberEmail = ?”);$query->execute(ar-
Visual Design THINKING & IMPLEMENT MAP
การออกแบบจะเน้นไปในโทนสีขาว เทา และดำ�เพื่อให้เข้ากับผลิตภัณฑ์ของแอปเปิ้ล และออกแบบให้เรียบง่ายและหรูหรา Web will focus on design in shades of white, gray and black to match Apple’s products and design simplicity and elegance.
Target Groups นักศึกษาหรือคนวัยทำ�งาน อายุในช่วง 18-36 ปี ที่มีต้องการซื้อหรือขายสินค้าของแอปเปิ้ล Students or people aged 18-36 years, with the need to buy or sell the products of Apple.
Visual Design Target Groups
Features
Features
Compare ระบบเปรียบเทียบสินค้ามือสองประเภทเดียวกัน Compare system second hand the same type.
Core Value
Follow ระบบติดตามสินค้า จะทำ�การแจ้งเตือนเมื่อมีสินค้าที่คุณต้องการ Tracking system. Will be notified when the product you need.
Shop ระบบซื้อขายสินค้าภายในเว็บไซต์ Trading system within the site. +More features
Core Value เปลี่ยนจากที่คุณต้องตามหาเป็นให้เราคอยบอกคุณ Change you need to find is that we tell you.
WEB APPLICATION
Design & Development By นายอดิศร เจียงตระกูล ID 13550254
Tel : 089-9105692 Email : black_z_@hotmail.com Facebook : fb.com/Black.adisorn Line ID : dejavu4511
Apple2Hand เว็บแอปพลิเคชันที่ช่วยให้การตามหาสินค้ามือสองในโลกออนไลน์เป็นเรื่องที่ง่ายขึ้น ด้วยฟังก์ชัน การติดตามค้นหาสินค้าที่ผู้ ใช้ต้องการ ลดระยะเวลาในการค้นหา พร้อมทั้งยังเป็นสื่อกลางในการซื้อขายอย่างมี ประสิทธิภาพ Apple2Hand web application that allows find sale of Apple secondhand in the online world is easier. By tracking function for product users want. Reduce time spent searching and the market to do business. 60
The Virtex : The Web Application for Build The 3D Online Virtual Exhibition. เว็บแอปพลิเคชันเพื่อการสร้างนิทรรศการเสมือนออนไลน์
var cam_plot = “<?=map_cam ?>”; cam_plot++;cam_plot--; var cam_plotxx,cam_plotyy; cam_plotxx = cam_plot%10; cam_plotyy = (cam_ plot-cam_plotxx)/10; camplotxx*=100; jects = []; var raycaster; var blocker = document.getElementById( ‘blocker’ ); var instructions = document.getElementById( ‘instructions’ ); cam_plotyy*=100; var camera, scene, renderer; var geometry, material, mesh; var controls; var ob var havePointerLock = ‘pointerLockElement’ in document || ‘mozPointerLockElement’ in document || ‘webkitPointerLockElement’ in docu ment; if ( havePointerLock ) { var element = document.body;var === element || document.
Visual Design THINKING & IMPLEMENT MAP
ทำ�ออกมาในรูปแบบทันสมัย เน้นการจัดวางที่มีพื้นที่มากโล่งสบาย ใช้ โทนสีเทา ดำ� และ สีฟ้านำ�้ทะเล เพื่อให้มีความน่าค้นหา และแสดงถึงความกระตือรือล้น Made out in the form of modern style web application. The design of website is focus on space and arrangement. Use the color tone of dark, gray and blue sea for the mood of mysterious and enthusiastic.
Target Groups ศิลปิน หรือผู้ที่ชอบชมงานศิลปะ ช่วงอายุตั้งแต่ 18 - 50 ปี ที่มีความต้องการชม นิทรรศการเสมือนออนไลน์ Artist and a man who like a work of art in the age od 18 - 50 years that like to views the online virtual exhibition.
Visual Design Target Groups
Features
Features
Create virtual exhibition สร้าง Album รวบรวมผลงานเพื่อนำ�มาจัดนิทรรศการเสมือน Create virtual exhibition from exist artwork album.
Core Value
Build album สร้าง album รวบรวมผลงาน Artwork เพื่อจัดให้เป็นหมวดหมู่ Create artwork album from posted artwork.
Post artwork โพสผลงานศิลปะและเลือกหมวดหมู่รวมถึงการ tag หมวดหมู่ ของผลงาน Post artwork and able to add tag and category of the artwork. +More features
Core Value มิติใหม่ของการชมผลงานศิลปะในรูปแบบของนิทรรศการเสมือนจริง A new dimension of viewing art in the form of three-dimensional. virtual exhibitions.
WEB APPLICATION
Design & Development By นายอุดมพล ทิวากรกฎ ID 13550266
Tel : 096-0303002 Email : boss.m100@gmail.com Facebook : fb.com/karakagotgot Line ID : bossm100
เว็บแอปพลิเคชันส่งเสริมการจัดแสดงภาพผลงานทางศิลปะด้วยการนำ�ไปสร้างเป็นนิทรรศการสามมิติออนไลน์ ซึ่งเป็นการเปิดประสบการณ์ใหม่ในการเยี่ยมชมผลงานทางศิลปะในรูปแบบนิทรรศการเสมือนบนเว็บไซต์ The virtual exhibition is a web application that allow user to post the artwork and able to create album and the virtual exhibition from the posted artwork. The virtual exhibition is the new way to show the art gallery in type of 3D first person view.
62
อินเทอร์แอคทีฟ
ประเภทของ อินเทอร์แอคทีฟ
การกระทำ� หรือการประกอบกิจกรรม ระหว่างสิ่งสองสิ่งเพื่อให้ได้มาซึ่งผลลัพธ์ ไม่ ว่ า ผลลั พ ธ์ นั้ น จะออกมาในทางที่ ดี มี ประโยชน์ หรือทางที่ก่อให้เกิดผลเสียต่อ สิ่งที่กำ�ลังกระทำ�หรือโต้ตอบอยู่
Type of interactive
The meaning of interactive
Actions or activities between two things to get a result. Whether a result will be precious or unprecious. While active or interactive.
-
ที่มา: ดร. อติเทพ แจ๊ดนาลาว, 2557
- Interactive Shadow คือโปรแกรมที่ใช้ ใน การแสดงข้อมูลต่างๆ เป็น E-Book หรือนำ� เสนอในรูปแบบเกมฉายภาพได้ทั้งบนผนัง และ บนซอฟท์แวร์ที่ใช้เซ็นเซอร์จบั ความเคลือ่ นไหว ของผู้ เ ล่ น เพื่ อ สั่ ง ให้ โ ปรแกรมทำ � งานตาม ต้องการ - Multi-Touch Table คือโปรแกรมที่ ใช้ ใน การนำ�เสนอรูปแบบเกมหรือ แสดงภาพสวยๆ เป็นซอฟท์แวร์ที่เล่น เกมหรือแสดงภาพถ่าย เพียงใช้นิ้วสัมผัสสามารถลาก ย่อ ขยายภาพ และการสัมผัสได้มากกว่า 1 จุด ซอฟท์แวร์ สามารถปรับแต่งได้ตามความต้องการ รูปร่าง กะทะรัดติดตั้งง่าย - Augmented Reality คือโปรแกรมที่ใช้ ใน การนำ�เสนอจุดเด่นในการเล่นเกมผ่านบาร์โค้ด 3D โดยซอฟท์แวร์ที่ใช้แสดงภาพ 3D Model จากการอ่านบาร์โค้ดบน Marker ด้วยกล้อง เว็บแคม - Hologram Effect คือโปรแกรมที่ใช้ ในการนำ� เสนอโลโก้ กราฟิก ภาพสินค้า รวมทั้งถ่าย ทำ � ตั ว แสดงพร้ อ มเสี ย งพู ด จากตั ว แสดงได้ เป็นเทคนิค Hologram ที่ทำ�ให้เกิดภาพเสมือน ลอยอยู่กลางอากาศสามารถมองเห็นได้ด้าน เดียว ทำ�ให้เห็นเป็น 3มิติ โดยการจัดอุปกรณ์ ประกอบฉาก
- Interactive Shadow is a software programs that use in the presentation about information this is E-book or presentation by game can projecting on the wall and a software use sensors to detect movement of player and program works as desired. - Multi-Touch Table is a software programs that use in the presentation by game and beautiful image. In addition you can use your finger to drag,resize and certificate multiple touch points.A software can be customized according to requirements, small size and easy to install. - Augmented Reality is a software for present how to play the game with software 3D by barcode 3D model from reading barcode on marker by webcam camera. - Hologram Effect is a software programs that use in the presentation logo, graphic, branding image and include filming with sound from actor.This technic make virtual image.
SPONSORED BY สนับสนุนโดย
ผลงาน
INTER ACTIVE MEDIA
พระมหาชนก บุรุษผู้มีความเพียรพยายาม ที่เปี่ยมไปด้วยสติปัญญา Mahajanaka The man who has assiduously filled with wisdom
พระมหาชนกเป็ น เรื่ อ งหนึ่ ง ใน ทศชาติชาดกชาติสุดท้ายก่อนที่พระโพธิสัตว์ จะมาประสูติเป็น เจ้าชายสิทธัตถะ และตรัสรู้ เป็นพระสัมมาสัมพุทธเจ้า ซึง่ เป็นเรือ่ งราวของ พระเจ้ามหาชนกกษัตริย์แห่งกรุงมิถิลา มีพระ ราชโอรสสองพระองค์ ต่อมาได้ถูกอมาตย์ผู้ ใกล้ชิดได้กราบทูลใส่ร้าย ทำ�ให้เกิดความเข้าใจ ผิดซึ่งกัน และกันจนในที่สุดได้มีการรวบรวม กำ � ลั ง พลมาท้ า รบ ส่ ง ผลให้ พ ระอริ ฏ ฐชนก สิ้นพระชนม์ในสนามรบ ซึ่งในขณะนั้นพระเทวี กำ�ลังทรงครรภ์จึงมีความจำ�เป็นต้องปลอม ตัวหนีออกนอกเมือง ไปที่เมืองกาลจัมปากะ และได้มีพระประสูติกาล ทรงตั้งพระนามพระ โอรสตามพระอัยยิกาว่า “มหาชนก” ในเวลา ต่อมา มหาชนกเติบใหญ่ และได้ทราบความ จริง ก็มีความคิดที่จะไปค้าขายตั้งตัว แล้วจะ กลับไปเอาราชสมบัติคืน จึง ได้ นำ � สมบั ติ กึ่ ง หนึ่งของพระมารดาไปขายแลกเป็นสินค้าเพื่อ ออกเรือไปยังสุวรรณภูมิ ระหว่างเดินทางใน มหาสมุทร เรือเกิดต้องพายุ ลูกเรือตายหมด เหลือเพียงพระมหาชนกผู้เดียว พระมหาชนก ทรงอดทนว่ายน้�ำ ในมหาสมุทรด้วยความเพียร 7 วัน 7 คืน จนได้พบกับนางมณีเมขลา นาง มณีเมขลาได้ ให้ความช่วยเหลือโดยการอุม้ พระ มหาชนกไปส่งยังมิถลิ านคร ในขณะนัน้ พระโปล ชนกได้สวรรคตลงเหลือเพียงพระราชธิดานาม “สีวลีเ ทวี” โดยก่อนที่พระโปลชนกสวรรคต นั้นทรงได้ตั้งปริศนาเรื่องขุมทรัพย์ทั้งสิบหก ไว้ ให้สำ�หรับผู้จะขึ้นครองราชย์ต่อไป แต่ก็ไม่มี ผู้ ใดสามารถไขปริศนาได้ เหล่าอมาตย์จึงได้ ประชุมกันให้ราชรถออกไปตามหาผูท้ สี่ ามารถ ไขปริศนาได้ จนสุดท้ายพระมหาชนกเป็็นผู้ ไข ปริศนาทั้งหมดได้สำ�เร็จ เหล่าอมาตย์จึงได้ อั ญ เชิ ญ พระมหาชนกเสด็ จ ขึ้ น ครองราชย์ และอภิเษกกับสีวลีเทวี วันหนึ่งพระมหาชนก
ทรงประทับบนคอช้างเพื่อเสด็จทอดพระเนตร อุทยาน เมือ่ ใกล้ประตูเข้าอุทยานมีมะม่วง 2 ต้น ต้นหนึง่ มีผล ส่วนอีกต้นหนึง่ ไม่มผี ล ต้นทีม่ ผี ล พระมหาชนกได้ทรงเก็บมาเสวยซึ่งมีรสหวาน เมื่อพระอุปราชทราบเรื่องก็ต่างพากันมาแย่ง เก็ บ ผลมะม่ ว งจนมะม่ ว งต้ น นั้ น โค่ น ลง พระ มหาชนกทอดพระเนตรเห็นดังนั้น ก็เกิดความ สังเวชที่ผู้คนทั้งหลายหวังผลประโยชน์แต่ขาด ปัญญา จึงได้ทำ�การให้ความรู้แก่ประชาชน ฟื้นฟูต้นมะม่วงให้กลับมามีผลและได้เสวยผล มะม่วงนั้นโดยไม่ต้องโค่นต้นมะม่วง อีกทั้งพระ มหาชนกยังรำ�ลึกได้วา่ นางมณีเมขลาเคยสัง่ ให้ พระองค์ตงั้ มหาวิทยาลัย จึงทำ�การปรึกษากับ พราหมณ์และในที่สุดก็ได้ก่อตั้งมหาวิชชาลัยปู ทะเลย์ขึ้น เพื่อเพิ่มพูลปัญญาให้แก่ประชาชน ของตน พระมหาชนก แสดงให้เห็นถึงความ ชาญฉลาดในการเอาตัวรอดจากพายุเรือล่ม และมีความเพียรพยายามที่จะเอาตัวรอดจาก พายุ แม้ว่าการพยายามเอาตัวรอดในครั้งนี้ อาจจะศูนย์เปล่าก็ตาม แต่พระมหาชนกก็ได้ พยายามอย่างเต็มที่ที่จะเอาตัวรอดให้พ้นจาก ภัยอันตราย อีกทั้งยังเป็นผู้ที่มีสติปัญญาเล็ง เห็นถึงปัญหาที่เกิดขึ้น พร้อมทั้งคิดหาวิธีการ ในการแก้ปญ ั หา และชีท้ างสว่างให้แก่ประชาชน ในเรื่องของการแสวงหาผลประโยชน์จากต้น มะม่วง โดยที่ไม่ต้องทำ�ลาย และเกิดผลกระทบ ในภายภาคหน้า อีกทั้งยังตั้งมหาวิชชาลัยปูทะ เลย์ขึ้น ซึ่งเป็นสถานบันที่ให้ความรู้และเพิ่มพูล ปัญญาให้แก่ประชาชน ในยามที่ตนขึ้นครอง ราชสมบัติ
son, the one of his son kill another Arithajanaka .But the princess of Arithajanaka was pregnant, so she escape from Mithila to Kalajumpaka. Then child was born. The princess give name Mahajanaka to him. One day Mahajanaka known that he has a father but his father was death because his brother want to be the king. So Mahajanaka return to take back the throne. He bring half of treasure from his mother to sell and ship out to the airport. During the ocean voyage. The storm caused the ship. The crew are dead. He survival alone. He had to swim in the ocean with a painstaking seven days, seven nights, until he met with Manimekhala, goddess of the ocean. Mekhala help Mahajanaka to the Mithila city. While Polajanaka, The king of Mithila city had died.He has a daughter named “ Sivaleethevi “ Before the king died. He had started the sixteen treasure game. The man who can solve it can be the next king of Mithila city. Finally Mahajanaka can solve the problem. Mahajanaka was brave. He can servive while the other was die because his perseverance. And he set up the Puthale university for teaching the other people.
Related articles The fable is one of 10 national final before the Buddha was born. And enlightenment as the Buddha. This story is about the god king of the public in Mithila. He has two
ภาพ : Thailand’s Best Documentaries
รัชนก อินทนนท์ (เมย์) สาวน้อยมากความพยายาม ผู้พิชิตมือวางอันดับหนึ่งวงการขนไก่โลก Ratchanok Intanon (May) Very little effort Victor, ranked one of the world.
เมย์ รั ช นก อิ น ทนนท์ เป็ น คน จังหวัดร้อยเอ็ด เกิดเมื่อวันที่ 5 กุมภาพันธ์ ปี 2538 ปัจจุบันอายุ 21 ปี เธอเป็นลูกสาว ของ คุณพ่อวินัสชัย อินทนนท์ และคุณแม่คำ� ผัน สุวรรณศาลา นอกจากนี้ น้องเมย์ ยังมี คุณแม่บุญธรรมอีกหนึ่งท่าน คือ นางกมลา ทองกร ซึ่งเป็น เจ้าของโรงเรียนแบดมินตัน น้องเมย์มีโค้ชเป็นชาวจีน คือ โค้ชเซียะ จือหัว ซึ่งโค้ชของน้องเมย์เคยบอกว่า น้องเมย์ต้อง ฝึกซ้อมแบดอยู่ที่โรงยิมตลอด 365 วัน โดย ไม่มวี นั หยุด อีกทัง้ ยังฝึกซ้อมหนักสุด 7 ชัว่ โมง คือตั้งแต่เวลา ตี 5 ครึ่ง ถึง 7 โมง ก่อนไป โรงเรียน และช่วงเย็น หลังจากกลับมาจากที่ โรงเรียน จนถึง 1 ทุ่ม และฝึกซ้อมน้อยสุด 3 ชั่วโมงต่อวัน ตั้งแต่อายุ 6 ปี น้องเมย์เป็นคน ไทยคนแรก และเป็นนักกีฬาที่อายุน้อยสุดที่ สามารถคว้าแชมป์ศึกแบดมินตันชิงแชมป์โลก 2013 (BWF World Championships 2013) มาครองได้สำ�เร็จ สาวน้อยนักตบขนไก่ไทย คนนี้ ยังเป็น “คนแรกของโลก” ที่คว้าแชมป์ 3 ถ้วยซุปเปอร์ซีรีส์ ถายใน 3 สัปดาห์ โดยเริ่มที่ อินเดีย (Yonex Sunrise India Open 2016) มาเลเซีย (Malaysia Open Super Series Premier 2016) และรางวัลสุดท้ายกับการคว้า แชมป์โอยูอที สี่ งิ คโปร์ (OUE Singapore Open Super Series 2016) ซึ่งยังไม่เคยมีใครทำ�ได้ มาก่อน และสามารถทำ�คะแนนสะสมขึ้นนำ�มา เป็นนักแบดมินตันหญิงมือ 1 ของโลกประเภท หญิงเดี่ยวได้ ในที่สุด เมย์ รัชนก อินทนนท์ แสดงให้เห็นถึง ความเป็น คนเพียรพยายาม และมุง่ มัน่ ตัง้ ใจ ต่อความฝัน ที่จะเป็นนักแบดมิน โดยที่เธอได้ ใช้เวลาทั้งหมด ในชี วิ ต ของเธอส่ ว นใหญ่ ไ ปกั บ การฝึ ก ซ้ อ ม แบดมินตันอย่างหนัก จนประสบความสำ�เร็จ และได้ขึ้นมาเป็นนักแบดมินตันมือ1 ของโลก
May Ratchanok Inthanon was born on Febuary 5,1995, now she is 21 years old. Her father name is Winutchai Intanon. Her mother name is Kampan suvarsala. As a child, Ratchanok would run around near the cooking furnaces. Kamala Thongkorn, the owner of the factory, worried that she would be burned by boiling water and hot sugar, so she supported Ratchanok in playing badminton at the factory’s badminton courts. Ratchanok is the first thai people who gain the price “champion of BWF World Championships 2013”, “Yonex Sunrise India Open 2016” from India, “Malaysia Open Super Series Premier 2016” from Malaysia and “OUE Singapore Open Super Series 2016” from Singapore so she become badminton women’s world first hand. Ratchanok indicates us that she is the one who workhard tobe the badminton women she spend a lot of time to play badminton.Finally her dreams come true.
ภาพ : board.postjung.com/ 66
Design and Development of an Interactive Media by Using The Sensor for a Garbage Separation Campaign for Primary School Age Children. การออกแบบและพัฒนาสื่อโต้ตอบด้วยอุปกรณ์ตรวจจับสัญญาณเพื่อการรณรงค์การแยกขยะ สําหรับเด็กวัยประถมศึกษาตอนต้น
Design & Development By น.ส.กวิสรา จริตเพ็ชร ID 13550092
Tel : 081-8049276 Email : pin.kavissara@gmail.com Facebook : fb.com/kavissara.pin Line ID : pin_kv
SUPERBIN สื่อโต้ตอบด้วยอุปกรณ์ตรวจจับสัญญาณ เพื่อการรณรงค์การแยกขยะ สําหรับเด็กวัยประถมศึกษาตอนต้น โดยใช้ความชอบของเด็ก คือการเล่นเกม มาประยุกต์ใช้เป็นสื่อการสอน เรื่องการแยกขยะอย่าง ถูกต้อง SUPERBIN Design and development of an interactive media by using the sensor for a garbage separation campaign for primary school age children. Applying favor of the child to play games and The application is Teaching the waste properly.
INTERCTIVE MEDIA
stop(); channel.stop();var morning:Morning_Walk = new Morning_Walk(); channel = morning.play();gameSelect = “game1”;/ var arduino:SerialPort = new SerialPort(“127.0.0.1”, 5331);arduino.connect();arduino.addEventListener(DataEvent.DATA, onReceiveData2);stage.addEventListener(Event.ENTER_FRAME, loop);var isRight: Boolean = false;var isLeft: Boolean = false;var xspe Number = 0;var yspeed: Number= 0;var maxspeed: Number = 8;var accel: Number = 0.5;var time: Timer = new Timer(2500 0); //);timer.addEventListener(TimerEvent.TIMER, timeCount);timer.start();timeForcan.addEventListener(TimerEvent.TIMER, ontimeForcan);timeForcan.start();timeFormon.addEventListenertimeForlight.addEventListener(TimerEvent.TIMER, ontimeForlight); flash and php */phpLoader.load(phpFileRequest);} stop(); channel.stop();var morning:Morning_Walk = new Morning_Walk(); = new
Visual Design
THINKING & IMPLEMENT MAP
เน้นด้านการออกแบบให้ดึงดูดความสนใจของกลุ่มเป้าหมาย เพื่อที่จะได้รับความ สนใจ และมาใช้งานในที่สุด โดยดึงดูดความสนใจด้วยตัวละคร และสีสันของเกม แถมด้วยเมื่อเล่นเกมแล้วยังได้รับความรู้เพิ่มอีกด้วย Focus designed to attract interested of the target audience. In order to get interested. And use finally. attracted by characters and colorful in game. When users played the game, has also been increased with more knowledge.
Target Groups นักเรียนวัยประถมศึกษาตอนต้น ไม่จำ�กัดเพศ อายุระหว่าง 6-9 ปี พร้อมที่จะ เรียนรู้ ชอบเล่นเกม รักธรรมชาติ Primary students aged between 6-9 years unlimited gender. Ready to learn the game, love play game, nature lovers.
Visual Design Target Groups Features
Features Game เกมให้ผู้ ใช้เลือกเล่นสองเกม คือเกมทิ้งลงถัง และเกมแยกถูกถัง We have games for user to choose to play
Core Value
Take a photo ถ่ายรูปผู้เล่น ผู้เล่นที่ได้คะแนนสูงสุด 3 อันดับ จะได้อยู่ในสถิติคะแนน Take a photo user for create ranging game
Instruction media หลังจากผู้ ใช้เล่นเกมเรียบร้อย จะได้รับชมสื่อการสอนเกี่ยวกับ การคัดแยกขยะ After play game user has been watching the game. Teaching about waste separation. +More features
Core Value เล่นสนุก ทิ้งขยะให้ถูกถัง Enjoy to play and cast correct garbage 68
Interactive Media Learning Renewable Energy for Primary School สื่อโต้ตอบส่งเสริมการเรียนรู้เรื่องพลังงานหมุนเวียน
Design & Development By น.ส.ชฎาภรณ์ หอมหวาน ID 13550116
Tel : 090-1155017 Email : wf.sirop@gmail.com Facebook : fb.com/wanyen.sirop Line ID : sansirop
สื่อโต้ตอบส่งเสริมการเรียนรู้เรื่องพลังงานหมุนเวียน ที่ธรรมชาติก็สามารถใช้เป็นพลังงานทดแทนได้ ถ้าเรา ช่วยกันดูแลรักษาสิ่งแวดล้อม เราก็จะมีพลังงานเพียงพอและเก็บไว้ ใช้ได้อีกนาน I think nature can be used as renewable energy. If we help each other, caring for the environment we will have enough power and save it for another time.
INTERCTIVE MEDIA
using UnityEngine; using System.Collections; using UnityEngine.UI; public class clickToDestroy : MonoBehaviour { public ctrl Ct private Image image; public Sprite[] sprite; private int count = 5; private Vector3 position; GameObject pp; bool pumpChec void Awake () { ima ge = GetComponent<Image> (); position = transform.localPosition; if (GameObject.Find(“pump2”)) { pp = GameObject.Find (“pump2”);pp.GetComponent<Animator> ().speed -= 1; if (pp.transform.position.y > 217) { //print (“aaafff” pumpCheck = false; } else { pumpCheck = true; } } } public void OnMouseDown() { //Destroy (gameObject); //print (name) //count+=5; Ctrl.addScore (99); InvokeRepeating (“change ImgAndDes”, 0f, 1f/25f); //speed image sprite //Destroy(game Object,0f); //Debug.Log (“isClick”); } private void changeImgAndDes(){ if ( count == 5) image.transform.localScale = transform
Visual Design
THINKING & IMPLEMENT MAP
สื่อโต้ตอบออกแบบสำ�หรับเด็กประถมปลาย เน้นใช้ โทนสีส้มและเขียว เพราะสื่อ ถึงความสดใสและธรรมชาติ ส่วนมากใช้สีตามความเป็นจริง ใช้แสงและเงาเพื่อสื่อ อารมณ์ ความรู้สึก และบรรยากาศ Interactive media design for students primary school. focused shades of orange and green because the media as a fresh and natural. Using light and shadow to create mood and atmosphere.
Target Groups นักเรียนชั้นประถมศึกษาตอนปลาย มีช่วงอายุ 10 - 12 ปี ชอบทดลอง หรือ เล่นสื่อใหม่ๆ มีความกระตือรือร้นในการเรียนรู้ Grade 4 - 6 Student in primary school age range 10-12 years. Is interested to use new media and are eager to learn.
Visual Design Target Groups Features
Features Register ลงทะเบียนเข้าใช้ด้วยการถ่ายรูป Taking picture for register
Core Value
Interactive เกมสื่อโต้ตอบกับ 4 พลังงานทดแทน Learning through interactive media renewable energy all 4 categories. Ranking ดูอันดับคะแนนของนักกู้พลังงาน Ranking of the players +More features
Core Value เห็นคุณค่าของสิ่งแวดล้อม ธรรมชาติก็พร้อมมอบสิ่งดีๆ ให้กับเรา If we care the environment We shall find treasures of nature. 70
Interactive Media to Learning Organic Thai Hom Mali Rice Farming for Kids สื่อโต้ตอบส่งเสริมการเรียนรู้เรื่องการทํานาข้าวหอมมะลิอินทรีย์ สําหรับเยาวชน
Design & Development By น.ส.ธนิกา จั่นงิ้ว ID 13550150
Tel : 089-2995180 Email : Rainynika@gmail.com Facebook : fb.com/thanika.channgio Line ID : rainynika1304
ตะลุยทุ่ง สื่อโต้ตอบการเรียนรู้นําเสนอในรูปแบบ Interactive Media ที่แสดงให้เห็นถึงขั้นตอนการทํานาข้าว หอมมะลิอินทรีย์ว่าก่อนจะมาเป็นข้าวที่ทุกๆ คนได้รับประทานนั้นมีขั้นตอนความเป็นมาอย่างไร ด้วยการจำ�ลอง ให้ผู้เล่นเรียนรู้วิถีการทำ�นาแบบชาวนาผ่าน Kinect Sensor ที่สอดแทรกสาระความรู้ ให้ผู้เล่นได้มาสัมผัส Talui Thung Thai Hom Mali Rice Farming presented was in the form Interactive media for learning. Show the steps in the cultivation of hom mali rice organic, there are steps how to? With the simulation allows players to learn the ways rice farmers through Kinect Sensor. And the interpolation of knowledge allows players to experience.
INTERCTIVE MEDIA
using UnityEngine; using System.Collections; using System; public class Raycast_Scene05_Select_Hwan : MonoBehav { public GameObject hand; public GameObject obj; private bool checkHit = false; private bool checkhit; public dioSource btn_sound; // Use this for initialization void Start() { btn_sound.Stop(); } // Update is called once frame void Update() { Vector3 fwd01 = hand.transform.TransformDirection(Vector3 .forward); using UnityEngine; ing System.Collections; using System; public class Raycast_Scene05_Select_Hwan : MonoBehaviour { public G meObject hand; public GameObject obj; private bool checkHit = false; private boolcheckhit; public AudioSou btn_sound; // Use this for initialization void Start() { btn_sound.Stop(); } // Update is called once per frame v
Visual Design
THINKING & IMPLEMENT MAP
แนวความคิดในการออกแบบนำ�เสนอให้กลุ่มเป้าหมายเห็นภาพถึงวิถีชีวิตชนบท นําเสนอความสดใส และความเป็นธรรมชาติในชนบทมาประยุกต์ ในการออกแบบ และทําการออกแบบตัว ละครให้มีความน่ารัก ร่าเริงสดใส รวมไปถึงการใช้สีสดใส เพื่อให้ โดดเด่นและสะดุดตา เพื่อเพิ่มความสนใจให้ผู้ ใช้เกิดความอยากเรียนรู้ Design concept of presenting visual target to rural life. Offer the freshness and spontaneity in rural applied in design. And to design the character to be cute, cheerful, including the use of bright colors to make distinctive and eye-catching. To add interest to the users desire to learn.
Target Groups นักเรียนชั้นมัธยมศึกษา ตอนต้น อายุ 13-15 ปี ที่มีความสนใจในสื่ออินเตอแรคทีฟ ชื่นชอบและมีความสนใจในการเรียนรู้ด้านการเกษตร Lower secondary school students aged 13-15 years. With an interest in the media Interactive. Favorite and are interested in learning in agriculture.
Visual Design Target Groups Features
Features Test of memory ทดสอบความรู้ ทบทวนความจำ�หลังการเล่นเกม Test of Memory after the game. By answering questions.
Core Value
Mini animation story กราฟิกอนิเมชันให้ข้อมูลส่งเสริมความรู้ Animation graphics, promote information, knowledge.
Step by step อินเตอร์แรคทีฟ ขั้นตอนการปลูกข้าว Interactive The process of planting rice +More features
Core Value เรียนรู้อย่างเข้าใจ วิถีชีวิตเกษตรกรไทย เพื่อพัฒนาอย่างยั่งยืนในอนาคต Learn to understand Lifestyle farmers Thailand To develop a sustainable future.
72
Interactive Games Teaching First Aids for Primary School Children. (DOCTORKIDS) เกมอินเตอร์แรคทีฟการสอนปฐมพยาบาลเบื้องต้นสำ�หรับเด็กประถม (ด็อกเตอร์คิดส์)
Design & Development By น.ส.บุศราภรณ์ เตชบุญญ ID 13550169 Tel : 087-1049799 Email : kwang.bsrp.st@gmail.com Facebook : fb.com/kwangbsrp.st Line ID : bsrpst
สื่อการเรียนการสอนเรื่องการปฐมพยาบาลเบื้องต้นสำ�หรับเด็กในวัยชั้นประถมศึกษาตอนต้น ในรูปแบบ สื่อโต้ตอบ วัตถุประสงค์เพื่อสอนให้เด็กรู้จักการปฐมพยาบาลเบื้องต้นให้เป็น ในกรณีเกิดอุบัติเหตุต่างๆ ทำ�ให้เด็กจดจำ�ได้ว่าควรใช้สิ่งใดบ้างในการปฐมพยาบาลเบื้องต้นและต้องปฏิบัติอย่างไร This Interactive game can teach primary school children how to do first aid by themselves. The accidents can happen any time such as falling or other unexpected kinds of accident. Therefore, it is the best if the children can recognize and know how to deal with the first aid in any accident by themselves.
INTERCTIVE MEDIA
using UnityEngine; using System.Collections; using UnityEngine.UI; public class Path1Manager : MonoBehaviour { public G meObject[] pathArray; public int currentPathObjectIndex; public Image gaugeImage; public Scene1Manager manager; p lic Animator animator; public bool isEnd; void Awake() { currentPathObjectIndex = 0; isEnd = false; foreach (GameOb obj in pathArray) { PathObject pathObject = obj.GetComponent<PathObject>(); pathObject.pathDelegate = pathGe ter; } } public void pathGetEnter(GameObject thisPath) { if (isEnd) return; if (pathArray[currentPathObjectIndex] == thisPa { currentPathObjectIndex++; gaugeImage.fillAmount = (float)currentPathObjectIndex / (float)pathArray.Length; anima SetTrigger(“w4”); SFXManager.Instance.playSFXWithVolume(13, 3.0f); if (currentPathObjectIndex == pathArray.Length) {
Visual Design
THINKING & IMPLEMENT MAP
เนื่องจากเป็นเกมที่ให้ความรู้กับเด็กจึงต้องออกแบบตัวละครให้ดูน่าสนใจเหมาะกับ เด็กและออกแบบให้ ใช้งานได้ง่ายดูไม่น่าเบื่อจนเกินไป จะออกแบบในลักษณะแนว งานกระดาษ โดยจะใช้สัตว์มาเป็นตัวละครในการดำ�เนิน เรื่องราวภายในตัวเกม เพื่อดึงดูดความสนใจของเด็ก Since the game is to educate the children had to design characters to look attractive fit. Designed to be easy to use and not too boring. Be designed in such a The concept paper will use animals as characters in action. The story within the gameTo attract the attention of children.
Target Groups เด็กชั้นประถมศึกษาปีที่ 3-4 ซึ่งเด็กในวัยนี้จะมีลักษณะซุกซน จึงทำ�ให้เกิดอุบัติเหตุ ขึ้นสามารถที่จะเรียนรู้ขั้นตอนการปฐมพยาบาลได้ The kids grade 3-4 children in this age group, which will look so mischievous. Accidents can learn to step up aid.
Visual Design Target Groups Features
Features Game interactive เรียนรู้การปฐมพยาบาลเบื้องต้นผ่าน 4 มินิเกม โดยใช้ Kinnect sensor ในการตรวจจับการเคลื่อนไหว Learn first aid through four mini-games using Kinnect sensor to detect movement.
Core Value
Recognize the device รู้จักอุปกรณ์ในการรักษาจากเหตุการณ์จำ�ลอง Recognize the device in the treatment of the model.
Take a photo ถ่ายรูปลงทะเบียนผู้เล่น Photographed before playing +More features
Core Value เรียนรู้ชีวิต วัยซน Learn First Aids For Kids. 74
Interactive for Learning Thai Language in Primary Student ระบบเกมเพื่อการเรียนรู้ภาษาไทยสำ�หรับการสื่อสาร ของนักเรียนชั้นประถมศึกษา
Design & Development By น.ส.พัชรนันท์ พิริยธราเวทย์ ID 13550184 Tel : 087-3348820 Email : mimiie.mim@gmail.com Facebook : fb.com/mim.fol Line ID : .mim.
SuperKid ระบบเกมเพื่อการเรียนรู้ภาษาไทย มีแนวคิดคือการจัดการเรียนรู้ โดยใช้เกมในการสอน ซึ่งจะช่วยให้ นักเรียนสนุกกับการเรียนรู้ และเรียนรู้ได้ไวขึ้น โดยระบบเกม Superkid ยังสามารถช่วยประเมินพัฒนาการของ นักเรียนแต่ละคนจากการเล่นเกมการเรียนรู้มาแสดงบนเว็บไซต์เพื่อให้ครูรู้ถึงพัฒนาการของนักเรียนได้อย่าง ละเอียดมากขึ้น Superkid, Interactive for learning Thai language will help teachers to know development of student more and will make students enjoy learning and learn faster.
INTERCTIVE MEDIA
usingUnityEngine; usingSystem.Collections; usingLitJson; publicclassquestion01Game:MonoBehaviour{ publicGameObje textall;ArrayListtestJson; stringquizid=””; publicGameObject[]BoxQuestion; //Usethisforinitialization IEnumeratorSta { stringurl=”http://localhost/code-back/show-lesson-question.php”; WWWFormform=newWWWForm(); quizid=Pl erPrefs.GetString(“quizid”); form.AddField(“quizid”,quizid); WWWwww=newWWW(url,form); yieldreturnwww; if ww.error==null) { ProcessJson(www.data); } else { Debug.Log(“Error”+www.data); } } voidProcessJson(stringjsonString inta=0; JsonDatajsonvale=JsonMapper.ToObject(jsonString); testJson=newArrayList();for(inti=0;i<jsonvale.Count;i++) { t Json.Add(jsonvale[i][“question”].ToString()); } foreach(stringquestionintestJson) { Debug.Log(question);textall[a].GetCom
Visual Design
THINKING & IMPLEMENT MAP
ระบบเกมออกแบบโดยใช้สีที่หลากหลาย และเน้นความน่ารักเหมาะกับเด็กนักเรียน และมีการออกแบบให้ภาพกราฟิคมีขนาดใหญ่ เพื่อให้สามารถใช้งานได้ง่าย สามารถ มองจากระยะไกลได้ชัดเจน เหมาะกับการใช ้Kinect ในการเล่น โทนสีที่ใช้ คือสีเหลือง สีส้ม และสีน้ำ�ตาล Gaming system designed using bright colors and cuteness designed. Have a large graphic design images. To be able to use it easily. Can be clearly seen from a distance. Ideal for use Kinect to play. The colors are yellow, orange and brown.
Target Groups นักเรียนระดับชั้นประถมศึกษาปีที่ 3 และครูผู้สอนนักเรียนระดับชั้นประถมศึกษา ปีที่ 3 ไม่จำ�กัดเพศ Grade 3 Student in primary schooland teacher of them
Visual Design Target Groups Features
Features Create a learning game ครูสามารถสร้างบทเรียนด้วยตัวเองผ่านทางเว็บไซต์ Teachers can create lesson on website.
Core Value
Play to learn นักเรียนเล่นเกมการเรียนรู้ผ่านอุปกรณ์จับความเคลื่อนไหว (Kinect) Student Learning By Play Motion Sensor (Kinect).
Development คะแนนจากการเล่นเกมของนักเรียนจะถูกนำ�มาประเมินพัฒนาการ และแสดงกราฟพัฒนาการ The score of the game student play will be assessed and improved graph. +More features
Core Value สนุกคิด พิชิตภาษาไทย Let’s enjoy Thai Language Study! 76
สิ่งที่อันตรายที่สุดสำ�หรับเรา ไม่ ใช่การตั้งเป้าหมายไว้ สูงเกินไป และทำ�พลาดไป แต่เป็นเพราะการตั้งเป้าหมาย ที่ต่ำ�เกินไปและทำ�ได้สำ�เร็จ
เราเห็นปฏิปทา (แนวทาง ปฏิบัติ ในทางธรรม)ของโลก และอานิสงส์(ผลแห่งกุศล กรรม ผลบุญ) แห่งความ เพียร จึงพยายามเรื่อยไป หาก ไม่พากเพียรแล้วจะพบความ สำ�เร็จได้อย่างไร ถ้าผู้นั้นละความเพียรนั้น เสีย ก็ชื่อว่าไม่รักษาชีวิตของตน พึงรู้เถิดว่านั่น เป็นผล แห่งความเกียจคร้านโดยแท้
ผู้ที่อยู่รอดได้นั้น ไม่ ใช่ทั้งผู้ ที่แข็งแรงที่สุดของสปีชีส์และ ทั้งไม่ ใช่ผู้ที่เฉลียวฉลาดที่สุด แต่เป็นผู้ที่ปรับตัวเข้ากับการ เปลี่ยนแปลงได้ดี
“The greatest dangerous for most of us lies not in setting our aim too high and falling short but in setting our aim too low, and achieving our mark” said Michelan-
“I see path of the world and the virtue of perseverance. So i try to keep it and finally I will find success”said Mahachanaka. “The one who have no perseverance is also have no good life because the laziness” said Mahachanaka.
The survivor is not the strongest of species and both the most intelligent. It’s the one that is the most adaptable to change” said Charles Darwin.
_ Michelangelo
_ Mahachanaka
_ Charles Darwin
ถ้าบางอย่างมันสำ�คัญมากเรา ควรลองทำ� ไม่ว่าผลลัพธ์จะออกมายังไง เราจะไม่เสียใจภายหลัง Elon Musk said that if something is greatly important, we should try to do it, no matter what the outcome is. We won’t regret later.
_ Elon musk
การจะขึ้น เป็นที่หนึ่งมัน ถ้าอยากยิ่งใหญ่ มึงต้อง ไม่ได้มีหลายคน เหนื่อยกว่าคนอื่น มึงต้อง ที่หนึ่งมันมีคนเดียว แล้วถ้า เรียนรู้มากกว่าคนอื่น มึงต้อง วันหนึ่งเราพร้อมหรือมีโอกาส ทำ�งานมากกว่าคนอื่น มึงมี ที่จะทำ�ได้ก็ต้องทำ�ให้เต็มที่ ความฝัน แล้วมึงทำ�ความฝันมึง ด้วยใจของมึง May Ratchanok said that to become a winner is not for many people there is the only one winer. If you’re ready or have a chance, you must do your best.
_ Ratchanok Intanon
Professor Chalermchai said that if you want to be important, you have to be tried more than others. You have to learn more than others. You have to work hard more than others. When you have your dreams, achieve your dreams by using your mind.
_ Chalermchai Kositpipat
ขอขอบคุณ THANK YOU อธิการบดี ผู้ช่วยศาสตราจารย์ชัยชาญ ถาวรเวช คณบดี อาจารย์มานพ เอี่ยมสะอาด President: Asst.Prof.Chaicharn Thavaravej Dean: Mr.Manop Leamsard
คณะกรรมการตรวจจุลนิพนธ์ และ อาจารย์ทปี่ รึกษาจุลนิพนธ์ Advisors and Board
กลุ่ม 1 ผศ. ดร. วรสิทธิ์ ชูชัยวัฒนา ดร. อติเทพ แจ้ดนาลาว อาจารย์รักชนก สุขะกาลนันท์ อาจารย์ปัณณวิชญ์ อริยะธนกตวงศ์ อาจารย์ศรันยา มะระพฤกษ์วรรณ Asst. Prof. Dr. Worasit Choochaiwattana Atithep Chaetnalao (Ph.D.) Rakchanok Sukagalanan Pannavich Ariyatanakatawong Sranya Maraprygsavan
กลุ่ม 3 ผศ. ดร. ธีรพงศ์ ลีลานุภาพ อาจารย์อรวรรณ ประพฤติดี อาจารย์กิตตินนท์ อุ้ยวงค์ไพศาล อาจารย์ศุภณัฐ โกมลารชุน อาจารย์ณัฐธิดา แซ่แต้ อาจารย์ณัฐพงศ์ มาเสถียร Asst.Prof. Teerapong Leelanupab (Ph.D.) Orawan Praphruetdee Kittinon Oywongpaisan Supanat Komalarajun Nattida Seatae Nattapong Masatien
กลุ่ม 2
กลุ่ม 4
อาจารย์ณัฐสรวงพร ทองเนื้อนวล อาจารย์ปฐมวรรณ จันทรารมย์ อาจารย์ประธาน ด่านสกุลเจริญกิจ อาจารย์อิทธิชัย ภูมิศิริวิไล อาจารย์ถิราภา ใจเที่ยง อาจารย์พิสิฐพงษ์ สืบพิลา
อาจารย์ขจรพล เชิญขวัญศรี อาจารย์ปานรวี พุ่มเข็ม อาจารย์จุลดิษฐ์ สันติธรณี อาจารย์พสุพงษ์ ประเสริฐรุ่งเรือง อาจารย์ปกรณ์ สันติสุนทรกุล อาจารย์โกวิท มีบุญ
Natsuangphon Tongnua-nual Pathamawam Chandraramya Prathan Dansakulcharoenkit Ittichai Phoomsirivilai Thirapha Jaitheang Pisitpong Seubpila
Kachornpon Chernkwansri Parnrawee Phumkhem Chuladid Suntitoranee Pasupong Prasertrungreung Pakorn Santisoonthonkul Kowit Meboon
นิทรรศการแสดงผลงานจุลนิพนธ์
วิชาเอกเว็บและสื่อโต้ตอบ ปีการศึกษา 2558 วัเสาร์ที่ 16 - วันอาทิตย์ที่ 17 กรกฎาคม 2559 เวลา 10.30 - 20.30 น.
สถานที่ : Lifestyle Zone ชั้น 2 ศูนย์การค้าสยามพารากอน เลขที่ 991 ถนนพระราม 1 เขตปทุมวัน กรุงเทพฯ
ที่ปรึกษา
อำ�นวยการโดย
อาจารย์โกวิท มีบุญ
คณะเทคโนโลยี สารสนเทศและการ สื่อสาร มหาวิทยาลัย ศิลปากร
Advisors Kowit Meboon
หัวหน้าโครงการ
ศุภวัสส์ เลิศธนาภรณ์
Head of Exhibition Suphawat Lerdthanaporn
ออกแบบ/ กำ�กับศิลป์ นิทรรศการ
ธีรภัทร แย้มศรวล กวิสรา จริตเพ็ชร ชัยเชษฐ์ ชิดกระโทก ชฎาภรณ์ หอมหวาน Art Direction Teerapat Yamsuan kavissara Charitphet Chaiyachate Chidkratoke Chadaporn Homwan
ออกแบบและพัฒนา เว็บไซต์
ตริตยา ทองวิลาศ จิตลดา ศรีฉัตรใจ ธัชพิชญ์ ชำ�นาญกิจ อดิศร เจียงตระกูล Web design and Development Tritaya Thongvilard Jidlada Srichatjai Adisorn Jeangtrakool Thatchapit chumnankit
ข้อมูล ของที่ระลึก
รัสวรรณ เจริญโชควิทยา ธเนศ บุญโสม Souvenir Ratsawan Jaroeanchokvittaya Thanet Boonsom
พิสูจน์อักษร
เกวลี จิตหาญ สุชาวลี ภูสิทธิวรพงศ
Proofread Kaewalee Chithan Suchawalee Phusitthiorapon
Direct by Information and communication technology Silpakorn university
กองบรรณาการ / กำ�กับศิลป์ หนังสือรวมผลงาน
ธนิกา จั่นงิ้ว ศุภลักษณ์ ยมรัตน์ วรรณภรณ์ สุขสม อุดมพล ทิวากรกฎ Art Direction Thanika Channgio Suppaluk Yommarat Wannaporn Suksom Udompol Thivakorakot
จัดหา/ ประสานงาน ผู้สนับสนุน
นักศึกษาเอกเว็บ และสื่อโต้ตอบ ชั้นปีที่ 4-5 ปีการศึกษา 2558
รพีพงศ์ ศรีสุพรรณ ศุภวัสส์ เลิศธนาภรณ์
ภาพถ่าย
ธเนศ บุญโสม ตริตยา ทองวิลาศ จิตลดา ศรีฉัตรใจ
Student of web And interactive media
Support Coordinator Rapheephong Srisupan Suphawat Lerdthanaporn
ประชาสัมพันธ์ การพิมพ์
บริษัท พิมพ์ณพัช จำ�กัด จำ�นวน 200 เล่ม Printing PIMNAPACH CO., LTD. 200 copies
การเงิน
รพีพงศ์ ศรีสุพรรณ หทัยรัตน์ สุวรรณมิสระ ธีรภัทร แย้มศรวล ขวัญวลัย สุดใจดี Finance Rapheephong Srisupan Kwanwalai Sudjaidee
Photographer by Hathairat Suvarnamisra Teerapat Yamsuan
Public Relations Thanet Boonsom Tritaya Thongvilard Jidlada Srichatjai
ธนาคารกรุงศร�อยุธยา จำกัด (มหาชน)
สถาบันการเง�นชั้นนำในไทย
KRUNGSRI กรุงศร� (ธนาคารกรุงศร�อยุธยา จำกัด (มหาชน)) เปดใหบร�การครั้งแรกเมื่อวันที่ 1 เมษายน พ.ศ. 2488 และไดจดทะเบียนในตลาดหลักทรัพยแหงประเทศไทย เมื่อวันที่ 26 กันยายน พ.ศ. 2520
กรุงศร�เปนกลุมธุรกิจการเง�นที่มีขนาดใหญเปนอันดับ 5 ของไทย ดวยทุนชำระแลว 73,557 ลานบาท กรุงศร�เปนบร�ษัทในเคร�อของมิตซูบิช� ยูเอฟเจ ไฟแนนเช�ยล กรุป (MUFG) ซ�่งเปนกลุม สถาบันการเง�นที่ใหญที่สุดในญี่ปุนและเปนหนึ่งในกลุมสถาบันการเง�นที่ใหญที่สุดระดับโลก ธนาคารแหงโตเกียว-มิตซูบิช� ยูเอฟเจ (BTMU) ในเคร�อมิตซูบิช� ยูเอฟเจ ไฟแนนเช�ยล กรุป (MUFG) มีสัดสวนการถือครองหุนในกรุงศร�อยูที่ 76.88% กรุงศร�นำเสนอผลิตภัณฑและบร�การทางการเง�นที่หลากหลายครอบคลุมแก กลุมลูกคาเปาหมายสำคัญ ไดแก กลุมลูกคาธุรกิจ (ธุรกิจขนาดใหญของไทย ธุรกิจญี่ปุน บรรษัทขามชาติ ตลอดจนลูกคาธุรกิจขนาดกลางและยอมของไทย) และกลุมธุรกิจลูกคารายยอย กรุงศร�เปนผูนำสินเช�่อในธุรกิจเพื่อลูกคาธุรกิจญี่ปุน สินเช�่อสวนบุคคล และบัตรเครดิต กรุงศร�เปนผู ใหบร�การสินเช�่อเชาซ�้อรถยนตใหญเปนอันดับสองของไทย กรุงศร�ยังเปนผูนำธุรกิจไมโครไฟแนนซ Call 1572 | www.krungsri.com
ธนาคารกรุงศรีอยุธยา จำ�กัด (มหาชน)
Bank of Ayudhya Public Company Limited krungsri.com Tel: 1572
บริษัท ไทยปิโตรเลียมซัพพอร์ท จำ�กัด Thai petroleum support co. ltd
บริษัท มิวซ์ อินโนเวชั่น จำ�กัด Muze innovation co. ltd
อัปเปอร์คัซ ครีเอทีฟ
แอดวานซ์ อินโฟร์ เซอร์วิส
txppetro.com/our-company Tel: 02-287-3077 Email: contact@txppetro.com
uppercuz.com
บริษัท ดัค แล็บ จำ�กัด ducklab.co.th
muzeinnovation.com/ facebook.com/muze.innovation Email: info@mymuze.me
ais.co.th
บริษัท แนบบลา ดิจิตอล จำ�กัด nabladigital.com
บริษัท เด็กดี อินเตอร์แอคทีฟ จำ�กัด dek-d.com
บริษัท ทูมังกี้ส์ สตูดิโอ จำ�กัด jeban.com
บริษัท แอปเปิ้ล เซาท์ เอเชีย (ประเทศไทย) จำ�กัด apple.com/th
ศิษย์เก่าวิชาเอกเว็บและสื่อโต้ตอบ รุ่นที่ 9 web09.ictsilpakorn.com บริษัท โอสถสภา จำ�กัด osotspa.com
สำ�นักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์ แห่งชาติ (องค์การมหาชน) sipa.or.th
บริษัท เมิร์จ ดิจิตอล เอเจนซี่ จำ�กัด merge.co.th
บริษัท โรงงานแม่รวย จำ�กัด koh-kae.com
A R T & D E S I G N
P R A C T I C A L
S C I E N C E & T E C H N O L O G Y
WEB & INTERACTIVE PROGRAM
FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY SILPAKORN UNIVERSITY http://web10.ictsilpakorn.com