March 2018 – itbakery

สร้าง Virtual Devices ใน Andriod Studio

ในการพัฒนา mobile ด้วย react native จะต้องมีการเตรียม virtual devices สำหรับ android มีขั้นตอนดังต่อไปนี้

สร้าง virtual device

เลือก พัฒนา บน Android 6

เพิ่ม path ในระบบ เลือกให้ถูกต้องกับระบบที่ใช้งานอยู่

//mac os เพิ่มเติมใน ~/.bash_profile
export ANDROID_HOME=/Users/mee/Library/Android/sdk
export PATH=$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools/bin:$PATH

//mac os เพิ่มเติมใน ~/.bash_profile

export ANDROID_HOME=/Users/mee/Library/Android/sdk

export PATH=$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools/bin:$PATH

เริ่มต้น พัฒนา mobile project ด้วย react native ให้ติดตั้ง node ในเครื่องให้เรียบร้อย
ใช้ npm เพื่อติดตั้ง

$ npm install -g create-react-native-app
$ mkdir ~/ReactProject
$ cd ~/ReactProject
$ create-react-native-app Firstproject

Success! Created Firstproject at /Users/mee/ReactProject/Firstproject
Inside that directory, you can run several commands:

  yarn start
    Starts the development server so you can open your app in the Expo
    app on your phone.

  yarn run ios
    (Mac only, requires Xcode)
    Starts the development server and loads your app in an iOS simulator.

  yarn run android
    (Requires Android build tools)
    Starts the development server and loads your app on a connected Android
    device or emulator.


  yarn test
    Starts the test runner.

  yarn run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!


We suggest that you begin by typing:

  cd Firstproject
  yarn start

Happy hacking!
//  ทดสอบ 
$ cd Firstproject
$ yarn start

Your app is now running at URL: exp://192.168.1.35:19000

$ npm install -g create-react-native-app

$ mkdir ~/ReactProject

$ cd ~/ReactProject

$ create-react-native-app Firstproject

Success! Created Firstproject at /Users/mee/ReactProject/Firstproject

Inside that directory, you can run several commands:

yarn start

Starts the development server so you can open your app in the Expo

app on your phone.

yarn run ios

(Mac only, requires Xcode)

Starts the development server and loads your app in an iOS simulator.

yarn run android

(Requires Android build tools)

Starts the development server and loads your app on a connected Android

device or emulator.

yarn test

Starts the test runner.

yarn run eject

Removes this tool and copies build dependencies, configuration files

and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd Firstproject

yarn start

Happy hacking!

// ทดสอบ

$ cd Firstproject

$ yarn start

Your app is now running at URL: exp://192.168.1.35:19000

ต่อมาให้ติดตั้ง app ชื่อ expo และ กด Scan QR Code ไปยัง bar code เพื่อทำการเชื่อมต่อระหว่าง app.js และเครื่อง มือถือเรา

 › Press a to open Android device or emulator, or i to open iOS emulator.
 › Press s to send the app URL to your phone number or email address
 › Press q to display QR code.
 › Press r to restart packager, or R to restart packager and clear cache.
 › Press d to toggle development mode. (current mode: development)

› Press a to open Android device or emulator, or i to open iOS emulator.

› Press s to send the app URL to your phone number or email address

› Press q to display QR code.

› Press r to restart packager, or R to restart packager and clear cache.

› Press d to toggle development mode. (current mode: development)

หากเราต้องการ run ใน emulator ให้กด a

ในบทต่อไปก็จะเริ่มต้นในการพัฒนา React Native ด้วยการสร้าง project และทำการ customize app.js

แนะนำ Flutter UI Framework

Flutter คือ Google Mobile ui framework ที่ถูกพัฒนาขึ้นมาใหม่ เพื่อให้สามารถพัฒนา application ให้มีความสวยงามและมีประสิทธิภาพมากขึ้น
รองรับการพัฒนา Native App ทั้ง IOS และ Android การใช้งานสามารถใช้ร่วมกับ IDE เช่น Android Studio, Visual Code , Intellij เป็นต้น

การติตตั้งร่วมกับ Android Studio ด้วยการคิดตั้ง plugin ดังนี้

ติดตั้ง flutter command
การติดตั้งจะติดตั้ง จาก github ดังนี้

// Clone
$ git clone -b beta https://github.com/flutter/flutter.git

//set  ตัวแปร PATH ให้เรียบร้อย สำหรับ linux ตั้งเพิ่มใน ~/.bash_profile ด้วย 
// ส่วน window ก็ต้องเพ่ิมใน system environment

$ export PATH=`pwd`/flutter/bin:$PATH

$ flutter
Checking Dart SDK version...
Downloading Dart SDK from Flutter engine e61bb9ac3a3fd789754e2e54220bcfc27076a857...
Unzipping Dart SDK...
Updating flutter tool...
Manage your Flutter app development.

  ╔════════════════════════════════════════════════════════════════════════════╗
  ║                 Welcome to Flutter! - https://flutter.io                   ║
  ║                                                                            ║
  ║ The Flutter tool anonymously reports feature usage statistics and crash    ║
  ║ reports to Google in order to help Google contribute improvements to       ║
  ║ Flutter over time.                                                         ║
  ║                                                                            ║
  ║ Read about data we send with crash reports:                                ║
  ║ https://github.com/flutter/flutter/wiki/Flutter-CLI-crash-reporting        ║
  ║                                                                            ║
  ║ See Google's privacy policy:                                               ║
  ║ https://www.google.com/intl/en/policies/privacy/                           ║
  ║                                                                            ║
  ║ Use "flutter config --no-analytics" to disable analytics and crash         ║
  ║ reporting.                                                                 ║
  ╚════════════════════════════════════════════════════════════════════════════╝

//ติดตั้ง Dependency 
$ flutter doctor
Downloading Material fonts...                                2.2s
Downloading package sky_engine...                            1.5s
Downloading common tools...                                  5.1s
Downloading windows-x64 tools...                            29.9s
Downloading android-arm-profile/windows-x64 tools...         6.1s
Downloading android-arm-release/windows-x64 tools...         6.6s
Downloading android-arm64-profile/windows-x64 tools...      15.0s
Downloading android-arm64-release/windows-x64 tools...       8.3s
Downloading android-x86 tools...                            30.5s
Downloading android-x64 tools...                            11.8s
Downloading android-arm tools...                            10.2s

// Clone

$ git clone -b beta https://github.com/flutter/flutter.git

//set ตัวแปร PATH ให้เรียบร้อย สำหรับ linux ตั้งเพิ่มใน ~/.bash_profile ด้วย

// ส่วน window ก็ต้องเพ่ิมใน system environment

$ export PATH=`pwd`/flutter/bin:$PATH

$ flutter

Checking Dart SDK version...

Downloading Dart SDK from Flutter engine e61bb9ac3a3fd789754e2e54220bcfc27076a857...

Unzipping Dart SDK...

Updating flutter tool...

Manage your Flutter app development.

╔════════════════════════════════════════════════════════════════════════════╗

║ Welcome to Flutter! - https://flutter.io ║

║ ║

║ The Flutter tool anonymously reports feature usage statistics and crash ║

║ reports to Google in order to help Google contribute improvements to ║

║ Flutter over time. ║

║ ║

║ Read about data we send with crash reports: ║

║ https://github.com/flutter/flutter/wiki/Flutter-CLI-crash-reporting ║

║ ║

║ See Google's privacy policy: ║

║ https://www.google.com/intl/en/policies/privacy/ ║

║ ║

║ Use "flutter config --no-analytics" to disable analytics and crash ║

║ reporting. ║

╚════════════════════════════════════════════════════════════════════════════╝

//ติดตั้ง Dependency

$ flutter doctor

Downloading Material fonts... 2.2s

Downloading package sky_engine... 1.5s

Downloading common tools... 5.1s

Downloading windows-x64 tools... 29.9s

Downloading android-arm-profile/windows-x64 tools... 6.1s

Downloading android-arm-release/windows-x64 tools... 6.6s

Downloading android-arm64-profile/windows-x64 tools... 15.0s

Downloading android-arm64-release/windows-x64 tools... 8.3s

Downloading android-x86 tools... 30.5s

