TTG iPhone Portfolio

Status
Not open for further replies.
theturninggate

theturninggate

The Turning Gate
Joined
Oct 13, 2007
Messages
749
Location
Seoul, South Korea
Lightroom Experience
Power User
Lightroom Version
Happy New Year, my fellow Lightroomers! On this, the first day of 2''9, I'm very pleased to announce the release of a new template from The Turning Gate, TTG iPhone Portfolio.

Because of their small screens, unique input methods and functional differences, mobile devices demand a new paradigm from web-designers. Web-standards can ensure universal access to a site from any device, but even standards-based designs are often unideal for mobile devices. That's why many companies and organizations, such as Google and Flickr, now offer alternate, slimmed down versions of their sites for mobile devices.

In the last several years, mobile devices have stepped up their game, offering functionality now on par with full-blown computers. Increasingly, users are accessing the web from their mobile phones, iPods, etc. New paradigms in web content delivery are now taking shape.

As a photographer, you want your images to reach the widest possible audience.

TTG iPhone Portfolio is the first Lightroom web photo gallery engine to address the mobile phenomenon. Apple's iPhone and iPod Touch are amongst the top-selling mobile devices on the market. TTG iPhone Portfolio can be used to create lite portfolio sites tailored specifically for viewing on Apple's devices, complete with a Gallery, About page and Contact form.

For a demonstration, direct your iPhone or iPod Touch to http://www.theturninggate.net/iphone/.

TTG iPhone Portfolio is being distributed via E-Junkie.com for $5.''. Visit The Turning Gate for more details.

327.jpg
 
Sort by date Sort by votes
Now that is cool Matthew - just need an iPhone !!
 
Upvote 0 Downvote
Looks really cool. I wish there were more documentation on it (maybe I'm just missing it)

Is there a way to make a site detect that the user is on an iPhone/Touch and automatically load this instead of the main site.

I use Wordpress for all my sites, but my flash galleries won't work on iPhone. If I could automatically redirect iUsers to this I think it would work well.
 
Upvote 0 Downvote
Upvote 0 Downvote
The Flash issue is one I meant to bring up and forgot to mention. The iPhone and iPod Touch are incapable of rendering Flash-based galleries, which does make this a good solution for photographers wielding Flash-based galleries, and still wanting to include the iPhone user-base.

I have located a script that detects device types and redirects users based on the device in use. I was planning to flesh out documentation on the gallery later and bring it up, but this is it. It's something I haven't gotten to toy with much yet, but it seems promising and it's employed on that very site -- I visited the site with my MBP and my iPhone and the script did it's job well.
 
Upvote 0 Downvote
Oh cute Matthew!!!!!! Love it!
 
Upvote 0 Downvote
Community Research Project

Here's an idea:

TTG iPhone Portfolio is designed for the iPhone and iPod Touch, as explained, but is also coded according to web-standards. That means the gallery should function on any web-browser that supports Javascript and, theoretically, that it should also work on other mobile devices as well (though the screen dimensions may not match up well).

If anyone has some other mobile device -- Blackberry, Android, etc. -- and could take the demo site (http://theturninggate.net/iphone/) for a spin on it and report back, I'd be interested in knowing how the gallery functions on other devices. Screenshots would be cool if your device can take them.
 
Upvote 0 Downvote
Works on the blackberry too (although without the fancy iphone features). :-)

Better on the native browser than on Opera Mini.

ttg_iphone.jpg


ttg_iphone2.jpg
 
Upvote 0 Downvote
Oh, I should add those captures were on the BB 835'i using the native browser. I also tried the form and it worked just fine. It is possible to rotate and zoom on this device, but it is a manual process.

ttg_iphone4.jpg


ttg_iphone5.jpg


ttg_iphone3.jpg


I think it is very useful for this device.
 
Upvote 0 Downvote
I bought it earlier and so far it totally cool. Still trying to make mobile device detect work on wordpress though :(

Anyway is there an easy way I'm missing during the making of the gallery to control the title tag?

Also I notice that some thumbs are blurry, even though the picture is not. Not a huge deal, but a little annoying.

Gav
 
Upvote 0 Downvote
The title tag will set configurable in the next release.

By default, image quality is set to 75, which may be the cause of the blurry thumbnails. Increase the quality in the Output Settings.
 
Upvote 0 Downvote
Na it's something different. It's only some thumbs, and 75 is plenty of quality for the thumbs and even large version. Obvious quality loss is not usually obvious until your below 6' It must be distorting them in some way. I see it on your demo gallery too.

Must be something with the way LR handles the thumbs. Guess it's no big deal since people click for the larger image anyways. Maybe I'm just too picky. :cheesy:
 
Upvote 0 Downvote
I don't think you're being picky, I just can't understand where the issue is coming from. The thumbnails look perfectly sharp on my iPhone and in the LR preview. Where are you seeing the problem -- on the iPhone, in the Web module or both?
 
Upvote 0 Downvote
I've spent much of my day researching Mobile Safari development on the web and have come up with some good resources. Here's one worth sharing.

I'm not necessarily in favor of auto-detection and redirection; I think the user should be able to visit the full website on their device if they so choose. But for folks wanting to auto-detect the iPhone or iPod and send visitors to their mobile site, I found this piece of javascript:

Code: 
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') != -1) ||
(navigator.userAgent.indexOf('iPod') != -1)) {  
document.location = "[url]http://www.domain.com/iphone/";[/url]
}
</script>
Just enter the web address of your iPhone/iPod site into the document.location and you should be good to go.
 
Upvote 0 Downvote
Ha ha.. The Javascript book I'm going through is absolutely against userAgent detection!
That said, it's pre iPhone and use Javascript object detection, which for iPhone would probably pass standard JS object calls!
 
Upvote 0 Downvote
I burnt most of yesterday doing research online, delving deeper into development for Mobile Safari and Highslide. What I'd at first intended to be a minor 1.'1 update, got bigger.

TTG iPhone Portfolio 1.1 is now available for download, bigger and better than it was three days ago. :cheesy:

The update includes the ability to navigate expanded images, set a site title and adds a footer. I've also made a number of usability, compatibility and footprint optimizations to round off some of the rough edges.

The sample gallery has also been updates. Point your iPhones or iPods to http://www.theturninggate.net/iphone/ for a demonstration.
 
Upvote 0 Downvote
Contact Info on Contact Page

Excellent Plug-In - it's a great idea and well-executed.

I think one minor improvement would be to have the option to have a text box on the contact page so that one may include his or her contact information. Oftentimes mobile users log on specifically to get this information while away from the computer. I am using the footer for this now, but would prefer to use it for copyright info.


Thanks,
C.
 
Upvote 0 Downvote
Sweet I'll check it out. How do we get the current version having already bought it. Are you sending an update with e-junckie?

As to that blurring I just realized that it's only in firefox it seems. For example in the top roe, 3rd image to the right of your demo gallery. The thumb looks blurry. The large size is great, it's just in the thumb.

Since this is really not intended for full browser users I guess it's no big issue.
 
Upvote 0 Downvote
Status
Not open for further replies.
Back
Top