<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-884131526450123494</id><updated>2024-12-18T19:24:59.019-08:00</updated><title type='text'>Mobile App Solutions</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>140</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-5627325358527051159</id><published>2015-12-29T20:45:00.000-08:00</published><updated>2015-12-29T20:45:19.730-08:00</updated><title type='text'>Sending &amp; Receiving Push Notifications in Ionic Apps</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
https://thinkster.io/ionic-push-notifications-tutorial&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/5627325358527051159/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/sending-receiving-push-notifications-in.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/5627325358527051159'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/5627325358527051159'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/sending-receiving-push-notifications-in.html' title='Sending &amp; Receiving Push Notifications in Ionic Apps'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-3318135486895044074</id><published>2015-12-29T20:40:00.000-08:00</published><updated>2016-01-12T21:35:33.210-08:00</updated><title type='text'>Use The Android And iOS Camera With Ionic Framework</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Most smart phones on the market have at least one camera if not two. 
&amp;nbsp;You may want to leverage these cameras to make the next Instagram or 
SnapChat type application. &amp;nbsp;Lucky for us, the native Android and iOS 
camera can be easily accessed using &lt;a href=&quot;http://www.ionicframework.com/&quot; target=&quot;_blank&quot; title=&quot;IonicFramework&quot;&gt;Ionic Framework&lt;/a&gt; and the AngularJS extension set, ngCordova.&lt;br /&gt;
The following will help you add camera functionality into your latest creation.&lt;br /&gt;
&lt;span id=&quot;more-740&quot;&gt;&lt;/span&gt;&lt;br /&gt;
Let’s start by creating a new Ionic project with the Android and iOS platforms:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-56835deab98af923185896&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;Create Android and iOS Ionic Framework project&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;Shell&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98af923185896-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98af923185896-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98af923185896-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98af923185896-4&quot;&gt;
4&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98af923185896-1&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;&amp;nbsp;ionic &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;start &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;IonicProject &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;blank&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98af923185896-2&quot;&gt;
&lt;span class=&quot;crayon-r&quot;&gt;cd&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;IonicProject&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98af923185896-3&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;ionic &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;platform &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;add &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;android&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98af923185896-4&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;ionic &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;platform &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;add &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;ios&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Remember that you must be using a Mac if you wish to build for iOS.&lt;br /&gt;
The next thing we want to do is add the &lt;a href=&quot;https://github.com/apache/cordova-plugin-camera&quot; target=&quot;_blank&quot; title=&quot;Apache Cordova Camera Plugin&quot;&gt;Apache Cordova camera plugin&lt;/a&gt;. &amp;nbsp;This can be done by running the following:&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-56835deab98c9445833239&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;Install Apache Cordova Camera Plugin&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;Shell&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98c9445833239-1&quot;&gt;
1&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98c9445833239-1&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;&amp;nbsp;cordova &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;plugin &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;add &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;org&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;.apache&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;.cordova&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;.camera&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
For this tutorial we are going to be using the AngularJS extension set for Apache Cordova called &lt;a href=&quot;http://ngcordova.com/&quot; target=&quot;_blank&quot; title=&quot;ngCordova&quot;&gt;ngCordova&lt;/a&gt;. &amp;nbsp;Start by downloading the &lt;a href=&quot;https://github.com/driftyco/ng-cordova/releases&quot; target=&quot;_blank&quot; title=&quot;ngCordova Latest Release&quot;&gt;latest release&lt;/a&gt; of ngCordova and placing the&amp;nbsp;&lt;b&gt;ng-cordova.min.js&lt;/b&gt; file in your project’s&amp;nbsp;&lt;b&gt;www/js&lt;/b&gt; directory.&lt;br /&gt;
Next we need to include this file in our project’s code. &amp;nbsp;Open the&amp;nbsp;&lt;b&gt;index.html&lt;/b&gt; file and include the script before the&amp;nbsp;&lt;b&gt;cordova.js&lt;/b&gt; line like below:&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-56835deab98d0953746402&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;index.html&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-mixed-highlight&quot; title=&quot;Contains Mixed Languages&quot;&gt;&lt;/span&gt;&lt;span class=&quot;crayon-language&quot;&gt;XHTML&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d0953746402-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98d0953746402-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d0953746402-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98d0953746402-4&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d0953746402-5&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98d0953746402-6&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d0953746402-7&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98d0953746402-8&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-marked-num crayon-top&quot; data-line=&quot;crayon-56835deab98d0953746402-9&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-marked-num crayon-bottom crayon-striped-num&quot; data-line=&quot;crayon-56835deab98d0953746402-10&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d0953746402-11&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98d0953746402-12&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d0953746402-13&quot;&gt;
13&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-1&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98d0953746402-2&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-3&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98d0953746402-4&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;name&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;viewport&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;content&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-5&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98d0953746402-6&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;link &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;href&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;lib/ionic/css/ionic.css&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;stylesheet&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-7&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;link &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;href&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;css/style.css&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;stylesheet&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98d0953746402-8&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;lib/ionic/js/ionic.bundle.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-marked-line crayon-top&quot; id=&quot;crayon-56835deab98d0953746402-9&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;js/ng-cordova.min.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-marked-line crayon-bottom crayon-striped-line&quot; id=&quot;crayon-56835deab98d0953746402-10&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;cordova.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-11&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;js/app.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98d0953746402-12&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d0953746402-13&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;body &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-app&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;starter&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
This will include the library into our project, but now we need to include it for use in AngularJS. &amp;nbsp;Open your&amp;nbsp;&lt;b&gt;app.js&lt;/b&gt; file and alter the&amp;nbsp;&lt;b&gt;angular.module&lt;/b&gt; line to look like the following:&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-56835deab98d7894368206&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;app.js&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;br /&gt;
&lt;span class=&quot;crayon-language&quot;&gt;JavaScript&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98d7894368206-1&quot;&gt;
1&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98d7894368206-1&quot;&gt;
&lt;span class=&quot;crayon-v&quot;&gt;angular&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;module&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&#39;starter&#39;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&#39;ionic&#39;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&#39;ngCordova&#39;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Now we’re ready for the fun stuff. &amp;nbsp;Inside your&amp;nbsp;&lt;b&gt;app.js&lt;/b&gt;
 file, we need to add a controller with a method that will launch the 