Downloading android-x64 tools... 11.8s

Downloading android-arm tools... 10.2s

อ้างอิงจาก https://flutter.io/get-started/editor/
การใช้งานร่วมกับ Visual Code สามารถทำได้ดังนี้

1) เปิด VS code
2) กด View > Command Palette 
3) เลือก Extensions: Install Extension’ 
4) ใส่ค่า 'dart code' เพื่อค้นหา และทำการติดตั้ง

1) เปิด VS code

2) กด View > Command Palette

3) เลือก Extensions: Install Extension’

4) ใส่ค่า 'dart code' เพื่อค้นหา และทำการติดตั้ง

Validate Setup

1) เปิด VS code
2) กด View > Command Palette 
3) พิมพ์ 'Flutter: Run Flutter Doctor'

1) เปิด VS code

2) กด View > Command Palette

3) พิมพ์ 'Flutter: Run Flutter Doctor'

การ start ios simulator

open -a Simulator

1	open -a Simulator

พัฒนา React Native Android App บน Windows 10

ติดตั้ง Node.js บน window เปิด web https://nodejs.org/en/ เลือก current version

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

verify ด้วย command

node -v
v9.10.1

1 2	node -v v9.10.1

Download java (jdk) http://www.oracle.com/technetwork/java/javase/downloads

verify

java -version
java version "10" 2018-03-20
Java(TM) SE Runtime Environment 18.3 (build 10+46)
Java HotSpot(TM) 64-Bit Server VM 18.3 (build 10+46, mixed mode)

java -version

java version "10" 2018-03-20

Java(TM) SE Runtime Environment 18.3 (build 10+46)

Java HotSpot(TM) 64-Bit Server VM 18.3 (build 10+46, mixed mode)

เพิ่ม JAVA_PATH ใน system variable

ติดตั้ง Android Studio
เปิด web https://developer.android.com/studio/index.html
Download และติดตั้ง

เพิ่ม ANDROID_HOME C:\Users\\AppData\Local\Android\Sdk

เพิ่ม target platform (SDK manager)

เลือก virtual Device สำหรับ เป็น Emulator (จะต้องปิด Hyper-V )ด้วย

พัฒนา API ด้วย Flask Application

Flask คือ python webframe work เรียนรู้ได้ง่าย Flask object ที่ทำการ implement WSGI application และมีประสิทธิภาพ มาเรียนรู้ที่จะเริ่มต้นการพัฒนา ไปดูตัวอย่าง ได้ที่ http://flask.pocoo.org/
ติดตั้ง Flask ด้วย pip

$ mkdir Flaskexample1
$ cd Flaskexample1
$ sudo pip3 install virtualenv
$ python3 -m virtualenv venv3
$ source venv3/bin/activate
$ pip install flask

$ mkdir Flaskexample1

$ cd Flaskexample1

$ sudo pip3 install virtualenv

$ python3 -m virtualenv venv3

$ source venv3/bin/activate

$ pip install flask

Flask application เลือกสร้างได้ สองแบบ
1 สร้าง app.py ด้วยการสร้าง module (ไฟล์ที่มีนามสกุล py) เหมาะกับ application ขนาดเล็ ไม่ได้มีความซับซ้อน

/yourapplication
    yourapplication.py
    /static
        style.css
    /templates
        layout.html
        index.html
        login.html
        ...

/yourapplication

yourapplication.py

/static

style.css

/templates

layout.html

index.html

...

2 สร้าง app.py ด้วยการสร้าง python package (Directory ที่มีไฟล์ __init__.py)

/yourapplication
    /yourapplication
        __init__.py
        /static
            style.css
        /templates
            layout.html
            index.html
            login.html
            ...

/yourapplication

__init__.py

/static

style.css

/templates

layout.html

index.html

...

มาดูตัวอย่างแบบง่ายๆๆ ก่อนครับ ให้สร้าง python module

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World!"

from flask import Flask

app = Flask(__name__)

@app.route("/")

def hello():

return "Hello World!"

วิธีการ Run

$ pip install Flask
$ FLASK_APP=hello.py flask run
 * Running on http://localhost:5000/

$ pip install Flask

$ FLASK_APP=hello.py flask run

* Running on http://localhost:5000/

class flask.Flask(import_name, static_path=None, static_url_path=None, static_folder='static', template_folder='templates', instance_path=None, instance_relative_config=False, root_path=None)
import_name จะแทนค่าด้วย __name__ เมื่อมีการเรียก Flask() constructor จะได้รู้ว่าเป็นของ Application อะไร

แต่หากเราได้ประกาศ application ไว้ใน application/app.py สามารถมีทางเลือกที่จะเรียก Flask contructor ได้ดังนี้

$ pip install Flask
app = Flask('yourapplication')
app = Flask(__name__.split('.')[0])

$ pip install Flask

app = Flask('yourapplication')

app = Flask(__name__.split('.')[0])

parameter ที่สามารถกำหนดให้แก่ constructor

import_name	ชื่อ application package
static_url_path	path ของ static file สามารถกำหนดได้แต่หากไม่มีการกำหนดจะใช้ค่า Default คือ static_folder
static_folder	folder ที่ใช้สำหรับ static file ที่จะใช้สำหรับ static_url_path โดยค่า default คือ static folder ที่ root ของ application
template_folder	folder ที่ทำหน้าที่เก็บ templatesโดยค่า default คือ templates folder ที่ root application
root_path	Flask กำหนดให้เอง อัตโนมัติ เพื่อกำหนด root path ของ Application

คราวนี้ลองมาสร้าง flask app ใน application/__init__.py อ้างอิงโครงสร้างแบบที่ 2 จากด้านบน แต่ การ start application จะมีสร้าง file ใหม่ที่จะใช้สำหรับการ start ชื่อ <code>setup.py</code> ไว้ ดังโครงสร้าง

/myapp
    setup.py
    /myapp
        __init__.py
        views.py
        /static
            style.css
        /templates
            layout.html
            index.html
            login.html
            ...

/myapp

setup.py

/myapp

__init__.py

views.py

/static

style.css

/templates

layout.html

index.html

...

คราวนี้ก็มาสร้าง file ดังนี้
1) file __init__.py สำหรับ flask application

from flask import Flask
app = Flask(__name__)

import myapp.views

from flask import Flask

app = Flask(__name__)

import myapp.views

2) views.py
1) file views.py สำหรับ กำหนด route

from myapp import app

@app.route('/')
def index():
    return 'Hello World!'

from myapp import app

@app.route('/')

def index():

return 'Hello World!'

Circular imports
ในกรณีที่ views.py มีการ import myapp และ ใน __init__.py ก็มีการ import myapp.views แสดงว่า module มีความสัมพันธ์ซึ่งกันและกัน ที่จริงเราไม่ได้ใช้งาน views ที่เรา import เข้ามาใน __init__.py เพียงต้องการที่จะทำให้มั่นใจว่า module จะต้อง import เข้ามา และเราจะวางไว้ ล่างสุดของ file

3 run app

export FLASK_APP=myapp
export FLASK_DEBUG=true

pip install -e .
flask run

export FLASK_APP=myapp

export FLASK_DEBUG=true

pip install -e .

flask run

$ flask run
 * Serving Flask app "myapp"
 * Forcing debug mode on
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 451-832-605

$ flask run

* Serving Flask app "myapp"

* Forcing debug mode on

* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

* Restarting with stat

* Debugger is active!

* Debugger PIN: 451-832-605

Flask configuration
สร้าง file config ชื่อว่า config.py โดย เป็นfile ที่ใช้สำหรับการ ตั้งค่า configuration ค่า ตัวแปรใน Config ใช้เป็นอักษรตัวใหญ่

DEBUG = True # Turns on debugging features in Flask
BCRYPT_LOG_ROUNDS = 12 # Configuration for the Flask-Bcrypt extension
MAIL_FROM_EMAIL = "robert@example.com" # For use in application emails

DEBUG = True # Turns on debugging features in Flask

BCRYPT_LOG_ROUNDS = 12 # Configuration for the Flask-Bcrypt extension

MAIL_FROM_EMAIL = "robert@example.com" # For use in application emails

โหลด config ใน application

from flask import Flask

