Choose OS and click on it

Similar documents
Android Studio Setup Procedure

HOW TO DEVELOP FOR GLASS ENTERPRISE

Ionic Tutorial. For Cross Platform Mobile Software Development

Getting Started with Eclipse/Java

SAM4S Receipt Printer JPOS Driver. Mac OS X Installation Manual

Citrix Desktop for Home Computers Mac OS Instructions

Installation Guide - Mac

Developing Android applications in Windows

Workshare Client Extranet. Getting Started Guide. for Mac

RTMS - Software Setup

Installation Instructions

By Stephen Cavell, Kerry Ellwanger, and Jack Livingston

Installing and Building Apps on a Mac

opensap Developing Mobile Apps with SAP HANA Cloud Platform Setting Up Your Development Environment

Getting Started with Android Development Zebra Android Link-OS SDK Android Studio

Sample Spark Web-App. Overview. Prerequisites

Installing and Building Apps on a Mac

JCCC Virtual Labs. Click the link for more information on installing on that device type. Windows PC/laptop Apple imac or MacBook ipad Android Linux

SD Module- Android Programming

How to Convert a Simple Web Site into a Mobile App. Using PhoneGap Build, PhoneGap Desktop, PhoneGap CLI. Use Android Studio

Discovering Computers & Microsoft Office Office 2010 and Windows 7: Essential Concepts and Skills

Eclipse Environment Setup

In order to update you will have to uninstall the current version and install the newer version using the same procedure.

Oracle Enterprise Pack

Using Eclipse for C Programming

Living Systems Process Suite. Installation. Living Systems Process Suite Documentation. 3.1 Thu Nov

Silk Test Testing Mobile Applications

Ensuring your computer has Java

Installation Guide - Windows

Downloading and editing signatures!

TEMPO INSTALLATION I O A. Platform Independent Notes 1. Installing Tempo 3. Installing Tools for the Plugins 5. v0.2.

Mehran Sahami Handout #5 CS 106A September 26, 2018 Downloading Eclipse

Remote Workspace. Nubo End User Guide. Version: 1.3 Date: June, Copyright 2017 by Nubo Inc. All rights reserved. Page 1

Installation Guide - Mac

Archivists Toolkit Internal Database

Welcome to Kmax Installing Kmax

Manual Eclipse CDT Mac OS Snow Leopard

Comcast Communicator Download, Login and Set Up Guide

Multi-Sponsor Environment. SAS Clinical Trial Data Transparency User Guide

This tutorial provides a basic understanding of how to generate professional reports using Pentaho Report Designer.

IBM TRIRIGA Anywhere Version 10 Release 4.2. Installing a development environment IBM

Lab Android Development Environment

IBM Maximo Anywhere Version 7 Release 6. Planning, installation, and deployment IBM

Purpose. Why use Java? Installing the Software. Java

OnlineAccess. » Upload and manage your content online. » Allow others to view and edit your files. MobileDevices

Prezi Creating a Prezi

Standard Edition (SE) application development Enterprise Edition (EE) enterprise development Micro Edition (ME) Internet of Things (IoT) development

Installation Instructions

Hello World. Lesson 1. Create your first Android. Android Developer Fundamentals. Android Developer Fundamentals

Ebrary User Guide. Downloading a Book: Reading ebrary books online: Accessing BookShelf: Using the Bookshelf:

Oracle Real-Time Scheduler

CSCI 201 Lab 1 Environment Setup

Lab 3: Using Worklight Server and Environment Optimization Lab Exercise

Exercise 1. Bluemix and the Cloud Foundry command-line interface (CLI)

IBM Maximo Anywhere Version 7 Release 6. Planning, installation, and deployment IBM

Topic: Dropbox. Instructional Technology Services Dropbox Faculty Help. Dropbox Features: Minimum Requirements: Create a Dropbox Account

Guide to add as trusted site in Java 8 Update 51. Version of 24 OCBC Bank. All Rights Reserved

Mehran Sahami Handout #5 CS 106A September 27, 2017 Downloading Eclipse

