7113206 การพัฒนาโมบายแอปพลิเคชันข้ามแพลตฟอร์ม (Cross Platform Application Development) 3(2-2-5) หน่วยกิต

คำอธิบายรายวิชา

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

Week	Contents	Tools
1	Chapter 1 Introduction to Cross Platform
2	Chapter 2 Java Script
3	Chapter 3 JQuery, AJAX
4	Chapter 4 Introduction to Cordova
5	Chapter 5 Cordova Develop for platforms Android
6	Chapter 6 Cordova Develop for platforms IOS
7	Chapter 7 Introduction to Flutter and Dart
8	Mid Term Examination
9	Chapter 8 MaterialApp and Scaffold
10	Chapter 9 Custom Widget and Container
11	Chapter 10 Image and ListView
12	Chapter 11 Routes and Navigator
13	Chapter 12 Form
14-15	Chapter 13 Flutter + Firebase
16	Chapter 15 How to submit app to App Store and Play Store

Interesting Links

- Website Cordova

- Website Node.js

- JAVA

- jdk-11.0.19_windows-x64_bin.exe

- jdk-11.0.19_macos-x64_bin.dmg

- jdk-8u371-windows-x64.exe

- jdk-8u371-macosx-x64.dmg

- Android Studio

- Gradle

- Setting ANDROID_HOME enviromental variable on Mac OS X After Install Android Studio

- Website Flutter , Flutter Learn

- Website Firebase

- Onsen.io Samples and Tutorials

- Check Version of Android SDK Platforms and Android SDK Build-Tools in Android Studio are match in cordova project

- Check Version Java

java -version

- Check Version Gradle

gradle -v

- For MacOS Config ~/.bash_profile OR Config ~/.zshrc

export ANDROID_HOME=~/Library/Android/sdk

export ANDROID_SDK_ROOT=~/Library/Android/sdk

export ANDROID_AVD_HOME=~/.android/avd

export JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_361.jdk/Contents/Home/"

เพิ่มข้อมูลใน PATH โดยพิมพ์ PATH ต่อไปนี้ต่อท้าย export PATH=${PATH}

:$ANDROID_HOME/platform-tools

:$ANDROID_HOME/tools

:$ANDROID_HOME/bin

  After config MUST run

source ~/.bash_profile

source ~/.zshrc

- For Windows Config System environment variable

Variable : ANDROID_HOME

Value : C:\Users\User\AppData\Local\Android\Sdk

Variable : ANDROID_SDK_ROOT

Value : C:\Users\User\AppData\Local\Android\Sdk

Variable : JAVA_HOME

Value : C:\Program Files\Java\jdk-11

Variable : PATH

C:\Users\User\AppData\Local\Android\Sdk\platform-tools

C:\Users\User\AppData\Local\Android\Sdk\emulator

C:\Users\User\AppData\Local\Android\Sdk\cmdline-tools\latest\bin

C:\gradle-8.0.2\bin

 

 

- Check $PATH for Windows at the Command Prompt run

PATH

for MacOS at the Terminal run

echo $PATH

- For cordova v.12 > Android Studio > SDK manager install Android SDK Platform 33 and Build tools 33.0.2

- Fix error flutter doctor on MacOS

cd /Applications/Android\ Studio.app/Contents
ln -s jbr jre

- AndroidManifest.xml

application android:usesCleartexTtraffic="true">

- res > xml > config.xml 

allow-navigation href="http://*/*" />
allow-navigation href="https://*/*" />

- ionic Framework 

- How to enable HTTPS on XAMPP server. 

- How can I change MariaDB to MySQL in XAMPP?. 

- import database using command line
mysql -u username -p database_name < file.sql