K-means of Pokemon Clustering

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

คู่มือการจัดทา K-Means for POKEMON Clustering กรณีศึกษา ชุดข้อมูล POKEMON จากเว็บไซต์ Kaggle

K-means ? การแบ่งกลุ่ม แบบ Clustering อย่างน้อย 2 ตัวแปรขึน ้ ไป

K = จานวนทีต ่ ้องการแบ่งกลุ่ม Means = ข้อมูลตัวเลขทีห ่ าค่าเฉลีย ่ ได้

ขั้นตอนการดาวน์โหลด Dataset • เข้าเว็บไซต์ https://www.kaggle.com/ และ เข้าสู่ระบบ เพื่ อดาวน์โหลดชุดข้อมูล

• เลือก เมนู Datasets เพื่ อเลือกชุดข้อมูลทีต ่ อ ้ งการ

• เมื่อได้ Dataset ที่ต้องการแล้ว ให้ทาการดาวน์โหลดไฟล์ .CSV และ Cleansing Data ที่ได้ เพื่ อนาไปใช้ต่อไป

• บันทึกไฟล์ .CSV ที่ทาการ Cleansing Data ลงใน D:/shiny และ Document

1

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

ขั้นตอนการประมวลผล โดยใช้โปรแกรม R-Studio

• เลือก File > new File > R script • ติดตั้ง และ เรียกใช้ Package shiny โดยคาสั่ง

• จากนัน ้ ทาการ Import File .CSV ที่ Cleansing ไว้ โดยเก็บไว้ในเวกเตอร์ที่ชื่อ pokemon โดยคาสั่ง

ผลลัพธ์

ตัวอย่างข้อมูล

2

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

***คาอธิบายหัวข้อ (จากตารางตัวอย่างข้อมูล) หัวข้อ

ความหมาย

1. Pokemon

หมายถึงรหัสโปเกม่อน *ใช้แทนโปเกม่อนแต่ละตัว

2. HP

ย่อมาจาก Health Point หมายถึง ค่าเลือดของโปเกม่อน

3. Attack

หมายถึง ค่าโจมตีของโปเกม่อน *โจมตีโดยใช้ร่างกายสัมผัสโดยตรง

4. Speed

หมายถึง ค่าความเร็วของโปเกม่อน

5. Defense

หมายถึง ค่าป้องกันของโปเกม่อน ใช้ร่างกันป้องกันโดยตรง

6. Sp..Atk

ย่อมาจาก Special Attack หมายถึง ค่าพลังโจมตีพิเศษของโปเกม่อน *โจมตีโดยใช้พลังต่างๆ โดยทีร่ ่างกาย ไม่สัมผัสโดยตรง เช่น การยิง เวทย์มนต์

7. Sp..Def

ย่อมาจาก Special Defense หมายถึง ค่าป้องกันพลังโจมตีพิเศษของ โปเกม่อน

8. Generation

รุ่นของโปเกม่อน (มีทง ั้ หมด 6 รุน ่ )

3

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

