Patapage

Archive for December 2009

Happy new year from Patapage

leave a comment »

Written by Matteo Bicocchi

December 23, 2009 at 4:32 pm

Posted in news

Chart up your site with Patapage’s new button

with one comment

pataGRP A new button in Patapage: “chart”, which let’s you define data series and add them on any page of your site, in different styles.

You create your Patapage button as usual, get a small JavaScript to paste, and then you’ll have on the site a button, we chose a docked button for the example:

http://patapage.com/demo/chart.jsp

chart01 And then by clicking and doing log in, you will be able to insert and edit chart data:

Patapage chart

Picking “edit data” you get and editable list of data, editable in-place in the browser:

Patapage chart data

and you can add series on the fly, change data etc. Picking “edit configuration” a host of options for your graph layout appear:

Patapage chart configuration

and you can play and get your desired graph.

Patapage chart bars

Notice that the chart preview changes on the fly while you do your tests.

Also Patapage will keep a (deletable) history of changes you (or others) did on the chart and data, so that it is possible to recover a previous version and see the history of changes. In fact, you may even ask site visitors to contribute data.

Isn’t this a quick and effective way to enrich your web site?

In this blog post, JavaScript charting tools: an overview, Roberto talks about the  jqPlot library we used and why it was selected.

Written by Pietro Polsinelli

December 21, 2009 at 4:51 pm

Posted in news, releases

Tagged with

The many ways of RSS integration

leave a comment »

patapageRSSButtons

“You can use RSS channels to allow customers to keep up on industry specific news, check weather, look for jobs, view upcoming concerts or university lectures, monitor specific websites, and much more.”

From Publish and Syndicate Your News to the Web

Today we updated the Patapage service adding a new functionality: you can now use any RSS feed to display contents on your pages. An example is online here:

http://patapage.com/demo/rss.jsp

where you see two buttons which open Patapage’s blog RSS, the first one displaying abstracts, the second one displaying full contents (see the screenshot below).

The first example that comes to mind is to use your blog posts as news for your site. Or to enrich a page on a specific topic with one or more feeds of blogs or sites specialized on that topic.

Or say if you want to read from a Twitter stream, fortunately on any Twitter stream the RSS is always available.

ppolsinelliTwitterFeed So for example in the unlikely case you want to feed a page with my Twitter stream, you have already three choices in Patapage: use the Twitter button, use it as RSS stream, or use the window component to load the Twitter page directly.

a Almost all mature web sites / services expose their “products” in form of RSS feeds; in the example page we’ve put also

the Rolling Stone recent reviews,

the New York Times news from the home page,

and Amazon’s best sellers in books.

RSS feed of Patapage commentsOf course Patapage also works “the other way round”, as supplier of RSS news: e.g. the list of comments for a page can be read in RSS form.

This is yet another step in making Patapage a complete tool for “empowering” a web site, with almost no development and maintenance effort for the users 🙂

Patapage RSS visualizer - full posts

Written by Pietro Polsinelli

December 18, 2009 at 1:09 pm

Posted in news, releases

Tagged with , ,

Annotate and mockup your web pages with PataPic and Balsamiq Mockups

leave a comment »

pataPic In a just released update of the Patapage service we introduced a new functionality: PataPic, which lets you take screenshots of web sites and have them available as an online URL, a bit like the TwitPic service for Twitter; PataPic also lets you download a Balsamiq Mockup file which contains a “sketched” version of the site image, which you can then annotate with all the Balsamiq Mockup tools. One Look is Worth A Thousand Words:

Say the site is our example one, Liz’:

lizSite

and you are its designer and you’ve built a draft of the new version of it: now you want to show it around, giving the opportunity of making suggestions for improvements. Just add the PataPic button to such page(s), and when the visitors / contributors will click the button they will get the image generator page:

generateScreenshot

Proceeding they will get the URL to the screenshot:

gotImage Now they will have a public web link to the image (which may even be shortened), and if they have Balsamiq Mockups installed, the visitors can download and open the bmml file, obtaining in this case:

inBalsamiq01

Ta-da: Your site in Mockups. Notice the cool “sketch it” effect: this way the user added notes are more readable, and it is immediately clear that your proposal isn’t the original site. Once they have completed their annotations, say obtaining this:

inBalsamiq02

they can contribute the file or its screenshot back on the page using PataPic upload, getting:

uploadLiz

You can see all this on a sample page here: http://www.open-lab.com/patapagedemo/patapic.html, or even better you can enroll in Patapage and try it on your site or on a test page.

We thank the Balsamiq guys for feedback. Get the Balsamiq Mockups application from this site: (produced by Balsamiq Studios):
http://www.balsamiq.com/products/mockups

One Look is Worth A Thousand Words: http://en.wikipedia.org/wiki/A_picture_is_worth_a_thousand_words

Written by Pietro Polsinelli

December 14, 2009 at 10:30 am

Patapage as a service empowering mashups and widgets

leave a comment »

In this blog post, Pietro presents how the idea of Patapage was shaped by thinking about mashup and web widgets generalization.

Written by silviachelazzi

December 11, 2009 at 3:16 pm

Posted in news

Tagged with ,

Before and after Patapage – and then, even better

leave a comment »

In order to record the new introductory Patapage video, this one:

http://www.youtube.com/watch?v=CX1KONEMA_M

we’ve created a sample static site which we then transformed using some (not all) Patapage functionalities.

Before Patapage
LinBefore

http://patapage.com/demo/index.jsp

Added the default docked buttons
image

Integrated the buttons in the site
LizIntegrated
http://patapage.com/demo/fullSite.jsp

(click on the “show”, “gallery” etc. links).

In all the three version check out also the linked “about” page.

Written by Pietro Polsinelli

December 10, 2009 at 3:09 pm

Posted in news

Tagged with , ,

New button, Google custom search, and resizable windows

leave a comment »

pataGoogle We are releasing an update which will contain a new button which will let you add Google customized search to your site, and an extension for all windows opened by buttons: it will be possible to set size and position of each opened window.

Written by Pietro Polsinelli

December 3, 2009 at 1:12 pm

Posted in releases

Tagged with