บทที่ 4 การออกแบบทางกายภาพ...48 รูปที่...

33

บทท 4

การออกแบบทางกายภาพ

4.1 โครงสรางแอพพลเคชนสอจ าลองสามมตแผนทและอาคารเรยน มหาวทยาลยสยาม

โครงสรางแอพพลเคชนประกอบไปดวย

4.1.1 หนากลอง เมอเปดแอพพลเคชนจะพบหนากลองทสอง Marker ได 2 แบบ ดงน

4.1.1.1 สอง Marker ขนโมเดล

4.1.1.2 สอง Marker ขนรปผานเพจใน Facebook

4.1.2 ภายใน Marker โมเดล จะมปม Detail เพอแสดงขอมล

4.1.3 ภายใน Marker รป ถามการสองจะขนปม ถากดแลวจะพาเขาไปในเพจเฟสบคโชวอลบม

รปแตละอาคาร

รปท 4.1 แสดงโครงสรางแอพพลเคชนสอจ าลองสามมตแผนทและอาคารเรยนมหาวทยาลย

สยาม

34

4.2 การออกแบบ Marker

เปนภาพสญลกษณไวใชแสดงผลใหโมเดลขนมา โดยใชโปรแกรม Adobe Illustration CS6

รปท 4.2 Marker อาคาร 1

รปท 4.3 Marker อาคาร 2

รปท 4.4 Marker อาคาร 3

35

รปท 4.5 Marker อาคาร 4

รปท 4.6 Marker อาคาร 5 และ 7

รปท 4.7 Marker อาคาร 6

36

รปท 4.8 Marker อาคาร 8 และ 10

รปท 4.9 Marker อาคาร 9

รปท 4.10 Marker อาคาร 11

37

รปท 4.11 Marker อาคาร 12

รปท 4.12 Marker อาคาร 13

รปท 4.13 Marker อาคาร 14

38

รปท 4.14 Marker อาคาร 15

รปท 4.15 Marker อาคาร 16

รปท 4.16 Marker อาคาร 17

39

รปท 4.17 Marker อาคาร 18

รปท 4.18 Marker อาคาร 19

รปท 4.19 Marker อาคาร 20

40

รปท 4.20 Marker อาคาร 21

รปท 4.21 Marker อาคาร 22

4.3 การออกแบบ Model

เปนโมเดลอาคารทโชวขนมาหลงจากถกสองจาก Marker โดยใชโปรแกรม Maya 2014

รปท 4.22 โมเดลอาคาร 1

41

รปท 4.23 โมเดลอาคาร 2

รปท 4.24 โมเดลอาคาร 3

รปท 4.25 โมเดลอาคาร 4

รปท 4.26 โมเดลอาคาร 5 และ 7

42

รปท 4.27 โมเดลอาคาร 6

รปท 4.28 โมเดลอาคาร 8 และ 10

รปท 4.29 โมเดลอาคาร 9

รปท 4.30 โมเดลอาคาร 11

43

รปท 4.31 โมเดลอาคาร 12

รปท 4.32 โมเดลอาคาร 13

รปท 4.33 โมเดลอาคาร 14

รปท 4.34 โมเดลอาคาร 15

44

รปท 4.35 โมเดลอาคาร 16

รปท 4.36 โมเดลอาคาร 17

รปท 4.37 โมเดลอาคาร 18

รปท 4.38 โมเดลอาคาร 19

45

รปท 4.39 โมเดลอาคาร 20

รปท 4.40 โมเดลจดท 21 สวนสนตภาพ

’

รปท 4.41 โมเดลจดท 22 ลานหวชาง

รปท 4.42 โมเดลรานทรชอปม.สยาม

46

รปท 4.43 โมเดลหอนาฬกาม.สยาม

รปท 4.44 โมเดลรานอาหารเรอนไทย

4.4 การออกแบบสวนตดตอกบผใชงาน

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

ไมซบซอน

รปท 4.45 โบชวรแผนทม.สยาม

47

รปท 4.46 ไอคอนแอพพลเคชน

รปท 4.47 หนาจอการสอง Marker แบบท 1

เมอน าโบชวรแผนทม.สยามมาแลว เปดแอพพลเคชนมาสองท Marker จะมโมเดลสามมต

ของอาคารนนแสดงขนมา สามารถสมผสทหนาจอเพอหมนโมเดลได ปมขางลางโมเดลคอปม

Detail เพอดขอมลของอาคารนนๆ สวนปมขวาบนสามารถปดเสยงเพลงมารชมหาวทยาลยได

48

รปท 4.48 หนาจอขอมลจากปม Detail

เมอท าการกดปม Detail ขางลางโมเดลมา จะแสดงหนาจอของขอมลอาคารนนๆ โดยมปม

ปดอยขางลางหนาจอ

รปท 4.49 หนาจอการสอง Marker แบบท 2

เมอน า Marker ทสามารถสองรปภาพภายใน Facebook มาแลว เปดแอพพลเคชนพรอม

สองไปท Marker จะมปมขนดานลางของหนาจอ Show Picture

49

รปท 4.50 หนาจอรปภาพจากปม Show Picture

หลงจากทกดปม Show Picture ไปนน แอพพลเคชนจะถกเชอมตอไปยงเฟสบค เพอแสดง

รปภาพทมขอมลประกอบ (Marker แบบท 2 น ตองเชอมตออนเทอรเนต)