ชื่อโครงงาน · Web viewBasketball Android Application รายว ชา 241-402 Computer Engineering Project 2 ภาคการศ กษา 1/2558 รายช

Basketball Android Application

รายวชา 241-402 Computer Engineering Project 2

ภาคการศกษา 1/2558

รายชอผจดทำานาย โภค บญนรากร รหสนกศกษา

5235512112

________________

อาจารยทปรกษา ดร.วโรดม วระพนธ

อาจารยทปรกษารวม อ.ธรรมรฎฐ สมตะลมพะ

Basketball Android Application i

อาจารยทปรกษารวม ดร.วศมน พาณชพฒนกล

ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตรมหาวทยาลยสงขลานครนทร

ชอโครงงาน Basketball Android Application ผจดทำา นาย โภค บญนรากร 5235512112ภาควชา วศวกรรมคอมพวเตอร

ปการศกษา 2558

บทคดยอเนองจากกฬาบาสเกตบอลยงเปนกฬาทไมไดรบความนยมใน

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

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

Basketball Android Application ii

Project Title Basketball Android Application Author Mr.Pokee Boonnaragorn 5235512112Department Computer EngineeringAcademic Year 2558

AbstractBasketball is a sport that has been popular in

Thailand. It is difficult to find and ability to play. The child’s development was delayed in Thailand. I’m making apps more information about this for able to play basketball techniques are simple. Which can also be used as a medium of instruction for those interested. Currently, smartphones are highly prevalent. This option makes the application accessible easily to use and can be applied to real competition.

Basketball Android Application iii

กตตกรรมประกาศ

ขอขอบคณ ดร.วโรดม วระพนธ ทไดใหความชวยเหลอในการแนะนำาโครงงานในครงน ทงในดานการแนะนำาแนวทางของโครงงาน รวมจนถงการเขยนในสวนตางๆของโปรแกรม และขอขอบคณขอมลการเ ข ย น Application Android จ า ก ห น ง ส อ Android App Development มา ณ ทนดวย

นายโภค บญนรากร

ผจดทำา

29 ก นยายน 2558

Basketball Android Application iv

สารบญ

บทคดยอ iiAbstact iii กตตกรรมประกาศ iv

บทท 1 บทนำา.....................................................................11.1 ความเปนมา.............................................................11.2 วตถประสงคของโครงงาน............................................11.3 ขอบเขตของโครงงาน.................................................11.4 ขนตอนในการดำาเนนงาน..............................................11.5 ประโยชนทคาดวาจะไดรบ.............................................21.6 สถานททำาโครงงาน....................................................21.7 เครองมอทใชในการพฒนา.........................................2

บทท 2 ความรพนฐาน..........................................................32.1 การเขยนโปรแกรม Android........................................3

2.1.1 สงทตองมในการเขยนโปรแกรม Android..............42.1.2 Android กบการเขยน Java Syntax...................5

2.2 ภาษา Java..............................................................62.2.1 องคประกอบของภาษา Java................................7

Basketball Android Application v

2.2.2 ขนตอนการทำางานของภาษา Java.........................7

Basketball Android Application vi

สารบญ (ตอ)

2.2.3 ขอดของภาษา Java..........................................82.3 Android Studio...................................................8

2.3.1 Android Development Tools....................92.3.2 Solfware Development Kit.......................92.3.3 Java Development Kit.............................92.3.4 User Interface.........................................10

บทท 3 รายละเอยดการทำางาน...............................................113.1 Software Specification....................................113.2 System Architecture.......................................113.3 System Design................................................123.4 System Implementation.................................123.5 แผนการดำาเนนงาน..................................................20

บทท 4 ผลการดำาเนนงานและสรปผล......................................214.1 สรปผล...............................................................214.2 ปญหาและอปสรรค..................................................214.3 ขอเสนอแนะ / แนวทางการพฒนาตอ.............................21

Basketball Android Application vii

สารบญรปภาพ