camera. &amp;nbsp;The following was copied almost exactly from the ngCordova 
documentation:&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-56835deab98ef646815380&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;app.js&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-4&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-5&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-6&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-7&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-8&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-9&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-10&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-11&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-12&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-13&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-14&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-15&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-16&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-marked-num crayon-top crayon-bottom&quot; data-line=&quot;crayon-56835deab98ef646815380-17&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-18&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-19&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-20&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-21&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98ef646815380-22&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98ef646815380-23&quot;&gt;
23&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;span class=&quot;crayon-v&quot;&gt;exampleApp&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;controller&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;ExampleController&quot;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;scope&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;cordovaCamera&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-2&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-3&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;scope&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;takePicture&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-4&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;options&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-5&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;quality&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-cn&quot;&gt;75&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-6&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;destinationType&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;Camera&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;DestinationType&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;DATA_URL&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-7&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;sourceType&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;Camera&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;PictureSourceType&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;CAMERA&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-8&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;allowEdit&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;true&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-9&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;encodingType&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;Camera&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;EncodingType&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;JPEG&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-10&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;targetWidth&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-cn&quot;&gt;300&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-11&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;targetHeight&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-cn&quot;&gt;300&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-12&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;popoverOptions&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;CameraPopoverOptions&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-13&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;saveToPhotoAlbum&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;false&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-14&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-15&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-16&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;cordovaCamera&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;getPicture&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;options&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-st&quot;&gt;then&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;imageData&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-marked-line crayon-top crayon-bottom&quot; id=&quot;crayon-56835deab98ef646815380-17&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;scope&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;imgURI&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;data:image/jpeg;base64,&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;imageData&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-18&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;err&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-19&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-c&quot;&gt;// An error occured. Show a message to the user&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-20&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-21&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98ef646815380-22&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98ef646815380-23&quot;&gt;
&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Notice on line 17, I added a bunch of other data to my scope. &amp;nbsp;Because our destination type is&amp;nbsp;&lt;b&gt;DATA_URL&lt;/b&gt; we will be returning raw camera data rather than a file. &amp;nbsp;By adding&amp;nbsp;&lt;b&gt;data:image/jpeg;base64&lt;/b&gt; we can use an HTML img tag to display our freshly created snapshot.&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-56835deab98fa562432340&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;index.html&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;XHTML&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98fa562432340-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98fa562432340-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98fa562432340-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-56835deab98fa562432340-4&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-56835deab98fa562432340-5&quot;&gt;
5&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98fa562432340-1&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98fa562432340-1&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;ion-content &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-controller&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;ExampleController&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98fa562432340-2&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;img &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-show&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;imgURI !== undefined&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;{{imgURI}}&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98fa562432340-3&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;img &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-show&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;imgURI === undefined&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;http://placehold.it/300x300&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-56835deab98fa562432340-4&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;button &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;class&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;button&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-click&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;takePicture()&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-i &quot;&gt;Take Picture&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-56835deab98fa562432340-5&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/ion-content&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Just like that, you can call&amp;nbsp;&lt;b&gt;takePicture()&lt;/b&gt; from your UI and initialize the native Android and iOS camera in Ionic Framework.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/3318135486895044074/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/use-android-and-ios-camera-with-ionic.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/3318135486895044074'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/3318135486895044074'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/use-android-and-ios-camera-with-ionic.html' title='Use The Android And iOS Camera With Ionic Framework'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-4265817504006867347</id><published>2015-12-29T20:37:00.002-08:00</published><updated>2016-01-12T21:35:56.813-08:00</updated><title type='text'>Implement Google Maps Using Ionic Framework</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
he following will get you a fresh Ionic project with geolocation and a fancy Google Map.
&lt;br /&gt;
&lt;span id=&quot;more-684&quot;&gt;&lt;/span&gt;&lt;br /&gt;
Like with most of my Ionic tutorials, let’s start by creating a new project with the iOS and Android platforms added:&lt;span class=&quot;crayon-title&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;crayon-title&quot;&gt;Create new Ionic Android and iOS project&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-568350a6c2021998599771&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;Shell&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2021998599771-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2021998599771-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2021998599771-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2021998599771-4&quot;&gt;
4&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2021998599771-1&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;ionic &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;start &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;IonicExample &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;blank&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2021998599771-2&quot;&gt;
&lt;span class=&quot;crayon-r&quot;&gt;cd&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;IonicExample&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2021998599771-3&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;ionic &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;platform &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;add &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;android&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2021998599771-4&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;ionic &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;platform &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;add &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;ios&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Remember, if you’re not on a Mac, you cannot build for iOS.&lt;br /&gt;
Since we are using maps, it is probably a good idea to add geolocation functionality to your application. &amp;nbsp;You can add the &lt;a href=&quot;https://cordova.apache.org/docs/en/3.0.0/cordova_geolocation_geolocation.md.html&quot; target=&quot;_blank&quot; title=&quot;Apache Cordova Geolocation Plugin API&quot;&gt;Apache Cordova Geolocation API&lt;/a&gt; by running the following command:&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-568350a6c2047229060814&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;Install Apache Cordova Geolocation Plugin&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;Shell&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2047229060814-1&quot;&gt;
1&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2047229060814-1&quot;&gt;
&lt;span class=&quot;crayon-e&quot;&gt;cordova &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;plugin &lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;add &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;https&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;git&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;wip&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;us&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;.apache&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;.org&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;repos&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;asf&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;cordova&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;plugin&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;geolocation&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;.git&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
We are going to be using the &lt;a href=&quot;https://developers.google.com/maps/documentation/javascript/tutorial&quot; target=&quot;_blank&quot; title=&quot;Google Maps JavaScript SDK&quot;&gt;Google Maps JavaScript SDK&lt;/a&gt;, which requires us to have an API key for use in our application. &amp;nbsp;Go into your &lt;a href=&quot;https://code.google.com/apis/console&quot; target=&quot;_blank&quot; title=&quot;Google API Console&quot;&gt;Google API Console&lt;/a&gt; and register a new Google Maps application.&lt;br /&gt;
When you have your key, crack open your&amp;nbsp;&lt;b&gt;www/index.html&lt;/b&gt; file because we need to add the JavaScript library to our project.&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-568350a6c2052361079983&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;index.html&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-mixed-highlight&quot; title=&quot;Contains Mixed Languages&quot;&gt;&lt;/span&gt;&lt;span class=&quot;crayon-language&quot;&gt;XHTML&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-4&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-5&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-6&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-7&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-8&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-9&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-10&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-11&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-12&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-13&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-14&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-15&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-16&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-17&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-18&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-19&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-20&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-marked-num crayon-top crayon-bottom&quot; data-line=&quot;crayon-568350a6c2052361079983-21&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2052361079983-22&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2052361079983-23&quot;&gt;
23&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-1&quot;&gt;
&lt;span class=&quot;crayon-n&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-2&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-3&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-4&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;charset&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;utf-8&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-5&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;name&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;viewport&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;content&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-6&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;title&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-7&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;link &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;href&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;lib/ionic/css/ionic.css&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;stylesheet&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-8&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;link &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;href&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;css/style.css&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;stylesheet&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-9&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;lib/ionic/js/ionic.bundle.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-10&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;cordova.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-11&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;js/app.js&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-12&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-13&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;body &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-app&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;starter&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-14&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;ion-pane&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-15&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;ion-header-bar &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;class&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;bar-stable&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-16&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;h1 &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;class&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;title&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-i &quot;&gt;Ionic Blank Starter&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-17&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/ion-header-bar&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-18&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;ion-content&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-19&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/ion-content&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-20&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/ion-pane&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-marked-line crayon-top crayon-bottom&quot; id=&quot;crayon-568350a6c2052361079983-21&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;script &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;src&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;http://maps.googleapis.com/maps/api/js?key=[YOUR_KEY_HERE]&amp;amp;sensor=true&quot;&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-ta&quot;&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2052361079983-22&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2052361079983-23&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Please note that the Google Maps JavaScript library cannot be 
downloaded, so there will always be a small delay during the initial 
setup when you launch your application.&lt;br /&gt;
Now that the SDK is included we need to add some custom CSS for displaying it on the screen. &amp;nbsp;Open your&amp;nbsp;&lt;b&gt;www/css/style.css&lt;/b&gt; file and add the following code:&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-568350a6c205d804951235&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;style.css&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;CSS&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c205d804951235-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c205d804951235-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c205d804951235-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c205d804951235-4&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c205d804951235-5&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c205d804951235-6&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c205d804951235-7&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c205d804951235-8&quot;&gt;
8&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c205d804951235-1&quot;&gt;
&lt;span class=&quot;crayon-k &quot;&gt;.scroll &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c205d804951235-2&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;height&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-i &quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c205d804951235-3&quot;&gt;
&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c205d804951235-4&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c205d804951235-5&quot;&gt;
&lt;span class=&quot;crayon-k &quot;&gt;#map &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c205d804951235-6&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;width&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-i &quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c205d804951235-7&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;height&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-i &quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c205d804951235-8&quot;&gt;
&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Next we get to start doing the fun stuff. &amp;nbsp;Open your&amp;nbsp;&lt;b&gt;www/app.js&lt;/b&gt; file because we want to add a controller that handles the Google Map.&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-568350a6c2066935285901&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;app.js&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-3&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-4&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-5&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-6&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-7&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-8&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-9&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-10&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-11&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-12&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-13&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-14&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-15&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-16&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-17&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-18&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-19&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-20&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-21&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-22&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-23&quot;&gt;
23&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-24&quot;&gt;
24&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2066935285901-25&quot;&gt;
25&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2066935285901-26&quot;&gt;
26&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-1&quot;&gt;
&lt;span class=&quot;crayon-v&quot;&gt;exampleApp&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;controller&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&#39;MapController&#39;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;scope&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;ionicLoading&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-2&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-3&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;event&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;addDomListener&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-r&quot;&gt;window&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&#39;load&#39;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-4&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;myLatlng&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-r&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;LatLng&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-cn&quot;&gt;37.3000&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;crayon-cn&quot;&gt;120.4833&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-5&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-6&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;mapOptions&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-7&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;center&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;myLatlng&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-8&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;zoom&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-cn&quot;&gt;16&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-9&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;mapTypeId&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;MapTypeId&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-i&quot;&gt;ROADMAP&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-10&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-11&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-12&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-r&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;Map&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;document&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;getElementById&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;map&quot;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;mapOptions&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-13&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-14&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;navigator&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;geolocation&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;getCurrentPosition&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;pos&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-15&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;setCenter&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-r&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;LatLng&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;pos&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;coords&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;latitude&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;pos&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;coords&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;longitude&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-16&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-t&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;myLocation&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-r&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;Marker&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-17&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;position&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-r&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;google&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;maps&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-e&quot;&gt;LatLng&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;pos&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;coords&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;latitude&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;pos&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;coords&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;longitude&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-18&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-19&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;title&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-s&quot;&gt;&quot;My Location&quot;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-20&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-21&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-22&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-23&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;scope&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-v&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-24&quot;&gt;
&lt;span class=&quot;crayon-h&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2066935285901-25&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2066935285901-26&quot;&gt;
&lt;span class=&quot;crayon-sy&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;crayon-sy&quot;&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
The above code will register the map to a DOM element with a&amp;nbsp;&lt;b&gt;map&lt;/b&gt;
 id. &amp;nbsp;It will center the map in Merced, California and then attempt to 
