design @ IBM developerWorks
My blog has been quiet over the last month as myself and the technical team here at developerWorks have been super busy preparing the grand unveiling of an all new My developerWorks community based on a customized version of Lotus Connections v2.5.
I promise some really exciting changes, updates, and all new features here at developerWorks! Since our launch on May 1, we have been adding incremental features, so I'm really excited about this major revision and upcoming launch, and the impact it will have on our community!
All of the existing features and anything our community members have uploaded, blogged, tagged, bookmarked, or created will carry over to the new developerWorks, and we will be fully migrating all groups, profiles, and membership data. And this is only the beginning of a complete website makeover... coming in 2010!
Stay tuned... we are very close to the grand unveiling!
The development and design teams at developerWorks sure have been busy over the past few weeks.... Have I mentioned how important your My dW profile is lately? I know that I tend to drive this point relentlessly... but I cannot overstate just how important your profile is to other members of this site.
The profile is the primary vehicle by which members connect, learn, and establish electronic relationships. Expanding your network here on My dW is smart play that can give you the edge in your own development projects!
Holding up our end of the bargain to assist you... we have once again expanded the profile... by adding an Education area. Be sure to circle back to your profile and update these fields. Connecting with peers based on common educational backgrounds is a great way to establish relationships here at My dW!
As part of the IBM.com family... developerWorks shares the common "IBM ID" that all IBM external websites use. When we first launched My developerWorks, our Edit Profile function would only allow a member to view their IBM ID credentials and other IBM profile elements.
We heard from many of our members the desire to update and maintain all their profile elements in a single place. As a result, we have just delivered an enhancement to Edit Profile.. and now allow the full edit of all of your profile elements from your My dW profile.
I have also heard much feedback on offering the ability for our members to change their screen name, expect this feature to be delivered in the next few months. Finally, our user testing (and my own experience) pointed out the awkwardness of registering at My dW.
We have a new registration process in the works... and I also expect this feature to be delivered in the next few months. I really appreciate feedback from our membership.. my goal is continuous improvement of our user experience on My dW, so please keep your comments coming!
One of the key strengths of community is not only the ability to follow the activities of other members... but to message them directly. My developerWorks offers a number of ways to directly contact or "Notify" other members through e-mail. One nice feature of My developerWorks is that even though we use e-mail to perform notifications, your e-mail address remains private, and is never revealed when you message other members.
Now let's examine three common methods that you can use within My developerWorks to directly connect with other members:
The first method we will cover is the most important... the peer to peer connection. One of the key benefits of making a colleague connection within our community is the ability to follow the activity of this colleague. But we also built another key feature into colleagues, and that is the ability to contact a colleague through their e-mail.
To add a member as a colleague, you simply click the "Add to My Colleagues" link from that members profile:
Once you have added a member as a colleague, this link will change to "Message colleague".
Clicking on the "Message colleague" link will pop-up a rich text editor where you can type a message or insert graphics to share with your colleague. This message is then sent to your colleagues e-mail address. Within the message, we automatically add a "Reply" link, which allows a colleague to respond to the sent notification... all while keeping both of your e-mail addresses completely anonymous.
E-mail from notifications will originate from: email@example.com
The second method to message your peers is found within My Groups. After you join a group, you can message the entire membership of that group via the "Mail Group" feature. Using this function, you can notify the entire group or just the group owners. Again, this will result in an e-mail notification to the group members.
The last method I will cover is the ability to notify members of a blog entry. Many times, we come across a blog entry that we would like to share with others. To do this use the "Notify other users" function, that is found under "More Actions" at the bottom of each blog entry.
As you can see.. to get the value out of notifications, you will need to provide a valid e-mail address in your My developerWorks profile. Additionally, a complete and up to date profile is important, as this is the compelling information that drives members to colleague each other.
As we plan the next release of My developerWorks, the capabilities to message / notify / and follow others will be greatly enhanced. However, two key factors to getting the most out of these functions will remain constant: A complete profile and a valid e-mail address.
Members ask.. what is the trick to adding additional photos to my developerWorks profile? Adding your basic vanity photo or "mugshot" is a simple profile task... but what about adding additional pictures to my profile.. is this possible? You bet!
First, create an account on one of the many photo sharing sites available today. I already have an existing Flickr account, so I uploaded a few pictures that I wanted to share with the developerWorks membership.
Once you have uploaded your photos, you will need to get the URL location for each picture that you want to share. Here is a simple technique I use to get the URL location from a Flickr hosted photograph:
Now your ready to insert the flickr photograph into your developerWorks profile:
That is the trick! You can add multiple pictures to either My professional expertise or My biography and interests. Both of these areas of your profile are limited to 1,500 characters... but you know the old saying... a picture is worth a thousand words!
After a number of months of preparation and work by a team of highly dedicated and diversely skilled people, the "
So... thank you Lotus and thank you developerWorks team..!
It is important to understand that this community will embrace openness... and is intended for our users to share and collaborate with each other.. in the true spirit of web2.0. With that said, we have jump started the developer community with bookmarks, feeds, and forum entries... but this is your community... so please join in!
As you discover other members of the community, a good way to collaborate is through a mutual activity. The Activity application allows a
bobleah 270000CN12 Tags:  html5 localstorage featured code contenteditable 23 Comments 108,090 Views
In my previous blog entries, I shared HTML5 code examples for drag & drop and Geolocation. In this blog entry I will explore two new HTML5 offerings: contenteditable and localStorage. While exploring HTML5, and reading the W3C specification, I instantly decided on the sample app I would create to demonstrate these new offerings.
As you can see by my previous HTML5 examples, I'm seeking to create simple but useful demonstrations that exercise HTML5 in a novel way. My goal is to not only demonstrate the HTML5 API, but to give examples on how a developer may actually implement the API in a useful and innovative manner.
In the mid 1990's, I submitted a patent for a "web sticky". The simplified description of this concept is the creation of a "yellow sticky note"... that is stuck digitally to a web page vs. a physical monitor in the real world. The contenteditable attribute and localStorage method make the creation of a web sticky quick and easy!
Mouse click within the area of the yellow sticky note.. and type your sticky message. The app stores each character as your typing... in localStorage (not a cookie). When you re-visit this blog entry, you sticky message is recalled. Remember, with HTML5 not fully implemented in all browsers, this sample will require an HTML5 compliant browser, such as Firefox 3.5 or above.
I used a <pre> element for my contenteditable attribute and onkeyup event:
You can download the complete HTML of this example by clicking here.
I have recently attended a couple of analysts meetings where the subject of HTML5 was a recurring theme. With my curiosity peeked, I decided to explore what HTML5 has to offer today. Of particular interest is the drag and drop (d&d) API... as this has always been the holy grail of early HTML practitioners. What I discovered was very cool... as d&d is now a simple matter of implementing a few effortless method calls.
The key methods to implement d&d are basic and easily implemented as follows:
I used table elements to provide both layout structure and as a target for ondrop events:
I chose the span element (wrapping an image) as my draggable object:
You can download the complete HTML of my d&d example by clicking here.
Update! - see my new blog entry: HTML5 - code example of Geolocation in an iPhone
iPhone users rejoice! We are getting very close to the availability of a My developerWorks iPhone application in the App Store!
The dW iPhone app back-end is powered by Lotus
Connections syndication Feed model.
Here is a sneak peek at dW Profiles on the iPhone:
Find a members profile - view their board - add a comment - toggle to profile view interests and skills.
Select a link to access this members full profile in the iPhone web browser.
Go to your own profile -update your status - view your comments - go to “Edit my profile” in the iPhone web browser.
Look for more sneak peeks over the next few weeks..
Update: the developerWorks iPhone app is now available!