รปท 2-1 อปกรณและหนาตาของ Android...............................4รปท 2-2 สญลกษณของภาษา JAVA.......................................6รปท 2-3 ขนตอนการทำางานของภาษาจาวา .................................7รปท 2-4 สญลกษณของโปรแกรม Android Studio..................9รปท 2–5 หนาออกแบบ UI ในโปรแกรม Android Studio..........10รปท 3-1 แผนภาพโดยรวมของระบบ......................................11รปท 3-2 การออกแบบระบบ...............................................12รปท 3-3 หนาหลกของแอพพลเคชน.....................................12รปท 3-4 แสดงขอมลในโหมด Basic....................................13รปท 3-5 วดโอสาธตการชต................................................13รปท 3-6 วดโอสาธตการสงบอลในแบบตางๆ...........................14รปท 3-7 วดโอสาธตการลอยบอล.........................................14รปท 3-8 โหมด Rules.....................................................15รปท 3-9 กตกาในกฬาบาสเกตบอล.......................................15รปท 3-10 วางแผน แบบโซน 3-2........................................16รปท 3-11 วางแผน แบบโซน 2-3........................................16รปท 3-12 แผนท............................................................17รปท 3-13 สนาม............................................................17รปท 3-14 รปแบบการฝกซอม............................................18

Basketball Android Application viii

Basketball Application Android i

บทท 1 บทนำา

บทนเปนการกลาวถงความเปนมา ความรพนฐานทตองใชในการทำา แอพพลเคชน แอนดรอยด เพอใหเกดความเขาใจเบองตน

1.1 ความเปนมาในปจจบน กฬาบาสเกตบอลเปนกฬาทไดรบความนยมของโลก แต

ในประเทศไทยนนยงขาดสอการเรยนรทสอนทกษะการเลนกฬาบาสเกตบอลอยจงจดตงแอพพลเคชนนขน

1.2 วตถประสงคของโครงงานเพอใหบลคลทมความสนใจในดานกฬาบาสเกตบอล สามารถสบคน

ขอมลไดโดยงาย และสามารถประยกตไปใชในการแขงขนจรงได

1.3 ขอบเขตของโครงงาน- จดทำาแอพพลเคชน - เพมเตมขอมลตางๆ เชน กฎกตกา การตงโซน ตำาแหนงผเลน- ออกแบบ หนาตาง Interface- สราง button ตางๆลงในแอพพลเคชน- เพม Feature ตางๆใหแอพพลเคชนสมบรณ

1.4 ขนตอนในการดำาเนนงาน- ออกแบบ User Interface สำาหรบแอพพลเคชน- สรางปม Basic(พนฐาน)- สรางปม Rule(กฎกตกา)- สรางปม Zone- สรางปม Plan(สำาหรบวางแผน)

Basketball Application Android 1

1.5 ประโยชนทคาดวาจะไดรบ- ผใช จะไดรบความรเกยวกบกฬาบาสเกตบอลมากขน- เมอมความเขาใจทางดานกฬามากขน อาจสงผลใหมผสนใจใจกฬา

ประเภทนมากตามไปดวย- บคคลสามารถพฒนาทกษะทางดานกฬาไดอยางรวดเรว

1.6 สถานททำาโครงงานหอพก สวนทพยเพลส บานเลขท 30/257 หมท1 ถนนวชตสงคราม

ตำาบลกะท อำาเภอกะท จงหวดภเกต

1.7 เครองมอทใชในการพฒนาHardware

Desktop Computer AMD Phenom (Tm) II X6 1055T Processor 2.80 GHz, 8.00 GB of RAM

System type : 64-bit Operating System Asus Zenfone 5

Softwareภาษาทใช Java xmlโปรแกรมทใช Eclipse Android Studio Android SDK Tools Android Platform-tools The latest Android platform The latest Android system image for the

emulator


บทท 2 ความรพนฐาน

ในสวนของบทนกจะเปนการกลาวถง ความรพนฐานทตองนำามาประกอบเพอเปนความรในการทำาโครงงาน

2.1 การเขยนโปรแกรมบน Androidเปนททราบกนดแลววาแอนดรอยดไดรบความนยมมากทสดใน

