open source

You are currently browsing articles tagged open source.

Posh, the open source portal page resembling PageFlakes, comes with a few widgets in its default installation. A handful of other widgets can be found on the Portaneo website. In order to make this software as appealing and as functional as PageFlakes for student, class, or school use, it would be great to have more options. As I discovered there are well over 100,000 options. Google Gadgets and Netvibes Widgets can be implemented as widgets using Posh’s Advanced Widget Wizard.

There is a dizzying array of Google Gadgets and Netvibe Widgets: games, music, video, calendars, clocks, and more. Check them out yourself with the links above. Essentially, they provide little snippets of code that can be added to websites to feed the desired content.

The first step in making the widget is getting the code. First we will look at how to get the code for Google Gadgets. Go to Google’s gadget directory.Note that you can search widgets or browse categories.

Click to enlarge

Click to enlarge

Once you have picked a gadget, click on the “Add to your webpage button.” Usually, you are then given options for customization. What needs to be configured depends upon the gadget. The default width for most is 320 px. That is a little too wide for the default 3 column layout, so you probably want to bump that number down a little. Sometimes you need to enter a little information into the code manually, but it is usually clear and simple.

Click to enlarge

Click to enlarge

You many preview your customization or get code.

Simply copy that code onto your clipboard so that you can paste it into the Widget Wizard.

Now Let’s go and get some code for a Netvibes widget.

Click to enlarge

Click to enlarge

Find the widget of your dreams and click on it:

Click to enlarge

Click to enlarge

You may or may not have configuration options. In this case there are none. To get the code. click on the share button. Grab the text of the code and have it ready to paste into the Widget Wizard.

Now that you have your code, log in as admin on your Posh installation. Click on Widgets Management.

Click to enlarge

Click to enlarge

Click Create a new widget.

Click to enlarge

Click to enlarge

The click Add your advanced widget to get this page:

Click to nelarge

Click to enlarge

Simply paste your code to replace the highlighted text on the page above. Click the test button to make sure it works. If you are successful, click add. (Note, there are links to widgets on the page with an alternative procedure which I found confusing). You will be prompted through the next few pages to name and customize the widget somewhat, and you are done. Your new widget will now appear on the list of options. To make things even more interesting, users can do the same, but their submitted widgets must be approved by an administrator.

Posh certainly caught my attention as a slick open source alternative to hosted solutions. I believe it could be very useful as a student or classroom portal. Now that I discovered a nearly unlimited source of widgets. it is more appealing yet and will undergo more exploration. The widget wizard is a nice implementation that may well be suited to other server side applications. Posh appears to be an open source receptacle for open standard APIs.

Tags: , , , , ,

One important element in Elgg 1.0′s core is Sharing Bookmarks. Shares are Elgg’s social bookmarks. We’ll examine these features along with some screen shots, and discuss features not yet implemented.

Shares, or social bookmarks, is a way to share web resources with with individuals or groups within elgg. When you click on “Sharing” “Bookmarks”on the “Your Tools” menu in the left sidebar you get the following.

Elgg Sharing Menu

Elgg Sharing Menu

A user is presented with the option of creating a share bookmark, viewing share bookmark sent to him, viewing friends’ shares bookmark, or all that has been shared with the whole site. When the developers have more group capabilities in place, there may be more options on the menu. Clicking on “Share Bookmark this” reveals this page.

Elgg Share This Page

Elgg Share This Page (Click to enlarge)

This pages allows you to enter a title, url, and a description of the resource. It also gives you check boxes allowing you to share it with any (or as many) of your friends. Further, you can make it public, private, or available to logged in users. I would expect to see more options once the developers introduce “groups” into Elgg.

The other options under sharing include views of Items shared with you (Shares Bookmarks Inbox), shared by friends (Friends’ Shares Bookmarks), and all the shares you have access to on the site (All site shares bookmarks). They appear much the same otherwise.

List View of Elgg Shares

List View of Elgg Shares (Click to enlarge)

