Basketball Android Application · Basketball is a sport that has been popular in Thailand. It is difficult to find a basketball stadium and also learns how to play basketball. The

Basketball Android Application i

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

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

รายชอผจดท า

นาย โภค บญนรากร รหสนกศกษา 5235512112

________________

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

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

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

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

wwaro

Note

Font TH Sarabun

Basketball Android Application ii

ชอโครงงาน Basketball Android Application

ผจดท า นาย โภค บญนรากร 5235512112

ภาควชา วศวกรรมคอมพวเตอร

ปการศกษา 2558

บทคดยอ

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

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

Basketball Android Application iii

Project Title Basketball Android Application

Author Mr.Pokee Boonnaragorn 5235512112

Department Computer Engineering

Academic Year 2015

Abstract

Basketball is a sport that has been popular in Thailand. It is difficult to find a basketball stadium and also learns how to play basketball. The child's development of basketball is not progressive rapidly in Thailand. Basketball android application is created for a basketball player who intends to learn some basic basketball techniques from a mobile phone. Currently, smartphones are highly prevalent. This option makes the application accessible easily to use and can be applied to real competition.

Basketball Android Application iv

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

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

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

ผจดท า

29 กนยายน 2558

Basketball Android Application v

สารบญ

บทคดยอ ii

Abstact iii

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

บทท 1 บทน า .............................................................................................................................................. 1

1.1 ความเปนมา .................................................................................................................................... 1

1.2 วตถประสงคของโครงงาน .............................................................................................................. 1

1.3 ขอบเขตของโครงงาน ..................................................................................................................... 1

1.4 ขนตอนในการด าเนนงาน ............................................................................................................... 1

1.5 ประโยชนทคาดวาจะไดรบ ............................................................................................................. 2

1.6 สถานทท าโครงงาน ......................................................................................................................... 2

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

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

2.1 การเขยนโปรแกรม Android ......................................................................................................... 3

2.1.1 สงทตองมในการเขยนโปรแกรม Android. ........................................................................ 4

2.1.2 Android กบการเขยน Java Syntax .................................................................................. 5

2.2 ภาษา Java ..................................................................................................................................... 6

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

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

Basketball Android Application vi

สารบญ (ตอ)

2.2.3 ขอดของภาษา Java ............................................................................................................. 8

2.3 Android Studio .......................................................................................................................... 8

2.3.1 Android Development Tools .................................................................................... 9

2.3.2 Solfware Development Kit ......................................................................................... 9

2.3.3 Java Development Kit ................................................................................................ 9

2.3.4 User Interface ............................................................................................................... 10

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

3.1 Software Specification ........................................................................................................ 11

3.2 System Architecture ............................................................................................................ 11

3.3 System Design ........................................................................................................................ 12

3.4 System Implementation .................................................................................................... 12

3.5 แผนการด าเนนงาน...................................................................................................................... 20

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

4.1 สรปผล ............................................................................................................................................. 21

4.2 ปญหาและอปสรรค ..................................................................................................................... 21

4.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 i

Basketball Android Application 1

บทท 1 บทน า

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

1.1 ความเปนมา

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

1.2 วตถประสงคของโครงงาน

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

1.3 ขอบเขตของโครงงาน

- จดท าแอพพลเคชน

- เพมเตมขอมลตางๆ เชน กฎกตกา การตงโซน ต าแหนงผเลน

- ออกแบบ หนาตาง Interface

- สราง button ตางๆลงในแอพพลเคชน - เพม Feature ตางๆใหแอพพลเคชนสมบรณ

1.4 ขนตอนในการด าเนนงาน

- ออกแบบ User Interface ส าหรบแอพพลเคชน

- สรางปม Basic(พนฐาน)

- สรางปม Rule(กฎกตกา)

- สรางปม Zone

- สรางปม Plan(ส าหรบวางแผน)


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 องคประกอบของภาษา Java

1. JVM (Java Virtual Machine) ท าหนาทเปน interpreter 2. 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 Studio

Android 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 Specification

Basket 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 วดโอสาธตการลอยบอล

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

wwaro

Note


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

รปท 3-8 โหมด Rules

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

wwaro

Note


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

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

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

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

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

wwaro

Note

,


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

รปท 3-12 แผนท

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

รปท 3-13 สนาม

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


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

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

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

wwaro

Note

wwaro

Note

wwaro

Note


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

เพม Google map

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

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

เพมโหมดวางแผน 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.

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

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

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

[7] androidbasic programming, http://androiddevelops.blogspot.com/2012/03/android-

radio-button.html, Last modified: Unknown, Access time: July 19, 2013. [8] ดร.จกรชย โสอนทร. Android App Development. -- กรงเทพฯ :ไอดซ พรเมยร จ ากด,

2555.

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

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

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

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

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

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

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

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


ภาคผนวก

ก.ขนตอนการตดตง Android Studio

1.ดาวโหลดไฟลจาก 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.html

หลงจากดาวนโหลดมาแลว กท าการตดตงเลย ระหวางการตดตง จะมถามดวย วาใหเราตดตงตว

IDE ไวทไหน และตว Android SDK ไวทตรงสวนนกใช Default หรอจะเลอก Path ทตองการได แตตองม

Permission ในการ access read/write ถาไมมจะเกด Error เวลาเปด Android Studio

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


ถาเลอกทเกบ Android SDK ไวทอน จะมกลองขอความถามวาแนใจรเปลา เพราะจะเกดกรณพวก

สทธ read/write หรอตอง Run As Administrator ทกครง


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

การ Import ไฟลคอนฟคตางๆ

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

JAVA_HOME ไมถกตอง


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

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

Documents

Basketball Android Application · Basketball is a sport that has been popular in Thailand. It is difficult to find a basketball stadium and also learns how to play basketball. The