app = Flask(__name__)
app.config.from_object('config')

from flask import Flask

app = Flask(__name__)

app.config.from_object('config')

Run App

$ flask run
 * Serving Flask app "myapp"
 * Forcing debug mode on
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 451-832-605

$ flask run

* Serving Flask app "myapp"

* Forcing debug mode on

* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

* Restarting with stat

* Debugger is active!

* Debugger PIN: 451-832-605

Dev Environment Fedora 28

กำหนดการของการ release fedora 28
2018-04-03 Beta Release (Target #1)
2018-04-17 Final Freeze (*)
2018-05-01 Fedora 28 Final Release (GA) (Preferred Target)
2018-05-08 Fedora 28 Final Release (GA) (Target #1)

ติดตั้ง Dev Environment สำหรับ Fedora 28 วางแผนการใช้งาน Vagrant บน Linux libvirt ไม่ใช่ผ่านทาง Virtualbox มีขั้นตอนดังนี้
1) ติดตั้ง package ที่จำเป็น และ ต้องมีการ enable vt-x ใน Bios ก่อน

$ egrep '^flags.*(vmx|svm)' /proc/cpuinfo

$ sudo su -
$ sudo dnf groupinfo virtualization
$ sudo dnf -y install qemu-kvm libvirt virt-install bridge-utils
$ sudo  lsmod | grep kvm 
kvm_intel             176128  0
kvm                   708608  1 kvm_intel
irqbypass              16384  1 kvm

# systemctl start libvirtd
# systemctl enable libvirtd

$ egrep '^flags.*(vmx|svm)' /proc/cpuinfo

$ sudo su -

$ sudo dnf groupinfo virtualization

$ sudo dnf -y install qemu-kvm libvirt virt-install bridge-utils

$ sudo lsmod | grep kvm

kvm_intel 176128 0

kvm 708608 1 kvm_intel

irqbypass 16384 1 kvm

# systemctl start libvirtd

# systemctl enable libvirtd

2) install Virt-manager เพื่อใช้เป็น gui

$ sudo  dnf install virt-manager
$ sudo  gpasswd -a "${USER}" libvirt

Adding user <yourusername> to group libvirt
$ virt-manager

$ sudo dnf install virt-manager

$ sudo gpasswd -a "${USER}" libvirt

Adding user <yourusername> to group libvirt

$ virt-manager

default network libvirt จะใช้ network ชื่อ virbr0 192.168.122.0/24

$ ip a s virbr0
4: virbr0: <NO-CARRIER,BROADCAST,MULTICAST,UP> mtu 1500 qdisc noqueue state DOWN group default qlen 1000
    link/ether 52:54:00:a2:61:e8 brd ff:ff:ff:ff:ff:ff
    inet 192.168.122.1/24 brd 192.168.122.255 scope global virbr0
       valid_lft forever preferred_lft forever

$ ip a s virbr0

4: virbr0: <NO-CARRIER,BROADCAST,MULTICAST,UP> mtu 1500 qdisc noqueue state DOWN group default qlen 1000

link/ether 52:54:00:a2:61:e8 brd ff:ff:ff:ff:ff:ff

inet 192.168.122.1/24 brd 192.168.122.255 scope global virbr0

valid_lft forever preferred_lft forever

3 ต่อมาให้ติดตั้ง vagrant plugin

$ sudo dnf install ruby ruby-devel
$ vagrant plugin install vagrant-libvirt
(add centos 7 box)
$ vagrant box add centos/7
1) hyperv
2) libvirt         (<--- เลือก box สำหรับ libvirt)
3) virtualbox
4) vmware_desktop

Enter your choice: 2
==> box: Adding box 'centos/7' (v1802.01) for provider: libvirt
    box: Downloading: https://vagrantcloud.com/centos/boxes/7/versions/1802.01/providers/libvirt.box

(downloading box... กรุณารอซักครู)
(เมื่อ Download เสร็จสิ้นจะได้ผลดังนี้)
==> box: Successfully added box 'centos/7' (v1802.01) for 'libvirt'!

$ mkdir VagrantProj
$ cd VagrantProj
$ mkdir centos7
$ cd centos7

$ vagrant init centos/7

$ cat Vagrantfile

$ sudo dnf install ruby ruby-devel

$ vagrant plugin install vagrant-libvirt

(add centos 7 box)

$ vagrant box add centos/7

1) hyperv

2) libvirt (<--- เลือก box สำหรับ libvirt)

3) virtualbox

4) vmware_desktop

Enter your choice: 2

==> box: Adding box 'centos/7' (v1802.01) for provider: libvirt

box: Downloading: https://vagrantcloud.com/centos/boxes/7/versions/1802.01/providers/libvirt.box

(downloading box... กรุณารอซักครู)

(เมื่อ Download เสร็จสิ้นจะได้ผลดังนี้)

==> box: Successfully added box 'centos/7' (v1802.01) for 'libvirt'!

$ mkdir VagrantProj

$ cd VagrantProj

$ mkdir centos7

$ cd centos7

$ vagrant init centos/7

$ cat Vagrantfile

file Vagrantfile ที่ปรับเปลี่ยนตามความต้องการ

# -*- mode: ruby -*-
# vi: set ft=ruby :

Vagrant.configure("2") do |config|
  config.vm.box = "centos/7"

  config.vm.network "forwarded_port", guest: 8000, host: 8000, host_ip: "127.0.0.1"
  config.vm.network "private_network", ip: "192.168.33.10"

  config.vm.provider "virtualbox" do |vb|
     vb.memory = "1024"
  end
  config.vm.provision "shell", inline: <<-SHELL
     yum  update -y
  SHELL
end

# -*- mode: ruby -*-

# vi: set ft=ruby :

Vagrant.configure("2") do |config|

config.vm.box = "centos/7"

config.vm.network "forwarded_port", guest: 8000, host: 8000, host_ip: "127.0.0.1"

config.vm.network "private_network", ip: "192.168.33.10"

config.vm.provider "virtualbox" do |vb|

vb.memory = "1024"

end

config.vm.provision "shell", inline: <<-SHELL

yum update -y

SHELL

end

เริ่มต้น boot image

$ vagrant up --provider=libvirt

1	$ vagrant up --provider=libvirt

หากต้องการใช้งาน image อื่นสามารถไปค้นหาได้ที่ http://www.vagrantbox.es/ และ https://app.vagrantup.com/boxes/search

4 Connect ไปยัง box

$ brctl showmacs virbr0
port no	mac addr		is local?	ageing timer
  1	52:54:00:a2:61:e8	yes		   0.00
  1	52:54:00:a2:61:e8	yes		   0.00

$ vagrant ssh 
[vagrant@localhost ~]$ ip a
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN qlen 1
    link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
    inet 127.0.0.1/8 scope host lo
       valid_lft forever preferred_lft forever
    inet6 ::1/128 scope host 
       valid_lft forever preferred_lft forever
2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP qlen 1000
    link/ether 52:54:00:02:e4:88 brd ff:ff:ff:ff:ff:ff
    inet 192.168.121.75/24 brd 192.168.121.255 scope global dynamic eth0
       valid_lft 3461sec preferred_lft 3461sec
    inet6 fe80::5054:ff:fe02:e488/64 scope link 
       valid_lft forever preferred_lft forever
3: eth1: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP qlen 1000
    link/ether 52:54:00:da:d4:fb brd ff:ff:ff:ff:ff:ff
    inet 192.168.33.10/24 brd 192.168.33.255 scope global eth1
       valid_lft forever preferred_lft forever
    inet6 fe80::5054:ff:feda:d4fb/64 scope link 
       valid_lft forever preferred_lft forever

[vagrant@localhost ~]$ ip r
default via 192.168.121.1 dev eth0 proto static metric 100 
192.168.33.0/24 dev eth1 proto kernel scope link src 192.168.33.10 metric 100 
192.168.121.0/24 dev eth0 proto kernel scope link src 192.168.121.75 metric 100

$ brctl showmacs virbr0

port no mac addr is local? ageing timer

1 52:54:00:a2:61:e8 yes 0.00

$ vagrant ssh

[vagrant@localhost ~]$ ip a

1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN qlen 1

link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00