center the map around your current location. &amp;nbsp;If it finds your current 
location it will place a marker.&lt;br /&gt;
We are not quite done yet. &amp;nbsp;We need to add some code to our&amp;nbsp;&lt;b&gt;www/index.html&lt;/b&gt; file for containing the map.&lt;br /&gt;
&lt;div class=&quot;crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate&quot; data-settings=&quot; minimize scroll-mouseover&quot; id=&quot;crayon-568350a6c2070917002775&quot; style=&quot;font-size: 12px ! important; height: auto; line-height: 18px ! important; margin-bottom: 12px; margin-top: 12px;&quot;&gt;
&lt;div class=&quot;crayon-toolbar&quot; data-settings=&quot; show&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-title&quot;&gt;index.html&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;crayon-tools&quot; style=&quot;font-size: 12px !important; height: 18px !important; line-height: 18px !important;&quot;&gt;
&lt;span class=&quot;crayon-language&quot;&gt;XHTML&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;crayon-main&quot; style=&quot;overflow: hidden; position: relative; z-index: 1;&quot;&gt;
&lt;table class=&quot;crayon-table&quot;&gt;
&lt;tbody&gt;
&lt;tr class=&quot;crayon-row&quot;&gt;
&lt;td class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;&lt;div class=&quot;crayon-nums-content&quot; style=&quot;font-size: 12px !important; line-height: 18px !important;&quot;&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2070917002775-1&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-568350a6c2070917002775-2&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;crayon-num&quot; data-line=&quot;crayon-568350a6c2070917002775-3&quot;&gt;
3&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;td class=&quot;crayon-code&quot;&gt;&lt;div class=&quot;crayon-pre&quot; style=&quot;-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; font-size: 12px !important; line-height: 18px !important; tab-size: 4;&quot;&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2070917002775-1&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;ion-content &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;ng-controller&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;MapController&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line crayon-striped-line&quot; id=&quot;crayon-568350a6c2070917002775-2&quot;&gt;
&lt;span class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;div &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;id&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;map&quot;&lt;/span&gt;&lt;span class=&quot;crayon-h&quot;&gt; &lt;/span&gt;&lt;span class=&quot;crayon-e &quot;&gt;data-tap-disabled&lt;/span&gt;&lt;span class=&quot;crayon-o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;crayon-s &quot;&gt;&quot;true&quot;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;crayon-line&quot; id=&quot;crayon-568350a6c2070917002775-3&quot;&gt;
&lt;span class=&quot;crayon-r &quot;&gt;&amp;lt;/ion-content&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
Now, the depth of Google Maps can go far beyond the simplistic nature I demonstrated in my article. &amp;nbsp;Have some fun with the &lt;a href=&quot;https://developers.google.com/maps/documentation/javascript/reference&quot; target=&quot;_blank&quot; title=&quot;Google Maps JavaScript API Docs&quot;&gt;official API docs&lt;/a&gt; and use Google Maps to its full power.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/4265817504006867347/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/implement-google-maps-using-ionic.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/4265817504006867347'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/4265817504006867347'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/implement-google-maps-using-ionic.html' title='Implement Google Maps Using Ionic Framework'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-9011078900575622470</id><published>2015-12-07T00:48:00.001-08:00</published><updated>2015-12-07T00:48:29.766-08:00</updated><title type='text'>What are the performance characteristics of sqlite with very large database files?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;text&quot;&gt;
So I did some tests with sqlite for very large files, and came to some conclusions (at least for my specific application).&lt;br /&gt;


The tests involve a single sqlite file with either a single table, or
 multiple tables. Each table had about 8 columns, almost all integers, 
and 4 indices.&lt;br /&gt;


The idea was to insert enough data until sqlite files were about 50GB.&lt;br /&gt;


&lt;strong&gt;Single Table&lt;/strong&gt;&lt;br /&gt;


I tried to insert multiple rows into a sqlite file with just one 
table. When the file was about 7GB (sorry I can&#39;t be specific about row 
counts) insertions were taking far too long. I had estimated that my 
test to insert all my data would take 24 hours or so, but it did not 
complete even after 48 hours. &lt;br /&gt;


This leads me to conclude that a single, very large sqlite table will
 have issues with insertions, and probably other operations as well.&lt;br /&gt;


I guess this is no surprise, as the table gets larger, inserting and updating all the indices take longer.&lt;br /&gt;


&lt;strong&gt;Multiple Tables&lt;/strong&gt;&lt;br /&gt;


I then tried splitting the data by time over several tables, one 
table per day. The data for the original 1 table was split to ~700 
tables. &lt;br /&gt;


This setup had no problems with the insertion, it did not take longer
 as time progressed, since a new table was created for every day.&lt;br /&gt;


&lt;strong&gt;Vacuum Issues&lt;/strong&gt;&lt;br /&gt;


As pointed out by i_like_caffeine, the VACUUM command is a problem 
the larger the sqlite file is. As more inserts/deletes are done, the 
fragmentation of the file on disk will get worse, so the goal is to 
periodically VACUUM to optimize the file and recover file space.&lt;br /&gt;


However, as pointed out by &lt;a href=&quot;http://www.sqlite.org/lang%5Fvacuum.html&quot;&gt;documentation&lt;/a&gt;,
 a full copy of the database is made to do a vacuum, taking a very long 
time to complete. So, the smaller the database, the faster this 
operation will finish.&lt;br /&gt;


&lt;strong&gt;Conclusions&lt;/strong&gt;&lt;br /&gt;


For my specific application, I&#39;ll probably be splitting out data over
 several db files, one per day, to get the best of both vacuum 
performance and insertion/delete speed.&lt;br /&gt;


This complicates queries, but for me, it&#39;s a worthwhile tradeoff to 
be able to index this much data. An additional advantage is that I can 
just delete a whole db file to drop a day&#39;s worth of data (a common 
operation for my application).&lt;br /&gt;


I&#39;d probably have to monitor table size per file as well to see when the speed will become a problem.&lt;br /&gt;


It&#39;s too bad that there doesn&#39;t seem to be an incremental vacuum method other than &lt;a href=&quot;http://www.sqlite.org/pragma.html#pragma%5Fauto%5Fvacuum&quot;&gt;auto vacuum&lt;/a&gt;.
 I can&#39;t use it because my goal for vacuum is to defragment the file 
