การพัฒนาแอพพลิเคชั่น บน Android ด้วยโปรแกรม Android Studio

การพัฒนาแอพพลิเคชั่นบน Android ก่อนอื่นต้องติดตั้งอุปกรณ์สำหรับพัฒนาแอพพลิเคชั่น ดังนี้

1. ติดตั้ง JDK (Java Development Kit)

2. ติดตั้งโปรแกรม Android Studio


ทั้งนี้การติดตั้งเครื่องมือต่างๆนั้น ต้องมีการเชื่อมต่อกับอินเตอร์เน็ต(Internet) ตลอดเวลาจึงจะสามารถ     ติดตั้งอุปกรณ์สำหรับพัฒนาแอพพลิเคชั่นบนแอนดรอยด์ได้



1.การติดตั้ง 
JDK (Java Development Kit)


Android 
ถูกพัฒนาด้วยภาษา Java จึงจำเป็นต้องติดตั้ง JDK (Java Development Kit) 


โดยการดาวน์โหลด JDK  สามารถดาวน์โหลด ได้ที่


http://www.oracle.com/technetwork/java/javase/downloads/index.html






http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html



คลิกเลือก Accept License Agreement





เลือกดาวน์โหลด ตามความเหมาะสม ของคอมพิวเตอร์เรา
 





ติดตั้ง File JDK ที่ ดาวน์โหลดมา






คลิก Run



คลิก Next



คลิก Next










คลิก Close






ถึงขั้นตอนนี้ แสดงว่าเราได้ทำการติดตั้ง JDK (Java Development Kit) เสร็จเรียบร้อยแล้ว




2. การติดตั้งโปรแกรม 
Android Studio


โดยการดาวน์โหลด 
โปรแกรม Android Studio สามารถดาวน์โหลด ได้ที่ 

https://developer.android.com/studio/install.html


ติดตั้งตามขั้นตอนปรกติ


โปรแกรมเขียนเว็บ 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 เพื่อดูเพจที่เราสร้างขึ้น




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




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