Re.Mark

My Life As A Blog

Archive for the ‘Mobile’ Category

Apache Cordova #4 : A few simple steps on

leave a comment »

Last time out, I started a simple Cordova project. Having got the default project, it’s time to start making some changes. I should probably note that for some not very exciting reasons to do with where I am today and the dev machine to hand, I have used Visual Studio 2013 with Update 4 for this post.

I thought I’d start with something simple. so I added an <h1> tag and put “Starting the Cordova project” inside it. Next thing is to see if it works. That means running the project. With this being a cross platform app, there are several options. The first thing to choose is the platform you want to run the project on:

image

If, like me, you found that you cannot see the box on the right hand side, you can add the Solution Platforms drop down selector from the Add Or Remove Buttons menu. There are all the familiar Windows Phone Emulators as well as a selection of Android emulators – the simplest being the Ripple emulators that use Chrome to emulate Android. And remember there is a Visual Studio Android emulator that you an install and use, too.

I started with the Ripple emulator, then used the Android emulator, then used a Windows Phone emulator and the app runs on all of them. Here it is on a Windows Phone emulator:

image

That’s a working – albeit not especially useful or impressive – app running on multiple platforms. Next time I will look at adding some functionality.

Advertisements

Written by remark

March 31, 2015 at 12:00 pm

Posted in Cordova, Mobile, Open Source

Apache Cordova #3 : Beginning the project

leave a comment »

It’s time to break out Visual Studio and start a Cordova Project. I was using Visual Studio 2015 Preview and updated to the CTP just before writing this post, although Visual Studio 2013 also has Cordova tooling. Under JavaScript, which is in the Other Languages section in my installation if Visual Studio 2015, there is an Apache Cordova Apps section:

image

That section has a template for creating a Cordova app:

image

You can do the same thing in TypeScript if you prefer. When the project is created, Visual Studio shows a helpful Getting Started page. If, like me, you need to find that page again, have a look in the project folder: the file is called Project_Readme.html.

The brand new project contains a number of folders:

image

I figure I don’t need to understand what they all do know, but it’s good to know they’ve been created in the right structure.

The thing I am interested in is index.html, which is the starting page of the app. Without any changes, it looks like this:

image

That looks like something I can understand. Next time out I’ll see if I can make some simple modifications to it.

Written by remark

February 17, 2015 at 7:39 pm

Posted in Cordova, Mobile, Open Source

Apache Cordova #2. Next steps

leave a comment »

A slightly bigger gap between the first and second posts than I had planned, so having to go back to basics a bit.

A good place to start is this article, which gives a good introduction to Cordova. I’m interested because if you’re building apps, you’re likely to be facing the challenge of writing code to run across a variety of platforms. If you have web development skills, Cordova provides a way to address that challenge.

A couple of other links that look useful are:

Visual Studio Tools for Apache Cordova and the remote Mac agent

msopentech.com – apache-cordova

And if you have started to look at Cordova, why not provide some feedback?

My next step is to start a simple app.

Technorati Tags: ,,

Written by remark

February 6, 2015 at 5:10 pm

Posted in Cordova, Mobile, Open Source