Responsive Web คืออะไร

Responsive website

คือ การใช้ โค๊ด html ร่วมกับ หน้าเว็บไซต์เพื่อทีแก้ปัญหาการเขียนเว็บไซต์ที่ซ้ำซ้อนและยังต้อง 

ใช้โค๊ดหลายๆ ชุดเพื่อมารองรับการใช้งานบนหน้าจอที่มีขนาดแตกต่างกันไป และ ยังเป็นการช่วยลดต้นทุนจากเว็บไซต์สมัยก่อนที่จะต้องมีการใช้ css หรือ ส่วนประกอบต่างๆที่เกี่ยวข้อง เพื่อมาออกแบบหน้าตาของเว็บไซต์โดยมีการใช้ชุดโค๊ดที่แตกต่างกันไป ในปัจจุบันได้มีการพัฒนาเทคโนโลยีเกี่ยวกับการเขียนเว็บไซต์ใหม่จึงทำให้เกิดเว็บไซต์ที่รองรับกับอุปกรณ์ที่งาน 

โดยใช้ชื่อเรียกว่า "responsive" ที่จะง่ายต่อการเปลี่ยนแปลงโค๊ดของเว็บไซต์ และลดเวลาในการทำงานอีกด้วย 

ดังนั้นจุดประสงค์ของ responsive website ก็ คือ การสร้างเว็บไซต์ที่มุ่งเน้นให้ผู้ใช้สามารถเข้าถึงเว็บไซต์ของเรา



ตัวอย่างการแสดงผลแบบ Responsive web design

หลักการของ Responsive Web Design

การจะทำ Responsive Web Design มักใช้เทคนิคหลายๆ อย่าง ร่วมกัน ไม่ว่าจะเป็น Fluid Grid, Flexible Images และ CSS3 Media Queries

เริ่มแรกคือการทำ Fluid Grid ซึ่งก็คือการออกแบบ Grid ให้เป็นแบบ Relative ซึ่งก็คือการที่ไม่ได้กำหนดขนาดของ Grid แบบตายตัว แต่จะกำหนดให้สัมพันธ์กับสิ่งอื่นๆ เช่น กำหนดความกว้างแบบเป็น % หรือการใช้ font-size หน่วยเป็น em เป็นต้น

ต่อมาคือการทำ Flexible Images หรือการกำหนดขนาดของ Imagesต่างๆ ให้มีความสัมพันธ์กับขนาดของหน้าจอแสดงผล หากรูปต้นฉบับมีขนาดใหญ่มาก เวลาแสดงในมือถือที่มีจอขนาดเล็ก ก็ควรลดขนาดลงมา เพื่อให้แสดงผลได้อย่างสวยงาม เป็นต้น

สุดท้ายคือการใช้ CSS3 Media Queries ซึ่งจะช่วยให้เราสามารถกำหนด style sheets สำหรับ Devices ต่างๆ ได้ โดยส่วนใหญ่ เราจะเขียน style sheets พื้นฐานเอาไว้ ซึ่งกลุ่มนี้ จะไม่ขึ้นอยู่กับ Devices ใดๆ หลังจากนั้นให้เราเขียน style sheets สำหรับ Devices ที่มีขนาดหน้าจอที่เล็กสุด เพิ่มขึ้นไปเรื่อยๆ จนถึงขนาดใหญ่สุด ซึ่งการเขียนแบบนี้ จะช่วยลดความซ้ำซ้อนของโค้ด และยังทำให้การแก้โค้ดในภายหลังทำได้ง่ายอีกด้วย

ข้อเสียของ Responsive Web Design