inet 127.0.0.1/8 scope host lo

valid_lft forever preferred_lft forever

inet6 ::1/128 scope host

valid_lft forever preferred_lft forever

2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP qlen 1000

link/ether 52:54:00:02:e4:88 brd ff:ff:ff:ff:ff:ff

inet 192.168.121.75/24 brd 192.168.121.255 scope global dynamic eth0

valid_lft 3461sec preferred_lft 3461sec

inet6 fe80::5054:ff:fe02:e488/64 scope link

valid_lft forever preferred_lft forever

3: eth1: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP qlen 1000

link/ether 52:54:00:da:d4:fb brd ff:ff:ff:ff:ff:ff

inet 192.168.33.10/24 brd 192.168.33.255 scope global eth1

valid_lft forever preferred_lft forever

inet6 fe80::5054:ff:feda:d4fb/64 scope link

valid_lft forever preferred_lft forever

[vagrant@localhost ~]$ ip r

default via 192.168.121.1 dev eth0 proto static metric 100

192.168.33.0/24 dev eth1 proto kernel scope link src 192.168.33.10 metric 100

192.168.121.0/24 dev eth0 proto kernel scope link src 192.168.121.75 metric 100

5 ติดตั้ง Docker ใน vm ที่สร้างจาก Vagrant

$ sudo yum install -y yum-utils \
 device-mapper-persistent-data \
 lvm2
(stable)
$ sudo yum-config-manager \
    --add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo
(edge)
$ sudo yum-config-manager --enable docker-ce-edge
(test)
$ sudo yum-config-manager --enable docker-ce-test

$ sudo yum install docker-ce -y

$ sudo systemctl start docker
$ sudo systemctl enable docker
$ sudo  gpasswd -a "${USER}"  docker
Adding user vagrant to group docker

(verify)
$ sudo docker run hello-world
Hello from Docker!

$ sudo docker run -it ubuntu bash
$ root@f83f2305840a:/# root@f83f2305840a:/# cat /etc/lsb-release 
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=16.04
DISTRIB_CODENAME=xenial
DISTRIB_DESCRIPTION="Ubuntu 16.04.4 LTS"

$ reboot

$ sudo yum install -y yum-utils \

device-mapper-persistent-data \

lvm2

(stable)

$ sudo yum-config-manager \

--add-repo \

https://download.docker.com/linux/centos/docker-ce.repo

(edge)

$ sudo yum-config-manager --enable docker-ce-edge

(test)

$ sudo yum-config-manager --enable docker-ce-test

$ sudo yum install docker-ce -y

$ sudo systemctl start docker

$ sudo systemctl enable docker

$ sudo gpasswd -a "${USER}" docker

Adding user vagrant to group docker

(verify)

$ sudo docker run hello-world

Hello from Docker!

$ sudo docker run -it ubuntu bash

$ root@f83f2305840a:/# root@f83f2305840a:/# cat /etc/lsb-release

DISTRIB_ID=Ubuntu

DISTRIB_RELEASE=16.04

DISTRIB_CODENAME=xenial

DISTRIB_DESCRIPTION="Ubuntu 16.04.4 LTS"

$ reboot

6 ทดสอบ Django
– สร้าง directory ว่างๆ
– สร้าง Dockerfile

mkdir django
cd django
vi Dockerfile

mkdir django

cd django

vi Dockerfile

สร้าง Dockerfile

 FROM python:3
 ENV PYTHONUNBUFFERED 1
 RUN mkdir /code
 WORKDIR /code
 ADD requirements.txt /code/
 RUN pip install -r requirements.txt
 ADD . /code/

FROM python:3

ENV PYTHONUNBUFFERED 1

RUN mkdir /code

WORKDIR /code

ADD requirements.txt /code/

RUN pip install -r requirements.txt

ADD . /code/

สร้าง requirements.txt

vi requirements.txt
Django
psycopg2

vi requirements.txt

Django

psycopg2

สร้าง docker-compose.yml

version: '3'

services:
  db:
    image: postgres
  web:
    build: .
    command: python3 manage.py runserver 0.0.0.0:8000
    volumes:
      - .:/code
    ports:
      - "8000:8000"
    depends_on:
      - db

version: '3'

services:

db:

image: postgres

web:

build: .

command: python3 manage.py runserver 0.0.0.0:8000

volumes:

- .:/code

ports:

- "8000:8000"

depends_on:

- db

install docker-compose

$ sudo curl -L https://github.com/docker/compose/releases/download/1.20.1/docker-compose-`uname -s`-`uname -m` \
-o /usr/local/bin/docker-compose
$ sudo chmod +x /usr/local/bin/docker-compose
$ vi ~/.bash_profile
PATH=$PATH:$HOME/.local/bin:$HOME/bin:/usr/local/bin/

$ sudo docker-compose run web django-admin.py startproject composeexample .

ERROR: Couldn't connect to Docker daemon at http+docker://localhost - is it running?

$ sudo curl -L https://github.com/docker/compose/releases/download/1.20.1/docker-compose-`uname -s`-`uname -m` \

-o /usr/local/bin/docker-compose

$ sudo chmod +x /usr/local/bin/docker-compose

$ vi ~/.bash_profile

PATH=$PATH:$HOME/.local/bin:$HOME/bin:/usr/local/bin/

$ sudo docker-compose run web django-admin.py startproject composeexample .

ERROR: Couldn't connect to Docker daemon at http+docker://localhost - is it running?

ThingsBoard IOT Dashboard บน Centos 7

ติดตั้ง thingsboard บน centos 7 และใช้งานร่วมกับ postgresql มีขั้นตอนดังนี้
1). ติดตั้ง java 8

# yum install epel-release
# yum repolist
# alternatives --config java
# echo export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.161-0.b14.el7_4.x86_64/jre/  >> /etc/environment
# source /etc/environment

# yum install epel-release

# yum repolist

# alternatives --config java

# echo export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.161-0.b14.el7_4.x86_64/jre/ >> /etc/environment

# source /etc/environment

เปิด firewall

# firewall-cmd --permanent --add-port=8080/tcp (for default)
# firewall-cmd --permanent --add-port=80/tcp (for port 80)
# firewall-cmd --permanent --add-port=1883/tcp (for MQTT)
# firewall-cmd --reload

# firewall-cmd --permanent --add-port=8080/tcp (for default)

# firewall-cmd --permanent --add-port=80/tcp (for port 80)

# firewall-cmd --permanent --add-port=1883/tcp (for MQTT)

# firewall-cmd --reload

2). ติดตั้ง postgresql

# yum install postgresql-server postgresql-contrib
# postgresql-setup initdb
# systemctl start postgresql
# systemctl enable postgresql

(ระหว่างการติตตั้งจะสร้าง linux user ชื่อ postgres ที่จะทำหน้าเป็น root ให้กับ database)
# passwd postgres

(สลับ user เพื่อเข้าไป manager database - เพราะ config ใน  pg_hba.conf ระบุเป็น peer)
# su - postgres

(ตั้ง password ให้กับ postgres - db user)
postgres=# alter role postgres with password 'postgres';
ALTER ROLE

# yum install postgresql-server postgresql-contrib

# postgresql-setup initdb

# systemctl start postgresql

# systemctl enable postgresql

(ระหว่างการติตตั้งจะสร้าง linux user ชื่อ postgres ที่จะทำหน้าเป็น root ให้กับ database)

# passwd postgres

(สลับ user เพื่อเข้าไป manager database - เพราะ config ใน pg_hba.conf ระบุเป็น peer)

# su - postgres

(ตั้ง password ให้กับ postgres - db user)

postgres=# alter role postgres with password 'postgres';

ALTER ROLE

3). ตั้งค่า config

# vi /var/lib/pgsql/data/pg_hba.conf
local   all             all                                     peer
host    all             all             127.0.0.1/32            ident
host    all             all             ::1/128                 ident

(เปลี่ยนเป็น)
local   all             all                                     md5
host    all             all             127.0.0.1/32            md5
host    all             all             ::1/128                 md5

# vi /var/lib/pgsql/data/pg_hba.conf

local all all peer

host all all 127.0.0.1/32 ident

host all all ::1/128 ident

(เปลี่ยนเป็น)

