โครงการพัฒนาศักยภาพอาจารย์ด้านวิชาการและวิชาชีพ สาขาวิชาระบบสารสนเทศและคอมพิวเตอร์ธุรกิจ คณะบริหารธุรกิจและเทคโนโลยีสารสนเทศ มทร.สุวรรณภูมิ

1. Page 1
Powerpoint Templates
ดร.อาณัติ รัตนถิรกุล
คณะบริหารธุรกิจและเทคโนโลยีสารสนเทศ
มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ
May 24, 2016
โครงการพัฒนาศักยภาพอาจารย์ด้านวิชาการและวิชาชีพ
สาขาวิชาระบบสารสนเทศและคอมพิวเตอร ์ธุรกิจ

2. Page 2
โครงการพัฒนาศักยภาพอาจารย์
ด้านวิชาการและวิชาชีพ

3. Page 3
วิวัฒนาการของเทคโนโลยีสารสนเทศและการสื่อสาร
เพื่อจัดการเรียนการสอนในศตวรรษที่ 21
Mainframe
Client-
Server
Web
SOA
Cloud
IoT
1970s
1980s
1990s
2000s
2010s
2015+
2004: Facebook
2010: Photobucket, Instagram
2006: Twitter
2005: YouTube
2011: LINE
1998: Google
1994: Yahoo, Amazon
1999: Alibaba

4. Page 4
วิวัฒนาการของเทคโนโลยีสารสนเทศและการสื่อสาร
เพื่อจัดการเรียนการสอนในศตวรรษที่ 21
Computer-based
Web-based
Social-based
Cloud-based
CAI
CBT
WBI
WBT
WBL
SBI
SBT
SBL
SaaS
EaaS
Collaborative Learning
MOOC
Cloud Learning
m-Learning
CD, DVD
Social Learning
e-Learning
Blogs
Website

5. Page 5
สาขาที่เปิ ดสอนด้านคอมพิวเตอร ์
และเทคโนโลยีสารสนเทศ ในประเทศไทย
 คอมพิวเตอร ์ธุรกิจ (BC)
 ระบบสารสนเทศ (IS)
 เทคโนโลยีสารสนเทศธุรกิจ (BIT)
 คอมพิวเตอร ์ธุรกิจและเทคโนโลยีสารสนเทศ
 เทคโนโลยีสารสนเทศและการจัดการ (MIS)
 การจัดการสารสนเทศ
 บริหารเทคโนโลยีสารสนเทศ
 ระบบสารสนเทศเพื่อการจัดการ
 การจัดการเทคโนโลยีสารสนเทศ
 การจัดการสารสนเทศดิจิทัล
 วิทยาการคอมพิวเตอร ์(CS)
 วิทยาศาสตร ์คอมพิวเตอร ์
 วิทยาการสารสนเทศ
 วิศวกรรมคอมพิวเตอร ์(CE)
 วิศวกรรมซอฟต์แวร ์(SE)
 วิศวกรรมสารสนเทศและการสื่อสาร
 วิศวกรรมเครือข่ายเเละอินเทอร ์เน็ต
 วิศวกรรมมัลติมีเดียและระบบอินเทอร ์เน็ต
 วิศวกรรมระบบและข้อมูล
 วิศวกรรมข้อมูลขนาดใหญ่ (Big Data)
 เทคโนโลยีเครือข่ายและระบบ
 คอมพิวเตอร ์ศึกษา
 เทคโนโลยีมัลติมีเดีย
 เทคโนโลยีมัลติมีเดียเเละเเอนิเมชั่น
 การพัฒนาสื่อประสมและเกมส์
 เทคโนโลยีคอมพิวเตอร ์(TCT)
 เทคโนโลยีสื่อดิจิทัล (Digital Media)
 เทคโนโลยีเทคนิคศึกษา (Edtech)
 เทคโนโลยีการศึกษา (Edtech)
 เทคโนโลยีสารสนเทศศึกษา (IT for Edu)
 เทคโนโลยีสารสนเทศและการสื่อสารเพื่อ
การศึกษา (ICT for Edu)
 …

6. Page 6
วงล้อสายงานด้านเทคโนโลยีสารสนเทศ
ตามความต้องการของตลาดแรงงาน
IT Career Paths

7. Page 7

8. Page 8

9. Page 9
Education 3.0 > Education 4.0

10. Page 10
มิติทางเทคโนโลยีการสอน 3 ด้าน
เทคนิควิธีการ
(Pedagogical)
การจัดการ
(Management)
สื่อ
(Media)
Active Learning
Problem-based Learning : PBL
Project-based Learning: PjBL
Flipped Classroom
Animation
Collaborative Learning
STEM Education
BrainStorming &
Mind Mapping
DIY (Do it Yourself)
Game and Gamification
Images
Presentation
Augmented Reality
Social Media
Resources Activities
YouTube
e-Book
MIAP
Document
LMS
CIPPA