Responsive Web Design มีข้อเสียอยู่บ้าง เนื่องจากการเขียนโค้ดเดียว ให้รองรับหลายๆ Devices จึงอาจทำให้เกิดปัญหา เช่น โทรศัพท์มือถือที่มีหน้าจอขนาดเล็ก ถึงแม้เราจะซ่อนเนื้อหาบางส่วนที่ไม่จำเป็นเอาไว้ เช่น โฆษณาแต่ในบางเว็บบราวเซอร์ ข้อมูลเหล่านี้ยังจะถูกโหลดเข้ามาอยู่ รวมไปถึงเรื่องของ Image Resizing ที่เราไม่ได้ไปลด File Size ของตัว Image จริงๆ ทำให้โทรศัพท์มือถือจำเป็นต้องโหลดรูปเดียวกับรูปที่ใช้แสดงบน Desktop ทำให้เสียเวลาโดยไม่จำเป็น

สรุปประโยชน์ของการทำเว็บไซต์ Responsive

- Responsive WebDesign ได้รับการรับรองจาก google ช่วยให้ติด index google ได้ทั้ง desktop และ mobile ในหน้าเดียวการทำ Responsiveเพียงแค่ไซต์เดียวก็รองรับทุกอุปกรณ์ และไม่ต้องทำหลายๆหน้า ช่วยให้ไม่หนักเซิฟเวอร์ - ประหยัดค่าใช้จ่ายในการจัดทำ โดยที่เราไม่ต้องทำหน้าต่างแยกกันระหว่าง mobile และ desktopนอกจากนี้ยังประหยัดเวลาลดระยะเวลาในการทำงาน- รองรับผู้ใช้ทุกอุปกรณ์ เพราะสุดท้ายผู้คนจากหลายอุปกรณ์ก็มีความต้องการเดียวกัน- เว็บไซต์ไม่ต้อง redirect หน้าไปหาหน้า mobile ให้เสียเวลา ช่วยให้เซิฟเวอร์ไม่ทำงานหนักและไม่วุ่นวาย- Googlebot-Mobile จะสนใจกับไซต์ที่รองรับอุปกรณ์ประเภท mobile ดังนั้นมั่นใจได้เลยว่า Googlebot-mobile จะเข้ามาเก็บข้อมูลในเว็บไซต์ของคุณอย่างแน่นอน - ช่วยทำให้การค้นหาผ่าน mobile เป็นไปได้ง่ายมากยิ่งขึ้น- ในด้านความสวยงามของการแสงผล ใช้ภาษา HTML5 และ CSS3 ทำให้ลดข้อจำกัดในการแสดงผล

13.ชนิดของข้อมูลและตัวแปรในภาษาซี

ชนิดของข้อมูลและตัวแปรในภาษาซี

---

ชนิดของข้อมูล (data type) ในการเขียนโปรแกรมหนึ่งๆ จะมีข้อมูลต่างๆ เข้ามาเกี่ยวข้องเช่น

การนับจำนวนรอบ (loop) ของการทำงานโดยใช้ข้อมูลชนิดจำนวนเต็ม หรือการแสดงข้อความ

โดยใช้ข้อมูลชนิดตัวอักษร จะเห็นว่าข้อมูลต่างๆ ถูกแบ่งออกเป็นหลายชนิดตามจุดประสงค์ของการใช้งาน

นอกจากนี้ข้อมูลแต่ละชนิด ยังใช้เนื้อที่หน่วยความจำ (memory) ไม่เท่ากันจึงมีการแบ่งชนิดของข้อมูล

ดังแสดงในตารางด้านล่าง

ตัวแปร (variable) เนื่องจากข้อมูลถูกเก็บอยู่ในหน่วยความจำ การอ้างถึงตำแหน่งของข้อมูลนี้

จึงมีความซับซ้อน ไม่สะดวกต่อการเขียนโปรแกรม จึงมีการเรียกหน่วยความจำ ในตำแหน่งที่สนใจผ่านตัวแปร

การประกาศตัวแปร (variable declaration) คือการจองเนื้อที่ในหน่วยความจำสำหรับเก็บค่าบางอย่าง

พร้อมทั้งกำหนดชื่อเรียกแทนหน่วยความจำในตำแหน่งนั้นเพื่อให้ผู้เขียนโปรแกรมมีความสะดวกในการเข้าถึง

ค่าที่เก็บอยู่ในหน่วยความจำดังกล่าว

รูปแบบการประกาศตัวแปร 

