Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Paul Solt

iPhone App Expert

2627

14

Mat Border Calculator - Making Framing Easy

Project Video (Update 8/3/13)

Video 1: (Updated crop screen)  http://www.youtube.com/watch?v=HCQ209Iqq_c

Video 2: http://www.youtube.com/watch?v=xa5iwV58coY

About

I frame photos and artwork as a hobby. It's a lot of manual labor and math to cut the large 40x32" mat boards to fit in a picture frame. All the existing apps to help are cumbersome with multiple screens and don't have any live previews.

To fix my pain point, I've decided to build an app that will let me preview different aspect ratios and dimensions using gesture input. Slide numbers up/down or left/right to get easy adjustments without the keyboard.

A Mat Border app will help...

  • Calculate the border dimensions (math)
  • Create a visual preview
  • Remember previous layouts

Milestone 6 - 6/13/13

  1. I've reconfigured the interface  so that interaction is along the bottom.
  2. I've also customized the apperance of the app.
  3. I've added a image selection/crop screen. 
  4. The image resizing now preserves aspect ratio.

The app is almost finished, but I have a few things to finalize.

  1. Help screens - show how to use the app
  2. Bottom padding and overlap control - allow bigger borders on the bottom, and change from 1/4" overlap values (1/8, etc). 
  3. Opening size: I want to show the opening size when a user taps on the FRAME or IMAGE labels, it'll toggle between different views.

Milestone 5 - 2/15/13

I've added gestures to control the size of the mat board and the image. It scales the image preview as you slide left/right or up/down on the numbers.

Notes: Now that I can do everything through touch I don't need the "Calculate" button. I have it always calculate and then there is no need for an additional button!

Videohttps://www.youtube.com/watch?v=assfyMseZE0

Code: https://www.dropbox.com/s/r68za1tp8k56sjh/Milestone%204.zip

Milestone 4 - 2/7/13

Added more functionality to calculate the "live preview" Now you can see how changing the values changes the proportions of the image to the mat board size.

I also integrated with the photo library, to allow users to customize the "default image."

Milestone 3 - 2/5/13

Fleshed out the basic functionality in Xcode.

Milestone 2 - 1/28/13

I've started sketching my ideal app controls using gestures. I'm a big advocate for gestures because they can make apps more modern and usable (Look at Clear).

Lots of apps have tons of text fields, which is ok for beginners, but I want something more modern. I hate typing in numbers and want a special user interface (UI) widget that users finger taps and swipes. I want to drag left/right or up/down to change numbers without any popups.

Old Style UI - Mat Layout

Most apps suffer from poor UI design. Lets look at an example app that has all the fields, but it's hard to use. Why?

  1. It's tedious to type sizes on an iPhone/iPad. (less taps is better)
  2. The app should prevent bad input. (make it smart!)
  3. Use modern interface language and interaction to control. (gestures)
  4. Dynamic drawing - show a live preview! I want visual feedback as a user

Milestone 1 - 12/9/12

I've sketched out what the math looks like when I'm framing. It's never this organized in my scrap paper, but I need to think about all these things. An app would simplfiy the math, so I only have to measure and then adjust layout.

Feedback

Let me know if you've ever framed artwork or have any feedback.

Comments

Please sign in or sign up to comment.