บรรดาระบบปฏบตการทถกตดตงบนสมารทโฟน หรอแทบเลตในรนตาง ๆ ทออกสทองตลาดในปจจบนแอนดรอยดเปนระบบปฏบตการทเปน Open Source ของคายกเกลออกมาเมอประมาณป 2006 ททำางานบนสมารทโฟน หรอแทบเลต ทำาหนาทควบคมอปกรณตาง ๆ รวมกบแอพพลเคชนทพฒนาขน แอนดรอยดเปนระบบปฏบตการทมาทำาตลาดแขงขนกบระบบปฏบตการไอโอเอสของคายแอปเปล และในขณะนแอนดรอยดกไดแซงลำาหนาไอโอเอสเปนทเรยบรอยแลว (จำานวนผใชงาน) อนเนองจากเปน Open Source ทสามารถใชงานไดฟร และตดตงไดกบสมารทโฟน หรออปกรณไดหลากหลายและนกพฒนาโปรแกรมทงหลาย สามารถพฒนาแอพพลเคชนบนแอนดรอยดดวยโนตบค หรอคอมพวเตอรธรรมดา อกทงยงสามารถพฒนาบนเครองแมคบคไดเชนเดยวกน จงไดเกดนกพฒนาขนมากมาย ซงตรงกนขามกบระบบปฏบตการไอโอเอสทสามารถใชไดกบเครองของแอปเป ลเทานน และการพฒนาโปรแกรมกจะตองทำาบนเครองแมคบคในปจจบนแอนดรอยดมแอพพลเคชนหลายลานแอพ (ทอยใน Play Store) ทงทสามารถดาวนโหลดไดใชงานได หรอเสยเงนซอแอนดรอยดกำาลงไดรบความนยมจากองคกรธรกจจำานวนมายทนำาแอพพลเคชนเหลานมาใชงานรวมกบธรกจหลาย ๆ ประเภท เพราะฉะนนการทจะหนมาศกษาแอนดรอยดกเปนทางเลอกหนงทจะชวยสงเสรมความรความสามารถในการเขยนโปรแกรมไดเชนเดยวกน


ความสามารถของแอนดรอยดนน ทำาไดหลากหลายมาก สามารถเขยนทำางานรวมกบฮารดแวรไดเกอบทกอยาง เชน การเขยนแอพพลเคชนจดการดานฐานขอมล การเขยนควบคมกบอปกรณภายนอก การพฒนาดานจพเอส (ซงเปนเรองทนาสนใจมาก) หรอแมกระทงการออกแบบกราฟกหรอการเขยนเกมตาง ๆ กสามารถพฒนาในแอนดรอยดไดเชนเดยวกน ทำาใหในปจจบนแอนดรอยดไดเขามามบทบาทเปนระบบปฏบตการบนอปกรณตางๆมากขน ดงรปท 2-1

รปท 2-1 อปกรณและหนาตาของ Android

แอนดรอยดจะใชโครงสรางของภาษาจาวาในการพฒนาเปนหลก และในการเขยนโปรแกรมจะม API Library ทถกพฒนาสำาหรบแอนดรอยดใหเลอกใชมากมาย เชน API Library ทชวยจดการเกยวกบพวกกราฟฟกการออกแบบมลตมเดย หรอ API Library ทเกยวของกบ GPS, Bluetooth , EDGE , 3G , WIFI หรอ SQLite ทจะเขามาจดการเกยวกบฐานขอมล


2.1.1 สงทตองมในการเขยนโปรแกรม Android Eclipse Development Tools and Java

Development Kit (JDK) คอ ซอฟตแวรและชดของเครองมอทใชพฒนาโปรแกรมจาวา

ADT (Android Development Tools Plugin for eclipse) คอ เครองมอทใชพฒนาแอนดรอยด ในการพฒนาแอพพลเคชน

Android SDK คอ ชดคำาสงในการพฒนาแอพพลเคชนบนระบบปฏบตการแอนดรอยด

Android Virtual Device Manager (Emulator) คอ อปกรณจำาลองทใชทดสอบการทำางานของแอพพลเคชน

2.1.2 Android กบการเขยน Java Syntax บนโปรแกรม Eclipse

ในการเขยนโปรแกรมบนแอนดรอยดนนจะใชภาษา Java Platform ในการพฒนาและเขยนคำาสงใหโปรแกรมทำางาน รปในการเขยนเปน OOP ทงหมด และ API Library ตาง ๆ ทอยใน Android Framework ทเราสามารถเรยกใชงานได กถกพฒนาดวยภาษา Java เชนเดยวกน และจะมใหเลอกเรยกใชงานหลายตวมาก แบงแยกตามวตถประสงคตาง ๆ (เราสามารถพฒนา Library ขนมาใชเองกได หรอจะดาวนโหลด Library จากแหลงตาง ๆ ทมทงฟรและเสยเงน) โดยจะมการแยก Package หรอ API Class Library ตาง ๆ ถกแยกจดเกบไวในแตละหมวดหม เพอความสะดวกและงายตอการนำามาใช เชน TextView จดการเกยวกบขอความหรอ Text , Button จดการเกยวกบปม Button หรออน ๆ ทถกจดแยกไวตาม Class ทอยภายใต Widgets Class และถาจะใชงานตวไหนกคอยทำาการ Import เขา