type variable-name;

โดย

type คือชนิดของตัวแปร (ตามตารางด้านล่าง)

variable-name คือชื่อของตัวแปร (ควรตั้งชื่อให้มีความหมายสอดคล้องกับการใช้งานและจำง่าย)

ตัวอย่างการประกาศตัวแปรแบบต่างๆ

int num; /*ประกาศตัวแปรชนิิดจำนวนเต็ม ชื่อ num*/

float x;

char grade, sex; /*ประกาศตัวแปรชนิิดอักขระ ชื่อ grade และ sex (ประกาศพร้อมกันในบรรทัดเดียว)*/

float temp = 123.45; /*ประกาศตัวแปรชนิดเลขทศนิยมพร้อมกำหนดค่า 123.45*/

char c = "A", t = "B"; /*ประกาศตัวแปรชนิดอักขระสองตัว พร้อมกำหนดค่าให้แต่ละตัว*/

int oct = 0555; /*ประกาศตัวแปรชนิดจำนวนเต็มชื่อ num พร้อมกำหนดค่าคือ 555 (เป็นเลขฐานแปดเพราะมี 0 นำหน้า)*/

int hex = 0x88; /*ประกาศตัวแปรชนิดจำนวนเต็มชื่อ hex พร้อมกำหนดค่าคือ 88 (เป็นเลขฐาน 16 เพราะมี 0x นำหน้า)*/

ข้อควรระวัง!!

• ชื่อตัวแปรจะต้องขึ้นต้นด้วยตัวอักษรหรือเครื่องหมาย "_" เท่านั้น
• ภายในชื่อตัวแปรให้ใช้ตัวอักษร, ตัวเลข 0-9 หรือเครื่องหมาย "_"
• ห้ามมีช่องว่างในชื่อตัวแปร
• อักษรตัวพิมพ์เล็ก-ใหญ่ มีความแตกต่างกัน (case sensitive) เช่น Name, NAME และ name
  ถือเป็นชื่อที่แตกต่างกัน
• ห้ามซ้ำกับชื่อตัวแปรสงวน (reserved word)

ตัวแปรชนิดข้อความ (string)

ถ้าเราต้องการเก็บข้อความ "C programming language" ไว้ในตัวแปร จะทำได้อย่างไร?

ที่ผ่านมาเราทราบว่าเราสามารถเก็บข้อมูลชนิดตัวอักขระไว้ในตัวแปรชนิด char ได้ แต่ตัวแปรชนิด char นั้น

สามารถเก็บตัวอักขระได้เพียงตัวเดียวเท่านั้น ไม่สามารถเก็บทั้งข้อความได้ แล้วเราจะแก้ปัญหาได้อย่างไร?

หากพิจาณาให้ดี ข้อความดังกล่าวประกอบด้วยตัวอักขระ (ตัวอักษร+สัญลักษณ์) หลายๆ ตัวเรียงต่อกันเป็นสาย

ซึ่งเป็นลักษณะของตัวแปรแบบ array (จะได้กล่าวภายหลัง)

การประกาศตัวแปรแบบ array เพื่อเก็บข้อมูลดังกล่าวสามารถทำได้ดังนี้

type variable-name[size];

โดย

size คือขนาดของข้อความ+1 โดยขนาดที่เพิ่มขึ้นเพราะต้องเก็บอักขระสุดท้ายของข้อความเป็นอักขระ

\0 หรือ NULL เพื่อบอกว่าสิ้นสุดข้อความแล้ว

ตัวอย่างการประกาศตัวแปรแบบ array เพื่อเก็บข้อความ "C programming language" (22 ตัวอักษร) 

ทำได้หลายวิธีดังนี้

char[23] text = "C programming language";

/*กำหนดขนาดเพิ่มขึ้น 1 ตัว สำหรับเก็บค่า \0 หรือ NULL ในตำแหน่งสุดท้าย*/

char[23] text = {'C',' ','p','r','o','g','r','a','m','m','i','n','g',' ','l','a','n','g','u','a','g','e','\0'};

