This document provides instructions for setting up an Android development environment using Eclipse IDE and the Android Development Tools (ADT) plugin to develop PhoneGap applications. It describes downloading and installing the Java Development Kit (JDK), Eclipse, ADT plugin, Android SDK, Node.js, Cordova, and configuring a new Android project in Eclipse to use PhoneGap. The instructions also cover adding PhoneGap files to the project, updating the main Activity class, and permissions in AndroidManifest.xml to launch the application in an Android emulator.
The WebView Role in Hybrid ApplicationsHaim Michael
As of Android 4.4, the WebView class is based on the Chromium web browser. As a result of that, many of the difficulties we faced when developing hybrid applications for the android platform no longer exist. The meeting will start with overviewing the fundamental concept of hybrid applications. We will learn how to write code in JavaScript that while running inside the WebView it calls functions we define in Java and vice versa. We will see how we can debug code in JavaScript running inside the WebView and go through the many advanced capabilities we can enjoy when using the WebView class. In addition, we will understand how PhoneGap works and what might be the best practice for using it.
More information about the Java course I deliver can be found at java.course.lifemichael.com
More information about the Android course I deliver can be found at android.course.lifemichael.com
Slide ini merupakan tutorial dasar dari penggunaan javaScript. Bagaimana javascript berjalan dan penggunaannya, javaScript statement, javaScript variable, javaScript looping, dan javaScript operator.
지난 7월 29일, 개발자 여러분을 위해 준비한 "Windows 10 앱개발 100분 완성" 라이브 영상으로 Windows 10 UWP (Universal Windows Platform) 부터 IoT Core까지 Windows 10 과 관련된 전반적인 내용은 물론 개발에 필요한 핵심정보들을 전달해드립니다. 실시간으로 진행된 Q&A 와 Windows 10 앱개발 데모까지 On-demand 영상으로 확인하실 수 있습니다.
목차
1. UWP
2. XAML Controls
3. Networking
4. Linq
5. Adaptive UI
6. Data Binding
7. SQLite Local Database
8. Toast
[Devoxx Morocco 2015] Apache Cordova In ActionHazem Saleh
Apache Cordova is a platform for building native mobile apps using common Web technologies (HTML, CSS and JavaScript). Apache Cordova offers a set of APIs that allow the mobile app developers to utilize mobile native functions such as (Audio, Camera, Contacts …etc) using JavaScript. jQuery mobile is one of the best mobile web application frameworks, which allows the web developers to develop neat mobile web applications. This session discusses why there is a need for Hybrid mobile development, the current challenges of mobile development, and how using Apache Cordova can help in overcoming many of these technical challenges. It also highlights the best practices of using Apache Cordova with jQuery mobile. Finally, it demonstrates a real Cordova mobile app for showing the audience the best practices of designing, developing, and deploying hybrid Android and iOS mobile apps.
Angular 2 Seminar_(December 7/12/2015)Haim Michael
The slides I was using for the Angular 2 seminar that was delivered in Expert Days (2015).
More information about the Angular course I deliver can be found at angular.course.lifemichael.com
The slides for the short seminar about the Scala programming language. The seminar takes place in HIT.
More information about the Scala course I deliver can be found at scala.course.lifemichael.com
Desenvolvendo uma aplicação híbrida para Android e IOs utilizando Ionic, aces...Juliano Martins
Neste conjunto de slides, demonstro a criação de uma aplicação híbrida para Android e IOs (Iphone) utilizando Ionic, Cordova e acessando SQLite, que irá executar as oprações básicas: incluir, listar, excluir e alterar dados.
Código fonte disponível em https://github.com/julianommartins/ionicDataBase
[JMaghreb 2014] Developing JavaScript Mobile Apps Using Apache CordovaHazem Saleh
Apache Cordova is a platform for building native mobile applications using common Web technologies (HTML, CSS and JavaScript). Apache Cordova offers a set of APIs that allow the mobile application developers to access mobile native functions such as (Audio, Camera, File, Battery, Contacts …etc) using JavaScript. Although there are many JavaScript mobile application frameworks, jQuery mobile is one of the best mobile web application frameworks which allows the web developers to develop web applications that are mobile friendly. This session illustrates how to use Apache Cordova with the combination of jQuery mobile in order to develop a native Android application and deploy on a real Android device. The demo application (“Memo” application) utilizes mobile native functions (Audio and Camera) using pure JavaScript.
The WebView Role in Hybrid ApplicationsHaim Michael
As of Android 4.4, the WebView class is based on the Chromium web browser. As a result of that, many of the difficulties we faced when developing hybrid applications for the android platform no longer exist. The meeting will start with overviewing the fundamental concept of hybrid applications. We will learn how to write code in JavaScript that while running inside the WebView it calls functions we define in Java and vice versa. We will see how we can debug code in JavaScript running inside the WebView and go through the many advanced capabilities we can enjoy when using the WebView class. In addition, we will understand how PhoneGap works and what might be the best practice for using it.
More information about the Java course I deliver can be found at java.course.lifemichael.com
More information about the Android course I deliver can be found at android.course.lifemichael.com
Slide ini merupakan tutorial dasar dari penggunaan javaScript. Bagaimana javascript berjalan dan penggunaannya, javaScript statement, javaScript variable, javaScript looping, dan javaScript operator.
지난 7월 29일, 개발자 여러분을 위해 준비한 "Windows 10 앱개발 100분 완성" 라이브 영상으로 Windows 10 UWP (Universal Windows Platform) 부터 IoT Core까지 Windows 10 과 관련된 전반적인 내용은 물론 개발에 필요한 핵심정보들을 전달해드립니다. 실시간으로 진행된 Q&A 와 Windows 10 앱개발 데모까지 On-demand 영상으로 확인하실 수 있습니다.
목차
1. UWP
2. XAML Controls
3. Networking
4. Linq
5. Adaptive UI
6. Data Binding
7. SQLite Local Database
8. Toast
[Devoxx Morocco 2015] Apache Cordova In ActionHazem Saleh
Apache Cordova is a platform for building native mobile apps using common Web technologies (HTML, CSS and JavaScript). Apache Cordova offers a set of APIs that allow the mobile app developers to utilize mobile native functions such as (Audio, Camera, Contacts …etc) using JavaScript. jQuery mobile is one of the best mobile web application frameworks, which allows the web developers to develop neat mobile web applications. This session discusses why there is a need for Hybrid mobile development, the current challenges of mobile development, and how using Apache Cordova can help in overcoming many of these technical challenges. It also highlights the best practices of using Apache Cordova with jQuery mobile. Finally, it demonstrates a real Cordova mobile app for showing the audience the best practices of designing, developing, and deploying hybrid Android and iOS mobile apps.
Angular 2 Seminar_(December 7/12/2015)Haim Michael
The slides I was using for the Angular 2 seminar that was delivered in Expert Days (2015).
More information about the Angular course I deliver can be found at angular.course.lifemichael.com
The slides for the short seminar about the Scala programming language. The seminar takes place in HIT.
More information about the Scala course I deliver can be found at scala.course.lifemichael.com
Desenvolvendo uma aplicação híbrida para Android e IOs utilizando Ionic, aces...Juliano Martins
Neste conjunto de slides, demonstro a criação de uma aplicação híbrida para Android e IOs (Iphone) utilizando Ionic, Cordova e acessando SQLite, que irá executar as oprações básicas: incluir, listar, excluir e alterar dados.
Código fonte disponível em https://github.com/julianommartins/ionicDataBase
[JMaghreb 2014] Developing JavaScript Mobile Apps Using Apache CordovaHazem Saleh
Apache Cordova is a platform for building native mobile applications using common Web technologies (HTML, CSS and JavaScript). Apache Cordova offers a set of APIs that allow the mobile application developers to access mobile native functions such as (Audio, Camera, File, Battery, Contacts …etc) using JavaScript. Although there are many JavaScript mobile application frameworks, jQuery mobile is one of the best mobile web application frameworks which allows the web developers to develop web applications that are mobile friendly. This session illustrates how to use Apache Cordova with the combination of jQuery mobile in order to develop a native Android application and deploy on a real Android device. The demo application (“Memo” application) utilizes mobile native functions (Audio and Camera) using pure JavaScript.
esta presentacion es de una lectura de begoña gros donde nos habla de como podemos trabajar en colaboracion mediante las herramientas de la tecnologia.
Presentation on how you can use Alteryx and Tableau together. This was presented by Stephen Wagner (@AnalyticsWagner) at the November meeting of the Twin Cities Tableau User Group.
Methods to set up android app development environmentastoria0128
The Goal of mobilepundits in this slide is to give an information that how to set up Android app development environment to build a successful Android application. The intended audience for this information is beginner level developer with basic knowledge of Android app development environment.
It is an introduction session for Android Development.
Agenda:-
- What is Android ?
- What tools will be used in development ?
- Installation and configuration
- First App “Hello World Example” and Run it
- What files exists in Android project ?
- How to install App in real phone or tablet ?
- How to publish App in Google Play ?
Getting started with android dev and test perspectiveGunjan Kumar
The presentation covers basic intro to Android, how to get started with development, including instructions on setup, common UI usages like menus, dialogs; details on services like Sensors, Location and Google Maps
It also covers ideas on how to test including details on shell and installation instructions without using Eclipse
2. Setting Up Android ADT And Eclipse
Although Eclipse IDE is not strictly necessary but it’s the officially
recommended IDE for Android, it also makes testing, debugging and
deployment much easier for a beginner.
What you need to install ?
JDK/JRE
Eclipse
ADT (Android Development Tools)
WWW.ORISYS.IN 2
3. Step 1. Install JDK and Eclipse IDE
Open a terminal and install Eclipse IDE as well as JDK, in one command
(Installs Eclipse 3.7 + OpenJDK 6). The command is:
sudo apt-get install eclipse-jdt
Step 2. Download Android SDK Starter Package
Download Android SDK Starter Package (From Official Site)
Step 3. Install ADT Plugins for Eclipse
Now, Open Eclipse IDE -> select a workspace (any folder created in you system) -> OK.
Eclipse launches. Now go to Help -> Install New Software, then click on Add and
enter the following URL as Location:
https://dl-ssl.google.com/android/eclipse/ and Android ADT as name -> OK.
WWW.ORISYS.IN 3
5. Now select the Developer Tools, then a couple of Next, followed by Finish -> Accept the
terms and conditions -> OK.
This would begin the Download/Installation process; once it completes, a warning pop-up
opens up -> click OK, restart Eclipse.
WWW.ORISYS.IN 5
6. Step 4. Install Android SDK
Then open Window -> Preferences -> Select Android from left menu and locate your Android
SDK starter package (You should browse the location of extracted Android SDK starter package) ->
Apply -> OK.
WWW.ORISYS.IN 6
7. Then go to Window -> Android SDK Manager, Select the packages you want to install
and click Install [x] Packages. Accept terms and conditions -> OK
WWW.ORISYS.IN 7
8. Step 5. Installing Phonegap/Cordova
Now, you’ve Android and Java environment ready, install Cordova/Phonegap.
WWW.ORISYS.IN 8
Install NodeJS
Open a terminal and type: (The NodeJS package available in repository may be out of date,
so use ppa)
sudo apt-add-repository -y ppa:chris-lea/node.js
sudo apt-get -y update
sudo apt-get -y install NodeJS
9. WWW.ORISYS.IN 9
Install Cordova
Open a terminal and type:
sudo npm install -g cordova
Open a terminal and type Cordova, just to make sure it’s installed correctly.
Now, the development IDE is all set.
10. Downloading and installing PhoneGap
Visit the PhoneGap download page http://phonegap.com/install/ and
Download the latest PhoneGap version zip.
Extract the archive to your local file system for later use.
You are now ready to create your first PhoneGap project for Android within Eclipse.
WWW.ORISYS.IN 10
11. Creating the project in Eclipse
Follow these steps to create a new Android project in Eclipse:
WWW.ORISYS.IN 11
Choose New > Android Project
Other steps will be demonstrated in following slides :
12. In the New Android Project dialog box, type a project name and select
Create New Project In Workspace
Click Next.
WWW.ORISYS.IN 12
16. Configure the project to use PhoneGap
Create an assets/www directory and a libs directory inside of the new Android project.
All of the HTML and JavaScript for your PhoneGap application interface will reside within
the assets/www folder
WWW.ORISYS.IN 16
17. Copy cordova-x.x.x.js to the assets/www directory within the
Android project.
Copy cordova-x.x.x.jar to the libs directory within the Android
project.
Copy the xml directory into the res directory within the
Android project
WWW.ORISYS.IN 17
18. Next, create a file named index.html in the assets/www folder. This file will
be used as the main entry point for your PhoneGap application's interface.
In index.html, add the following HTML code to act as a starting point for
your user interface development:
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src=
"cordova- 1.5.0.js"></script>
</head>
<body>
<h1>Hello PhoneGap</h1>
</body>
</html>
WWW.ORISYS.IN 18
19. You will need to add the cordova-x.x.x.jar library to the build path for the Android project.
Right-click cordova-x.x.x.jar and select Build Path > Add To Build Path
WWW.ORISYS.IN 19
20. WWW.ORISYS.IN 20
Update the Activity class
Open application Activity file.
In the main Activity class, add an import statement
import org.apache.cordova.DroidGap;
Change the base class from Activity to DroidGap
This is in the class definition following the word ‘extends’
Replace the call to setContentView() with a reference to load the PhoneGap interface from the
local assets/www/index.html file, which you created earlier
super.loadUrl("file:///android_asset/www/index.html");
22. Open AndroidManifest.xml file in project root.
Use the Eclipse text editor by right-clicking the AndroidManifest.xml file
and selecting Open With > Text Editor
WWW.ORISYS.IN 22
23. In AndroidManifest.xml, add the following supports-screen XML node as a
child of the root manifest node:
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
Copy the following <uses-permission> XML nodes and paste them as
children of the root <manifest> node in the AndroidManifest.xml file:
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
WWW.ORISYS.IN 23
24. <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />
Locate the <activity> node, which is a child of the <application> XML node.
Add the following attribute to the <activity> node:
android:configChanges="orientation|keyboardHidden"
www.orisys.in 24
25. Running the application
To launch PhoneGap application in the Android emulator, right-click the project
root, and select Run As > Android Application
WWW.ORISYS.IN 25