(file space isn&#39;t a big deal), which auto vacuum does not do. In fact, 
documentation states it may make fragmentation worse, so I have to 
resort to periodically doing a full vacuum on the file.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;http://stackoverflow.com/questions/784173/what-are-the-performance-characteristics-of-sqlite-with-very-large-database-file&lt;br /&gt;

    &lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/9011078900575622470/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/what-are-performance-characteristics-of.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/9011078900575622470'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/9011078900575622470'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/what-are-performance-characteristics-of.html' title='What are the performance characteristics of sqlite with very large database files?'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-2905372621324840102</id><published>2015-12-07T00:47:00.002-08:00</published><updated>2015-12-07T00:47:31.707-08:00</updated><title type='text'>Improve INSERT-per-second performance of SQLite?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;text&quot;&gt;
Several tips:&lt;br /&gt;


&lt;ol&gt;
&lt;li&gt;Put inserts/updates in a transaction.&lt;/li&gt;
&lt;li&gt;For older versions of SQLite - Consider a less paranoid journal mode (&lt;code&gt;pragma journal_mode&lt;/code&gt;). There is &lt;code&gt;NORMAL&lt;/code&gt;, and then there &lt;code&gt;OFF&lt;/code&gt;
 which can significantly increase insert speed if you&#39;re not too worried
 about the database possibly getting corrupted if the OS crashes. If 
your application crashes the data should be fine. Note that in newer 
versions, the &lt;code&gt;OFF/MEMORY&lt;/code&gt; settings are not safe for application level crashes.&lt;/li&gt;
&lt;li&gt;Playing with page sizes makes a difference as well (&lt;code&gt;PRAGMA page_size&lt;/code&gt;).
 Having larger page sizes can make reads and writes go a bit faster as 
larger pages are held in memory. Note that more memory will be used for 
your database.&lt;/li&gt;
&lt;li&gt;If you have indices, consider calling &lt;code&gt;CREATE INDEX&lt;/code&gt; after doing all your inserts. This is significantly faster than creating the index and then doing your inserts.&lt;/li&gt;
&lt;li&gt;You have to be quite careful if you have concurrent access to 
SQLite, as the whole database is locked when writes are done, and 
although multiple readers are possible, writes will be locked out. This 
has been improved somewhat with the addition of a WAL in newer SQLite 
versions.&lt;/li&gt;
&lt;li&gt;Take advantage of saving space...smaller databases go faster. For instance, if you have key value pairs, try making the key an &lt;code&gt;INTEGER PRIMARY KEY&lt;/code&gt; if possible, which will replace the implied unique row number column in the table.&lt;/li&gt;
&lt;li&gt;If you are using multiple threads, you can try using the &lt;a href=&quot;http://sqlite.org/c3ref/enable_shared_cache.html&quot;&gt;shared page cache&lt;/a&gt;, which will allow loaded pages to be shared between threads, which can avoid expensive I/O calls.&lt;/li&gt;
&lt;/ol&gt;
I&#39;ve also asked similar questions &lt;a href=&quot;http://stackoverflow.com/questions/784173/what-are-the-performance-characteristics-of-sqlite-with-very-large-database-files&quot;&gt;here&lt;/a&gt; and &lt;a href=&quot;http://stackoverflow.com/questions/768708/are-there-known-issues-with-using-sqlite-and-file-locking-on-different-platforms&quot;&gt;here&lt;/a&gt;.&lt;br /&gt;

    &lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/2905372621324840102/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/improve-insert-per-second-performance.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/2905372621324840102'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/2905372621324840102'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/improve-insert-per-second-performance.html' title='Improve INSERT-per-second performance of SQLite?'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-489156930652548942</id><published>2015-12-07T00:46:00.003-08:00</published><updated>2015-12-07T00:46:40.585-08:00</updated><title type='text'>Swift performance: sorting arrays</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Swift is now as fast as C by this benchmark using the default release optimisation level [-O].

&lt;br /&gt;
Here is an in-place quicksort in Swift:&lt;br /&gt;


&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pln&quot;&gt;func quicksort_swift&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;inout a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;CInt&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[],&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; start&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Int&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;end&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Int&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;end&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; start &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; p &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;start &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;end&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; start&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)/&lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; l &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; start
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; r &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;end&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;while&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;l &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; r&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;l&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; p&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            l &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;continue&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; p&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            r &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;continue&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; t &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;l&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;l&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;r&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; t
        l &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        r &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    quicksort_swift&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&amp;amp;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; start&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; r &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    quicksort_swift&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&amp;amp;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; r &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;end&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&amp;nbsp;http://stackoverflow.com/questions/24101718/swift-performance-sorting-arrays?rq=1&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/489156930652548942/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/swift-performance-sorting-arrays.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/489156930652548942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/489156930652548942'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/swift-performance-sorting-arrays.html' title='Swift performance: sorting arrays'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-884310957161805869</id><published>2015-12-07T00:45:00.001-08:00</published><updated>2015-12-07T00:45:43.714-08:00</updated><title type='text'>How can I cast an NSMutableArray to a Swift array of a specific type?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;text&quot;&gt;
You can make this work with a double downcast, first to &lt;code&gt;NSArray&lt;/code&gt;, then to &lt;code&gt;[String]&lt;/code&gt;:&lt;br /&gt;


&lt;pre class=&quot;lang-c prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pln&quot;&gt;var strings &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; myObjcObject&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;getStrings&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; as &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSArray&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; as &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;String&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
Tested in a Playground with:&lt;br /&gt;


&lt;pre class=&quot;lang-c prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;kwd&quot;&gt;import&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Foundation&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;

var objCMutableArray &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSMutableArray&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;a&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;b&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;c&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;])&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
var swiftArray &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; objCMutableArray as &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSArray&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; as &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;String&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;em&gt;&lt;strong&gt;Update:&lt;/strong&gt;&lt;/em&gt;&lt;br /&gt;


In later versions of Swift (at least 1.2), the compiler will complain about &lt;code&gt;as [String]&lt;/code&gt;. Instead you should use an &lt;code&gt;if let&lt;/code&gt; with a conditional downcast &lt;code&gt;as?&lt;/code&gt;:&lt;br /&gt;


&lt;pre class=&quot;lang-c prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;kwd&quot;&gt;import&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Foundation&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;

var objCMutableArray &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSMutableArray&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;a&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;b&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;c&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;])&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; let swiftArray &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; objCMutableArray as &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSArray&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; as&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;?&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;String&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;com&quot;&gt;// Use swiftArray here&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
If you are &lt;em&gt;&lt;strong&gt;absolutely&lt;/strong&gt;&lt;/em&gt; sure that your &lt;code&gt;NSMutableArray&lt;/code&gt; can be cast to &lt;code&gt;[String]&lt;/code&gt;, then you can use &lt;code&gt;as!&lt;/code&gt; instead (but you probably shouldn&#39;t use this in most cases):&lt;br /&gt;


&lt;pre class=&quot;lang-c prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;kwd&quot;&gt;import&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Foundation&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;

var objCMutableArray &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSMutableArray&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;a&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;b&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&quot;c&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;])&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
var swiftArray &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; objCMutableArray as &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;NSArray&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; as&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;String&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;]&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/884310957161805869/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/how-can-i-cast-nsmutablearray-to-swift.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/884310957161805869'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/884310957161805869'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/12/how-can-i-cast-nsmutablearray-to-swift.html' title='How can I cast an NSMutableArray to a Swift array of a specific type?'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-2621775990979963323</id><published>2015-11-09T22:32:00.005-08:00</published><updated>2015-11-09T22:32:53.097-08:00</updated><title type='text'>Git Source Control with Xcode</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
http://www.appcoda.com/git-source-control-in-xcode/&lt;br /&gt;
&lt;br /&gt;
http://www.raywenderlich.com/51351/how-to-use-git-source-control-with-xcode-in-ios-7&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/2621775990979963323/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/11/git-source-control-with-xcode.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/2621775990979963323'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/2621775990979963323'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/11/git-source-control-with-xcode.html' title='Git Source Control with Xcode'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-3395515911737571355</id><published>2015-09-02T23:36:00.001-07:00</published><updated>2015-09-02T23:37:00.353-07:00</updated><title type='text'>Animations when developing web apps and websites</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
mind blowing animations when developing web apps and websites. Here is a result of some research:&lt;br /&gt;
Animations&lt;br /&gt;
&lt;a href=&quot;http://www.smashingmagazine.com/2014/11/the-state-of-animation-2014/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://www.smashingmagazine.com/…/the-state-of-animation-2…/&lt;/a&gt;&lt;br /&gt;
This looks good maybe:&lt;br /&gt;
&lt;div class=&quot;text_exposed_show&quot;&gt;
Greensock:&lt;br /&gt;
&lt;a href=&quot;http://greensock.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://greensock.com/&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://greensock.com/svg-tips&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://greensock.com/svg-tips&lt;/a&gt;&lt;br /&gt;
Animation API:&lt;br /&gt;
&lt;a href=&quot;https://github.com/web-animations/web-animations-next&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://github.com/web-animations/web-animations-next&lt;/a&gt;&lt;br /&gt;
D3.js:&lt;br /&gt;
&lt;a href=&quot;http://flowingdata.com/2015/01/14/one-animated-art-piece-per-day-with-d3-js/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://flowingdata.com/…/one-animated-art-piece-per-day-wi…/&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;https://github.com/mbostock/d3/wiki/Gallery&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://github.com/mbostock/d3/wiki/Gallery&lt;/a&gt;&lt;br /&gt;
D3.js Book:&lt;br /&gt;
&lt;a href=&quot;http://www.wowebook.org/d3-js-in-action.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://www.wowebook.org/d3-js-in-action.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1&quot;&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.0&quot;&gt;&lt;/span&gt;&lt;span data-ft=&quot;{&amp;quot;tn&amp;quot;:&amp;quot;K&amp;quot;}&quot; data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body&quot;&gt;&lt;span class=&quot;UFICommentBody _1n4g&quot; data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0&quot;&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0&quot;&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$text0/=1$text0/=010&quot;&gt;For simple effects, you may also look into &lt;/span&gt;&lt;a class=&quot;&quot; data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$range0/=10&quot; dir=&quot;ltr&quot; href=&quot;https://daneden.github.io/animate.css/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://daneden.github.io/animate.css/&lt;/a&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$text1/=1$text0/=010&quot;&gt;. &lt;/span&gt;&lt;br data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$text1/=1$text1/=010&quot; /&gt;&lt;br data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$text1/=1$text3/=010&quot; /&gt;&lt;a class=&quot;&quot; data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$range1/=10&quot; dir=&quot;ltr&quot; href=&quot;http://julian.com/research/velocity/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://julian.com/research/velocity/&lt;/a&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.0.$end/=1$text0/=010&quot;&gt; has an easy to use API as well.&lt;/span&gt;&lt;/span&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.3&quot;&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.3.0&quot;&gt;&lt;br data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.3.0.$end/=1$text1/=010&quot; /&gt;&lt;span data-reactid=&quot;.1r.1:4:1:$comment10153004792232623_10153004810377623/=10.0.$right.0.$left.0.0.1.$comment-body.0.3.0.$end/=1$text2/=010&quot;&gt;The
 good thing about these newer APIs (greensock/velocity) is that they 