/*กำหนดขนาดเพิ่มขึ้น 1 ตัว สำหรับเก็บค่า \0 หรือ NULL ในตำแหน่งสุดท้าย*/

char[] text = "C programming language";

/*ถ้าไม่กำหนดขนาดของ array แล้ว ตัวแปรภาษาซีจะกำหนดให้โดยมีขนาดเท่ากับขนาดข้อความ+1*/

นอกจากนี้เรายังสามารถแก้ไขตัวอักษรที่เก็บอยู่ใน array ได้โดยการอ้างอิงตำแหน่งเช่น

text[0] = 'A'; /*แก้ตัวอักษรตัวแรก (เริ่มนับจาก 0) จะได้ผลลัพธ์คือ A programming language*/

text[2] = ' '; /*ผลลัพธ์คือ A  rogramming language (ใส่ช่องว่างแทนตัว p)*/

---

ชนิดของตัวแปรในภาษาซี

ชนิดของตัวแปร	ขนาด (bits)	ขอบเขต	ข้อมูลที่เก็บ
char	8	-128 ถึง 127	ข้อมูลชนิดอักขระ ใช้เนื้อที่ 1 byte
unsigned char	8	0 ถึง 255	ข้อมูลชนิดอักขระ ไม่คิดเครื่องหมาย
int	16	-32,768 ถึง 32,767	ข้อมูลชนิดจำนวนเต็ม ใช้เนื้อที่ 2 byte
unsigned int	16	0 ถึง 65,535	ข้อมูลชนิดจำนวนเต็ม ไม่คิดเครื่องหมาย
short	8	-128 ถึง 127	ข้อมูลชนิดจำนวนเต็มแบบสั้น ใช้เนื้อที่ 1 byte
unsigned short	8	0 ถึง 255	ข้อมูลชนิดจำนวนเต็มแบบสั้น ไม่คิดเครื่องหมาย
long	32	-2,147,483,648 ถึง 2,147,483,649	ข้อมูลชนิดจำนวนเต็มแบบยาว ใช้เนื้อที่ 4 byte
unsigned long	32	0 ถึง 4,294,967,296	ข้อมูลชนิดจำนวนเต็มแบบยาว ไม่คิดเครื่องหมาย
float	32	3.4*10e(-38) ถึง 3.4*10e(38)	ข้อมูลชนิดเลขทศนิยม ใช้เนื้อที่ 4 byte
double	64	3.4*10e(-308) ถึง 3.4*10e(308)	ข้อมูลชนิดเลขทศนิยม ใช้เนื้อที่ 8 byte
long double	128	3.4*10e(-4032) ถึง 1.1*10e(4032)	ข้อมูลชนิดเลขทศนิยม ใช้เนื้อที่ 16 byte

12.ฟังก์ชันในภาษาซี

ฟังก์ชันในภาษา C

ในการทำงานบางอย่างจำเป็นต้องใช้คำสั่งมากกว่า 1 คำสั่งเพื่อทำงานนั้นให้สำเร็จ ซึ่งคำสั่งที่เขียนรวมกันไว้ใช้งานจะเรียกว่าฟังก์ชัน (Function)

ฟังก์ชัน (Function) คือ การเขียนคำสั่งรวมกันไว้เป็นกลุ่มของคำสั่งเพื่อทำงานให้สำเร็จ โดยกลุ่มของคำสั่งที่เราเขียนจะอยู่ภายในเครื่องหมาย { } เพื่อบอกขอบเขต และมีการตั้งชื่อให้กับกลุ่มคำสั่งนั้น เพื่อความสะดวกในการเรียกใช้งาน

ข้อดีของการสร้างฟังก์ชันขึ้นมาใช้งาน คือ ถ้าเราต้องการทำงานที่ซ้ำซ้อน หรือทำงานใดซ้ำกันหลายครั้ง เช่น หากต้องการหาพื้นที่ของรูปสี่เหลี่ยมทั้งหมด 10 รูป เราต้องเขียนคำสั่งหาพื้นที่ทั้งหมด 10 ครั้ง ดังนั้นหากเราสร้างฟังก์ชันหาพื้นที่รูปสามเหลี่ยมก็จะสามารถเรียกใช้ฟังก์ชันดังกล่าวเมื่อใดก็ได้

