web programming path1 23_feb17_dr.arnut
TRANSCRIPT
November 15, 2017
Web Programming and Development
Page 1
ดร.อาณต รตนถรกลสาขาวชาระบบสารสนเทศและคอมพวเตอรธรกจคณะบรหารธรกจและเทคโนโลยสารสนเทศ ศนยหนตรามหาวทยาลยเทคโนโลยราชมงคลสวรรณภม
November 15, 2017
November 15, 2017
Web Programming and Development
Page 2
Web Programming and Development
November 15, 2017
Web Programming and Development
Page 3
สรปโครงสรางการเขยนโปรแกรมบนเวบ
November 15, 2017
Web Programming and Development
Page 4
ววฒนาการของเทคโนโลยสารสนเทศและการสอสารเพอจดการเรยนการสอนในศตวรรษท 21
November 15, 2017
Web Programming and Development
Page 5
สาขาทเปดสอนดานคอมพวเตอรและเทคโนโลยสารสนเทศ ในประเทศไทย
November 15, 2017
Web Programming and Development
Page 6
วงลอสายงานดานเทคโนโลยสารสนเทศ ตามความตองการของตลาดแรงงาน
IT Career Paths
November 15, 2017
Web Programming and Development
Page 7
November 15, 2017
Web Programming and Development
Page 8
PHP
Objective-C
C#C++
CMS
LMSJSP
PYTHON
XML
HTML
Programmer
Developer
Web Programmer
Web Developer
Mobile Developer
JAVA
CSS01010101010101010101010101010
PERLSwift
Framework
VB.NETR
CobolPL/SQL
MATLAB
Ruby
C
November 15, 2017
Web Programming and Development
Page 9
ภาษาเขยนโปรแกรมยอดนยม
Source: http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html
November 15, 2017
Web Programming and Development
Page 10
ยคของการพฒนาเวบไซต
XML
สาขาวชาระบบสารสนเทศฯ มทร.สวรรณภม
November 15, 2017
Web Programming and Development
Page 11
Web Application (Web Apps)
Database
Web Server
`
` ` `
` `
`
User A User B
Company
PHP + MySQL ASP + SQL Server
JSP + MySQL
ASP + SQL Server
PHP + MySQL
November 15, 2017
Web Programming and Development
Page 12
Web Services
`
` ` `
` `
`
User A
User B
Company
nuSOAP
Axis
`
User C
`
User D
MS.NET
XML
PHP-SOAP
WebSphere
nuSOAPMS.NET
AxisGule
`
User E
SOAP::Lite
PHP
JAVA
JAVA
PER
L
ASP.NE
T
UDDI
November 15, 2017
Web Programming and Development
Page 13
ตวอยางการใชงาน Web Services
การบนไทย
โรงแรม
สถานททองเทยว
บรษททวร
WSDL
WSDL
WSDL
WSDL
SOAP
SOAP
SOAP
UDDI
Web Services
โรงพยาบาล
สนามกอรฟ
รานคา OTOP
Mobile
SOAP
SOAP
SOAP
UDDIWeb Services
สาขาวชาระบบสารสนเทศฯ มทร.สวรรณภม
November 15, 2017
Web Programming and Development
Page 14
Static & Dynamic Web
November 15, 2017
Web Programming and Development
Page 15
Cloud Computing
November 15, 2017
Web Programming and Development
Page 16
ลกษณะภาษาสครปต ทใชการพฒนาโปรแกรมบนเวบ
Client-Side Script เปนลกษณะของภาษาทท างานอยบนเครองผใช เชน HTML,
JavaScript, VBScript, JScript
Server-Side Script เปนลกษณะของภาษาทท างานบนเครองเซรฟเวอร เชน CGI, ASP,
ASP.NET, PHP, JSP, PYTHON, RUBY
แบงตามภาษาสรปต
November 15, 2017
Web Programming and Development
Page 17
ลกษณะภาษาสครปต ทใชการพฒนาโปรแกรมบนเวบ
Front-End Developer เปนกลมภาษาทใชในการแสดงผลหนาเวบไซต ไปถงผใชงาน ตวอยางภาษากลมน เชน HTML, CSS, JavaScript รวมไปถงซอฟตแวรเฟรมเวรค อาท Bootstrap, React, Angular เปนตน
Backend-End Developer เปนกลมภาษาทใชพฒนาหลงบาน ท าหนาทเชอมตอและจดการกบฐานขอมล ไฟลขอมล บรการตางๆ ทตองการน าไปแสดงผลนสวน Front-End เชน ระบบจดการขอมลสมาชก ระบบจดการหลงราน ระบบจดการเนอหา เปนตน ภาษาทจดอยในกลมน อาท PHP, ASP.NET, PYTHON, RUBY, NodeJS รวมไปถงซอฟตแวรเฟรมเวรค อาท Laravel, CodeIgniter, Yii 2, Placon, CakePHP, Zend framework, Symfony2, Aura, Slim, Nette, PHPixie เปนตน
แบงตามแนวทางการพฒนา
November 15, 2017
Web Programming and Development
Page 18
เครองมอในการพฒนาเวบไซต
เครองมอประเภท Text Editor
Notepad, Notepad ++, WordPad, EditPlus, NetObject ScriptBuilder, CuteHTML, HotDog, HomeSite, Dev-PHP, Atom, CodeRunner
เครองมอประเภท IDE ( Integrated Development Environment) Eclipse, NetBeans, Code::Blocks, CodeLite, Bluefish, PHPStorm, Sublime Text 3,
MonoDevelop, Microsoft Visual Studio
November 15, 2017
Web Programming and Development
Page 19
ภาษาโปรแกรมบนเวบ
PERL
PHP
JSP, Servlet
PYTHON
RUBY
ASP.NET (vb.net, c#.net)
HTML 5
CSS 3
JavaScript
November 15, 2017
Web Programming and Development
Page 20
โปรแกรมฐานขอมลบนเวบ
MySQL
MariaDB
PostgreSQL
Interbase
Firebird
SQLite
Microsoft Access
Microsoft SQL Server
Oracle
Sybase
DB2
SAP
November 15, 2017
Web Programming and Development
Page 21
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
November 15, 2017
Web Programming and Development
Page 22
PHP Frameworks
Akelos
Aura
CakePHP
CodeIgniter
Flight
Kohana
Laravel
Medoo
PHPixie
Pop PHP
Prado
Phalcon
PHPDevShell
QPHP
Symfony
Yii
Zend
ZooP
November 15, 2017
Web Programming and Development
Page 23
Content management framework
• Ayoola Framework
• Joomla! Framework• Ayoola
Framework
• Umbraco
• Microsoft
SharePoint
Server
• Sageframe
• DotNetNuke
• Plone
• Django
• Mezzanine
November 15, 2017
Web Programming and Development
Page 24
โปรแกรมบรการเวบไซต (Web Server)
Apache (php, perl, python)
IIS (asp.net)
Tomcat (java)
PWS (asp)
OmniHTTPd
Xitami
NGNIX
WMServer
AppServ
WAMP
WinLAMP
XAMPP
easyPHP
MAMP
Apache2Triad
EasyWAMP
Powerserv
UniServ
Stand Alone Web Server Package Web Server
November 15, 2017
Web Programming and Development
Page 25
Web Application Tools1. Network Operating System
Windows Server, Linux, FreeBSD
2. Development Tools PHP
ASP, ASP.NET
JSP, Servlet
PYTHON, RUBY
NodeJS
3. Database Toos
MySQL,MariaDB, PostgreSQL
MS Access, MS SQL Server
Oracle
IBM DB2
4. Web Server Software Apache
IIS
Tomcat
NGINX
November 15, 2017
Web Programming and Development
Page 26
Web Application Tools (2)
• PHP
• ASP
• ASP.NET
• Servlet / JSP
• Python
SQLite
MySQL
PostgreSQL
MS AccessMS SQL Server
OracleDB2
EditPlus, Notepad++, PHP-Dev, Atom, CodeLite
ASPEdit
Visual InterDev
Web Matrix
MS Visual Studio
Edit PlusNetBeans
Python shellEdit Plus
EditorEditor
November 15, 2017
Web Programming and Development
Page 27
Application LABs TEST
November 15, 2017
Web Programming and Development
Page 28
สวนประกอบหนาเวบแอพลเคชน
November 15, 2017
Web Programming and Development
Page 29
การทดสอบ Web Server
http://127.0.0.1
or http://localhost
http://PC1http://172.16.137.252
http://www.abc.com
Stand Alone
Computer NameIP Address
Domain Name
November 15, 2017
Web Programming and Development
Page 30
Programmer - Web Programmer
November 15, 2017
Web Programming and Development
Page 31
ดร.อาณต รตนถรกลสาขาวชาระบบสารสนเทศและคอมพวเตอรธรกจคณะบรหารธรกจและเทคโนโลยสารสนเทศ ศนยหนตรามหาวทยาลยเทคโนโลยราชมงคลสวรรณภม
November 15, 2017