A Short Whitepoint Scape Demonstration

If you’re new to Whitepoint, the terms that get thrown around – scape, scene, whitepoint, widget – require a brief explanation.

What better way, of course, than to use a scape to help demonstrate?

The following scape is largely from the perspective of a mobile user, but we’ll use ScapeViewer to help. So, if you’re on a desktop, imagine viewing this in the Android or iOS app.

And, if you want to go ahead and download the app, we recommend viewing the same scape there. You can download Whitepoint for Android or Whitepoint for iOS – then find “A Scape Demonstration.”

Happy #whitepointing.

 

facebooktwittergoogle_plusredditlinkedinmailby feather

Graphics for Linking Online Tours

As mentioned previously, there are many reasons to link to your online tours, photo galleries, and slideshows from your web site. How to do it and whether to use a graphic to snazz it up a bit are the usual questions.

Whitepoint’s strength is as a free framework for building online tours. There are occasions where it is a great answer to other more basic needs as well – such as photo galleries or slideshows.

We’ve posted a graphic or two in the past. We thought we’d provide more here that speak to the different uses that your Whitepoint scapes may be serving: whether online tours, photo galleries, or slideshows.

Online Tours

Image for Whitepoint Online Tours

This free graphic for your online tours is also available by linking to http://whitepoint.mobi/img/scape-supporting-images/Whitepoint-Scape-Tour.png.

 

 

 

 

 

Photo or Image Galleries

Graphic for Whitepoint Image Gallery

This free graphic for your Whitepoint image gallery can also be linked at http://whitepoint.mobi/img/scape-supporting-images/Whitepoint-Scape-Image-Gallery.png.

 

 

 

 

 

Slideshows

Image for Whitepoint Slideshows

This free graphic for your Whitepoint slideshow can also be accessed by linking to http://whitepoint.mobi/img/scape-supporting-images/Whitepoint-Scape-Slideshow.png.

Linking Your Scape

If you haven’t yet read our blog article on linking multiple scapes from your web site, take a look. It will answer questions you might have about getting it done.

Remember that by linking a scape, you’re providing image rich content to your visitors. Access on mobile devices is great, but richer content on your web site helps means you’re even more likely to get attention. Make sure the link to that content is easy for users to find.

Online tours are one of the best ways to provide an engaging experience for new users. And, with the Whitepoint framework and resources, you don’t have to be a web design guru to make it happen.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

Link To Your Whitepoint Online Gallery or Tour

If you’ve built a Whitepoint scape – whether an online gallery or photo tour – it’s available for mobile viewing using the free Whitepoint app. But, why not enable desktop users to access it also? Linking to a scape from your web site can help build more valuable, photo rich content and attract new eyes.

Previously, we provided a simple JavaScript for doing just that, but this JavaScript will enable you to link to multiple scapes from a web site.

First, determine your online gallery or photo tour’s scape ID.

A Whitepoint Online Gallery and Tour

Here’s a free graphic for use in driving traffic to your Whitepoint online gallery or tour. Just download and own it today!

The scape ID is available in the Whitepoint Authoring Panel: Find your scape listed either in “Personal” or “Team” scapes. Then, look for the number shown in the “scape ID” column. Make a note of it.

The Function for Opening Your Scape Neatly

Here’s the JavaScript function you’ll use:

function WPScapeViewer(param) {
window.open(“http://webview.whitepoint.mobi/scapes/scape_viewer/” + param.toString(), ‘_blank’,’width=1000, height=675, resizable=no, scrollbars=no, location=no, menubar=no, status=no, toolbar=no’,”);
}

Call the Function to Open Your Scape

Use an “onclick” event in an anchor tag. Here’s what that looks like:

<a href=”#” onclick=”WPScapeViewer(XX)”>My Scape Link</a>

Grab that scape ID you jotted down earlier and plug it in for the “XX.”

Linking Up Multiple Scapes

You can call that single function now as many times as you like for a single online gallery, tour, or even multiple scapes. Just have the different scape IDs handy first. Then, exchange them as appropriate. For example:

<a href=”#” onclick=”WPScapeViewer(01)”>Link to Scape ID 01</a>

<a href=”#” onclick=”WPScapeViewer(02)”>Link to Scape ID 02</a>

<a href=”#” onclick=”WPScapeViewer(03)”>Link to Scape ID 03</a>

Can This Be Used With Any Tour or Online Gallery?

This is all done using Whitepoint’s ScapeViewer technology. It’s free for all authors, and helps anyone share their slideshow, online gallery, or tour with desktop users . . . as long as it’s built using the free Whitepoint framework.

You can also download the image shown in this post and make your link a graphic.

If you haven’t become a user of the Whitepoint app or an author of a Whitepoint tour or online gallery, you can get started today.

Matthew White

Matthew White blogs on all things related to virtual tours, mobile touring, and tour apps as well as how they relate to web design, SEO, and content marketing. There is also of course helpful information on using Whitepoint - the framework for smarter virtual touring and mobile-friendly tours.

facebooktwittergoogle_plusredditlinkedinmailby feather

So, How Do I Link to My Scape (And Get One of Those Nifty Whitepoint Buttons)?

When an author updates Whitepoint mobile tour app content, that content is available simultaneously to the Whitepoint apps and, in most cases, for desktops online.

It’s easy to understand how the mobile material is delivered, but linking up to the scape from a web site for desktop users takes a little more attention. Not to worry though, this post will explain it all.

Instructions for Getting Tours On Desktops

When we refer to ScapeViewer, that’s the technology framework that makes Whitepoint authored content available to desktops. If you want to read more about it, we have more information about how we handle desktop-friendly online tours and guides. But, really all you need to understand is that there is no plug-in or additional download required, all you have to do is identify and link up the content to your web site.

Find The Scape ID

First off, in the Authoring Panel, find your scape listed either in “Personal” or “Team” scapes. Find the number shown in the “scape ID” column. Make a note of it.

Here’s The Code . . .

Now, here’s the code snippet you’ll need for your web site:

<a onclick=”open_ScapeViewer()” href=”#”>
<img alt=”Take the Whitepoint Tour” src=”http://www.whitepoint.mobi/img/WPTakeTheTourWeb.png” />
</a>
<script type=”text/javascript”>
function open_ScapeViewer()
{
window.open(“http://webview.whitepoint.mobi/scapes/scape_viewer/XX” , “_blank” , “width=1000, height=675, resizable=no, scrollbars=no, location=no, menubar=no, status=no, toolbar=no” , “”);
}
</script>

Remember that scape ID you noted earlier? Replace the XX above with that number. That’s it. You’re done.

If you enjoy coding a bit, you can take the anchor tag with the image and place it inside a div for positioning. And, if performance – or code organization – is a concern for you, you can place the script tag just before the closing body tag.

We don’t recommend tweaking the code beyond that, as the above has worked countless times with consistent results across multiple browsers and platforms.

. . . And You Get The Graphic

The above will provide a “Take the Tour” graphic that Whitepoint is serving, and we hope to offer additional flavors of that graphic in the future.

facebooktwittergoogle_plusredditlinkedinmailby feather

“Get Started Authoring” Tutorial Now on YouTube

We’ve just started a series on YouTube to help walk new authors through using Whitepoint’s Authoring Panel.

The first installment, “Get Started Authoring”, is now live. It covers starting a new scape – whether personal or as a team – as well as nitty gritty details on private versus public scapes and building scapes on things with and without permanent addresses.

Please, drop by and subscribe. The Official Whitepoint YouTube Channel is now on 24/7 at http://www.youtube.com/WhitepointMobi. The next installment will cover editing of existing scapes.

facebooktwittergoogle_plusredditlinkedinmailby feather

ScapeViewer and Browser Compatibility

We’re getting great results with ScapeViewer ™ in the latest browser versions. Previously, there were problems in older browsers, specifically Internet Explorer 8 and below.

Now, we have confirmed compatibility with Internet Explorer 8 – it isn’t our preferred experience, but it definitely works. If you have experienced trouble, we recommend that you update your browser. ScapeViewer makes extensive use of HTML5 and CSS3 capabilities for the intended experience, and these features are available in the latest browsers.

If you’re locked into an older version of Internet Explorer and are unable to update, we recommend downloading the latest version of Firefox or Chrome.

The following are definitely supporting ScapeViewer, and we’ll update this list as reports become available.

Internet Explorer 8 and above (Windows).

Safari 5 and above (Mac).

Chrome 25 and up (Windows / Mac).

Firefox 19 and up (Mac).

Firefox 3.6.28 and up (Windows).

Have you had a negative experience browsing with ScapeViewer? If so, let us know. Just email support {at} whitepoint.mobi or comment here.

facebooktwittergoogle_plusredditlinkedinmailby feather

Important Android and iOS Updates This Week

You’ll now want to update your apps to at least 1.6 on Android and 1.2 on iOS. There is one critical update to database connectivity and some slight UI improvements posted this week.

Both are now available in their respective stores: Google Play for Android and the App Store for iOS.

Also be sure to check out this week’s ScapeViewer announcement – so many exciting developments in process and on the way.

facebooktwittergoogle_plusredditlinkedinmailby feather

Whitepoint 1.6 for Android Available

We recently made some small changes and improvements in the latest version of the Android app, and it is now available.

Some people have reported successful automated updating of their app, and others have had to uninstall then install from the Play store. Not sure why that’s the case, but keep that in mind if you’re not sure that you’re running the latest version.

If you haven’t already, download the latest version of the Android app here.

 

facebooktwittergoogle_plusredditlinkedinmailby feather

First Time Navigating the Whitepoint App? Try the Scape Demo.

We’ve loaded a demonstration scape to help those new to Whitepoint. This is perfect for first-time users and those who are wondering what one of those tabs in the top right corner does.

In the Whitepoint app interface, you can search “scape demonstration” in the top right corner in the search box.

Whether you’re using our Android app or our app for iOS, this will help you understand how to quickly get where you need to go.

Happy #whitepointing!

Updated July 20, 2016.

facebooktwittergoogle_plusredditlinkedinmailby feather

Recommended Scape, Scene, and Whitepoint Image Sizes?

As a rule of thumb when authoring, bigger images work best for scene and scape images. The user experience tends to be best when they are rectangular – something like 960 pixels in width by 640 pixels high. It doesn’t have to be exact.

Because the display is big enough, photographic images taken with DSLR cameras can look very nice as scape and scene images.

Rectangular whitepoint images can also work, but because they have more limited constraints for display, square images will usually work best. Tall rectangular images can also work as whitepoint images. You can limit the width of whitepoint images to about 500 pixels and get great results. At 500 pixels wide, shoot for at least 500 pixels in height.

And, because of the smaller display area, camera phone shots work just fine as whitepoint images. They can also work in scape and scene images, but you may not get the effect desired. It really depends on your subject. The good thing is that Whitepoint authoring makes it easy to switch out and update images at any time now or later.

Finally, for all images, 72dpi will likely suffice – high resolution is not only unnecessary, it may even produce adverse effects in your display. Test and take a look at your subject on different displays. Don’t be afraid to test an image and switch it out or update it later.

Happy #whitepointing.

 

facebooktwittergoogle_plusredditlinkedinmailby feather