ฟังก์ชันมาตรฐานหรือไลบราลีฟังก์ชัน

lเป็นฟังก์ชันที่มีมาให้พร้อมกับตัวแปลภาษา C เพื่อใช้งานได้ทันที และใช้ในงานด้านต่างๆ โดยเน้นงานพื้นฐาน เช่น ฟังก์ชันคำนวณทางคณิตศาสตร์ ฟังก์ชันสำหรับจัดการข้อความ ฟังก์ชันเวลา เป็นต้น เพื่อให้ผู้เขียนภาษา C มีความสะดวกมากขึ้น

lไลบราลีฟังก์ชันภาษา C จะเก็บอยู่ในไฟล์นามสกุล .h หรือที่เรียกว่า header file ยกตัวอย่างเช่น ฟังก์ชันเกี่ยวกับการคำนวณจะเก็บอยู่ในไฟล์ชื่อ math.h หรือฟังก์ชันเกี่ยวกับการจัดการข้อความอยู่ในไฟล์ชื่อ string.h เป็นต้น

1. ฟังก์ชันมาตรฐานหรือไลบราลีฟังก์ชัน

lในการเรียกใช้งานฟังก์ชันต้องเขียนรูปแบบการใช้คำสั่ง คือ

#include<header file>

และเขียนไว้ในส่วนหัวของโปรแกรม เพื่อให้ตัวแปลภาษา C เข้าใจว่าภายในโปรแกรมของเรามีการเรียกใช้ไลบราลีฟังก์ชัน

ฟังก์ชันสตริง

lสตริง (string) หรืออะเรย์ตัวอักษร  คือ  ข้อมูลที่ประกอบไปด้วยตัวอักษรที่มีการเรียงต่อเนื่องกันไป  โดยมีจุดสิ้นสุดของข้อมูลสตริงที่ตัวอักษร NULL  character เขียนด้วย ‘’

lในภาษาซีรูปแบบข้อมูลประเภทสตริงไม่มีการกำหนดไว้  การประกาศตัวแปรแบบสตริงทำได้ 2 วิธี  คือ ในรูปของอะเรย์  กับในรูปของพอยน์เตอร์

lตัวอย่างการประกาศตัวแปรสตริง

char  p[9]  =  “ I  think !” ;

ฟังก์ชันมาตรฐานที่เกี่ยวกับสตริงที่ภาษาซีเตรียมไว้ให้เรียกใช้  ดังนี้

l gets( )  เป็นฟังก์ชันใช้รับค่าสตริง

l puts( )  เป็นฟังก์ชันที่ใช้แสดงผลสตริง

l strcat( )  เป็นฟังก์ชันที่ใช้ต่อสตริง 2 ตัวเข้าด้วยกัน

l strcmp( )  เป็นฟังก์ชันที่ใช้เปรียบเทียบสตริง 2 ตัว

l strcpy( )  เป็นฟังก์ชันที่ใช้ก๊อปปี้สตริง

l strlen( )  เป็นฟังก์ชันที่ใช้เพื่อหาความยาวของสตริง

11.ผังงานflowchart

ผังงานระบบ(System Flowchat)

เป็นผังงานที่แสดงถึงขั้นตอนการทำงานภายในระบบหนึ่ง ๆ โดยจะแสดงถึงความเกี่ยวข้องของส่วนที่สำคัญต่าง ๆ ในระบบนั้น เช่น เอกสารเบื้องต้น หรือสื่อบันทึกข้อมูลที่ใช้อยู่เป็นอะไร และผ่านไปยังหน่วยงานใด มีกิจกรรมอะไรในหน่วยงานนั้น แล้วจะส่งต่อไปหน่วยงานใด เป็นต้น ดังนั้นผังงานระบบอาจเกี่ยวข้องกับคน วัสดุ และเครื่องจักร ซึ่งแต่ละจุดจะประกอบไปด้วย การนำข้อมูลเข้า วิธีการประมวลผลและการแสดงผลลัพธ์ (Input – Process – Output) ว่ามาจากที่ใดอย่างกว้าง ๆ จึงสามารถเขียนโปรแกรมจากผังงานระบบได้

    ผังงานโปรแกรม(Program Flowchat) หรือเรียกสั้น ๆ ว่า ผังงาน