มาใน Class ของเรา ในการเขยน Android ถามพนฐานการเขยน Java หรอ .NET Framework มาแลว กจะสามารถเขาใจไดเรวขน

ในโครงสรางการเขยนโปรแกรมแอนดรอยดพนฐานทวไปจะเปนการทำางานของ XML Layout ซงจะผสานการทำางานรวมกบ XML และ Java โดย XML จะถกออกแบบใหเปนสวนทเปน GUI และใช XML Syntax ในการวาง Layout ตาง ๆ ของ Widgets หรอ Element ตาง ๆ สวนในภาษา Java จะเปนชดคำาสงทควบควบคมการทำางานของโปรแกรม และ หนาจอทแสดงผลทอยในรปแบบของ XML Layout

ตวอยางการเขยน Xml Layout<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"

android:layout_marginTop="78dp"

android:text="TextView" />

ตวอยางการ Import Library ตางๆimport android.os.Bundle;

import android.app.Activity;

import android.view.Menu;


import android.view.View;

import android.widget.TextView;

import android.widget.Button;

import android.widget.Toast;

2.2 ภาษา Java

รปท 2 - 2 สญลกษณของภาษา JAVA

ภาษาจาวา (Java programming language) เปนภาษาโปรแกรมเชงวตถ พฒนาโดย เจมส กอสลง และวศวกรคนอนๆ ท ซน ไมโครซสเตมส ภาษาจาวาถกพฒนาขนในป พ.ศ. 2534 (ค.ศ. 1991) โดยเปนสวนหนงของ โครงการกรน (The Green Project) และสำาเรจออกสสาธารณะในป พ.ศ. 2538 (ค.ศ. 1995)โดยมสญญาลกษณตามรปท 2- 16 ซงภาษานมจดประสงคเพอใชแทนภาษาซพลสพลส (C++) โดยรปแบบทเพมเตมขนคลายกบภาษาออบเจกตทฟซ (Objective-C) แตเดมภาษานเรยกวา ภาษาโอก (Oak) ซงตงชอตามตนโอกใกลททำางานของ เจมส กอสลง แตวามปญหาทางลขสทธ จงเปลยนไปใชชอ "จาวา" ซงเปนชอกาแฟแทน

2.2.1 องคประกอบของภาษา Java1. JVM (Java Virtual Machine) ทำาหนาทเปน interpreter2. JRE (Java Runtime Environment) ทำาหนาทใชในการรนโปรแกรม


3. J2SDK (Java 2 Software Development Kit) เปนชดพฒนาโปรแกรมภาษาจาวา

2.2.2 ขนตอนการทำางานของภาษา Java

รปท 2 - 3 ขนตอนการทำางานของภาษาจาวา

Java Platform กคอ platform หรอสภาพแวดลอมทใชในการรนโปรแกรมจาวา โปรแกรมจาวาจะทำางานบน Java platform เทานน Java platform จะประกอบไปดวยสองอยาง คอ Java VM (JVM) และ runtime library โปรแกรมจาวาทเราเขยนขนจะทำางานบน platform ใดกไดทม Java platform ทำางานอย ซงบรษทซนไมโครซสเตมสไดกำาหนด platform ของ Java 2 เอาไว 3 รปแบบไดแก

1. Java 2 PlatForm, Standard Edition (J2SE)2. Java 2 PlatForm, Enterpriise Edition (J2EE)3. Java 2 PlatForm, Micro Edition (J2ME)


2.2.3 ขอดของภาษา Java โปรแกรมจาวาทเขยนขน สามารถทำางานไดหลาย platform โดย

ไมจำาเปนตองแกไขหรอ compile ใหม ทำาใหชวยลดคาใชจายและเวลาทตองเสยไปในการ port หรอทำาใหโปรแกรมใชงานไดหลาย platform

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

ภาษาจาวามความซบซอนนอยกวาภาษา C++ ทำาใหใชงานไดงายกวาและลดความผดพลาดไดมากขน

ภาษาจาวามการตรวจสอบขอ ผดพลาดทงตอน compile time และ runtime ทำาใหลดขอผดพลาดทอาจเกดขนในโปรแกรม และชวยให debug โปรแกรมไดงาย

