admin
link download office 2016
https://www.microsoft.com/th-th/download/details.aspx?id=49308
ionic day2
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<ion-header> <ion-toolbar> <ion-title> Ionic Blank </ion-title> </ion-toolbar> </ion-header> <ion-content padding> <ion-input placeholder="กรุณาระบุข้อความ" type="text" [(ngModel)]="txt1"> </ion-input> <ion-grid> <ion-row> <ion-col> Link แบบที่ 1 <ion-button href="page2/sss" color="primary"> <ion-icon name="airplane"></ion-icon> go to page2 </ion-button> </ion-col> <ion-col> Link แบบที่ 2 <ion-button (click)="gopage2(txt1)" color="success"> go to page2 #2 </ion-button> </ion-col> </ion-row> </ion-grid> {{input1}} </ion-content> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
import { Component } from '@angular/core'; import { Router } from '@angular/router'; import { NavController } from '@ionic/angular'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], }) export class HomePage { public input1:string; public static input2:number; constructor(private navCtrl:NavController){} gopage2(x){ //alert("clicked"); //save to db success console.log("clicked"); this.input1=x; this.navCtrl.navigateForward('page2/'+x); } } |
|
1 2 3 4 5 6 7 8 9 |
<ion-header> <ion-toolbar> <ion-title>page2</ion-title> </ion-toolbar> </ion-header> <ion-content padding> {{param1}} </ion-content> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-page2', templateUrl: './page2.page.html', styleUrls: ['./page2.page.scss'], }) export class Page2Page implements OnInit { param1:string; constructor(private route:ActivatedRoute) { } ngOnInit() { this.param1= this.route.snapshot.paramMap .get('param1'); } } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Routes, RouterModule } from '@angular/router'; import { IonicModule } from '@ionic/angular'; import { Page2Page } from './page2.page'; const routes: Routes = [ { path: ':param1', component: Page2Page } ]; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, RouterModule.forChild(routes) ], declarations: [Page2Page] }) export class Page2PageModule {} |
ionic day 1
คู่มือการติดตั้ง IONIC FRAMEWORK
1.ติดตั้ง Node.Js https://nodejs.org/en/ ตรวจสอบการติดตั้ง เปิด cmd พิมพ์ npm -v
2.ติดตั้ง ionic framework เปิด cmd พิมพ์ npm install ionic cordova –g
3. ทำการดาวนโหลด Visual Studio Code https://code.visualstudio.com/docs/?dv=win และกดติดตั้ง
4. สร้างฟอร์เดอร์ใน drive c: ตั้งชื่อ ionic และเข้าไปในฟอรเดอร์
บน address bar พิมพ์ cmd เพื่อเปิดใช้ cmd และพิมพ์คำสั่ง ionic start app 1 blank เพื่อสร้าง app 1
5.ทำการเข้าไปฟอร์เดอร์ app1 และพิมพ์ cmd บน address bar และพิมพ์ ionic serve
6.กด Ctrl+Shift+i เพื่อจำลองหน้าจอมือถือบน Google Chrome
7.ทำการโหลด JDK จาก https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html และติดตั้ง
8.ทำการคลิ๊กขวาที่ My Computer และเลือก Advance System Settings และเลือก Environment Variable กด New ใส่
หลังจากนั้น edit Path
และทดลองเปิด cmd พิมพ์ Javac ใน cmd จะแสดงคำสั่ง javac
10. ทำการแก้ไข Path อีกที เพิื่อเอา Android SDK มาใส่ ให้ cmd รู้จัก โดยเปิด Android Studio ขึ้นมาและ Create New Project แล้วกด Next ๆ ไปจน เข้าหน้าจอที่มีเมนู file->Settings->System Setting->Android SDK ทำการ Copy Path SDK มา ดังภาพ
หลังจากนัั้นไป My Comp วาง Path ที่ก๊อปมาลง เพื่อเข้าไปเอา Path สอง Path มาวางใน Environment Variable ตรง Path คือ C:\Users\SCIRMUTP\AppData\Local\Android\Sdk\platform-tools และ C:\Users\SCIRMUTP\AppData\Local\Android\Sdk\tools
แล้วเปิด cmd ลองพิมพ์ android จะพบกับคำสั่ง android ขึ้นมา
11. สร้าง AVD โดยใน android studio ให้เลือกเมนู tools แล้วเลือก AVD แล้วกด Create New แล้วเลือก Nexus 5x เลือก New Image แล้วเลือกแบบ x86_x64 android 9.0 หลังจากนั้นจะโหลด แล้วพร้อมทำการเปิด Emulator ขึ้นมาพร้อมทำงาน ถ้าเปิด AVD ไม่ได้ ให้ไป SDK เพิ่ม
12. กลับมาที่ฟอร์เดอร์โปรเจ็คให้เปิด cmd แล้วพิมพ์ ionic cordova platform add android –save
หลังจากนั้นพิมพ์ ionic cordova run android ถ้าไม่ติดอะไร จะมีหน้า emulator เปิดแอพเราขึ้นมาบนอุปกรณ์แอนดรอย์ที่สร้างขึ้น
13. แก้ไข icon แสดงในหน้าจอ และ splashscreen (Back Ground) โดยไปที่ฟอร์เดอร์แอพ ใน ฟอร์เดอร์ Resourcess จะมี icon.png กับ splash.png ให้แก้ แล้วใช้คำสั่ง ionic cordova resources ถ้าถามให้กรอก อีเมลกับพาสให้ไปสมัครใน ionicframework.com แล้วกรอกข้อมูลลงไป ฟรี
Network Day 4
download : https://drive.google.com/file/d/19GkiqDDQN6a_NR1PVZthU1ZPy7UoHg4w/view?usp=sharing
เว็บคำนวน IP
http://www.calculator.net/ip-subnet-calculator.html
แบบทดสอบหลังเรียน Network
เข้าทำแบบทดสอบที่นี่ https://goo.gl/forms/4nHc5JjLBzCjlvHG2
แบบฝึกหัด
จงแสดงวิธีทำการแบ่งเครือข่ายออกเป็นเครือข่ายย่อยๆ หรือที่เรียกว่า การทาซับเน็ต (Subnetting)
โดย มี Network Address 193.16.0.0 ต้องการเครือข่ายละ 30 Host จงบอก IP Address เริ่มต้นและสิ้นสุดของแต่ละเครือข่าย โดยมี Subnet mask คืออะไร และอยากทราบว่าแต่ละเครือข่ายย่อยจะสามารถรองรับได้กี่ Host สูงสุด และเมื่อแบ่งซับเน็ตแล้วให้ทับอะไร
ตัวอย่าง
Subnet mark : 255.255.255.0
IP Address : 192.168.2.1/27
Recent Comments