local all all md5

host all all 127.0.0.1/32 md5

host all all ::1/128 md5

4) สร้างฐานข้อมูล

# psql -U postgres
Password for user postgres: 
psql (9.2.23)
Type "help" for help.

postgres=# CREATE DATABASE thingsboard;
CREATE DATABASE
postgres=# \q

# psql -U postgres

Password for user postgres:

psql (9.2.23)

Type "help" for help.

postgres=# CREATE DATABASE thingsboard;

CREATE DATABASE

postgres=# \q

5) ติดตัง thingsboard

# wget https://github.com/thingsboard/thingsboard/releases/download/v1.4/thingsboard-1.4.rpm
# rpm -Uvh thingsboard-1.4.rpm

1 2	# wget https://github.com/thingsboard/thingsboard/releases/download/v1.4/thingsboard-1.4.rpm # rpm -Uvh thingsboard-1.4.rpm

6) config

# vi /etc/thingsboard/conf/thingsboard.yml
( บรรทัดที่  268 )
# HSQLDB DAO Configuration
#spring:
#  data:
#    jpa:
#      repositories:
#        enabled: "true"
#  jpa:
#    hibernate:
#      ddl-auto: "validate"
#    database-platform: "${SPRING_JPA_DATABASE_PLATFORM:org.hibernate.dialect.HSQLDialect}"
#  datasource:
#    driverClassName: "${SPRING_DRIVER_CLASS_NAME:org.hsqldb.jdbc.JDBCDriver}"
#    url: "${SPRING_DATASOURCE_URL:jdbc:hsqldb:file:${SQL_DATA_FOLDER:/tmp}/thingsboardDb;sql.enforce_size=false}"
#    username: "${SPRING_DATASOURCE_USERNAME:sa}"
#    password: "${SPRING_DATASOURCE_PASSWORD:}"

# PostgreSQL DAO Configuration
spring:
  data:
    jpa:
      repositories:
        enabled: "true"
  jpa:
    hibernate:
      ddl-auto: "validate"
    database-platform: "${SPRING_JPA_DATABASE_PLATFORM:org.hibernate.dialect.PostgreSQLDialect}"
  datasource:
    driverClassName: "${SPRING_DRIVER_CLASS_NAME:org.postgresql.Driver}"
    url: "${SPRING_DATASOURCE_URL:jdbc:postgresql://localhost:5432/thingsboard}"
    username: "${SPRING_DATASOURCE_USERNAME:postgres}"
    password: "${SPRING_DATASOURCE_PASSWORD:postgres}"

# vi /etc/thingsboard/conf/thingsboard.yml

( บรรทัดที่ 268 )

# HSQLDB DAO Configuration

#spring:

# data:

# jpa:

# repositories:

# enabled: "true"

# jpa:

# hibernate:

# ddl-auto: "validate"

# database-platform: "${SPRING_JPA_DATABASE_PLATFORM:org.hibernate.dialect.HSQLDialect}"

# datasource:

# driverClassName: "${SPRING_DRIVER_CLASS_NAME:org.hsqldb.jdbc.JDBCDriver}"

# url: "${SPRING_DATASOURCE_URL:jdbc:hsqldb:file:${SQL_DATA_FOLDER:/tmp}/thingsboardDb;sql.enforce_size=false}"

# username: "${SPRING_DATASOURCE_USERNAME:sa}"

# password: "${SPRING_DATASOURCE_PASSWORD:}"

# PostgreSQL DAO Configuration

spring:

data:

jpa:

repositories:

enabled: "true"

jpa:

hibernate:

ddl-auto: "validate"

database-platform: "${SPRING_JPA_DATABASE_PLATFORM:org.hibernate.dialect.PostgreSQLDialect}"

datasource:

driverClassName: "${SPRING_DRIVER_CLASS_NAME:org.postgresql.Driver}"

url: "${SPRING_DATASOURCE_URL:jdbc:postgresql://localhost:5432/thingsboard}"

username: "${SPRING_DATASOURCE_USERNAME:postgres}"

password: "${SPRING_DATASOURCE_PASSWORD:postgres}"

ตั้งค่า memory

# echo export JAVA_OPTS="$JAVA_OPTS  -Xms2048M -Xmx2048M"  >> /etc/environment
# source /etc/environment

1 2	# echo export JAVA_OPTS="$JAVA_OPTS -Xms2048M -Xmx2048M" >> /etc/environment # source /etc/environment

ตั้งค่า crontab ให้มีการ restart service เวลา 9.00 am, 21.00 pm

# crontab -e
0 9,21 * * * /usr/bin/systemctl restart thingsboard  > /dev/null 2>&1

1 2	# crontab -e 0 9,21 * * * /usr/bin/systemctl restart thingsboard > /dev/null 2>&1

7). หลังจากติดตั้งเรียบร้อย ให้run script

# /usr/share/thingsboard/bin/install/install.sh --loadDemo

 ===================================================
 :: ThingsBoard ::       (v1.4.0)
 ===================================================

Starting ThingsBoard Installation...
Installing DataBase schema...
Installing SQL DataBase schema...
Loading system data...
Loading demo data...
Installation finished successfully!
ThingsBoard installed successfully!

# systemctl restart thingsboard

# /usr/share/thingsboard/bin/install/install.sh --loadDemo

===================================================

:: ThingsBoard :: (v1.4.0)

===================================================

Starting ThingsBoard Installation...

Installing DataBase schema...

Installing SQL DataBase schema...

Loading system data...

Loading demo data...

Installation finished successfully!

ThingsBoard installed successfully!

# systemctl restart thingsboard

เปิด http://your-ip::8080

System Administrator
Default system administrator account:

login - sysadmin@thingsboard.org
password - sysadmin

Demo Tenant
Default tenant administrator account:

login - tenant@thingsboard.org
password - tenant

System Administrator

Default system administrator account:

password - sysadmin

Demo Tenant

Default tenant administrator account:

password - tenant

ติดตั้ง openstreet map บน ubuntu 16.04

ขั้นตอนการติดตั้ง openstreet map บน ubuntu server มีขั้นตอนดังต่อไปนี้
1). update server

sudo apt update
sudo apt upgrade

1 2	sudo apt update sudo apt upgrade

2). ติดตั้ง dependencies

sudo apt install libboost-all-dev git-core tar unzip wget bzip2 build-essential autoconf libtool libxml2-dev libgeos-dev libgeos++-dev libpq-dev libbz2-dev libproj-dev munin-node munin libprotobuf-c0-dev protobuf-c-compiler libfreetype6-dev libpng12-dev libtiff5-dev libicu-dev libgdal-dev libcairo-dev libcairomm-1.0-dev apache2 apache2-dev libagg-dev liblua5.2-dev ttf-unifont lua5.1 liblua5.1-dev libgeotiff-epsg

sudo apt install libboost-all-dev git-core tar unzip wget bzip2 build-essential autoconf libtool libxml2-dev libgeos-dev libgeos++-dev libpq-dev libbz2-dev libproj-dev munin-node munin libprotobuf-c0-dev protobuf-c-compiler libfreetype6-dev libpng12-dev libtiff5-dev libicu-dev libgdal-dev libcairo-dev libcairomm-1.0-dev apache2 apache2-dev libagg-dev liblua5.2-dev ttf-unifont lua5.1 liblua5.1-dev libgeotiff-epsg

3). ติดตั้ง postgres

sudo apt install postgresql postgresql-contrib postgis postgresql-9.5-postgis-2.2

1	sudo apt install postgresql postgresql-contrib postgis postgresql-9.5-postgis-2.2

จะสร้าง user ชื่อว่า postgres ในระหว่างการติดตั้ง ที่มีสิทธิในการเเข้าใช้ ฐานข้อมูล ถือว่าเป็น user root ของ postgres database การใช้งานฐานข้อมูล ในครั้งแรก ให้ทำการ login เป็น postgres ต่อมาจะสร้าง database ชื่อ osm และ database ชื่อ gis

$ sudo -u postgres -i
postgres@mapserver:~$  createuser osm
postgres@mapserver:~$  createdb -E UTF8 -O osm gis

$ sudo -u postgres -i

postgres@mapserver:~$ createuser osm