11. Page 11
สิ่งที่รร.ส่วนใหญ่ไม่ได้สอน

12. Page 12
ถามตนเองว่า ถนัดอะไร ?
Source: https://www.facebook.com/eduzonesdotcom

13. Page 13
การบันทึกการเรียนของนักศึกษาเปลี่ยนไป

14. Page 14
ASP.NET
PHP
Ruby
VimL Objective-C
JAVA
Swift
JavaScript
PERL
Web Programming
Web Developer
PYTHON
CSS
01010101010101010101010101010
C++
Programmer / Developer
R
นักพัฒนาระบบงานคอมพิวเตอร์
RUBY
Go
Haskell
Lua
Erlang
Matlab
C#
C
Scala Shell
Information System and Business Computer

15. Page 15
เว็บตรวจสอบภาษาการเขียนโปรแกรมยอดนิยม
http://www.githut.info

16. Page 16
Google Trends
https://www.google.co.th/trends/

17. Page 17
Top 10 Strategic Technology Trends for 2015
Source - http://www.gartner.com

18. Page 18
วิวัฒนาการการเรียนรู ้และ
การสอนด้านคอมพิวเตอร ์

19. Page 19
อดีต
อาจารย์นักศึกษา Tools
สถานประกอบการ
Tools

20. Page 20
ปัจจุบัน
อาจารย์นักศึกษา
Technology
สถานประกอบการ
Internet
Social
Media
Big Data
Tools
Innovation
คณะ/สถาบัน
Standard
IT Competency
QC
Internet of Things
Project
IT Skills

21. Page 21
ปัจจุบัน
อาจารย์
นักศึกษา
ToolsTools

22. Page 22
BIT KNOWLEDGE
OS, NOS
• Windows Desktop
• Windows Server
• Linux Server
• Virtualization
• Internet Services
Network, Security
• OSI, TCP/IP
• Services
• Cloud Computing
• Virtualzation
• Containers
• Docker
• Computer Crime
Act
Programming, OOP
- C, C++, JAVA, VB
Web Programming
- HTML5, CSS3,
JavaScript
- PHP, - ASP.NET
- PYTHON
- Apache, Tomcat,IIS,
NGINX
- XAMPP,WAMP,
AppServ
Database
- MS Acess
- MS SQL Server
- Oracle
- DB2
- MySQL, MariaDB
NoSQL (Big Data)
-MongoDB, Cassandra
- Hbase
SA, OOSA
- CASE Tools
Graphics
-Photoshop
-illustrator
-InDesign
Multimedia
- Captivate
Software framework GitDockerDEVOPS Standard