• การทา shiny app โดยคาสั่ง 1 2 3 • ในส่วนของ ui <- fluidPage() ui <- fluidPage( # *Input () functions, # *Output () functions) # *Input() functions, ฟังก์ชันการรับข้อมูลเข้าเพื่ อประมวลผล เช่น

4

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

# *Output() functions, ฟังก์ชันการแสดงผลข้อมูล

• ในส่วนของ server <- function (input, output) {}

# การทาให้ ส่วนของ ui แสดงผล

• และตามด้วย shinyApp (ui=ui , server=server)

5

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

เริ่มการทา shinyApp K-Means for POKEMON Clustering

• หลังจากที่ได้ทาการโหลดไฟล์ .CSV เข้าเวกเตอร์ pokemon แล้ว ขั้นตอนต่อไป การทาในส่วนของ ui <- fluidPage() 2 ui <- fluidPage( C 1 tags$h1("K-means clustering of", align = "center", tags$img (height = 80,width = 160, 3 src = "https://uppic.cc/d/Kpve")), 4 tags$hr(), 1. คาสั่ง สร้างหัวเรื่อง โดยใช้ ขนาดตัวหนังสือ h1 2. คาสั่ง ให้หัวเรื่องอยูต ่ รงกลาง 3. คาสั่งแทรกรูปภาพ โดยให้ความสูง = 80 และ ความกว้าง = 160 src = ลิง ้ รูปภาพที่ทาการฝากรูปไว้ทเี่ ว็บไซต์ https://uppic.cc 4. คาสั่ง ขีดเส้นใต้ ผลลัพธ์

6

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

การทาในส่วนของ ui <- fluidPage() (ต่อ) sidebarPanel( tags$h5("Select Variable | X,Y"), selectInput('xcol', 'X Variable', names(pokemon)), selectInput('ycol', 'Y Variable', names(pokemon), selected = names(pokemon)[[2]]), tags$hr(), sliderInput(inputId = "clusters", label = "Cluster count", value = 3, min = 1, max = 20), tags$hr()),

โดยเลือกข้อมูลจากเวกเตอร์ pokemon 6. คาสั่งขีดเส้นใต้ 7. คาสั่ง sliderInput โดยให้รับค่า clusters โดยกาหนดให้ค่าต่าสุด= 3 , ค่าสูงสุด= 20 8. คาสั่ง ขีดเส้นใต้

6 7 8

ผลลัพธ์

5. คาสั่ง selecInput แกน X , แกน Y

5

7

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

การทาในส่วนของ ui <- fluidPage() (ต่อ) mainPanel( plotOutput('plot1')), tags$img(height = 70, width = 140, src = "https://uppic.cc/d/KpPM"), tags$img(height = 70, width = 140, src = "https://uppic.cc/d/KpZV"), tags$img(height = 70, width = 140, src = "https://uppic.cc/d/Kprw"), tags$hr(), tags$h4("Reference from", tags$a(">>Dataset<<", href = "https://www.kaggle.com/ shikhar1/pokemon"))) 9. คาสั่งแสดง output “plot” 10. คาสั่งแสดงรูปภาพ 11. คาสั่งขีดเส้นใต้ ,แสดง text และ hyperlink ผลลัพธ์

9

10

11

8

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

การทาในส่วนของ sever<- function(input, output) { } server <- function(input, output) { selectedData <- reactive({ pokemon[, c(input$xcol, input$ycol)]}) clusters <- reactive({ kmeans(selectedData(), input$clusters)}) output$plot1 <- renderPlot({ par(mar = c(5.1, 4.1, 0, 1)) plot(selectedData(), col = clusters()$cluster, pch = 20, cex = 3) points(clusters()$centers, pch = 4, cex = 4, lwd = 4) })} 12. คาสั่ง รับค่า Input $xcol, input$ycol จาก ส่วน ui 13. คาสั่ง รับค่า clusters จาก sliderInput 14. คาสั่ง แสดง plot และ renderPlot ผลลัพธ์

12 13

14

9

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

ตัวอย่าง การแสดง Plot K-Means

10

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

1

กราฟแสดง K-means โดยแบ่ง Clustering ออกเป็น 5 กลุ่ม (แกน X = HP , แกน Y = Attack)

2

กราฟแสดง K-means โดยแบ่ง Clustering ออกเป็น 5 กลุ่ม (แกน X = HP , แกน Y = Speed)

11

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

3

กราฟแสดง K-means โดยแบ่ง Clustering ออกเป็น 5 กลุ่ม (แกน X = Defense , แกน Y = Speed)

4

กราฟแสดง K-means โดยแบ่ง Clustering ออกเป็น 5 กลุ่ม (แกน X = Defense , แกน Y = Attack)

12

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

ขั้นตอนการอัปโหลดขึน ้ shiny.io

1. กด Publish ทีม ่ ุมขวาบน ของหน้าต่าง Run App

2. เลือก Add New Account

13

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

3. เลือก ShinyApps.io

4. เลือก Go to your account on Shiny Apps

14

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

5. เลือก Sign Up เพื่ อลงทะเบียน เพื่ อเข้าสู่ระบบ

6. เมื่อเข้าสู่ระบบแล้ว ให้ไปที่เมนู Tokens ด้านมุมขวา บน เพื่ อนา Tokens ไปป้อน ในโปรแกรม R studio (ข้อ4)

7. กด Show

15

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

8. กด Show Secret

9. นา Tokens ที่ได้ ไปป้อนใน R Studio

10. ตั้งชื่อ Title และกด Publish

16

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

Scan to My shinyApps.io

https://kwanmmongkolk.shinyapps.io/showcase1/

17

K-Means for POKEMON Clustering | Final Project นายพิ ชญุตม์ จาเริญศรี 593080081-1 นายขวัญมงคล คล้ายสาหร่าย 593080720-3

จัดทาโดย

1 นายพิ ชญุตม์ จาเริญศรี รหัสนักศึกษา 593080081-1 ชั้นปีที่3 iStudent รุ่น 42

2 นายขวัญมงคล คล้ายสาหร่าย รหัสนักศึกษา 593080720-3 ชั้นปีที่3 iStudent รุ่น 42

18