make use of CSS animations instead of JS which is hardware accelerated 
hence a lot smoother.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/3395515911737571355/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/09/animations-when-developing-web-apps-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/3395515911737571355'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/3395515911737571355'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2015/09/animations-when-developing-web-apps-and.html' title='Animations when developing web apps and websites'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-7145063157278475497</id><published>2014-11-17T00:23:00.001-08:00</published><updated>2014-11-17T00:23:40.516-08:00</updated><title type='text'>Font Text Family New</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&amp;nbsp;&amp;nbsp; * Family name : Thonburi&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Thonburi-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Thonburi&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Thonburi-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Khmer Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : KhmerSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Snell Roundhand&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : SnellRoundhand-Black&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : SnellRoundhand-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : SnellRoundhand&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Academy Engraved LET&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AcademyEngravedLetPlain&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Marker Felt&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : MarkerFelt-Thin&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : MarkerFelt-Wide&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Avenir&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Heavy&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Oblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Black&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Book&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-BlackOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-HeavyOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-MediumOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-LightOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-Roman&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Avenir-BookOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Geeza Pro&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GeezaPro-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GeezaPro&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Arial Rounded MT Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ArialRoundedMTBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Trebuchet MS&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Trebuchet-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TrebuchetMS&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TrebuchetMS-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TrebuchetMS-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Arial&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ArialMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Arial-BoldItalicMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Arial-ItalicMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Arial-BoldMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Marion&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Marion-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Marion-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Marion-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Menlo&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Menlo-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Menlo-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Menlo-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Menlo-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Malayalam Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : MalayalamSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : MalayalamSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Kannada Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : KannadaSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : KannadaSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Gurmukhi MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GurmukhiMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GurmukhiMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Bodoni&amp;nbsp; Oldstyle&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoOSITCTT-BookIt&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoOSITCTT-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoOSITCTT-Book&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Bradley Hand&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BradleyHandITCTT-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Cochin&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Cochin-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Cochin-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Cochin-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Cochin&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Sinhala Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : SinhalaSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : SinhalaSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Hiragino Kaku Gothic ProN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HiraKakuProN-W&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HiraKakuProN-W&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Iowan Old Style&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : IowanOldStyle-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : IowanOldStyle-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : IowanOldStyle-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : IowanOldStyle-Roman&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Damascus&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DamascusBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Damascus&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DamascusLight&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DamascusMedium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DamascusSemiBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Al Nile&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AlNile-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AlNile&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Farah&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Farah&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Papyrus&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Papyrus-Condensed&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Papyrus&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Verdana&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Verdana-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Verdana-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Verdana&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Verdana-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Zapf Dingbats&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ZapfDingbatsITC&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : DIN Condensed&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DINCondensed-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Avenir Next Condensed&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-MediumItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-UltraLightItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-UltraLight&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-HeavyItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-Heavy&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-DemiBoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-DemiBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNextCondensed-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Courier&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Courier&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Courier-Oblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Courier-BoldOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Courier-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Hoefler Text&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HoeflerText-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HoeflerText-BlackItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HoeflerText-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HoeflerText-Black&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Euphemia UCAS&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : EuphemiaUCAS&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : EuphemiaUCAS-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : EuphemiaUCAS-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Helvetica&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Helvetica-Oblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Helvetica-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Helvetica-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Helvetica&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Helvetica-BoldOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Helvetica-LightOblique&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Lao Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : LaoSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Hiragino Mincho ProN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HiraMinProN-W&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HiraMinProN-W&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Bodoni Ornaments&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniOrnamentsITCTT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Superclarendon&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-BlackItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-LightItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Superclarendon-Black&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Mishafi&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DiwanMishafi&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Optima&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Optima-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Optima-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Optima-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Optima-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Optima-ExtraBlack&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Gujarati Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GujaratiSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GujaratiSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Devanagari Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DevanagariSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DevanagariSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Apple Color Emoji&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleColorEmoji&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Savoye LET&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : SavoyeLetPlain&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Kailasa&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Kailasa&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Kailasa-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Times New Roman&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TimesNewRomanPS-BoldItalicMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TimesNewRomanPSMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TimesNewRomanPS-BoldMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TimesNewRomanPS-ItalicMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Telugu Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TeluguSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TeluguSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Heiti SC&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : STHeitiSC-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : STHeitiSC-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Apple SD Gothic Neo&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-Thin&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-UltraLight&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-SemiBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AppleSDGothicNeo-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Futura&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Futura-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Futura-CondensedMedium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Futura-MediumItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Futura-CondensedExtraBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Bodoni &lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoITCTT-Book&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoITCTT-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoITCTT-BookIta&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Baskerville&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Baskerville-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Baskerville-SemiBoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Baskerville-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Baskerville&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Baskerville-SemiBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Baskerville-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Symbol&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Symbol&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Heiti TC&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : STHeitiTC-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : STHeitiTC-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Copperplate&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Copperplate&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Copperplate-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Copperplate-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Party LET&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : PartyLetPlain&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : American Typewriter&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AmericanTypewriter-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AmericanTypewriter-CondensedLight&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AmericanTypewriter-CondensedBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AmericanTypewriter&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AmericanTypewriter-Condensed&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AmericanTypewriter-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Chalkboard SE&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ChalkboardSE-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ChalkboardSE-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ChalkboardSE-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Avenir Next&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-MediumItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-UltraLight&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-DemiBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-HeavyItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-Heavy&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-UltraLightItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-Regular&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : AvenirNext-DemiBoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Bangla Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BanglaSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BanglaSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Noteworthy&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Noteworthy-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Noteworthy-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Zapfino&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Zapfino&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Tamil Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TamilSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : TamilSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Chalkduster&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Chalkduster&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Arial Hebrew&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ArialHebrew-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ArialHebrew-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : ArialHebrew&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Georgia&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Georgia-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Georgia-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Georgia-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Georgia&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Helvetica Neue&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-UltraLightItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-CondensedBold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-MediumItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-Thin&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-ThinItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-LightItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-UltraLight&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : HelveticaNeue-CondensedBlack&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Gill Sans&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GillSans&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GillSans-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GillSans-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GillSans-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GillSans-LightItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : GillSans-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Kohinoor Devanagari&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : KohinoorDevanagari-Light&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : KohinoorDevanagari-Book&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : KohinoorDevanagari-Medium&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Palatino&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Palatino-Roman&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Palatino-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Palatino-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Palatino-BoldItalic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Courier New&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : CourierNewPSMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : CourierNewPS-BoldMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : CourierNewPS-ItalicMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : CourierNewPS-BoldItalicMT&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Oriya Sangam MN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : OriyaSangamMN&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : OriyaSangamMN-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Didot&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Didot-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Didot-Italic&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : Didot&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : DIN Alternate&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : DINAlternate-Bold&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Family name : Bodoni&amp;nbsp; Smallcaps&lt;br /&gt;&amp;nbsp;&amp;nbsp; * Font name : BodoniSvtyTwoSCITCTT-Book&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/7145063157278475497/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/11/font-text-family-new.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/7145063157278475497'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/7145063157278475497'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/11/font-text-family-new.html' title='Font Text Family New'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-3723230572900046668</id><published>2014-11-12T19:50:00.000-08:00</published><updated>2014-11-12T19:50:22.522-08:00</updated><title type='text'>Good new iOS Guideline iPhone 6 and 6+ include </title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Tahoma; font-size: x-small;&quot;&gt;&lt;span dir=&quot;ltr&quot; style=&quot;font-size: 10pt;&quot;&gt;http://iosdesign.ivomynttinen.com/&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: black; font-family: Tahoma; font-size: x-small;&quot;&gt;&lt;span dir=&quot;ltr&quot; style=&quot;font-size: 10pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Tahoma; font-size: x-small;&quot;&gt;&lt;span dir=&quot;ltr&quot; style=&quot;font-size: 10pt;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;https://developer.apple.com/library/ios/documentation/userexperience/conceptual/MobileHIG/IconMatrix.html&lt;/span&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;&lt;br /&gt;&amp;nbsp;