The screen capture above show the list view. It can also be toggled to a gallery view. Note the navigation tabs above the shares bookmarks. Of particular interest is the option to “Get Bookmarket.”

Ellg Bookmarklet

Elgg Bookmarklet (Click to enlarge)

By dragging the bookmarket (Highlighted in red), to one’s browser link bar provides a quick link to the “Share Bookmark this” page illustrated earlier. When you are visiting a resource that you wish to share, simply click on the bookmarket and it will grab the site’s url and bring you to the “Share Bookmark this” page.

Clicking on any individual Share Bookmark brings up the description, any comments that other users have made, and the opportunity to make a comment on the resource. There is also a convenient button to visit the resource.

In the works, as I understand, is a plugin that allows some form of rating. One thing I’d like to see is a small preview of the web resource on the share bookmark page like seen in some other social bookmarking apps.

Overall, as it stands, this is a fine resource that part of the core Elgg 1.0. Another feature that makes us all the more eager for its release!

Tags: , ,

Elgg 1.0 features a great set of navigation features. They are both practical and elegant.

First, elgg has an attractive navigation bar across the top of each page similar to that of the admin side of WordPress 2.5.(Click to enlarge)

Elgg Toolbar

It features links to the user’s profile, dashboard, message and settings. It also has a search and log out function.

The left side bar gives access to a variety of areas on the site including public areas. A simple click on any item expands to reveal a number of options.

The final, and most interesting navigation may be found by mousing over any individual’s avatar. When you guide your cursor over an avatar, and small triangle appears. Click on the triangle and a number of options appear regarding an individual user as seen below:

From there, you can add/remove an individual as a friend and view their blogs, profiles, friends, files, etc. You can also send them a message.

In future posts, we will view the forums, blogs and other areas in Elgg 1.0.

Tags: , ,

Developer Dave Tosh just contacted me to let me know that I could start publishing screen shots of the Elgg 1.0 user interface. Pete Harris, the Elgg design guru has done a great job! While it is still a work in progress, I’ve seen an evolution of design in the past week as the Elgg team drive the code toward release.

In an earlier post I discussed a drag and drop widget user interface through which the profile (public view) and the dashboard (private) can be customized. Here is a view of my profile:

One configuration of an Elgg profile

The main body and side bar can be configured in any number of ways using widgets. The only fixed features are the actual profile on the top of the main body and the left side navigation menu. The private side, the dashboard, has the same options without the profile section. The widgets may be accessed by clicking “Customise Layout” on the top of the right side bar.

User Widgets

To install a widget simply go to the widget gallery on the right side, click on the four direction arrow on any of the widgets and drag it to the main contnet area widgets or the sidebar widgets. If you are unsure of the function of an individual widget, simply click on the “i” icon. The widgets can be added, removed, and reordered by a simple drag and drop.

Once the widgets are in place, you can further customize them by clicking the edit button on the top right side of each widget. When clicked, aconfiguration menu drops done from the widget header bar with your options. Options vary depending upon the widget, but here is an example:

Edit window in an elgg widget

All widgets can be configured to be private or to various degrees of public giving the user fine tune to access.

That’s a first look at the Elgg 1.0 interface. More will be coming soon.

Tags: , ,

One of the new user features in Elgg 1.0 is greater flexibility with widgets. They can be accessed from either a user’s dashboard or profile page by clicking the “Customize Layout” link on either. Each widget has a link to a small pop-up that briefly describes the function. They work similarly to WordPress Widgets. Users have a “Widget Gallery” from which they can now drag, drop, and rearrange into either the main body or sidebar rather than just the main body as in elgg 0.9.1. In earlier version of elgg widgets were arranged by clicking arrows at the footer of each widget.

Users can arrange the widgets as desired for their dashboard and profile pages. Once they save changes, users are redirected to the page they edited. Widgets can be further customized by clicking the edit but on the right side of the widget’s header. You can configure it to display a certain number of items, and you can set access/privacy.

Keep in mind that this is an in-house development installation. Things are changing quickly as the developers working diligently toward the imminent code release.

Tags: , ,

« Older entries § Newer entries »