Web programming path1 23_feb17_dr.arnut

November 15, 2017

Web Programming and Development

ดร.อาณต รตนถรกลสาขาวชาระบบสารสนเทศและคอมพวเตอรธรกจคณะบรหารธรกจและเทคโนโลยสารสนเทศ ศนยหนตรามหาวทยาลยเทคโนโลยราชมงคลสวรรณภม

November 15, 2017

November 15, 2017



November 15, 2017


สรปโครงสรางการเขยนโปรแกรมบนเวบ

November 15, 2017


ววฒนาการของเทคโนโลยสารสนเทศและการสอสารเพอจดการเรยนการสอนในศตวรรษท 21

November 15, 2017


สาขาทเปดสอนดานคอมพวเตอรและเทคโนโลยสารสนเทศ ในประเทศไทย

November 15, 2017


วงลอสายงานดานเทคโนโลยสารสนเทศ ตามความตองการของตลาดแรงงาน

IT Career Paths

November 15, 2017


November 15, 2017


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


ภาษาเขยนโปรแกรมยอดนยม

Source: http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html

November 15, 2017


ยคของการพฒนาเวบไซต

XML

สาขาวชาระบบสารสนเทศฯ มทร.สวรรณภม

November 15, 2017


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 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 Services

การบนไทย

โรงแรม

สถานททองเทยว

บรษททวร

WSDL

WSDL

WSDL

WSDL

SOAP

SOAP

SOAP

UDDI

Web Services

โรงพยาบาล

สนามกอรฟ

รานคา OTOP

Mobile

SOAP

SOAP

SOAP

UDDIWeb Services

สาขาวชาระบบสารสนเทศฯ มทร.สวรรณภม

November 15, 2017


Static & Dynamic Web

November 15, 2017


Cloud Computing

November 15, 2017


ลกษณะภาษาสครปต ทใชการพฒนาโปรแกรมบนเวบ

Client-Side Script เปนลกษณะของภาษาทท างานอยบนเครองผใช เชน HTML,

JavaScript, VBScript, JScript

Server-Side Script เปนลกษณะของภาษาทท างานบนเครองเซรฟเวอร เชน CGI, ASP,

ASP.NET, PHP, JSP, PYTHON, RUBY

แบงตามภาษาสรปต

November 15, 2017


ลกษณะภาษาสครปต ทใชการพฒนาโปรแกรมบนเวบ

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


เครองมอในการพฒนาเวบไซต

เครองมอประเภท 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


ภาษาโปรแกรมบนเวบ

PERL

PHP

JSP, Servlet

PYTHON

RUBY

ASP.NET (vb.net, c#.net)

HTML 5

CSS 3

JavaScript

November 15, 2017


โปรแกรมฐานขอมลบนเวบ

MySQL

MariaDB

PostgreSQL

Interbase

Firebird

SQLite

Microsoft Access

Microsoft SQL Server

Oracle

Sybase

DB2

SAP

November 15, 2017


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


PHP Frameworks

Akelos

Aura

CakePHP

CodeIgniter

Flight

Kohana

Laravel

Medoo

PHPixie

Pop PHP

Prado

Phalcon

PHPDevShell

QPHP

Symfony

Yii

Zend

ZooP

November 15, 2017


Content management framework

• Ayoola Framework

• Joomla! Framework• Ayoola

Framework

• Umbraco

• Microsoft

SharePoint

Server

• Sageframe

• DotNetNuke

• Plone

• Django

• Mezzanine

November 15, 2017


โปรแกรมบรการเวบไซต (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 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 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


Application LABs TEST

November 15, 2017


สวนประกอบหนาเวบแอพลเคชน

November 15, 2017


การทดสอบ 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


Programmer - Web Programmer

November 15, 2017


ดร.อาณต รตนถรกลสาขาวชาระบบสารสนเทศและคอมพวเตอรธรกจคณะบรหารธรกจและเทคโนโลยสารสนเทศ ศนยหนตรามหาวทยาลยเทคโนโลยราชมงคลสวรรณภม

November 15, 2017

Web programming path1 23_feb17_dr.arnut

Technology

Transcript of Web programming path1 23_feb17_dr.arnut