iPad ConsultingMay 17, 2011

iPad Understanding and Using

Browser Bookmarklets

iPad Consulting2

Overview

1. What Are Bookmarklets?

2. Sample Uses

3. Installing A Bookmarklet on the iPad - Basic Steps

4. Bookmark Installation Examples

a. Evernote (web-clipping)

b. Instapaper (news management)

5. References and Links

6. Conclusion

7. Contact Information

iPad Consulting3

What Are Bookmarklets?

Essentially, a bookmarklet is a bookmark that performs an action when invoked.

Relative to the iPad, they typically perform an action that simplifies the web browsing experience and/or facilitates interaction with another application.

iPad Consulting4

Sample Uses of Bookmarklets

Convert web page to PDF; send file to a Document Library

Convert web page to text readable document (Readability)

Send web page text to “cloud” service, which is then available through another iPad app (Instapaper) for later reading

Clip website URL, partial content or full page for uploading to web storage service (Evernote)

iPad Consulting5

Sample Uses of Bookmarklets

Open up a Safari webpage in a separate iPad browser (Atomic Browser)

Simplify posting items to social media sites (Facebook, Twitter, etc.)

Open in iPad GoodReader app (GoodReader)

If viewing PDF or inserting a URL link that is a document, this sends the document automatically to the Goodreader app and saves it.

iPad Consulting6

Installing a Bookmarklet on the iPad – Basic Steps

Really, just four basic steps… Create a bookmark (can be any site) in the Safari

browser on the iPad. Save the bookmark to the Bookmarks Bar (where it is conveniently accessible for future use).

Now, edit the bookmark – change the name to the desired description, replace bookmark “address” with the necessary java code for your desired bookmarklet.

Test the bookmarklet (you want to make sure…).

Get a cup of coffee – You’re Done!

iPad Consulting7

Bookmarklet Installation Examples

Although there are many, on the following slides, I cover two specific examples step by step. EverNote – a “web clipping” service that is used

for accumulating things that your want to refer to later, or share with friends, etc.

Instapaper – this is great iPad app for accumulating all of those things you want to read later (for instance, reviewing news sites in the morning may identify a lot of articles for later reading). Instapaper does that and puts it in an enjoyable reading format, uncluttered like most of the web articles you read.

iPad Consulting8

Bookmark Installation Example - Evernote

Evernote is a web-clipping cloud based service. It is very convenient when you come across anything that you want to keep for awhile or refer to in the future.

Summarized below are the specific steps required to the bookmarklet up: Create a “placeholder” bookmark (any webpage)

In this example, I created a bookmark for “Google Search” and saved it to the Bookmarks Bar

iPad Consulting9

Edit the bookmark you just created to create “action” that you want it to perform – in this case, post an item to the Evernote service

Bookmark Installation Example - Evernote

Then, access the bookmark screen and choose to edit it.

iPad Consulting10

Test the bookmarklet – in this case, I want to save an article from the Wall Street Journal to Evernote

WSJ article, converted to “Readable” format via Readability bookmarklet. Now, I want to save this article to Evernote.

A tap of the Evernote bookmarkletbrings up the Evernote “Quick Note” box, where you enter key information, if desired. Then simply tap “Save”

I then go to the Evernote app on the iPad and can see that the article has been saved to Evernote. This is now stored “in the cloud” and I can access anywhere I have an Internet connection.

Bookmark Installation Example - Evernote

iPad Consulting11

Bookmark Installation Example - Instapaper

Summarized below are the specific steps required to the bookmarklet up: Create a “placeholder” bookmark (any webpage)

These are the same steps covered earlier under the Evernote example!

In this example, I created a bookmark for “Google Search” and saved it to the Bookmarks Bar

iPad Consulting12

Edit the bookmark you just created to create “action” that you want it to perform – in this case, post an article to the Instapaper service.

Then, access the bookmark screen and choose to edit it.

Bookmark Installation Example - Instapaper

iPad Consulting13

Edit the bookmark – change the Bookmark name and the “address”. In this case, we replace the address with the java applet that performs the action we want (save to Instapaper, in this case).

The actual java code required is not contained here. There is a link to this information later in this discussion.

Bookmark Installation Example - Instapaper

iPad Consulting14

Test the bookmarklet – in this case, I saved the WSJ article to Instapaper for reading at a later point.

WSJ article, converted to “Readable” format via Readability bookmarklet. Now, I want to save this article to Instapaper. Tap here!

Then, open up Instapaper app on the iPad and as soon as it synchronizes, the article appears in the “Read Later” list.

This is the article viewed in the Instapaper application

Bookmark Installation Example - Instapaper

iPad Consulting15

References & Links

Wikipedia -http://en.wikipedia.org/wiki/Bookmarklet

Bookmarklets for your iPad -http://static.chrisbray.com/bookmarklets/

Excellent reference site!

Bookmarklets.com – “free tools for power surfing” http://www.bookmarklets.com/

My favorite bookmarklets are available here

iPad Consulting16

Contact Information

Don Tomoff, CPA, MBA

Principal, Business Advisory

drtomoff@thornhillcpa.com

Thornhill Website (http://www.thornhillcpa.com)

LinkedIn Profile (http://www.linkedin.com/in/dontomoff)

If additional information is desired or you would like to better

understand our firm’s capabilities, please contact me:

Follow us at…