ผังงานประเภทนี้แสดงถึงขั้นตอนของคำสั่งที่ใช้ในโปรแกรม ผังงานนี้อาจสร้างจากผังงานระบบโดยผู้เขียนผังงานจะดึงเอาแต่ละจุดที่เกี่ยวข้องการทำงานของเครื่องคอมพิวเตอร์ที่ปรากฏในผังงานระบบมาเขียน เพื่อให้ทราบว่าถ้าจะใช้คอมพิวเตอร์ทำงานในจุดนั้นเพื่อให้ได้ผลลัพธ์ที่ตามต้องการ ควรที่จะมีขั้นตอนคำสั่งอย่างไร และจะได้นำมาเขียนโปรแกรมคอมพิวเตอร์ทำงานต่อไป

10.ซอฟแวร์ที่ใช้ในการออกแบบ (3มิติ)

ซอฟแวร์ที่ใช้ในการออกแบบ (3มิติ)

      Google SketchUp (โปรแกรมออกแบบบ้าน 3 มิติ สร้างโมเดล 3 มิติ) : โปรแกรม SketchUp เป็นโปรแกรมที่ถูกพัฒนาขึ้นโดย Google ชื่อเสียงเรียงนามของผู้พัฒนา ก็คงไม่ต้องบรรยายแล้วว่าดีหรือไม่ดี ที่คราวนี้เข็นเจ้า โปรแกรมออกแบบบ้านหรือเอาไว้ สร้างโมเดล 3 มิติ ออกมาภายใต้ชื่อ Google SketchUp ออกมาให้คนอยากออกแบบ อยากเล่น อยากลอง อยากฝึกใช้ได้ทดลองใช้ หรือจะให้เด็กๆ ลองใช้ โปรแกรมออกแบบบ้าน ฝึกจินตนาการ ของเด็ก และเยาวชน โปรแกรมออกแบบบ้าน ชั่วหัวว่าใช้ออกแบบบ้าน แต่จริงๆ ไม่ได้เป็นแค่ โปรแกรมออกแบบบ้าน อย่างเดียวแต่ โปรแกรม Google SketchUp ยังสามารถ ออกแบบงานด้านสถาปัตยกรรม วิศวกรรม หรือ เครื่องจักร เครื่องกล กันได้อย่างง่ายๆ แถมเผลอๆ หาก ออกแบบ กันดีๆ ยังเอาไปใช้งานจิงๆ ได้อีกด้วย รวมถึง โปรแกรม SketchUp นี้ยังสามารถนำไป ออกแบบ วัตถุเล็กๆ น้อยๆ อาทเช่น ทั้ง ออกแบบระเบียงบ้าน ออกแบบหน้าต่าง ออกแบบประตู ออกแบบตู้ ออกแบบโต๊ะ ออกแบบเฟอร์นิเจอร์ งานไม้ งานต่อเติมบ้าน ออกแบบรถ (เหมือนภาพประกอบด้านบน) หรือแม้แต่ ออกแบบยานอวกาศ ในฝัน ยังออกแบบได้

9.ซอฟแวร์ที่ใช้ในการออกแบบ(2มิติ)

ซอฟแวร์ที่ใช้ในการออกแบบ(2มิติ)