ภาษาจาวาถกออกแบบมาใหม ความปลอดภยสงตงแตแรก ทำาใหโปรแกรมทเขยนขนดวยจาวามความปลอดภยมากกวาโปรแกรมทเขยนขน ดวยภาษาอน

ม IDE, application server, และ library ตาง ๆ มากมายสำาหรบจาวาทเราสามารถใชงานไดโดยไมตองเสยคาใชจาย ทำาใหเรา สามารถลดคาใชจายทตองเสยไปกบการซอ tool และ s/w ตางๆ

2.3 Android StudioAndroid Studio เปน IDE Tools ลาสดจาก Google ไว

พฒนาโปรแกรม Android โดยเฉพาะ โดยพฒนาจากแนวคดพนฐานมาจาก InteliJ IDEA คลาย ๆ กบการทำางานของ Eclipse และ Android ADT Plugin โดยวตถประสงคของ Android Studio คอตองการพฒนาเครองมอ IDE ทสามารถพฒนา App บน Android ใหม


ประสทธภาพมากขน ทงดานการออกแบบ GUI ทชวยใหสามารถ Preview ตว App มมมองทแตกตางกนบน Smart Phone แตละรน สามารถแสดงผลบางอยางไดทนทโดนไมตองทำาการรน App บน Emulator รวมทงยงแกไขปรบปรงในเรองของความเรวของ Emulator ทยงเจอปญหากนอยในปจจบน

การเขยน Android บน Android Studio จะมขนตอนอย 2 ขนตอนกคอ ตดตง Java SDK และดาวนโหลด Android Studio มาตดตงกจะสามารถใชงานไดทนท โดยทเราไมตองทำาการตดตง Android ADT Plugin แตอยางใด ซงชวยลดขนตอนการตดตงเครองมอตาง ๆ ได

ในปจจบน Android Studio ยงอยในชวง early access preview แตเราสามารถดาวนโหลด เพอใชงานบน Platform ตาง ๆ ไดเกอบทก OS เชน Windows , Mac และ Linux และจากทไดทำาการดาวนโหลดมาตดตงและทดสอบความสามารถของ Android Studio ซงในครงแรก ๆ อาจจะยงงง ๆ ซบสนเมนตาง ๆ อยบาง แตโดยพนฐานแลวจะคลาย ๆ กบการเขยน Android บนโปรแกรม Eclipse พวกโครงสรางไฟล หรอ Widgets ตาง ๆ กคลาย ๆ กน แตจะแปลกใหมตรงทม Preview ในสวนของ Layout ทมความสามารถมากขน

รปท 2 - 4 สญลกษณของโปรแกรม Android Studio


2.3.1 Android Development Tools (ADT)

ADT ยอมาจาก Android Development Tools คอ เครองมอทใชพฒนาแอนดรอยด ในการพฒนา Application บนระบบ Android OS จะใชภาษา Java โดยตองตดตงสวนเสรม ซงกคอเจา ADT หรอ Android Development Tools ซงเปนสวนเสรมของ IDE หรอทหลายคนมกเรยกมนวาเปน ปลกอนของโปรแกรม Eclipse นนเอง ซงใชในการเขยนโปรแกรม และ ADT นกรวมอยเปนสวนหนงของ Android SDK

2.3.2 Software Development Kit (SDK)SDK ซงยอมาจาก Software Development Kit คอเครอง

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

2.3.3 Java Development Kit (JDK)Java Development Kit หรอ JDK คอชดของเครองมอ

(tools) ทใชในการพฒนาโปรแกรม JAVA ของบรษทซนไมโครซสเตมส ซงใครกตามทตองการจะพฒนาโปรแกรมโดยใชภาษา Java อยางเชน Java compiler, Java debugger, Java doc และ Java interpreter หรอ Java VM จะตอง ลง JDK น ไมงนจะไมสามารถ compile และ run java ได เวอรชนปจจบนของ JDK คอเวอรชน 7 ประกอบไปดวยโปรแกรมตางๆ อาทเชนโปรแกรมคอมไพเลอร


(javac.exe) ,โปรแกรมอนเตอรพรตเตอร (java.exe) ,โปรแกรมดบกเกอร แตจะไมมโปรแกรมอดเตอร

ชดพฒนาโปรแกรม JDKประกอบดวย 3 รนยอยดงน

Java SE (Standard Edition) สำาหรบพฒนาโปรแกรมบนคอมพวเตอรตงโตะทวไป