postgres@mapserver:~$ createdb -E UTF8 -O osm gis

สร้าง hstore และ postgis extension

postgres@mapserver:~$ psql -c "CREATE EXTENSION hstore;" -d gis
postgres@mapserver:~$ psql -c "CREATE EXTENSION postgis;" -d gis

1 2	postgres@mapserver:~$ psql -c "CREATE EXTENSION hstore;" -d gis postgres@mapserver:~$ psql -c "CREATE EXTENSION postgis;" -d gis

ออกจาก postgres user

postgres@mapserver:~$ exit

1	postgres@mapserver:~$ exit

4) ติดตั้ง osm2pgsql เป็น เครื่องเมื่อที่จะ บันทึก openstreep map สู่ ฐานข้อมูล postgres

$ sudo apt install make cmake g++ libboost-dev libboost-system-dev libboost-filesystem-dev libexpat1-dev zlib1g-dev libbz2-dev libpq-dev libgeos-dev libgeos++-dev libproj-dev lua5.2 liblua5.2-dev

$ mkdir ~/src
$ cd ~/src
$ git clone git://github.com/openstreetmap/osm2pgsql.git
$ cd osm2pgsql
mkdir build && cd build
cmake ..
(ผลของการ build ใน build directory)
$ make
$ sudo make install

$ osm2pgsql -v
$ osm2pgsql version 0.95.0-dev (64 bit id space)

$ sudo apt install make cmake g++ libboost-dev libboost-system-dev libboost-filesystem-dev libexpat1-dev zlib1g-dev libbz2-dev libpq-dev libgeos-dev libgeos++-dev libproj-dev lua5.2 liblua5.2-dev

$ mkdir ~/src

$ cd ~/src

$ git clone git://github.com/openstreetmap/osm2pgsql.git

$ cd osm2pgsql

mkdir build && cd build

cmake ..

(ผลของการ build ใน build directory)

$ make

$ sudo make install

$ osm2pgsql -v

$ osm2pgsql version 0.95.0-dev (64 bit id space)

5) ติดตั้ง Mapnik เป็นเครื่องมือ ที่ใช้สำหรับการ render ทำงานร่วมกับ mod_tile

$ sudo apt-get install autoconf apache2-dev libtool libxml2-dev libbz2-dev libgeos-dev libgeos++-dev libproj-dev gdal-bin libgdal1-dev libmapnik-dev mapnik-utils python-mapnik

(ทดสอบ import mapnik)
$ python
Python 2.7.12 (default, Dec  4 2017, 14:50:18) 
[GCC 5.4.0 20160609] on linux2
Type "help", "copyright", "credits" or "license" for more information.
>>> import mapnik
>>> quit()

$ sudo apt-get install autoconf apache2-dev libtool libxml2-dev libbz2-dev libgeos-dev libgeos++-dev libproj-dev gdal-bin libgdal1-dev libmapnik-dev mapnik-utils python-mapnik

(ทดสอบ import mapnik)

$ python

Python 2.7.12 (default, Dec 4 2017, 14:50:18)

[GCC 5.4.0 20160609] on linux2

Type "help", "copyright", "credits" or "license" for more information.

>>> import mapnik

>>> quit()

6) ติดตั้ง mod_tile

$ cd ~/src
$ git clone -b switch2osm git://github.com/SomeoneElseOSM/mod_tile.git
$ cd mod_tile
$ ./autogen.sh
$ ./configure
$ make
$ sudo make install
(ติดตั้ง mod_tile ให้แก่ apache)
$ sudo make install-mod_tile
$ sudo chmod 644 /usr/lib/apache2/modules/mod_tile.so
$ sudo ldconfig

$ cd ~/src

$ git clone -b switch2osm git://github.com/SomeoneElseOSM/mod_tile.git

$ cd mod_tile

$ ./autogen.sh

$ ./configure

$ make

$ sudo make install

(ติดตั้ง mod_tile ให้แก่ apache)

$ sudo make install-mod_tile

$ sudo chmod 644 /usr/lib/apache2/modules/mod_tile.so

$ sudo ldconfig

7). สร้าง unix user ชื่อ osm เพื่อเป็น user สำหรับการใช้งาน

$ sudo useradd -m -d /home/osm osm
$ sudo passwd osm

1 2	$ sudo useradd -m -d /home/osm osm $ sudo passwd osm

8) ติดตั้ง carto ด้วย node เพื่อใช้ compile carto project ให้ mapnik.xml

$ sudo apt install npm nodejs-legacy
$ sudo npm install -g carto
$ carto -v 
1.0.0

$ sudo apt install npm nodejs-legacy

$ sudo npm install -g carto

$ carto -v

1.0.0

9) Download openstreetmap-carto version ล่าสุด และ convert project.mml สู่ mapnik.xml

su - osm
git clone git://github.com/gravitystorm/openstreetmap-carto.git
cd openstreetmap-carto
carto project.mml > mapnik.xml

su - osm

git clone git://github.com/gravitystorm/openstreetmap-carto.git

cd openstreetmap-carto

carto project.mml > mapnik.xml

10) Download ข้อมูลแผนที่จาก http://download.geofabrik.de/ เลือก Asia > Thailand

$ mkdir data
$ ls
data  openstreetmap-carto
$ cd data
$ wget http://download.geofabrik.de/asia/thailand-latest.osm.pbf

$ mkdir data

$ ls

data openstreetmap-carto

$ cd data

$ wget http://download.geofabrik.de/asia/thailand-latest.osm.pbf

11) บันทึกใน ฐานข้อมูล

osm2pgsql -d gis --create --slim  -G --hstore --tag-transform-script  \
~/openstreetmap-carto/openstreetmap-carto.lua -C 2500 --number-processes 1 \
-S ~/openstreetmap-carto/openstreetmap-carto.style ~/data/thailand-latest.osm.pbf

osm2pgsql -d gis --create --slim -G --hstore --tag-transform-script \

~/openstreetmap-carto/openstreetmap-carto.lua -C 2500 --number-processes 1 \

-S ~/openstreetmap-carto/openstreetmap-carto.style ~/data/thailand-latest.osm.pbf

อธิบายคำสั่ง
-d gis Database ที่ใช้ชื่อ gis
--create Load data สู่ ฐานข้อมูล ที่ยังว่าง
--slim ใช้ตาราง slim ตอน rendering
-G
--hstore
--tag-transform-script
-C 2500 พื้นที่หน่วยความจำที่ osm2pgsql ใช้ในการ import
--number-processes 1 ใช้ จำนวน CPU
verify

osm@mapserver:~$ psql -d gis
psql (9.5.12)
Type "help" for help.

gis=> 
gis=> \d
 public | geography_columns  | view  | postgres
 public | geometry_columns   | view  | postgres
 public | planet_osm_line    | table | osm
 public | planet_osm_nodes   | table | osm
 public | planet_osm_point   | table | osm
 public | planet_osm_polygon | table | osm
 public | planet_osm_rels    | table | osm
 public | planet_osm_roads   | table | osm
 public | planet_osm_ways    | table | osm
 public | raster_columns     | view  | postgres
 public | raster_overviews   | view  | postgres
 public | spatial_ref_sys    | table | postgres

gis=> select count(*) from planet_osm_nodes;
 16568865

gis=> select count(*) from planet_osm_line;
 1091458

osm@mapserver:~$ psql -d gis

psql (9.5.12)

Type "help" for help.

gis=>

gis=> \d

public | geography_columns | view | postgres

public | geometry_columns | view | postgres

public | planet_osm_line | table | osm

public | planet_osm_nodes | table | osm

public | planet_osm_point | table | osm

public | planet_osm_polygon | table | osm

public | planet_osm_rels | table | osm

public | planet_osm_roads | table | osm

public | planet_osm_ways | table | osm

public | raster_columns | view | postgres

public | raster_overviews | view | postgres

public | spatial_ref_sys | table | postgres

gis=> select count(*) from planet_osm_nodes;

16568865

gis=> select count(*) from planet_osm_line;

1091458

12). Download shapefile

cd ~/openstreetmap-carto/
scripts/get-shapefiles.py

1 2	cd ~/openstreetmap-carto/ scripts/get-shapefiles.py

13). Download Fonts

