Well, this is exciting.  I will be showing you how to build an iPhone app from scratch.  Using Dapp.  Oh!  And at the end of these tutorials we will be submitting and releasing our funky new app on the app store too. 😀

Unfortunately, I’m not much of a writer (anyone offering free cheap writing courses? seriously…), but, hopefully I can be a better teacher. So… what shall we make?….

Originally, I had planned to build a Movie Catalog but that’s a bit boring and has been done 15 million times before.  However, we want to build something useful so I have decided we will be building an iPhone bug tracker.  Why?  Because I can’t be bothered having another program on my computer for tracking bugs and I’m often out and about testing Dapp and finding the occasional small bug that I’d like to note down.

For our initial release, we are going to build a very simple version of a bug tracker. So, with an exciting working title of ‘Bug Tracker’, our first step is to jot down our requirements.

Bugs will belong to projects, with each project having a collection of bugs. Projects have the following requirements:

  1. We must be able to add new projects
  2. We must be able to delete projects
  3. We must be able to edit projects
  4. We must be able to view existing projects
  5. Projects must have a title field

Using these as our base requirements, we can move on to the next step and use Dapp to design some of our mockups.  Now, a friend of mine recently asked me ‘what is a mockup?’… so, in answer. A mockup is a design you create that shows what each screen in your app will look like. A mockup also goes a step further, by showing us the different states of a screen.

The following video will show us how to use Dapp to create our first mockups. You will note that the first two pages we create in the video show the same screen – ‘Project List’ with two different states (standard and edit).


Updates:

  • Notes were added to every page
  • The back button in ‘Edit Project’ and ‘New Project’ was changed to a cancel button
  • The done button style in ‘Edit Project’ and ‘New Project’ was changed to ‘done button style’.  Sorry, that’s a bit confusing, but I will explain this in the next episode 😀

Published PDF

At the end of our video tutorial, we exported our project to PDF.  Check it out here.

Bug Tracker Episode 1 PDF Export

Question: But hey, what about convert to code?

We will move on to this in the next video tutorial episode.  It should be fun. 😀