LibreCAD (โปรแกรมออกแบบ โปรแกรมวาดแบบ 2 มิติ) : โปรแกรมออกแบบ LibreCAD เป็น โปรแกรมออกแบบ 2 มิติ หรือที่เรียกว่า CAD 2D (Computer-Aided Design Program) ที่อยู่ในโปรเจคโอเพ่นซอร์ส (Open-Source) หากได้ยินชื่อนี้เมื่อไหร่ พึงระลึกเอาไว้เลยว่า แจกฟรี แน่นอน เพราะเป็นการพัฒนาที่เกิดขึ้นจากนักพัฒนาโปรแกรมฝีมือดีจากทั่วโลก ที่มีความเชี่ยวชาญด้าน โปรแกรมออกแบบ ตรงนี้ได้เป็นพื้นที่ ที่จะมาร่วมออกแบบแลัพัฒนาร่วมกัน โดย โปรแกรมออกแบบ ตัวนี้สามารถออกแบบวัตถุต่างๆ ได้ 2 มิติ (2D) เท่านั้น ซึ่งสามารถใช้ออกแบบวัตถุ สื่งของ หรืออะไรก็ได้ที่ง่ายๆ อาทิเช่น กลไกของเครื่องจักรกล วิศวกรออกแบบสิ่งก่อสร้างต่างๆ เช่น เป็น โปรแกรมออกแบบบ้าน ได้ดี หรือจะไปใช้ ออกแบบครัวเรือน ออกแบบตึก ออกแบบอาคาร ออกแบบห้อง เพื่อใช้สอยในกิจการ หรือ สถานการณ์ ต่างๆ รวมไปถึงการ ออกแบบถุงพลาสติก ออกแบบเสื้อผ้า ด้านหน้าด้านหลัง ได้เป็นอย่างดี

8.เทคโนโลยีสะอาด

เทคโนโลยีสะอาดคืออะไร

เทคโนโลยีสะอาด (Clean Technology : CT) หมายถึง การพัฒนา ปรับปรุงหรือเปลี่ยนแปลงกระบวนการผลิตหรือผลิตภัณฑ์อย่างต่อเนื่อง เพื่อให้การใช้วัตถุดิบ พลังงาน และทรัพยากรธรรมชาติเป็นไปอย่างมีประสิทธิภาพ ก่อให้เกิดผลกระทบ ความเสี่ยงต่อมนุษย์และสิ่งแวดล้อมน้อยที่สุดเท่าที่จะเป็นไปได้ โดยการลดมลพิษที่แหล่งกำเนิด และมีของเสียเกิดขึ้นน้อยที่สุดหรือไม่มีเลย ด้วยการเปลี่ยนวัตถุดิบ การใช้ซ้ำและการนำกลับมาใช้ใหม่ ซึ่งเป็นการอนุรักษ์สิ่งแวดล้อมและลดต้นทุนการผลิตควบคู่กันไป

หลักการของเทคโนโลยีสะอาด

เทคโนโลยีการผลิตที่สะอาดเป็นหลักการป้องกันมลพิษ (Pollution Prevention) ที่ใช้หลักการลดของเสียเหลือน้อยที่สุด (Waste Minimization) โดยวิธีการแยกสารมลพิษที่เกิดจากกระบวนการผลิตทุกขั้นตอน ซึ่งประกอบด้วยการเปลี่ยนแปลงกระบวนการผลิตหรือการเปลี่ยนวัตถุดิบที่ทำให้เกิดผลพลอยได้ที่ไม่เป็นอันตราย รวมทั้งการลดปริมาณและความเข้มข้นขององค์ประกอบในของเสียด้วยการนำไปใช้ซ้ำ (Reuse) หรือการนำกลับไปใช้ใหม่ (Recycle) จนไม่สามารถนำของเสียไปใช้ประโยชน์ได้แล้ว ก็จะนำไปบำบัดให้ถูกต้องตามหลักวิชาการต่อไป โดยมีการดำเนินการอย่างเป็นระบบและต่อเนื่อง นอกจากนี้ในการดำเนินการเพื่อให้บรรลุเป้าหมายได้นั้นยังต้องประกอบด้วยทัศนคติที่ดีและการร่วมมือกันอย่างเต็มที่จากบุคคลากรทุกฝ่ายอีกด้วย หลักการเทคโนโลยีการผลิตที่สะอาดในการป้องกันมลพิษ