210 likes | 227 Views
SEEM4570 Tutorial 1:Software Installation. XAMPP + C ordova + Android SDK + Xcode SDK. Cao Yuewen ywcao@se.cuhk.edu.hk 2017.09.21. XAMPP Installation. Download from https://www.apachefriends.org/index.html Windows version(windows 7 64 bit) will been shown
E N D
SEEM4570Tutorial 1:Software Installation XAMPP + Cordova+ Android SDK + Xcode SDK Cao Yuewen ywcao@se.cuhk.edu.hk 2017.09.21
XAMPP Installation • Download from https://www.apachefriends.org/index.html • Windows version(windows 7 64 bit) will been shown • Similar steps for Linux and OS X
XAMPP Installation Recommended path: D:\ or C:\
XAMPP Installation If you get this page, you have install xampp successfully
Cordova Installation 4 Steps : • Install node.js • Install jdk • Install ant • Install cordova
Cordova Installation - Install node.js • Download node.js • https://nodejs.org/en/ • Get node-v6.11.3-x64.msi
Cordova Installation - Install node.js This shows node.js installed successfully
Cordova Installation - Install jdk • Download java • http://www.oracle.com/technetwork/java/javase/downloads/index.html • Get jdk-8u144-windows-x64.exe
Cordova Installation - Install jdk • Configure environment variables • (D:\softwareData\)java\jdk1.8.0_144\bin • (D:\softwareData\)java\jre1.8.0_144\bin
Cordova Installation - Install jdk This shows jdk installed successfully
Cordova Installation - Install ant • Download ant • https://www.apache.org/dist/ant/binaries/ • Get apache-ant-1.10.1-bin.zip • Unzip this .zip file to a specified folder like D:\apache-ant-1.10.1 • Configure environment variables D:\apache-ant-1.10.1\bin Copy tools.jar from (D:\softwareData)\java\jdk1.8.0_144\lib to (D:\softwareData)\java\jre1.8.0_144\lib This shows ant installed successfully
Cordova Installation - Install cordova • Type “npm install –g cordova” at a command prompt • If you get this, installment is successful • If you get “’cordova’” is not recognized as an internal or external command’ after typing above command statement, check your environment path. There should be one named “(c:\users\YourUserName)\AppData\Roaming\npm\”. It should be added automatically when installing node.js. If there isn’t one, add it.
Android SDK Installation 3 Steps for windows : • Install jdk • Install eclipse • Install android sdk For Mac: Refer to https://www.androidcentral.com/installing-android-sdk-windows-mac-and-linux-tutorial
Android SDK Installation- Install eclipse • Download android sdk • http://www.eclipse.org/downloads/eclipse-packages/ • Unzip this .zip file to a specified folder and get eclipse file
Android SDK Installation- Install android sdk • Get android-studio-bundle-162.4069837-windows.exe • https://developer.android.com/studio/index.html • It takes about 30 minutes for setup
Xcode SDK Installation 2 Steps : • Install Mac OSX virtual machine on Vmware or VirtualBox • Install Xcode
Xcode SDK Installation- Install OSX • Download and install VirtualBox • https://www.virtualbox.org/wiki/Downloads • Download MacOS Sierra 10.12 (5.3GB) • https://drive.google.com/drive/folders/0B-PSijxodhB1OUZlLURhLUYwS2s
Xcode SDK Installation- Install OSX • Create new Virtual Machine
Xcode SDK Installation- Install OSX Same as your virtual machine name • Close virtualbox and type these in command line: cd "D:\softwareData\VirtualBox" VBoxManage.exe modifyvm "macOS Sierra" --cpuidset 00000001 000106e5 00100800 0098e3fd bfebfbff VBoxManage setextradata "macOS Sierra" "VBoxInternal/Devices/efi/0/Config/DmiSystemProduct" "iMac11,3" VBoxManage setextradata "macOS Sierra" "VBoxInternal/Devices/efi/0/Config/DmiSystemVersion" "1.0" VBoxManage setextradata "macOS Sierra" "VBoxInternal/Devices/efi/0/Config/DmiBoardProduct" "Iloveapple" VBoxManage setextradata "macOS Sierra" "VBoxInternal/Devices/smc/0/Config/DeviceKey" "ourhardworkbythesewordsguardedpleasedontsteal(c)AppleComputerInc" VBoxManage setextradata "macOS Sierra" "VBoxInternal/Devices/smc/0/Config/GetKeyFromRealSMC" 1
Xcode SDK Installation- Install OSX • Open virtualbox and click “start” • Some code will be loaded. It takes about 1 minute • Then run your virtual machine
Xcode SDK Installation- Install Xcode • Open App store and download Xcode • Install Xcode components and modify system settings