&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/3723230572900046668/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/11/good-new-ios-guideline-iphone-6-and-6.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/3723230572900046668'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/3723230572900046668'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/11/good-new-ios-guideline-iphone-6-and-6.html' title='Good new iOS Guideline iPhone 6 and 6+ include '/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-1725994853038760966</id><published>2014-10-28T23:06:00.001-07:00</published><updated>2015-12-06T22:50:29.983-08:00</updated><title type='text'> Where Does Simulator iOS 8 Store Files</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;/Users/{YOUR NAME}/Library/Developer/CoreSimulator/&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;Devices/{DEVICE ID}/data/Containers/Data/Application/{APPLICATION ID}/&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;&amp;nbsp;&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;&amp;nbsp;&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;&amp;nbsp;&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
By Code:&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; NSString *basePath = ([paths count] &amp;gt; 0) ? [paths objectAtIndex:0] : nil;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; NSLog(@&quot;%@&quot;,basePath);&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/1725994853038760966/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/10/where-does-simulator-ios-8-store-files.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1725994853038760966'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1725994853038760966'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/10/where-does-simulator-ios-8-store-files.html' title=' Where Does Simulator iOS 8 Store Files'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-269042893221461391</id><published>2014-08-21T04:16:00.003-07:00</published><updated>2014-08-21T04:16:42.489-07:00</updated><title type='text'>Swift Bootcamp: Design Patterns</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Swift Bootcamp: Design Patterns&lt;br /&gt;&lt;br /&gt;
Start 
studying design patterns u&lt;span class=&quot;text_exposed_show&quot;&gt;sing Swift. We are going to use the following resource:&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;text_exposed_show&quot;&gt;
 &lt;a href=&quot;http://www.wowebook.in/book/design-patterns/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://www.wowebook.in/book/design-patterns/&lt;/a&gt;&lt;br /&gt;
 &lt;a href=&quot;http://www.scottlogic.com/blog/2014/07/24/mvvm-reactivecocoa-swift.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://www.scottlogic.com/blog/2014/07/24/mvvm-reactivecocoa-swift.html&lt;/a&gt;&lt;br /&gt;
 &lt;a href=&quot;http://blog.ikiapps.com/post/93914146430/mvvm-vc-swift-replacement&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://blog.ikiapps.com/post/93914146430/mvvm-vc-swift-replacement&lt;/a&gt;&lt;br /&gt;
 &lt;a href=&quot;https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programming_Language/Protocols.html#//apple_ref/doc/uid/TP40014097-CH25-XID_402&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programming_Language/Protocols.html#//apple_ref/doc/uid/TP40014097-CH25-XID_402&lt;/a&gt;&lt;br /&gt;
 &lt;a href=&quot;https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/BuildingCocoaApps/AdoptingCocoaDesignPatterns.html#//apple_ref/doc/uid/TP40014216-CH7-XID_6&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/BuildingCocoaApps/AdoptingCocoaDesignPatterns.html#//apple_ref/doc/uid/TP40014216-CH7-XID_6&lt;/a&gt;&lt;br /&gt;
 Note:&lt;br /&gt;
 When building iOS apps within the traditional MVC framework, View 
Controllers unfortunately bear the brunt of being the de facto dumping 
ground for all manner of disparate functionality. As a result, they are 
often the biggest and most convoluted files within our iOS projects. But
 it doesn&#39;t have to be that way. In this session, we will learn how to 
unburden our View Controllers by applying the Single Responsibility 
Principle and delegation through functional Intentions. We’ll find that 
by adopting the principles of “Lighter” View Controllers our code 
becomes much more robust to change, yet remains easy to maintain and 
test.&lt;br /&gt; &lt;a href=&quot;http://360idev.com/sessions/200-cocoa-design-patterns-in-swift/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://360idev.com/sessions/200-cocoa-design-patterns-in-swift/&lt;/a&gt;&lt;br /&gt; &lt;a href=&quot;http://360idev.com/sessions/200-good-intentions-a-path-to-building-better-view-controllers/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://360idev.com/sessions/200-good-intentions-a-path-to-building-better-view-controllers/&lt;/a&gt;&lt;br /&gt;
 &lt;a href=&quot;https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/BuildingCocoaApps/AdoptingCocoaDesignPatterns.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/BuildingCocoaApps/AdoptingCocoaDesignPatterns.html&lt;/a&gt;&lt;br /&gt;
 We are also waiting for this book:&lt;br /&gt; &lt;a href=&quot;http://www.apress.com/9781484203958&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://www.apress.com/9781484203958&lt;/a&gt;&lt;br /&gt;
 As we go along we will also review other resources.&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/269042893221461391/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/08/swift-bootcamp-design-patterns.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/269042893221461391'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/269042893221461391'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/08/swift-bootcamp-design-patterns.html' title='Swift Bootcamp: Design Patterns'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-8692970207489393881</id><published>2014-06-14T22:33:00.002-07:00</published><updated>2014-06-14T22:33:32.648-07:00</updated><title type='text'>Swift Programming Help</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
