ข้ามไปที่เนื้อหาหลัก

โปรแกรมเขียนเว็บ KompoZer

โปรแกรม KompoZer เป็น โปรแกรมสร้างเว็บ (โปรแกรมเขียนเว็บ) สำหรับคนอยาก ทำเว็บ เองสนับสนุน HTML CSS เหมือน Dreamwaver แต่เร็วกว่าเยอะ ขนาดเล็ก แจกฟรี อีกด้วย

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


ดาวน์โหลดโปรแกรม KompoZer


http://kompozer.net/download.php



 การติดตั้งเหมือนโปรแกรมทั่วๆไป


หน้าตาของ KompoZer





ทดลอง สร้างเพจใหม่โดยไปที่ New -> Page in New Tap




จะมีเพจใหม่เพิ่มเข้ามา



ด้านล่างของเพจซ้ายมือคลิกที่ Source
 

จะแสดง ซอสโค้ด




ก๊อปซอสโค้ด ด้านล่าง (ส่วนที่เป็นสีน้ำเงิน)

*** แก้ไข ไอพี 192.168.1.39 ให้ตรงกับที่เราได้รับมาจาก Router ***



<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>ESP8266</title>
</head>
<body>
<br>
<input onclick="location.href='http://192.168.1.39/LED=ON'" value="ON"
type="button">
<br>
<br>
<input onclick="location.href='http://192.168.1.39/LED=OFF'" value="OFF"
type="button">
</body>



ไปวางแทนโค้ดเดิม






เลือกที่เก็บไฟล์ และ ตั้งชื่อเพจ index.html แล้วคลิกที่ Save




คลิกที่ Browse เพื่อดูเพจที่เราสร้างขึ้น




บราวเซอร์ จะแสดงเพจที่เราสร้างขึ้น




ถึงขั้นตอนนี้เว็บเพจของเราก็จะพร้อมใช้งานแล้ว

โพสต์ยอดนิยมจากบล็อกนี้

การใช้งาน IR Infrared Obstacle Avoidance Sensor Module

โมดูลเซ็นเซอร์แสงสำหรับตรวจจับวัตถุกีดขวาง   IR Infrared Obstacle Avoidance Sensor Module โมดูลเซ็นเซอร์แสงสำหรับตรวจจับวัตถุกีดขวาง    IR Infrared Obstacle Avoidance Sensor Module โดยโมดูลนี้ จะมีตัวรับและตัวส่ง infrared ในตัว ตัวสัญญาณ(สีขาว) infrared จะส่งสัญญาณออกมา และเมื่อมีวัตถุมาบัง คลื่นสัญญาณ infrared  ที่ถูกสั่งออกมาจะสะท้องกลับไปเข้าตัวรับสัญญาณ (สีดำ) สามารถนำมาใช้ตรวจจับวัตถุที่อยู่ตรงหน้าได้ และสามารถปรับความไว ระยะการตรวจจับ ใกล้หรือไกลได้ ภายตัวเซ็นเซอร์แบบนี้จะมีตัวส่ง Emitter และ ตัวรับ Receiver ติดตั้งภายในตัวเดียวกัน ทำให้ไม่จำเป็นต้องเดินสายไฟทั้งสองฝั่ง เหมือนแบบ Opposed Mode ทำให้การติดตั้งใช้งานได้ง่ายกว่า แต่อย่างไรก็ตามจำเป็นต้องติดตั้งตัวแผ่นสะท้อนหรือ Reflector ไว้ตรงข้ามกับตัวเซ็นเซอร์เอง โดยโฟโต้เซ็นเซอร์แบบที่ใช้แผ่นสะท้อนแบบนี้จะเหมาะสำหรับชิ้นงานที่มีลักษณะทึบแสงไม่เป็นมันวาว เนื่องจากอาจทำให้ตัวเซ็นเซอร์เข้าใจผิดว่าเป็นตัวแผ่นสะท้อน และ ทำให้ทำงานผิดพลาดได้ เซ็นเซอร์แบบนี้จะมีช่วงในการทำงาน หรือ ระยะในการตรวจจับจะได้ใกล้กว่าแบบ O

การติดตั้ง Library ของ DHT Sensor DHT11 , DHT21 , DHT22

การติดตั้ง Library ของ DHT Sensor ไลบรารี DHT ใช้สำหรับในการให้เซ็นเซอร์ DHT  อ่านอุณหภูมิและความชื้นด้วย  Arduino หรือ ESP8266 ได้ คลิกที่นี่เพื่อดาวน์โหลดไลบรารี ของเซ็นเซอร์ DHT https://github.com/adafruit/DHT-sensor-library เปิดโปรแกรม Arduino IDE  ไปที่ Skecth -> Include Library -> Add .ZIP Library... ไปที่ ไลบรารี DHT-sensor-library ที่เรา ดาวน์โหลด มา ตรวจสอบที่ Skecth -> Include Library  จะพบ ไลบรารี DHT sensor library เพิ่มเข้ามาใน Arduino IDE ของเรา ไปที่ Skecth -> Include Library -> Manage Libraries... ไปที่ช่องค้นหา พิมพ์ DHT -> Enter (เพื่อค้นหา DHT sensor library ) เมื่อพบ DHT sensor library แล้ว ให้คลิก More info คลิกที่ Select Vers.. ในตัวอย่าง เลือก Version 1.2.3 คลิก Install คลิก Close เพิ่ม #include <DHT.h> ไปที่ส่วนบนสุดของโค้ด #include <DHT.h> void setup() {   // put your setup code here, to run once: } void loop() {   // put your main

ESP32 #2: การติดตั้ง Arduino core for ESP32 WiFi chip

ในบทความนี้จะเป็นการแนะนำการติดตั้งโปรแกรม Arduino IDE ตั้งแต่ต้น ไปจนถึงการติดตั้งชุดพัฒนา Arduino core for ESP32 WiFi chip และ การตรวจสอบว่าติดตั้งสำเร็จหรือไม่ “Arduino” แต่เดิมเป็นแพลตฟอร์มที่ใช้ในการพัฒนาเฟิร์มแวร์ให้กับบอร์ด Arudino เท่านั้น แต่ภายหลังกลุ่มผู้พัฒนาโปรแกรม Arduino IDE ได้เริ่มรองรับการติดตั้งชุดพัฒนาเฟิร์มแวร์ให้กับบอร์ดอื่น ๆ ด้วย ทำให้บอร์ดอื่น ๆ ที่รองรับการเขียนโปรแกรมด้วยภาษา C/C++ สามารถเข้ามาใช้โปรแกรม Arduino IDE ในการพัฒนาได้ นอกจากข้อดีของโปรแกรม Arduino IDE แล้ว ชุดไลบารี่ต่าง ๆ ที่ทำมารองรับกับแพลตฟอร์ม Arduino ก็จะสามารถนำมาใช้งานกับบอร์ดอื่น ๆ ได้ด้วย การจะใช้ Arduino core for ESP32 กับ Arduino IDE ได้นั้น มีขั้นตอนดังนี้ คือ 1. ติดตั้งโปรแกรม Arduino (IDE) ลิงค์ดาวโหลด Arduino (IDE)  https://www.arduino.cc/en/Main/Software 2. ติดตั้ง แพลตฟอร์ม ESP32 ในการเริ่มต้นเราจะต้องอัปเดตผู้จัดการบอร์ดด้วย URL ที่กำหนดเอง เปิด Arduino IDE และไปที่ File > Preferences คัดลอก URL ด้านล่างลงใน Additional Board Manager URLs: แล้ว คลิก