Installation guide for Java. Step by Step Guide. A C A D G I L D Page 1

Locate your Advanced Tools and Applications

i2b2 Workbench Developer s Guide: Eclipse Neon & i2b2 Source Code

Standard Edition (SE) application development Enterprise Edition (EE) enterprise development Micro Edition (ME) Internet of Things (IoT) development

Mobile Application Development

Mobile Computing. FINAL EXAM Due date: Dec. 23, 2018 NOTE: WRITE YOUR ANSWERS IN ENGLISH. ID#: Name: (Kor.) (Eng.)

Installation Guide - Mac

Contents Overview... 2 Part I Connecting to the VPN via Windows OS Accessing the Site with the View Client Installing...

Use Jamf Self Service to upgrade to macos Mojave

SecuriSync Get Started Guide for Windows

ECM-VNA Convergence Connector

Installation Guide - Mac

1.00/1.001 HowTo: Install Eclipse

Software Architecture Documentation for the JRC MYGEOSS app for Invasive Species project

WEWORK PRINTER INSTRUCTIONS FOR PAPERCUT. Installing Papercut and Printers for Mac OSX Printing Retrieving Your Prints Frequently Asked Questions

Nextiva Drive The Setup Process Mobility & Storage Option

Setting up to download Grants Group Application Forms

Workspace ONE Content for Android User Guide. VMware Workspace ONE UEM

Connecting Remotely Staff & Students

IBM BlueMix Workshop. Lab D Build Android Application using Mobile Cloud Boiler Plate

An Introduction to Google Chrome

I / PM Express Imaging and Process Management Web Express. User Guide EWU s Web based Document Imaging solution

Installing and Configuring hopto Work. System Requirements Be sure you have these system requirements to install and use hopto Work.

Manual Update Java Bit Offline

From using an External Harddrive, to a Google Cloud Drive; there is no one way to backup data.

Internet Browsers with CYBER

About Xcode and iphone SDK

Getting Started with Office 365

Multi-platform Mobile App. Development with Apache Cordova

Installing Eclipse (C++/Java)

Homework #7 Google Cloud Platform

XML Tutorial. NOTE: This course is for basic concepts of XML in line with our existing Android Studio project.

Lab 2 Examine More Development Features in IBM Worklight

How to Transfer Your Contact Information Into Microsoft Outlook 2010

Microsoft Access 2013

5th April Installation Manual. Department of Computing and Networking Software Development Degree

Installing and configuring an Android device emulator. EntwicklerCamp 2012

CSCI 161: Introduction to Programming I Lab 1a: Programming Environment: Linux and Eclipse

Apache Tomcat Installation guide step by step on windows

LiveNX Upgrade Guide from v5.1.2 to v Windows

Windows quick start instructions Pg. 1. OS X quick start instructions Pg. 4. ios quick start instructions Pg. 6

Save and Restore Backups using itunes File Sharing

Transcription:

1. Installation: 1.1. Install Node.js. Cordova runs on the Node.js platform, which needs to be installed as the first step. Download installer from: https://nodejs.org/en/download/ 1.1.1. Choose LTS version, it should have green background (It is recommended to use for vast majority of users) 1.1.2. Choose OS and click on it 1.1.3. Go ahead and run the downloaded installation file. It is recommended to use the default settings. 1.1.4. After installation open terminal and type: $ node -v (it should show your version of node) You should see the version, for example: v6.8.1 1.2. Install Cordova. Cordova is installed using the Node Package Manager (npm). 1.2.1. Type the following in the command window to install: on OS X and Linux: $ sudo npm install -g cordova on Windows: $ C:\>npm install -g cordova 1.2.2. After installation open terminal and type: $ cordova --version (it should show you version of cordova): You should see the version, for example: 7.0.1 NOTE : cordova 7 supports only android 5+ if you want to support android 4.3.0+ as well - you need cordova 6.x