Swift programming &lt;br /&gt;
&lt;br /&gt;
Facebook Page:&lt;br /&gt;
&lt;br /&gt;
https://www.facebook.com/groups/swift.app.dev/?fref=nf &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Others Tutorials Links &lt;br /&gt;
&lt;br /&gt;
http://www.appshocker.com/category/swift-tutorials-for-ios/&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/8692970207489393881/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/06/swift-programming-help.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/8692970207489393881'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/8692970207489393881'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/06/swift-programming-help.html' title='Swift Programming Help'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-1906404537110973890</id><published>2014-05-04T02:28:00.004-07:00</published><updated>2014-05-04T02:28:47.837-07:00</updated><title type='text'>Create SQL Job using Stored Procedure</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
Create SQL Job using Stored Procedure&lt;br /&gt;&lt;br /&gt;
https://workspaces.codeproject.com/omarfrometa/how-to-invoke-a-web-service-from-a-stored-procedur&lt;br /&gt;&lt;br /&gt;
http://blog.davebouwman.com/2008/07/09/call-geonames-web-services-from-a-sql-stored-procedure/&lt;br /&gt;&lt;br /&gt;
http://www.dailycoding.com/Posts/step_by_step_guide_to_add_a_sql_job_in_sql_server_2005.aspx&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/1906404537110973890/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/05/create-sql-job-using-stored-procedure.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1906404537110973890'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1906404537110973890'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/05/create-sql-job-using-stored-procedure.html' title='Create SQL Job using Stored Procedure'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-8948340581606253116</id><published>2014-01-29T21:14:00.001-08:00</published><updated>2014-01-29T21:14:30.001-08:00</updated><title type='text'>Mobile Web and Hybird Development</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;HTML and CSS&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/html-and-css/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Eloquent JavaScript 2nd Edition&lt;/b&gt;&lt;br /&gt;http://eloquentjavascript.net/2nd_edition/preview/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Secrets of the the JavaScript Ninja&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/secrets-of-the-javascript-ninja/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;ECMAScript 6&lt;/b&gt;&lt;br /&gt;https://www.sencha.com/blog/toward-modern-web-apps-with-ecmascript-6/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mastering AngularJS&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/mastering-web-application-development-angularjs/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Pro JQuery 2.0, 2nd Edition&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/pro-jquery-2-0-2nd-edition/&lt;br /&gt;&lt;b&gt;&lt;br /&gt;Node.js in Action&lt;/b&gt;&lt;br /&gt;http://www.amazon.com/Node-js-Action-Mike-Cantelon/dp/1617290572/ref=sr_1_1?ie=UTF8&amp;amp;qid=1390311344&amp;amp;sr=8-1&amp;amp;keywords=node.js&lt;br /&gt;&lt;b&gt;&lt;br /&gt;Mongoose Application Development&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/mongoose-application-development/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;JavaScript Testing with Jasmine&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/javascript-testing-with-jasmine/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Android Development:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Building Android Apps with Java and JavaScript&lt;/b&gt;&lt;br /&gt;http://www.wowebook.com/book/building-hybrid-android-apps-with-java-and-javascript/&lt;br /&gt;&lt;br /&gt;&lt;b&gt;PhoneGap 3 Beginners Guide&lt;/b&gt;&lt;br /&gt;http://www.amazon.com/PhoneGap-Beginners-Guide-2nd-Edition/dp/1782160981/ref=sr_1_2?ie=UTF8&amp;amp;qid=1390312120&amp;amp;sr=8-2&amp;amp;keywords=phonegap&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Windows 8.1 Development:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Windows 8.1 Apps with HTML5 and JavaScript Unleashed &lt;br /&gt;http://www.amazon.com/Windows-Apps-HTML5-JavaScript-Unleashed/dp/0672337118/ref=sr_1_1?s=books&amp;amp;ie=UTF8&amp;amp;qid=1390313138&amp;amp;sr=1-1&amp;amp;keywords=windows+8.1+development+javascript&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/8948340581606253116/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/01/mobile-web-and-hybird-development.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/8948340581606253116'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/8948340581606253116'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/01/mobile-web-and-hybird-development.html' title='Mobile Web and Hybird Development'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-9117616331072638897</id><published>2014-01-19T20:55:00.004-08:00</published><updated>2014-01-19T20:56:29.848-08:00</updated><title type='text'>Developing PhoneGap Applications</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;h1 class=&quot;entry-title&quot;&gt;
Workflow for Developing PhoneGap Applications&lt;/h1&gt;
&lt;br /&gt;
http://www.tricedesigns.com/2013/01/18/my-workflow-for-developing-phonegap-applications/&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/9117616331072638897/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/01/workflow-for-developing-phonegap.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/9117616331072638897'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/9117616331072638897'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2014/01/workflow-for-developing-phonegap.html' title='Developing PhoneGap Applications'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-2638516931333492980</id><published>2013-12-14T20:58:00.000-08:00</published><updated>2013-12-14T20:58:12.010-08:00</updated><title type='text'>Provisioning Profiles menu item missing from Xcode 5</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;h1 itemprop=&quot;name&quot;&gt;
&lt;a class=&quot;question-hyperlink&quot; href=&quot;http://stackoverflow.com/questions/18041267/provisioning-profiles-menu-item-missing-from-xcode-5&quot;&gt;Provisioning Profiles menu item missing from Xcode 5&lt;/a&gt;&lt;/h1&gt;
&lt;div class=&quot;post-text&quot;&gt;

&lt;ol&gt;
&lt;li&gt;XCode menu=&amp;gt;Preferences=&amp;gt;Accounts  &lt;/li&gt;
&lt;li&gt;Select the Apple ID in the left panel.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;View Details&lt;/strong&gt; button on the right. &lt;/li&gt;
&lt;li&gt;In the pop-over that follows &lt;strong&gt;click the round refresh arrow&lt;/strong&gt;.  The lists will refresh after the download from the Member Center finishes, this can take a few minutes.&lt;/li&gt;
&lt;li&gt;The provisioning profiles can then be selected in a Mac project under Build Settings=&amp;gt;Code Signing=&amp;gt;Provisioning Profile.&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;votecell&quot;&gt;&lt;div class=&quot;vote&quot;&gt;
    &lt;span class=&quot;vote-count-post &quot;&gt;&lt;/span&gt;&lt;br /&gt;
    


&lt;/div&gt;
&lt;/td&gt;



&lt;td class=&quot;answercell&quot;&gt;
    &lt;div class=&quot;post-text&quot;&gt;
Provisioning files are located in:&lt;br /&gt;


&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;str&quot;&gt;/Users/&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)/&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Library&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;MobileDevice&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Provisioning&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Profiles&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
Just remove the out-of-date files.&lt;br /&gt;

&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
http://stackoverflow.com/questions/18041267/provisioning-profiles-menu-item-missing-from-xcode-5&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/2638516931333492980/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/12/provisioning-profiles-menu-item-missing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/2638516931333492980'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/2638516931333492980'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/12/provisioning-profiles-menu-item-missing.html' title='Provisioning Profiles menu item missing from Xcode 5'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-5840333149017350843</id><published>2013-12-10T21:34:00.000-08:00</published><updated>2013-12-10T21:34:03.549-08:00</updated><title type='text'>Install Mavericks on older Mac Pro 1,1 &amp; 2,1</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a class=&quot;title &quot; href=&quot;http://www.reddit.com/r/apple/comments/1rsp3q/install_mavericks_on_older_mac_pro_11_21_20062007/&quot; tabindex=&quot;1&quot;&gt;Install Mavericks on older Mac Pro 1,1 &amp;amp; 2,1&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
http://www.reddit.com/r/apple/comments/1rsp3q/install_mavericks_on_older_mac_pro_11_21_20062007/ &lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/5840333149017350843/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/12/install-mavericks-on-older-mac-pro-11-21.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/5840333149017350843'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/5840333149017350843'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/12/install-mavericks-on-older-mac-pro-11-21.html' title='Install Mavericks on older Mac Pro 1,1 &amp; 2,1'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-893309816414504918</id><published>2013-12-10T21:32:00.000-08:00</published><updated>2013-12-10T21:32:06.438-08:00</updated><title type='text'>Cross-Platform Mobile App Development</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
The HTML5 Vs. Native Apps Battle Broken Down&amp;nbsp;&lt;/h2&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;span&gt;&lt;span class=&quot;date-heat&quot;&gt;&lt;span class=&quot;date format-date&quot; rel=&quot;1372702500&quot;&gt;Business Insider:&amp;nbsp; Jul.  1, 2013,  2:15 PM&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;&quot;&gt;
http://www.businessinsider.com/battle-between-html5-vs-native-apps-2013-7&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class=&quot;title&quot; style=&quot;text-align: left;&quot;&gt;
Native vs. HTML5 – looked at objectively, the debate is over&lt;/h2&gt;
Posted by &lt;a href=&quot;http://thinkmobile.appcelerator.com/blog/?Author=Jonathan+Rende&quot;&gt;Jonathan Rende&lt;/a&gt; on Fri, Apr 12, 2013&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
http://thinkmobile.appcelerator.com/blog/bid/284174/Native-vs-HTML5-looked-at-objectively-the-debate-is-over&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class=&quot;mgtitle&quot; style=&quot;text-align: left;&quot;&gt;
Development benefits, and security risks, of HTML5 &#39;hybrid&#39; mobile apps&lt;/h2&gt;
&lt;span&gt;By &lt;a href=&quot;http://www.networkworld.com/community/cox&quot; title=&quot;Read John Cox&#39;s latest blog entries.&quot;&gt;John Cox&lt;/a&gt; on Mon, 07/11/11&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span&gt;http://www.networkworld.com/community/blog/development-benefits-and-security-risks-html5 &lt;/span&gt;&lt;br /&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&amp;nbsp;&lt;/h2&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
Cross-Platform Hybrid Mobile Application Development – a Tool&amp;nbsp;Comparison&lt;/h2&gt;
Posted by &lt;a href=&quot;http://setandbma.wordpress.com/author/setandbma/&quot;&gt;Udayan Banerjee&lt;/a&gt; on February 20, 2012&lt;br /&gt;
&lt;br /&gt;
http://setandbma.wordpress.com/2012/02/20/mobile-hybrid-tool-comparison/ &lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;
   


 
 
  &lt;br /&gt;
