SEEM4570 Tutorial 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 A 32 bit build will run fine on 64 bit Windows. Php and Apache don't have official supported 64 bit Windows builds, only MySql out of the three does, hence no 64 bit bundle.

XAMPP Installation Recommended path: D:\ or C:\ you’d better install it on root directory of D or C disk, otherwise you will need to change lots of working path afterwards. It’s troublesome.

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 Follow the setup wizard

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 Make sure your computer internet connected when you download the package. Take your time

Xcode SDK Installation- Install OSX Create new Virtual Machine Configure system settings

Xcode SDK Installation- Install OSX 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 Same as your virtual machine name

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 Follow the configuration wizard. You will set the language, district, time and so on. It may take some time to response to your input. So you may see your computer is stuck. It’s ok. Please be patient.

Xcode SDK Installation- Install Xcode Open App store and download Xcode Install Xcode components and modify system settings Since the virtual machine is ready, what we need to do next is to open app store and download xcode.