I’m thrilled to announce my iPhone app is now available on the App Store. This personal project has been a huge learning experience full of ups and downs, but mostly of flat, long, patient waiting.

There are a great many fantastic Bible applications in the App Store today. What makes WPB unique is the manner in which it allows you to distill and consume your A-List scriptures that are powerful for the exact moment you are in, not matter where you are. It is at once your Topical Bible and God’s Promises scriptures on the go.

With WPB you choose from an ever growing collection of topical scripture lists, or you make your own. As you discover new verses that speak directly to you, then add them to your paper no matter wherever you are.

If this sounds like something you’re interested in, or if you just want to do me a solid and spread the word, please check it out. I’m very satisfied to have come this far, and look forward to many future releases of this product.

White Paper Bible

http://www.whitepaperbible.org

White Paper Bible iPhone App

app.whitepaperbible.org

White Paper Bible on Twitter

twitter.com/whitepaperbible

White Paper Bible on Facebook

http://www.facebook.com/pages/White-Paper-Bible/128636440822

To extend the White Paper Bible site, I asked Kerry Layton to design a calendar for the Advent season. You can view it here: http://www.whitepaperbible.org/advent.

Initially I was thinking Advent Sausage (http://lovelypackage.com/konecke-advent-sausage/), but I’m glad Kerry designed a beautiful, clean calendar. Kerry, btw, loves to design calendars and you can see some of his work over at Design Audit (http://www.designaudit.net).

I only had a few days to pull it together. Like everything else, it was a last minute idea. I wanted simple, feature Bible passages relevant to Advent, and a cool reveal animation.

So, I went on the hunt. First up, what in the world is Advent and what does that have to do with an Advent Calendar?! I’m not overly religious in the liturgical sense, so Wikipedia to the rescue.

Advent: http://en.wikipedia.org/wiki/Advent
Advent Calendar: http://en.wikipedia.org/wiki/Advent_calendar

To do the flip animation I new I wanted jQuery. I needed to both flip and resize the tile to display the passage. I found a bunch of stuff out there, but the one that really did the trick is the Flip! jQuery plugin found here: http://lab.smashup.it/flip/.

The recipe for the flip plus the scale I found over on the Work [at] Play blog: http://think.workatplay.com/content/workatplaycom-how-it-was-made-flip-and-scale-effect. Great stuff!

As I added the content, I either needed to add a scrollbar or let the content run. The scrollbar proved to be the best solution, so I went with my favorite, the jScrollPane plugin (http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html). Make sure to use the source on Google code (http://code.google.com/p/jscrollpane/) or the examples. The ZIP file is somewhat outdated. For adding mousescroll functionality, I use the same plugin posted with the jScrollPane examples, but the updated version at http://plugins.jquery.com/project/mousewheel.

I should also mention that this site is Ruby on Rails, and the advent calendar is really just a static html. The way I implemented this is using my Pages controller which serves up the less dynamic content on the site (like the About page). I added a route for /advent and then put all my advent specific assets (js, css, images) into public/advent to keep things a bit cleaner. I could probably keep the js all together with my core js files. Then in my view/advent.html I updated all the asset references to pull from the /advent sub dir. Merging static content into a Rails app isn’t really hard, it’s just that Rails developers like do know the right or approved way, and there doesn’t seem to be much consensus on that for static content. If you have a better way, let me know.

And that’s about it. Checkout the final result (well…final until I think of something to enhance it). http://www.whitepaperbible.org/advent.

Enjoy.

For the past year I’ve been working during my free time on a personal project called White Paper Bible (http://www.whitepaperbible.org) under the umbrella of my development company, Simply Profound (http://www.simplyprofound.com). Just launched is a micro-site promoting White Paper Bible and the companion iPhone app (http://app.whitepaperbible.org).

White Paper Bible is a personal Bible study tool that can be used as a daily devotional, a topical Bible, a Bible promises reference, and pretty much whatever a user can think to do with it. Users collect verses by whatever grouping is meaningful to them. One of my favorite features is the ability to stream a professional recording playlist of the entire user-created paper.

What’s with the name? A “white paper” is commonly defined as “an authoritative report or guide that often addresses problems and how to solve them; used to educate and help make decisions”. Well, that sums of the Bible for most Christians. And it works on other levels too, but I’ll leave that for you to discover.

For a quick overview of the tech bits, the site is built with Ruby on Rails and some jQuery love. I use Shadowbox.js for the paper “focus” feature that displays inline divs. The iPhone app is native Obj-C and talks to the site via JSON calls facilitated by HTTPRiot (http://labratrevenge.com/httpriot/). The site talks to the ESV Bible web service (http://www.esvapi.org) using a forked version of Geoffrey Dagley’s great ESV Bible gem (http://github.com/gdagley/esv_bible).

The iPhone app is not currently available in the App Store, but as soon as it is I’ll post a link here.

I put together a simple demo of how you can capture an image from the webcam in Flex. Nothing super complex going on here once you see it.

Basically we use the Camera, VideoDisplay, and the Bitmap classes. The Camera allows us to do just what you expect prompting the user to connect to their camera. The Camera is then attached to the VideoDisplay component and we can see what the camera sees.

 
 
var camera:Camera = Camera.getCamera();
                
if (camera) 
{
    videoDisplay.attachCamera(camera);                    
} 
else 
{
    Alert.show("Oops, we can't find your camera.");
}
 
 

When we want to capture an image we create a new, empty Bitmap at the same size as the VideoDisplay, and we draw the output of the VideoDisplay to the image. We then write that image back to the stage so we can see it.

 
 
var snap:BitmapData = new BitmapData(320, 240, true);
var snapBmp:Bitmap = new Bitmap(snap);
 
snapBmp.width = 320;
snapBmp.height = 240;
 
if(snapshotHolder.numChildren > 0)
    snapshotHolder.removeChildAt(0);
 
snapshotHolder.addChild(snapBmp);                
snap.draw(videoDisplay);
 
 

Demo: http://www.davidortinau.com/flash/WebcamCaptureDemo/WebcamCaptureDemo.html

Source: http://www.davidortinau.com/flash/WebcamCaptureDemo/srcview/index.html

import fl.motion.easing.*;
import com.gskinner.motion.GTweenFilter;
import com.gskinner.motion.GTween;
 
var coltw:GTween = new GTween(foo.transform.colorTransform, 4, { redOffset:255, greenOffset:0, blueOffset:0 }, { ease:Circular.easeOut } );
coltw.setAssignment(foo.transform, "colorTransform");
 

GTween: http://gskinner.com/libraries/gtween/
FLA: http://www.davidortinau.com/exhibits/gtween_color/colorTransform.fla

I have a Flex application that will shrink and grow vertically, but I do NOT want to ever, ever, ever see the Flex scroll bar. Ever! It has its place, but not for the entire app. That’s what the browser has a scroll bar for. And people are intimately familiar with that scroll bar, so I would much rather use that.

My Flex application makes use of the mx:ViewStack and each view will be the same width, but vary in height and even change interactively. At a minimum I want Flash to span the available browser window top to bottom. At a maximum I want the user to scroll with the browser scroll bar.