&lt;h2 class=&quot;posttitle&quot; style=&quot;text-align: left;&quot;&gt;
Cross-Platform App Development for iPhone, Android &amp;amp; Co. — A Comparison I Presented at MobileTechCon 2010&lt;/h2&gt;
&lt;br /&gt;
http://heikobehrens.net/2010/10/11/cross-platform-app-development-for-iphone-android-co-%E2%80%94-a-comparison-i-presented-at-mobiletechcon-2010/ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/893309816414504918/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/12/cross-platform-mobile-app-development.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/893309816414504918'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/893309816414504918'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/12/cross-platform-mobile-app-development.html' title='Cross-Platform Mobile App Development'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-1349450710232934377</id><published>2013-09-18T21:43:00.001-07:00</published><updated>2013-09-18T21:43:17.366-07:00</updated><title type='text'>iPhone 5S Apple The iPhone 5S Is By Far The Fastest Smartphone In The World, Smoking Samsung&#39;s S4</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
http://www.businessinsider.com/the-iphone-5s-is-the-fastest-smartphone-2013-9
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/1349450710232934377/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/09/iphone-5s-apple-iphone-5s-is-by-far.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1349450710232934377'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1349450710232934377'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2013/09/iphone-5s-apple-iphone-5s-is-by-far.html' title='iPhone 5S Apple The iPhone 5S Is By Far The Fastest Smartphone In The World, Smoking Samsung&#39;s S4'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-6381208510231727679</id><published>2012-12-12T03:48:00.002-08:00</published><updated>2012-12-12T03:48:12.024-08:00</updated><title type='text'>Flash CS: Simple iOS App - Deploying to a device </title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
Submit Flash Apps to Appstore:&lt;br /&gt;
&lt;br /&gt;
http://www.youtube.com/watch?v=wz4kHk3Aaas&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/6381208510231727679/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/flash-cs-simple-ios-app-deploying-to.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/6381208510231727679'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/6381208510231727679'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/flash-cs-simple-ios-app-deploying-to.html' title='Flash CS: Simple iOS App - Deploying to a device '/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-7370012463770082017</id><published>2012-12-11T01:13:00.000-08:00</published><updated>2012-12-11T01:13:55.933-08:00</updated><title type='text'>iCloud Display Sets</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1 itemprop=&quot;name&quot;&gt;
&lt;a class=&quot;question-hyperlink&quot; href=&quot;http://stackoverflow.com/questions/9476060/whats-the-use-of-icloud-display-sets&quot;&gt;What&#39;s the use of iCloud Display Sets?&lt;/a&gt;&lt;/h1&gt;
&lt;h1 itemprop=&quot;name&quot;&gt;
&amp;nbsp;&lt;/h1&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;description&quot;&gt;
        When adding iCloud support to iOS app one can configure iCloud Display Set and link it with an app by specifying &lt;code&gt;NSUbiquitousDisplaySet&lt;/code&gt;. But iCloud works even without it, so my question is: what&#39;s the purpose of iCloud Display Sets at all?&lt;br /&gt;


Couldn&#39;t find any clear answer anywhere in the docs. And what&#39;s more,
 based on the Apple docs it seems as if specifying Display Set for your 
app was mandatory if you use iCloud. That did confuse me a bit.&lt;br /&gt;


It is so that one might want to share the same Display Set for multiple applications or for iOS and Mac app versions?&lt;br /&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;description&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;description&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;post-text&quot; itemprop=&quot;description&quot;&gt;
&lt;blockquote&gt;
  NSUbiquitousDisplaySet (String - iOS, Mac OS X) contains the 
identifier string that you configured in iTunesConnect for managing your
 application’s storage. The assigned display set determines from which 
mobile data folder (in the user’s mobile account) the application 
retrieves its data files.&lt;br /&gt;

  
  If you create multiple applications, you can use the same display 
set for your applications or assign different display sets to each. For 
example, if you create a lite version of your application, in addition 
to a full-featured version, you might use the same display set for both 
versions because they create and use the same basic data files. Each 
application should recognize the file types stored in its mobile data 
folder and be able to open them.&lt;br /&gt;

&lt;/blockquote&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
http://www.scribd.com/doc/72156702/84/Creating-iCloud-Display-Sets&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;/div&gt;
&lt;h1 itemprop=&quot;name&quot;&gt;
&amp;nbsp;&lt;/h1&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/7370012463770082017/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/icloud-display-sets.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/7370012463770082017'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/7370012463770082017'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/icloud-display-sets.html' title='iCloud Display Sets'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-7324606627531286588</id><published>2012-12-10T03:42:00.002-08:00</published><updated>2012-12-10T04:12:52.588-08:00</updated><title type='text'>Corona SDK  Language using LUA  for All Devices</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;span11&quot;&gt;
&lt;h3&gt;
Corona is the leading mobile app development framework.&lt;/h3&gt;
From games to eBooks to business apps, Corona is unmatched in 
giving mobile app developers the ability to develop high quality content
 at record speeds. Corona SDK is only the start; our &lt;a href=&quot;http://www.coronalabs.com/community&quot;&gt;vibrant community&lt;/a&gt;, educational &lt;a href=&quot;http://www.coronalabs.com/resources&quot;&gt;resources&lt;/a&gt;, and complementary &lt;a href=&quot;http://www.coronalabs.com/products/corona-levels&quot;&gt;development tools&lt;/a&gt;, make Corona the top choice among mobile app developers.&lt;br /&gt;
Read on to learn why Corona is the best solution for building high-quality mobile apps.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Corona SDK&amp;nbsp; Language using &#39;LUA&#39;&amp;nbsp; for All Devices&lt;br /&gt;
&lt;br /&gt;
http://www.coronalabs.com/products/corona-sdk/&lt;br /&gt;
&lt;br /&gt;
IDE: &lt;br /&gt;
&lt;br /&gt;
LUA&amp;nbsp; Glider or many more &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Introduction:&lt;br /&gt;
http://mobile.tutsplus.com/tutorials/corona/introduction-to-corona-sdk-easy-cross-platform-development/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Learning Corona:&lt;br /&gt;
http://learningcorona.com/&lt;br /&gt;
&lt;br /&gt;
Build for AppStore:&lt;/div&gt;
&lt;div class=&quot;span11&quot;&gt;
http://developer.coronalabs.com/forum/2011/03/13/build-app-store&lt;/div&gt;
&lt;div class=&quot;span11&quot;&gt;
http://www.coronalabs.com/blog/2011/05/02/tutorial-apple-validation-with-corona-sdk/ &lt;/div&gt;
&lt;div class=&quot;span11&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/7324606627531286588/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/make-game-for-all-devices-using-corona.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/7324606627531286588'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/7324606627531286588'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/make-game-for-all-devices-using-corona.html' title='Corona SDK  Language using LUA  for All Devices'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-884131526450123494.post-1200270769803205678</id><published>2012-12-10T01:47:00.001-08:00</published><updated>2012-12-10T01:47:37.874-08:00</updated><title type='text'>How to Publish App to the Android Market</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
http://mobile.tutsplus.com/tutorials/android/publish-to-android-market/&lt;br /&gt;
&lt;br /&gt;
http://apcmag.com/how-to-take-your-app-to-market.htm&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
http://www.youtube.com/watch?v=gpxM0ffAvok&lt;br /&gt;
http://www.youtube.com/watch?v=ou8yJvI8HCE&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://mobileappsolutions.blogspot.com/feeds/1200270769803205678/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/how-to-publish-app-to-android-market.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1200270769803205678'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/884131526450123494/posts/default/1200270769803205678'/><link rel='alternate' type='text/html' href='http://mobileappsolutions.blogspot.com/2012/12/how-to-publish-app-to-android-market.html' title='How to Publish App to the Android Market'/><author><name>Muhammad Zain ul Abdeen</name><uri>http://www.blogger.com/profile/07537900626344054892</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRgm8TrNyodo0-A-P3sb8nXIAdlNcT0JiLv3UZShdfymeKXrFdw841Hic1QWdIXX7VXAtKEMA2e_Hv9azyIMD4qhjh_Z78Gfr-IjDqr5AucaYKfVaBHcW_31qhZFOVQ/s220/ZainPic.jpg'/></author><thr:total>0</thr:total></entry></feed>