Java ME (Micro Edition) สำาหรบพฒนาโปรแกรมบนอปกรณพกพา เชน โทรศพทมอถอ หรอพดเอ สวนมากใชเขยนโปรแกรมเกม

Java EE (Enterprise Edition) สำาหรบพฒนาโปรแกรมในองคกรใหญๆ หรอมขอบเขตของโครงการกวางมาก

2.3.4 User Interface (UI)สวนตอประสานกบผใช (user interface, UI) หมายถง สงทม

ไวใหผใชใชในการกระทำากบระบบหรอสงของตางๆ ซงอาจจะเปนคอมพวเตอร เครองจกร เครองกล อปกรณใชไฟฟาใดๆ หรอระบบทมความซบซอนอนๆ เพอใหสงๆนนทำางานตามความตองการของผใช

ตวอยางหนาออกแบบ User Interface ของโปรแกรม Android Studio

รปท 2 – 5 หนาออกแบบ UI ในโปรแกรม Android Studio


บทท 3 รายละเอยดการดำาเนนงาน

ในสวนนเปนการแสดงรายละเอยด และการทำางานของระบบทไดออกแบบไว ซงเกยวของกบการพฒนาแอพพลเคชนบน android ดวยโปรแกรม

3.1 Software SpecificationBasket Android Application เปนแอพพลเคชน ทรวบรวม

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

Basic จะแสดงขอมลลกษณะวธการเลนบาสเกตบอลเบองตน

Rules จะแสดงขอมลกฎกตกาของบาสเกตบอล

Zone จะแสดงขอมลการจดรปแบบแผนการเลน

Plan จะสามารถวางแผนการเลนได

3.2 System Architecture


รปท 3-1 แผนภาพโดยรวมของระบบ

จากรปท 3-1 เปนโครงสรางการทำางานของระบบซงผใชงานจะทำาการตดตอผาน GUI บนโทรศพทมอถอทใชระบบ Android เพอทำาการรองขอขอมล จากนนแอพพลเคชนจะทำาการประมวลผลและ คนหาขอมลบนฐานขอมล แลวทำาการสงขอมลกลบมายงมอถอ เพอแสดงขอมลทผใชตองการ

3.3 System Design

รปท 3-2 การออกแบบระบบ

3.4 System Implementationเมอตดตงโปรแกรม Android Studio สำาเรจกไดทำาการเขยน

โคด เพอสรางแอพพลเคชนตามทไดออกแบบไว และทำาการทดสอบบน


Emulator เมอทำาการทดสอบบน Emulator เรยบรอย กทำาการทดสอบบนอปกรณจรงทใชงาน ในทน คอการทดลองรนบนมอถอนนเอง มรายละเอยดตางๆดงน

1.หนาจอหลก แบงเปนโหมดตางๆ ไดแก Basic ,Rules ,Zone ,Practice ,Plan ,Map

รปท 3-3 หนาหลกของแอพพลเคชน

2. ภายในโหมด Basic แสดงขอมลการทำาแตม ,การจายบอล ,การลอยบอล ,การเลยงลก ,การรบาวร


รปท 3-4 แสดงขอมลในโหมด Basic

เมอสมผสไอคอนจะแสดงวดโอพนฐานการเลนบาสเกตบอล

รปท 3-5 วดโอสาธตการชต

สอนเรองการจบบอลทถกวธ และวดโอสอนการชตทำาแตม


รปท 3-6 วดโอสาธตการสงบอลในแบบตางๆ

ทาสงสองมอระดบอก ,สงบอลกระดอนพน

รปท 3-7 วดโอสาธตการลอยบอล

ทงทางมอซาย และมอขวา มภาพสโลโมชนใหดจงหวะการกาวขา


3. ภายในโหมด Rules แสดงขอมลกฎกตกา ,การทำาฟาลว ,ขอบงคบ ดงรป

รปท 3-8 โหมด Rules


รปท 3-9 กตกาในกฬาบาสเกตบอล

4. ภายในโหมด Plan

รปท 3-10 วางแผน แบบโซน 3-2

รปท 3-11 วางแผน แบบโซน 2-3


ใน รปท 3-10 ,3-11 โหมด Plan เราจะสามารถวางแผนไดอยางอสระ

และสามารถลบแผนทวาดไวไดดวยการกดปม RESET


6. ภายในโหมด Map

รปท 3-12 แผนท

ใน รปท 3-12 โหมด Map จะแสดงหมดของสนามบาสแตละแหงในจงหวดภเกต