(exit  จาก osm user)
$ exit
$ sudo apt-get install fonts-noto-cjk fonts-noto-hinted fonts-noto-unhinted ttf-unifont

(exit จาก osm user)

$ exit

$ sudo apt-get install fonts-noto-cjk fonts-noto-hinted fonts-noto-unhinted ttf-unifont

14 ตั้งค่า

$ sudo vi /usr/local/etc/renderd.conf
num_threads=4
XML=/home/osm/openstreetmap-carto/mapnik.xml
RUNASUSER=osm

$ sudo systemctl daemon-reload
$ sudo systemctl start renderd
$ sudo systemctl enable renderd

$ sudo vi /usr/local/etc/renderd.conf

num_threads=4

XML=/home/osm/openstreetmap-carto/mapnik.xml

RUNASUSER=osm

$ sudo systemctl daemon-reload

$ sudo systemctl start renderd

$ sudo systemctl enable renderd

15). ตั้งค่า apache

$ sudo mkdir /var/lib/mod_tile
$ sudo chown osm /var/lib/mod_tile

$ sudo mkdir /var/run/renderd
$ sudo chown osm /var/run/renderd

$ sudo vi /etc/apache2/conf-available/mod_tile.conf

LoadModule tile_module /usr/lib/apache2/modules/mod_tile.so

$ sudo mkdir /var/lib/mod_tile

$ sudo chown osm /var/lib/mod_tile

$ sudo mkdir /var/run/renderd

$ sudo chown osm /var/run/renderd

$ sudo vi /etc/apache2/conf-available/mod_tile.conf

LoadModule tile_module /usr/lib/apache2/modules/mod_tile.so

บันทึก file

sudo a2enconf mod_tile

1	sudo a2enconf mod_tile

16) เพิ่ม virtual host

sudo vi /etc/apache2/sites-available/000-default.conf

1	sudo vi /etc/apache2/sites-available/000-default.conf

เพิ่มในระหว่างบันทัดของ “ServerAdmin” และ “DocumentRoot”

LoadTileConfigFile /usr/local/etc/renderd.conf
ModTileRenderdSocketName /var/run/renderd/renderd.sock
# Timeout before giving up for a tile to be rendered
ModTileRequestTimeout 0
# Timeout before giving up for a tile to be rendered that is otherwise missing
ModTileMissingRequestTimeout 30

LoadTileConfigFile /usr/local/etc/renderd.conf

ModTileRenderdSocketName /var/run/renderd/renderd.sock

# Timeout before giving up for a tile to be rendered

ModTileRequestTimeout 0

# Timeout before giving up for a tile to be rendered that is otherwise missing

ModTileMissingRequestTimeout 30

17) restart server

sudo service apache2 reload
sudo service apache2 reload

1 2	sudo service apache2 reload sudo service apache2 reload

18 start service renderd

su - osm
renderd -f -c /usr/local/etc/renderd.conf

1 2	su - osm renderd -f -c /usr/local/etc/renderd.conf

19) กำหนดให้ renderd ทำงาน ใน backgroud mode

(exit ออกจาก osm อีกครั้ง) 
$ cat ~/src/mod_tile/debian/renderd.init
$ sudo cp ~/src/mod_tile/debian/renderd.init /etc/init.d/renderd
$ sudo chmod u+x /etc/init.d/renderd
$ sudo cp ~/src/mod_tile/debian/renderd.service /lib/systemd/system/

$ sudo /etc/init.d/renderd start
[ ok ] Starting renderd (via systemctl): renderd.service.

$ sudo systemctl enable renderd

(exit ออกจาก osm อีกครั้ง)

$ cat ~/src/mod_tile/debian/renderd.init

$ sudo cp ~/src/mod_tile/debian/renderd.init /etc/init.d/renderd

$ sudo chmod u+x /etc/init.d/renderd

$ sudo cp ~/src/mod_tile/debian/renderd.service /lib/systemd/system/

$ sudo /etc/init.d/renderd start

[ ok ] Starting renderd (via systemctl): renderd.service.

$ sudo systemctl enable renderd

20 ทดสอบร่วมกับ openlayer

$ cd /var/www/html
$ sudo wget https://github.com/openlayers/openlayers/releases/download/v4.6.5/v4.6.5.zip
$ sudo unzip v4.6.5.zip

$ cd /var/www/html

$ sudo wget https://github.com/openlayers/openlayers/releases/download/v4.6.5/v4.6.5.zip

$ sudo unzip v4.6.5.zip

สร้าง file index.html และแทนค่า your-ip ด้วย ip ของ server

<!DOCTYPE html>
<html>
<head>
<title>Accessible Map</title>
<link rel="stylesheet" href="http://your-ip/v4.6.5/css/ol.css" type="text/css">
<script src="http://your-ip/v4.6.5/build/ol.js"></script>
<style>
  a.skiplink {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  a.skiplink:focus {
    clip: auto;
    height: auto;
    width: auto;
    background-color: #fff;
    padding: 0.3em;
  }
  #map:focus {
    outline: #4A74A8 solid 0.15em;
  }
</style>
</head>
<body>
  <a class="skiplink" href="#map">Go to map</a>
  <div id="map" class="map" tabindex="0"></div>
  <button id="zoom-out">Zoom out</button>
  <button id="zoom-in">Zoom in</button>
  <script>
    var map = new ol.Map({
      layers: [
        new ol.layer.Tile({
          source: new ol.source.OSM({
             url: 'http://your-ip/osm_tiles/{z}/{x}/{y}.png'
          })
       })
     ],
     target: 'map',
     controls: ol.control.defaults({
        attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
          collapsible: false
        })
     }),
    view: new ol.View({
       center: [244780.24508882355, 7386452.183179816],
       zoom:5
    })
 });

  document.getElementById('zoom-out').onclick = function() {
    var view = map.getView();
    var zoom = view.getZoom();
    view.setZoom(zoom - 1);
  };

  document.getElementById('zoom-in').onclick = function() {
     var view = map.getView();
     var zoom = view.getZoom();
     view.setZoom(zoom + 1);
  };
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Accessible Map</title>

<style>

a.skiplink {

position: absolute;

clip: rect(1px, 1px, 1px, 1px);

padding: 0;

border: 0;

height: 1px;

width: 1px;

overflow: hidden;

}

a.skiplink:focus {

clip: auto;

height: auto;

width: auto;

background-color: #fff;

padding: 0.3em;

}

#map:focus {

outline: #4A74A8 solid 0.15em;

}

</style>

</head>

<body>

var map = new ol.Map({

layers: [

new ol.layer.Tile({

source: new ol.source.OSM({

url: 'http://your-ip/osm_tiles/{z}/{x}/{y}.png'

})

target: 'map',

controls: ol.control.defaults({

attributionOptions: /** @type {olx.control.AttributionOptions} */ ({

collapsible: false

})

}),

view: new ol.View({

center: [244780.24508882355, 7386452.183179816],

zoom:5

})

});

document.getElementById('zoom-out').onclick = function() {

var view = map.getView();

var zoom = view.getZoom();

view.setZoom(zoom - 1);

};

document.getElementById('zoom-in').onclick = function() {

var view = map.getView();

var zoom = view.getZoom();

view.setZoom(zoom + 1);

};

</script>

</body>

</html>

ติตตั้ง STS (Spring Tool Suite) บน Eclipse

Spring Tool Suite (STS) เป็นส่วน ขยาย ของ Eclipse IDE เพื่อใช้สำหรับ พัฒนา Spring Application มีขั้นตอนดังนี้

1). ไปยัง market place

2). ให้ค้นหาคำว่า sts

3). ยืนยัน package

4). ยืนยัน license

5). restart eclipse

เมื่อ report เปิดขึ้นมาใหม่ จะเห็น spring framework

6) เปลี่ยน perspective

เลือก spring

8) สร้าง spring boot project

9) ใส่ข้อมูล application

10)จะได้โครงสร้างของตัวโปรเจค