1.3. Installing the Requirements for Android. To create and run programs on Android we need to install some tools: 1.3.1. Install Java Development Kit (JDK) 8 from: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-dow nloads-2133151.html 1.3.1.1. Choose OS and click in the right column (name Downloads): 1.3.1.2. At Windows and Mac at the Control Panel you will see Java icons: Or just open terminal and type: $ java -version (it should show you version of java): java version "1.8.0_121" Java(TM) SE Runtime Environment (build 1.8.0_121-b13) Java HotSpot(TM) 64-Bit Server VM (build 25.121-b13, mixed mode) 1.3.2. Install Android Studio. Install from: https://developer.android.com/studio/index.html Press green button:

MAC : 1.3.2.1. Launch the Android Studio DMG file. 1.3.2.2. Drag and drop Android Studio into the Applications folder, then launch Android Studio. 1.3.2.3. Select whether you want to import previous Android Studio settings, then click OK. 1.3.2.4. The Android Studio Setup Wizard guides you through the rest of the setup, which includes downloading Android SDK components that are required for development. Linux: 1.3.2.5. Download Android Studio from here, use All Android Studio Packages 1.3.2.6. Extract the archive file into an appropriate location for your applications, eg: /opt. Use the filename of your downloaded archive, in my example android-studio-ide-141.2178183-linux.zip $ sudo unzip android-studio-ide-141.2178183-linux.zip -d /opt 1.3.2.7. To launch Android Studio, navigate to the /opt/android-studio/bin directory in a terminal and execute./studio.sh. Or use a desktop file, see below. Windows: 1.3.2.8. Right-click the My Computer icon on desktop 1.3.2.9. Select Properties. 1.3.2.10. Go to Advanced System Settings on Left pane 1.3.2.11. Click the Advanced tab 1.3.2.12. Click Environment Variables button on bottom right 1.3.2.13. Under System Variables, click New 1.3.2.14. Enter the variable name as JAVA_HOME 1.3.2.15. Enter the variable value as the installation path for the Java Development Kit, which should be "C:\Program Files\Java\jdk1.8.0_111" (but do confirm that it's correct) 1.3.2.16. Click OK. 1.3.2.17. Click Apply Changes. 1.3.3. Open the Android SDK Manager you must also install the packages for whatever API level you wish to target. 1.3.3.1. Open the Preferences window by clicking File > Settings (on Mac, Android Studio > Preferences ). 1.3.3.2. In the left panel, click Appearance & Behavior > System Settings > Updates.

1.3.3.3. Be sure that Automatically check for updates is checked, then select a channel from the drop-down list (see figure 1). 1.3.3.4. Click Apply or OK. 1.4. Installing the Requirements for ios. 1.4.1. Install Xcode. From App Store: 1.4.1.1. Open App Store. 1.4.1.2. At the Search type Xcode (1). Then find Xcode item and press on it (2). 1.4.1.3. You are redirected to the Xcode screen. Press Get under the Xcode logo to install.

Wait a little while it is installing. 1.4.2. The ios-deploy tools allow you to launch ios apps on an ios Device from the command-line. To install it, run the following from command-line terminal: $ npm install -g ios-deploy 2. Create Cordova project. Create a blank Cordova project using the command-line tool. Navigate to the directory where you wish to create your project and type: $ cordova create <projectname> $ cordova create MyApp You must see that: Creating a new cordova project 3. Add a platform. After creating a Cordova project, navigate to the project directory. From the project directory, you need to add a platform for which you want to build your app. To add a platform, type $ cordova platform add <platform name> $ cordova platform add android You must see that: Using cordova-fetch for cordova-android@~6.2.2 Adding android project... Creating Cordova project for the Android platform: Path: platforms/android Package: io.cordova.hellocordova Name: HelloCordova Activity: MainActivity Android target: android-25 Subproject Path: CordovaLib Android project created with cordova-android@6.2.3 Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project Installing "cordova-plugin-whitelist" for android This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.

Adding cordova-plugin-whitelist to package.json Saved plugin info for "cordova-plugin-whitelist" to config.xml --save flag or autosave detected Saving android@~6.2.3 into config.xml file... 4. Make the build. From the command line, run $ cordova build <platform name> $ cordova build android You must see that: BUILD SUCCESSFUL 5. Run your app. From the command line, run $ cordova run <platform name> $ cordova run android it makes a build and then it will deploy on the emulator or on the specific device you connected. 6. Add/rm plugins. To add plugin you need type at the terminal next command: $ cordova plugin add <plugin name> $ cordova plugin add cordova-plugin-camera You must see that: Fetching plugin "cordova-plugin-camera@~2.1.0" via npm Installing "cordova-plugin-camera" for android To find plugin you need just type: $ cordova plugin search <plugin name to find> $ cordova plugin search camera It opens page at the browser: http://cordova.apache.org/plugins/?q=camera To view currently installed plugins you need just type: $ cordova plugin ls

$ cordova plugin ls You must see that: cordova-plugin-camera 2.4.1 "Camera" cordova-plugin-compat 1.1.0 "Compat" cordova-plugin... To remove plugin you need just type: $ cordova plugin rm <plugin name> $ cordova plugin rm cordova-plugin-camera You must see that: Uninstalling 1 dependent plugins. Uninstalling cordova-plugin-compat from android Uninstalling cordova-plugin-camera from android Subproject Path: CordovaLib Removing "cordova-plugin-camera" Removing plugin cordova-plugin-camera from config.xml file... Removing cordova-plugin-camera from package.json 7. Deploying to Simulator. To preview the app in the ios simulator: 7.1. Enter dependencies at the Xcode 7.2. Open the workspace file (platforms/ios/helloworld.xcworkspace) from Xcode

7.3. Make sure the project is selected in the left panel (1). 7.4. Select the intended device from the toolbar's Scheme menu, such as the iphone 7 Plus Simulator as highlighted in (2) 7.5. Press the Run button (3) in the same toolbar to the left of the Scheme. That builds, deploys, and runs the application in the simulator. 8. Submission your app. 8.1. Android: 8.1.1. Open Android Studio. At the setting bar you need to find button Build and press on it. Where should be drop down box and you need to press Generate Signed APK 8.1.2. Then press Next

8.1.3. Press on Choose existing... (1) and find at you project directory android_keys folder. Open that folder and choose file release_key.jks Enter Key store password (2). Enter Key password (3). Press Next (4). 8.1.4. Choose folder to store release file (1). Press finish to continue (2). Then you need to wait a little. After you should see an successfull message. NOTE : Don t delete file release_key.jks

8.1.5. Upload the APK to the Google Play Market for the release build and publish the listing. 8.1.5.1. To start, you ll need to visit the Google Play Store Developer Console and create a new developer account. Unfortunately, this is not free. 8.1.5.2. Once you have a developer account, you can go ahead and click Publish an Android App on Google Play 8.1.5.3. Then, you can go ahead and click the button to edit the store listing (We will upload an APK later). You ll want to fill out the description for the app. 8.1.5.4. When you are ready, upload the APK for the release build and publish the listing. 8.2. ios: 8.2.1. Open Xcode, the open your cordova project. At The General (Just press on the Name Project Sing - (1)) Scroll down to the App Icons and Launch Images and press to the arrow (2) Than just sure that all icons you need are here.

8.2.2. Press on Xcode (1), then Preferences (2), press Accounts and add (if you need) an user Apple ID - just press on the + an select Add Apple ID... (4, 5).

8.2.3. Create an archive: press on the Product (1) and then press on the Archive (2) 8.2.4. Press on the Validate... button. Choose Apple developer you need (click on the button with up and down arrows, and press Choose ). Wait until archive will be prepared. Click on Validate button down the box. Wait until it will show you success screen. Press Done down the box. 8.2.5. Click at the Upload to App Store... Choose Apple developer you need (click on the button with up and down arrows, and press Choose ) once again.wait until archive will be prepared. Click on Upload button down the box. Wait until it will show you success screen. Press Done down the box.