รปท 3-13 สนาม


ใน รปท 3-13 เมอคลกเขาไปในหมดกจะมขอมลของสนามตางๆ เชน เวลา สไตลการเลน และผเลน

7.ภายในโหมด Practice

รปท 3-14 รปแบบการฝกซอม

โหมดนจะแสดงการฝกซอมพนฐาน และสามารถเลอกไดวาฝกซอมทาตาง ๆ ไดแก ทาชต (Shooting), ทาลอยบอล (Lay-up), สงบอล (Pass), จดโทษ (Free Throw)


3.5 แผนการดำาเนนงาน

การดำาเนนงาน / ระยะเวลา ป พ.ศ.2556

มถนายน กรกฎาคม สงหาคม กนยายน ตลาคม1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

ศกษาการเขยน Application Android

หาขอมลเพมเตมเกยวกบกฬาบาสเกตบอล

เรมตนเขยน Application Basketball

ทำาเมนสำาหรบ User Interface เพมเตม

ทดสอบการรนบนอปกรณจรง

แผนการดำาเนนงานเตรยมความพรอม



มถนายน กรกฎาคม

1 2 3 4 1 2 3 4

หาขอมลเพมเตมเกยวกบกฬาบาสเกตบอลเพมเตม

ทำาเมนสำาหรบ User Interface เพมเตม

แกเพมคลปวดโอตางๆ

เพมความสามารถของโหมดวางแผน


แผนการดำาเนนงานโครงการ 1



สงหาคม กนยายน ตลาคม พฤศจกายน ธนวาคม

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4เพม Googlemap

หาขอมลสนามในภเกต

เพมคลปวดโอตางๆ

เพมโหมดวางแผน 2


แผนการดำาเนนงานโครงการ 2


บทท 4 ผลการดำาเนนงานและสรปผล

บทนจะกลาวถงผลจากการดำาเนนงาน ความกาวหนาของการพฒนาแอพพลเคชน

และประโยชนผใชทไดนำาแอพพลเคชนไปใชงาน ซงจะมประโยชนแตกตางกนไป อกทงยงกลาวเกยวกบปญหาและอปสรรคทไดเจอจากการพฒนาแอพพลเคชนน

4.1 สรปผลโครงงานนเปนโครงงานทเกยวกบแอพพลเคชนสอนบาสเกตบอล

ในสวนของโครงงานน ไดมการจดทำาแอพพลเคชนเพอใหเกดประโยชนตางๆ เชน สามารถนำามาใชในการแขงขนจรง ทำาใหบคคลหนมาสนใจการออกกำาลง รกษาสขภาพมากขน และแอพพลเคชนนสามารถทำาใหเราเขาใจวธการเลนบาสเกตบอลไดงายและสะดวกขน โดยใชการพฒนาแอพพลเคชนดวยโปรแกรม Android Studio

4.2 ปญหาและอปสรรค- เวลาทใชในการเขยนโคดโดยใชภาษา Java มกมการเขยนผดพลาด

อยบอย จงทำาใหบางครงในการรนบน Emulator เกดความผดพลาดขน

- เมอยายโปรแกรมจากทเขยนใน Eclipes มาเขยนบน Android Studio ทำาใหไมสามารถรนบน Emulator ของ Android Studio

- ลองทดสอบรนบน Emulator ของ Genymotion ไมสามารถรนได


4.3 ขอเสนอแนะ / แนวทางการพฒนาตอ- ปรบปรง Code และ อลกอรทมในการสราง Application ใหด

ยงขน- ศกษาความรดานภาษา Java ใหมความเขาใจเพมขนเพอนำาไป

พฒนา Application ใหมความสามารถมากขน


บรรณานกรม

[1] android tutorial, http://tutorial.function.in.th/android/fundamental-android-application, Last modified: Unknown, Access time: July 19, 2013.

[2] basic eclipse, http://www.thaicreate.com/mobile/android-java-syntax-eclipse.html, Last modified: Unknown, Access time: July 19, 2013.

[3] android tutorial, http://www.androidjump.com/topics/android-tutorial/page/2/, Last modified: Unknown, Access time: July 20, 2013.

[5] gallery, http://www.thaicreate.com/mobile/android-gallery.html, Last modified: Unknown, Access time: July 25, 2013.

[6] scrollview, http://www.thaicreate.com/mobile/android-scrollview.html, Last modified: Unknown, Access time: July 26, 2013.