23. Page 23
Application Development
Desktop-based (offline)
C
C++
Pascal
Virtual Basic
JAVA
Web-based (online)
CGI (C, PERL, PYTHON)
ASP
ASP.NET (C#, VB.NET)
PHP
JSP, Servlet
Ruby on Rails
JavaScript
- JQuery
HTML5, CSS3
Software Framework
- AngularJS
- Yii
- Laravel
- Codeigniter
Cloud-based (DLMT)
Infrastructure as a Service (IaaS)
- OpenStack
Containes
-Docker
- Proxmox
Platform as a Service (PaaS)
- Amazon Web Services (AWS)
- Windows Azure
Software as a Services (SaaS)
- Google Apps
Software version control (SVC)
- GitWinform
Webform
Cloudform

24. Page 24
Database
Desktop-based (offline)
MS Access
MS SQL Servver
Oracle
DB2
Web-based (online)
MySQL
MariaDB
PostgreSQL
Cloud-based (DLMT)
Database as a Service (IaaS)
MySQL
O
Winform
Webform
Cloudform

25. Page 25
Technology
Web Technology
Digital Technology
Network Technology
Hardware
Technology
Multimedia
Technology
Database
Technology

26. Page 26
ทบทวนความรู ้ด้านไอที
Knowledge Re-Engineering
?

27. Page 27
What is Cloud Computing
การประมวลผลกลุ่มแบบกลุ่มเมฆ (Cloud Computing) หมายถึง
รูปแบบการให้บริการเทคโนโลยีสารสนเทศที่นาเสนอทรัพยากรสารสนเทศ
สาหรับประมวลผลตั้งแต่โครงสร้างพื้นฐานของเทคโนโลยีสารสนเทศไป
จนถึงชุดคาสั่งทางานประยุกต์ เสมือนหนึ่งเป็นบริการที่ผู้ใช้สามารถบริการ
ตนเองได้ เลือกใช้เฉพาะสิ่งที่ตนต่างต้องการ และจ่ายค่าใช้บริการที่เรียกใช้
งานเหมือนกับการจ่ายค่าสาธารณูปโภคไม่ว่าจะเป็นค่าไฟฟ้า ค่าน้า และ
ค่าโทรศัพท์

28. Page 28
Type of Cloud Computing
 Software as a Service (SaaS)
 Platform as a Service (PaaS)
 Infrastructure as a Service (IaaS)
 Public Cloud (External Cloud)
 Private Cloud (Internal Cloud)
 Hybrid Cloud
Cloud Deployment Models Cloud Service Models

29. Page 29
Cloud Deployment Models
Source: http://www.cbkmaas.com

30. Page 30
Example of Infrastructure as a Service
Hypervisor
 VMWare
 Microsoft Hyper-V
 Citrix XenServer
 KVM
 Parallels
 Oracle VirtualBox
 OpenStack
 OpenNebula
 OpenNode
 Apache CloudStack
 Eucalyptus
 Microsoft Azure
 Proxmox VE
Source: http://www.arnut.com/bb/node/301
 Amazon EC2
 Azure Services Platform
 Google Compute Engine
 HP Cloud
 Rackspace Open Cloud
 ReliaCloud
 TurnKey Linux
 Bitnami Stack
 OpenVZ
 Docker

31. Page 31
Infrastructure as a Service
http://www.turnkeylinux.org
TurnKey Linux Bitnami Stack
https://bitnami.com/stacks
OpenStack
http://www.openstack.org
Docker
http://www.docker.com

32. Page 32
Example of Platform as a Service
 AWS Elastic Beanstalk
 Google App Engine
 Microsoft Azure
 OpenShift
 Heroku
 Apache Stratos
 AINS eCase
 AppearIQ
 AppScale
 Cloud Foundry
 Salesforce
 IBM Bluemix
 Engine Yard
 Mendix
 Nodejitsu
 OutSystems
 Platform.sh
 WaveMaker
 CloudControl

33. Page 33
Clip : What's New from AWS Elastic Beanstalk
https://www.youtube.com/watch?v=SrwxAScdyT0

34. Page 34
Platform as a Service
http://aws.amazon.com/elasticbeanstalk/
AWS Elastic Beanstalk Google App Engine
https://cloud.google.com/appengine/
Microsoft Azure
http://azure.microsoft.com
OpenShift
https://www.openshift.com
Heroku
https://www.heroku.com

35. Page 35
Example of Software as a Service
 Google Apps
 Microsoft Office 365
 Adobe Creative Cloud
 Autodesk 360
 HP Cloud Services
 SAP Cloud Solution
 iCloud
 Salesforce
 Meltwater Group
 Etc.

36. Page 36
Software as a Service
https://www.google.com/intx/th/wor
k/apps/business/
Google Apps Microsoft Office 365
http://www.microsoftstore.com/store/
Adobe Creative Cloud
http://www.adobe.com/creativecloud.html
Autodesk 360
http://autodesk360.com
Salesforce
http://saleforce.com

37. Page 37
Demo: Google Apps

38. Page 38
Cloud computing will go mainstream

39. Page 39
Technology for Transformational Learning
 Movement and location
controlled interface
 Cloud Computing
 Mobile Learning
 Social Connect Media
Big Data
Internet of Things

40. Page 40
ได้นาทูลและเทคโนโลยีไปประกอบการ
สอนในสัดส่วนใด
• เทคโนโลยีแบบเก่า
• เทคโนโลยีแบบใหม่

41. Page 41
http://th.nametests.com

42. Page 42
DEVOPS

43. Page 43
LAB-01
Docker

44. Page 44
Docker - Build, Ship, and Run Any App, Anywhere

45. Page 45
What is Docker ?
 Docker พัฒนาจากภาษา Go โดย Solomon Hykes ช่วงเดือน
มีนาคมปี 2013
 เป็นเครื่องมือโอเพ่นซอร์สใช้สาหรับสร้างและจัดการลีนุกซ์คอน
เทนเนอร์หรือ LXC (Linux Containers)
 Docker ถือเป็นเวอร์ชวลไลเซชั่นที่ทางานในระดับ OS-Level
 กินทรัพยากรน้อยมากเมื่อเทียบกับ Virtual Machine หรือ VM ที่
ใช้งานในปัจจุบัน(ต้องจอง cpu, ram, hdd)

46. Page 46
ข้อแตกต่างของ Virtual Machine กับ Docker

47. Page 47
Docker linux interfaces

48. Page 48
Docker

49. Page 49
Docker

50. Page 50
Docker ip

51. Page 51
Docker on windows

52. Page 52
ตัวอย่าง Operating-system-level virtualization
ที่ทางานในลักษณะเดียวกับ Docker
 OpenVZ (Linux)
 Proxmox VE (Linux)
 Linux-VServer (Linux)
 lmctfy (Linux)
 Parallels Virtuozzo Containers (Linux, Windows)
 FreeBSD Jail (FreeBSD)
 Solaris Containers (Solaris, OpenSolaris)
 WPAR - AIX Workload partitions (AIX)
 HP-UX Containers (SRP) (HP-UX)
 sysjail (OpenBSD, NetBSD)
 iCore Virtual Accounts (Windows)
 Sandboxie (Windows)

53. Page 53
การสร ้าง Cloud Virtual LABS
Docker - Build, Ship, and Run Any App, Anywhere
Docker is an open platform for developers and sysadmins
to build, ship, and run distributed.

54. Page 54
Docker installation

55. Page 55
การติดตั้ง Docker บนระบบ Windows
https://docs.docker.com/installation/

56. Page 56
การติดตั้ง Docker บนระบบ Windows

57. Page 57
การติดตั้ง Docker บนระบบ Windows

58. Page 58
การเรียกใช ้งาน Docker

59. Page 59
การเรียกใช ้งาน Docker
• docker version
• docker ps
• docker ps -l

60. Page 60
ทดสอบ Run hello-world
• docker run hello-world

61. Page 61
Docker IP
• boot2docker ip
• docker-machine ip
192.168.59.103

62. Page 62
การค้นหา images
• docker search images_name
เช่น
• docker search centos
• docker search centos6
• docker search centos6:6
• docker search ubuntu
• docker search httpd
• docker search wordpress

63. Page 63
การดึงตัว images
• docker pull centos
• docker pull centos:6
• docker pull centos:6.6
• docker pull centos:7
• docker pull ubuntu

64. Page 64
ตรวจสอบ images ปัจจุบัน
• docker images centos
• docker images

65. Page 65
Run Container
• docker run –i -t ubuntu:latest
• docker run –i -t centos:latest
• docker run -i -t centos /bin/bash
• docker run centos:latest cat /etc/centos-release
ทำกำรสต๊ำท Container พร้อมติดตั้ง Apache HTTP Server
• docker run centos /bin/bash -c "yum -y update;
yum -y install httpd"

66. Page 66
Run Container
ตรวจสอบโปรเซส ระบบแสดง Container ID
docker ps -a | head -2
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
5b245e295b3ecentos:7 "/bin/echo'hello wo 7 minutes ago Exited (0)7 minutes ago high_pike
เพิ่มชื่ออิมเมจที่ต้องกำร เข้ำไปในระบบด้วยคำสั่ง commit เพื่อให้อิมเมจนี้อย่ถำวร
docker commit 5b245e295b3e custom/webserver1
655223d187eb6417ebdfcafac779ea6ed8ce7cd8189764fd2974941c1fc600d8
ตรวจสอบอิมเมจอีกครั้ง
docker images

67. Page 67
Run Container
กำหนดให้รันเว็บเซิร์ฟเวอร์ในคอนเทนเนอร์ ผ่ำนทำงหมำยเลขพอร์ต 8081
docker run -it -p 8081:80 custom/webserver1 /bin/bash
สั่งสต๊ำท Apache ภำยใต้Container
/usr/sbin/httpd &
ทดสอบ
รูปแบบ
http://IP_Address:8081/
ตัวอย่ำง เช่น
http://192.168.99.101:8081

68. Page 68
Run Container
ทดสอบเขียนภำษำ PHP
yum install php –y
vi /var/www/html/phpinfo.php
<?php phpinfo(); ?>
httpd -k stop
/usr/sbin/httpd &
ps aux|grep httpd
http://192.168.99.101:8081/phpinfo.php

69. Page 69
Add images
• docker commit 323ceff31212 custom/centos_httpd
• docker images

70. Page 70
Software Framework

71. Page 71
What is Software Framework ?

72. Page 72
Cloud Application Store
 App Store
 Google Play
 Microsoft Store
 Blackberry App World

73. Page 73
Software framework
 CSS frameworks
 Ajax framework
 Application framework
 Content management framework
 Web application framework
 Multimedia framework

74. Page 74
CSS frameworks
 Maxmertkit
 Cascade Framework
 Cascade Framework Light
 Concise
 Emastic
 floatz
 Ink
 Inuitcss
 Kube
Source: http://en.wikipedia.org/wiki/CSS_frameworks
 Kule CSS Lazy
 Malo
 Responsive Grid System
 Schema UI / Built with
LESS
 Semantic UI
 StackLayout
 uikit
 Unsemantic

75. Page 75
PHP Frameworks
 Akelos
 Aura
 CakePHP
 CodeIgniter
 Flight
 Kohana
 Laravel
 Medoo
 PHPixie
 Pop PHP
 Prado
 Phalcon
 PHPDevShell
 QPHP
 Symfony
 Yii
 Zend
 ZooP

76. Page 76
Best PHP Frameworks for 2014
Source: http://www.sitepoint.com/best-php-frameworks-2014/

77. Page 77
Web Application framework
Source: http://www.sitepoint.com/best-php-frameworks-2014/
 Zend Framework
 WikiBase/WikiWikiWeb
 JBoss Portal
 eXo Platform

78. Page 78
Content management framework
• Ayoola Framework
• Joomla! Framework
• Ayoola
Framework
• Umbraco
• Microsoft
SharePoint
Server
• Sageframe
• DotNetNuke
• Plone
• Django
• Mezzanine

79. Page 79
ตัวอย่าง ทูลสาหรับพัฒนาระบบผ่านคลาวน์
คอมพิวติ้ง
• Xamarin
• PhoneGap
• Appcelerator
• OpenCV
• Android Studio
• App Inventor
• AngularJS
• MEAN.JS
• Ember.js
• Backbone.js
• Corona
• Recipes
• Android C++
Mobile Games

80. Page 80
AngularJS
https://angularjs.org

81. Page 81
MEAN.JS
http://meanjs.org

82. Page 82
Ember.js
http://emberjs.com

83. Page 83
Backbone.js
http://backbonejs.org

84. Page 84
Xamarin

85. Page 85
Xamarin

86. Page 86
PhoneGap
http://phonegap.com

87. Page 87
Appcelerator
http://www.appcelerator.com

88. Page 88
OpenCV
http://opencv.org

89. Page 89
Android Studio
https://developer.android.com/sdk/installing/studio.html

90. Page 90
Corona
http://coronalabs.com

91. Page 91
LAB-02
Software Framework

92. Page 92
LAB-03
Git

93. Page 93
Demo

94. Page 94
แหล่งข้อมูลต้นน้าสาหรับนักพัฒนา
 SourceForge (web-based source code repository)
 http://sourceforge.net
 GitHub (Build software better, together)
 https://github.com

95. Page 95
การปรับตัวเข้าสู่นักพัฒนาระบบงาน
คอมพิวเตอร ์ยุคคลาวน์คอมพิวติ้ง

96. Page 96
แนวทางการนาระบบ Cloud Computing มาทางานวิจัย
1. ศึกษำและวิเครำะห์ระบบ Cloud Computing(IaaS, PaaS, SaaS / Private,Public, Hybrid)
2. สำรวจควำมต้องกำรตลำด (กลุ่มตัวอย่ำง)
3. เขียนโครงร่ำงโครงกำรวิจัย + หำที่ปรึกษำ+ผ้เชี่ยวชำญในระบบงำนที่ทำ
4. เลือกทลและเทคโนโลยี
 เก่ง Network> IaaS/PaaS + Private/Public = IT Systems (Infrastructure/Platform)
 Windows Server, Linux Server, BSD Server, UNIX
 เก่ง Program > SaaS + Public = IT Systems (End User / Platform)
 Web Apps, Mobiles
5. ติดตั้ง LABs เรียนร้ส่วนตัวในรปแบบ Virtual LABs
6. เรียนร้ระบบงำนตัวอย่ำง จำก Google, YouTube
7. ฝึกเขียนโค้ด / สร้ำงระบบด้วยตนเอง / นำ S/W OSS มำพัฒนำต่อยอด
8. เรียนร้เรื่อง Security + Standard + Cyber Laws
9. เข้ำกลุ่มชุมชนอัปเดทควำมร้ ตำมสำยงำนที่เชี่ยวชำญ (TH/EN)

97. Page 97
Powerpoint Templates
โครงการพัฒนาเสริมสร้างความเข้มแข็งทางวิชาการให้กับนักศึกษา
กิจกรรมที่๑ กิจกรรมอบรมความรู้ด้านคอมพิวเตอร์ให้กับนักศึกษา
ดร.อาณัติ รัตนถิรกุล
คณะบริหารธุรกิจและเทคโนโลยีสารสนเทศ ศูนย์หันตรา
มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ
Docker and Software framework
May 24, 2016