พิจารณา ไฟล์ pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>

	<groupId>net.itbakery</groupId>
	<artifactId>HelloSpringBoot</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>jar</packaging>

	<name>HelloSpringBoot</name>
	<description>Demo project for Spring Boot</description>

	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.0.0.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>

	<properties>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
		<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
		<java.version>1.8</java.version>
	</properties>

	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter</artifactId>
		</dependency>

		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
		 <dependency> 
   				<groupId>org.springframework.boot</groupId>
   				<artifactId>spring-boot-starter-web</artifactId>
 		</dependency>
		<dependency>
    		<groupId>net.bytebuddy</groupId>
    		<artifactId>byte-buddy-dep</artifactId>
    		<version>1.8.0</version>
		</dependency>
		
	</dependencies>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>


</project>

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<groupId>net.itbakery</groupId>

<artifactId>HelloSpringBoot</artifactId>

<version>0.0.1-SNAPSHOT</version>

<name>HelloSpringBoot</name>

<description>Demo project for Spring Boot</description>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-parent</artifactId>

<version>2.0.0.RELEASE</version>

</parent>

<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>

<java.version>1.8</java.version>

</properties>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter</artifactId>

</dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-test</artifactId>

</dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-web</artifactId>

</dependency>

<groupId>net.bytebuddy</groupId>

<artifactId>byte-buddy-dep</artifactId>

</dependency>

</dependencies>

<build>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-maven-plugin</artifactId>

</plugin>

</plugins>

</build>

</project>

พิจารณาไฟล์ HelloSpringBootApplication.java

package net.itbakery.hellospringboot;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@SpringBootApplication
public class HelloSpringBootApplication {

	public static void main(String[] args) {
		SpringApplication.run(HelloSpringBootApplication.class, args);
	}
}


@RestController
class GreetingController {
    
    @RequestMapping("/hello/{name}")
    String hello(@PathVariable String name) {
        return "Hello, " + name + "!";
    }
}

package net.itbakery.hellospringboot;

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

import org.springframework.web.bind.annotation.PathVariable;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RestController;

@SpringBootApplication

public class HelloSpringBootApplication {

public static void main(String[] args) {

SpringApplication.run(HelloSpringBootApplication.class, args);

}

@RestController

class GreetingController {

@RequestMapping("/hello/{name}")

String hello(@PathVariable String name) {

return "Hello, " + name + "!";

}

11). build dependency

$ cd /path/HelloSpringBoot
$ mvn dependency:tree
...
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time: 01:20 min
[INFO] Finished at: 2018-03-23T00:50:47+07:00
[INFO] Final Memory: 24M/80M
[INFO] ------------------------------------------------------------------------

$ cd /path/HelloSpringBoot

$ mvn dependency:tree

...

[INFO] ------------------------------------------------------------------------

[INFO] BUILD SUCCESS

[INFO] ------------------------------------------------------------------------

[INFO] Total time: 01:20 min

[INFO] Finished at: 2018-03-23T00:50:47+07:00

[INFO] Final Memory: 24M/80M

[INFO] ------------------------------------------------------------------------

12). Run Spring

$ mvn spring-boot:run

  .   ____          _            __ _ _
 /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
 \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
  '  |____| .__|_| |_|_| |_\__, | / / / /
 =========|_|==============|___/=/_/_/_/
 :: Spring Boot ::        (v2.0.0.RELEASE)

$ mvn spring-boot:run

. ____ _ __ _ _

/\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \

( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \

\\/ ___)| |_)| | | | | || (_| | ) ) ) )

' |____| .__|_| |_|_| |_\__, | / / / /

=========|_|==============|___/=/_/_/_/

:: Spring Boot :: (v2.0.0.RELEASE)

ติดตั้ง Maven บน Eclipse

มีขั้นตอนดังนี้
1. กด Help จากเมนูใน Eclipse และเลือก Install New Software

2.กดปุ่ม Add จะได้หน้า window ใหม่เปิดขั้นมาก ให้ใส่ url สำหรับ maven repository

3. ตั้งชื่อ name ว่า Maven และ location ตั้งเป็น http://download.eclipse.org/technology/m2e/releases/

4. ให้กดเลือก package และ กด next

และ กด next อีกครั้ง

5. ยอมรับ Term and condition

6. สร้าง project ใหม่

และต่อมา

7 เลือก quickstart

8 เลือก groupid, artifactid และ กด finish

9. สำรวจตัวโครงสร้าง ของ project ที่สร้าง

ให้เพิ่ม ใน pom.xml เพื่อระบุ version ที่จะ Compile

<properties>
    <maven.compiler.source>1.6</maven.compiler.source>
    <maven.compiler.target>1.6</maven.compiler.target>
</properties>

<maven.compiler.source>1.6</maven.compiler.source>

<maven.compiler.target>1.6</maven.compiler.target>

</properties>

10. เลือก preference

11. Verify ด้วยการ build

12. กำหนด goal clean verify และกด run

ผลที่ได้หามี การ run success

13. ลองไปสำรวจ dependecy ที่ maven repository

และนำค่าที่ได้ไปใส่ไว้ select Dendency
14. การเพิ่ม Dependency โดยให้กด tab ที่มีชื่อว่า Dependencies และกดปุ่ม Add

15. ผลที่ได้ จะเพิ่ม dependency

16. กลับไปดูในหน้า ของ pom.xml จะมีข้อมูลเพิ่มเติมดังนี้

<dependency>
    <groupId>com.google.code.gson</groupId>
    <artifactId>gson</artifactId>
    <version>2.8.2</version>
</dependency>

<groupId>com.google.code.gson</groupId>

</dependency>

Deep Learning: Tensorflow

เรียนรู้ ใช้งาน Google’s Deep Learning Framework ที่ได้รับนิยม คือ TensorFlow ผ่านภาษา python3 เพื่อเรียนรู้ในการแก้ปัญหาต่างๆ ด้วยวิธีการวิเคราะห็แบบ BigData นำมาผ่าน Machine Learning เพื่อให้เรียนรู้ ข้อมูล (algorithms) ในรูปแบบที่เป็น multi-layer neural networks ผลลัพท์ที่ได้ คือ Data Model ที่จะนำไปใช้งานต่อไป

จากรูปจะสังเกตุได้ถึงกระบวนการของ Training Pipeline ที่ tensorflow ได้นำมาใช้วิเคราะห์ ผ่านทาง neutron network ที่จะให้คอมพิวเตอร์ สามารถเรียนรู้ข้อมูลต่างๆ ได้ด้วยตนเอง ในการเริ่มต้นการเรียนรู้ จะเริ่มต้นด้วยการใช้งานผ่านทาง ภาษา python ที่จะมีความเรียบง่าย และมีประสิทธิภาพ

Architecture Tensorflow

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

1). ติดตั้ง จะเป็นการติดตั้งผ่านทาง pip (package manager by python)
on mac

python3 -m pip install --upgrade https://storage.googleapis.com/tensorflow/mac/cpu/tensorflow-0.12.0-py3-none-any.whl

1	python3 -m pip install --upgrade https://storage.googleapis.com/tensorflow/mac/cpu/tensorflow-0.12.0-py3-none-any.whl

on linux ภายใต้ virtual environment ของ python

$ mkdir Tensorflow
$ cd Tensorflow
$ python3 -m virtualenv venv36
$ source venv36/bin/activate
$ pip install --upgrade pip
$ pip install --upgrade tensorflow 
$ pip freeze

absl-py==0.1.12
astor==0.6.2
bleach==1.5.0
gast==0.2.0
grpcio==1.10.0
html5lib==0.9999999
Markdown==2.6.11
numpy==1.14.2
protobuf==3.5.2.post1
six==1.11.0
tensorboard==1.6.0
tensorflow==1.6.0
termcolor==1.1.0
Werkzeug==0.14.1

$ mkdir Tensorflow

$ cd Tensorflow

$ python3 -m virtualenv venv36

$ source venv36/bin/activate

$ pip install --upgrade pip

$ pip install --upgrade tensorflow

$ pip freeze

absl-py==0.1.12

astor==0.6.2

bleach==1.5.0

gast==0.2.0

grpcio==1.10.0

html5lib==0.9999999

Markdown==2.6.11

numpy==1.14.2

protobuf==3.5.2.post1

six==1.11.0

tensorboard==1.6.0

tensorflow==1.6.0

termcolor==1.1.0

Werkzeug==0.14.1