[7] basketball basic, http://www.online-basketball-drills.com/drills-basketball/dribbling, Last modified: Unknown, Access time: July 19, 2013.

[8] android basic programming, http://androiddevelops.blogspot.com/2012/03/android-radio-button.html, Last modified: Unknown, Access time: July 19, 2013.

[9] ดร.จกรชย โสอนทร . Android App Development. -- กรงเทพฯ :ไอดซ พรเมยร จำากด, 2555.


http://androiddevelops.blogspot.com/2012/03/android-radio-button.html

http://androiddevelops.blogspot.com/2012/03/android-radio-button.html

http://www.online-basketball-drills.com/drills-basketball/dribbling

http://www.online-basketball-drills.com/drills-basketball/dribbling

http://www.thaicreate.com/mobile/android-scrollview.html

http://www.thaicreate.com/mobile/android-scrollview.html

http://www.thaicreate.com/mobile/android-gallery.html

http://www.thaicreate.com/mobile/android-gallery.html

http://www.androidjump.com/topics/android-tutorial/page/2/

http://www.androidjump.com/topics/android-tutorial/page/2/

http://www.thaicreate.com/mobile/android-java-syntax-eclipse.html

http://www.thaicreate.com/mobile/android-java-syntax-eclipse.html

http://tutorial.function.in.th/android/fundamental-android-application

http://tutorial.function.in.th/android/fundamental-android-application

ภาคผนวก

ก.ขนตอนการตดตง Android Studio1.ดาวโหลดไฟลจาก http://www.oracle.com/technetwork/java/javase/downloads/index.html

จากนนทำาการเลอก Download JDK ตอมาทำาการกดยอมรบขอตกลง License แลวกเลอกลงคโหลด 64 Bit (xxxx-x64.exe) เมอดาวนโหลดสำาเรจ ทำาการตดตง


เมอตดตงเสรจ ตอมาทำาการ Set Environment Path เพอใหเครองสามารถเหน JDK ไดถกตอง โดยทำาการคลกขวาท My Computer => เลอก Properties จากนนไปท Advanced เลอก Environment Variables… ใหทำาการเพม PATH เพมใหม หรอตอจากของเดมไดโดยใส semicolon(;) โดยใส path ทอยทเกบ Java JDK ไว เชน C:\Program Files\Java\jdk1.8.0_25\bin


หรอกำาหนดเปน JAVA_HOME และเซท Path เปน C:\ProgramFiles\Java\jdk1.8.0_25 โดยไมตองม \bin

เมอตงคาเรยบรอย ทดสอบโดยการเปด Command Prompt แลวพมพ java –version และ javac –version จะไดผลดงภาพ


2.ดาวนโหลดและตดตง Android Studio

ทำาการ ดาวนโหลด Android Studio จาก https://developer.android.com/sdk/index.ht


https://developer.android.com/sdk/index.html

https://developer.android.com/sdk/index.html

ml

หลงจากดาวนโหลดมาแลว กทำาการตดตงเลย ระหวางการตดตง จะมถามดวย วาใหเราตดตงตว IDE ไวทไหน และตว Android SDK ไวทไหน ตรงสวนนกใช Default ไปกได หรอจะเลอก Path ทตองการกได แตตองแนใจวาม Permission ในการ access read/write นะครบ ไมงนจะม Error เวลาเปด Android Studio


ถาเลอกทเกบ Android SDK ไวทอน จะมกลองขอความถามวาแนใจรเปลา เพราะจะเกดกรณพวกสทธ read/write หรอตอง Run As Administrator ทกครง


เมอทำาการตดตง Android Studio เสรจ และเปดใชโปรแกรมในครงแรก จะมกลองขอความถามการ Import ไฟลคอนฟคตางๆ ถาพงตดตง กไมตองเลอก

หากใครมปญหาแบบดงภาพ ขางลาง เปด Android Studio ขนมาแลวเจอแบบน แสดงวา เซต JAVA_HOME ไมถกตอง


ครงแรกตวโปรแกรมจะทำาการดาวนโหลด Components ตางๆทจำาเปนสำาหรบเขยนแอพใหอตโนมต

ถาไมม Error เมอทำาการดาวนโหลด Components เรยบรอย กด Finish กเปนเสรจสน


Documents

ชื่อโครงงาน · Web viewBasketball Android Application รายว ชา 241-402 Computer Engineering Project 2 ภาคการศ กษา 1/2558 รายช