ThanhNien Online’s New Design

Category: How Products benefit users 1 Comment »

Following VnExpress & VTC, ThanhNien Online - currently ranking 12th in Vietnam on Alexa - has rolled out a new design.

ThanhNien Online New Design screenshot

This new portal is built on Microsoft SharePoint 2007. Media is built on Microsoft Silverlight.

Overall, the blue theme is more pleasant to the eyes than VnExpress is. Since content is right on the left, it is easier to zoom in than with VTC.

Technically, the biggest issues with SharePoint is performance and scalability. Do you think ThanhNien would encounter any problems with these?

What do you think of this design?




Tags of this article: ,,,,,,,,,,.


Last update August 27, 2008

Related Posts


  • Facebook rolls out new design

  • First result of Facebook’s new design: its Relationship-based Semantic Ad

  • GUI Design for Enterprise Systems

  • The Brand Gap between Business Strategy and Design

  • New interface of VNExpress.net
  • Digg this post | Post to Reddit | Post this post to del.icio.us | Favorite this post on Technorati | Stumble Upon this post | Bookmark on Yahoo! | Share on Facebook | Bookmark on Google

    The e-Learning 2.0 experience

    Category: How Products benefit users 7 Comments »

    The blog craze started in 2004, MySpace came out in 2002. From then till now, Web 2.0 has penetrated deeply into our lives.

    You may have heard the buzz: it’s all about communications, exchange information and expressing the ego.

    Have you thought of utilizing all those things for learning?

    Recently I’ve been very aggressive on the net to see how we can use the applications for learning, and here I am with my key findings:

    The requirements

    Let’s imagine a very familiar study scenario: you’re assigned into a group to do a research on topic X.

    Traditionally, the group would rely on emails, phone calls and IM to communicate and collaborate. Have you found these media difficult to classify your information?

    This is how I would use Web 2.0 for learning

    1. Search for information with Search EngineS

    Obviously, information searching starts with search engines.

    I have some hints for this:

    1. Don’t just use Google. Try Yahoo! search, Live search, Ask search and other engines. They give different results and thus, relevant information might be found from ones other than Google
    2. Try Google on different region settings. google.com/ncr (international version) yields different results from google.com.vn
    3. Try different keywords and keyword combination. Also, exploit the operators
    4. Also search for images. At least Google, Yahoo! and Live support this. Images are useful for illustrating your ideas and, in some cases, give you additional information.

    Watch a slide show on Google services:



    Tai Tran's Lab: Technology As Innovator

    2. Ask your questions

    Use Q&A service such as LinkedIn Answers to ask questions and receive information from professionals.

    Watch a video explaining LinkedIn

    3. Make information comes to you with RSS

    Normally you go out for information. Think about making information come to you?

    Use RSS for this.

    Watch a video explaining RSS

    For example, if I’m looking for “globalization”, I would take these steps

    1. Go to wordpress.com/tags/globalization
    2. Get the RSS of this tag
    3. Subscribe the RSS into a feed reader like Google Reader

    Then check with the feed reader everyday to see if relevant information comes in.

    You can also use Yahoo! Pipes to aggregate the feeds. Click here to view videos on Yahoo! Pipes

    Try exploring different sources of information you can use this trick.

    4. Share links with bookmark-sharing sites

    If I encounter useful webpages, I would want to share it with my group mates.

    Using email would bury the link under heaps of other information. Sharing through IM stands the risk of losing the message when the program lags.

    So I would bookmark the site using del.icio.us and use the function “links for friend” to share the link.

    Watch a video explaining del.icio.us

    5. Blog your group’s findings on group-blog powered platform

    WordPress supports multiple-author. I would want our group members to blog our research everyday on our blog. This is not superficial. It helps us

    1. Collect information, thoughts, findings, analysis and intermediate conclusions
    2. Track each member’s progress
    3. Present to the lecturer our growth

    5b. Share micro details

    This is optional though. Some information might be very detailed and we want quick sharing methods. I would connect my mobile phone to Twitter and quickly update my thoughts on the way.

    Watch a video explaining Twitter

    6. Schedule activities with Calendars

    Schedule activities such as meetings, field trips with Google Calendar

    7. Watch and learn

    Go to Youtube, not to entertain, but to learn from podcasters on the topic.

    For example, this video is useful to understand Web 2.0

    8. Compose Collaboratively

    Use Google Docs to compose the documents. This is very convenient in such that

    1. No email chain flying around
    2. Single repository of document
    3. Better version control
    4. Many collaborators do the job concurrently

    Watch a video explaining Google Docs

    9. Build wiki to store develop information knowledge

    Wiki is great to understand new concepts and link the information to get the big picture.

    Watch a video explaining Wiki

    10. Relationship building

    Facebook is good to build relationship with your work mates.

    11. Publish your research

    Publish your research as presentations on slideshare or documents on scribd to share your knowledge engage in discussion on the topic.

    12. Consolidate them all into one page

    There are just so much!

    How’re you gonna navigate around them all?

    Well, one solution is to use a homepage service like netvibes to put all these services together.

    Why all these?

    Too complicated? Well here are the reasons why I would do it this way

    1. Better organization of information. No email confusion
    2. Exhaustive analysis. You write on the way so no information is missed
    3. Better collaboration
    4. Man, isn’t it fun?

    I know it would be much easier for you just to email. But how much time have you spent searching for information later on? I’d rather spend the time to get things organized first, then make it easier later to focus more on creating contents.

    And I’m pretty sure of one thing: just next year, this entry will be outdated because many new services will come out. Semantic web, mobile apps are just a few to predict.

    It’s not a fashionable fad or a time-killer, it’s a shift in the way we can be more effective. Do you want to miss the train trend?

    Digital Divide

    But you know, all these will never happen if digital divide hasn’t been closed.

    Technology proficiency and more importantly, community habit is a big gap. I want my team to do so, but other teams may not, so some of my team members may argue “why do we have to!”

    With the internet connection speed in Vietnam, using Google Docs et al is insane.

    Today, a world that is flat is till a romantic dream for me.

    Resources

    I’ve already tried out these services. Kindly see mine as example of how things may end up evolve: taitran.com/blog/resources




    Tags of this article: ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.


    Last update August 22, 2008

    Related Posts


  • Lifelong learning

  • e-Learning should no longer stand alone

  • Learning Management System and SaaS

  • Web Credibility

  • Develop Foundation Skills, then Tools
  • Digg this post | Post to Reddit | Post this post to del.icio.us | Favorite this post on Technorati | Stumble Upon this post | Bookmark on Yahoo! | Share on Facebook | Bookmark on Google

    How these Firefox 3-compatible addons save me one hour per day

    Category: How Products benefit users 2 Comments »

    I’m on Firefox 3 too, and I utilize addons to enrich my web experience too, like most of you there.

    There have been countless of entries to useful Firefox addons, but what’s different about this post is that it measures the costs that can be saved for users when using these extensions.

    What are the costs of usability and how much are they?

    The descending order of severity of the costs are

    1. Screen loads: this is a pain when internet connection is slow. It usually takes most time of all interactions with the computer
    2. Mouse movements: mouse movements severely damage the wrist and this should be minimized
    3. Mouse clicks: mouse clicks are less severe than mouse movements, but are also expensive
    4. URLs: an URL takes time to type in
    5. Enters: it hurts the little finger
    6. Hot keys: hot keys usually consists of at least 2 keys, but are regarded as less expensive than Enters because they are mostly done with the left hand, reduces damage to the right hand

    Now, let’s start with the addons!

    The first six in the batch: Google Toolbar, Diigo Toolbar, StumbleUpon Toolbar, TwitterFox, CustomizeGoogle, Better YouTube

    Google ToolbarGoogle Toolbar for Firefox

    Google Toolbar provides search, “I’m feeling lucky” and images search functions without having to go to Google.com

    It also supports Gmail notifications and Google PR check

    If I don’t use this addon If I use this addon
    Costs
    1. Ctrl+T
    2. Alt+D
    3. Input: google.com/ncr or images.google.com
    4. Enter
    5. Wait for one screen load
    6. Enter
    7. Input search keywords. Enter
    8. Wait for one screen load
    1. Move mouse to the toolbar
    2. Input search keywords
    3. Enter or move mouse to “Search the Web for images”
    4. Wait for one screen load
    Cost saved
    • Two mouse movements
    • One screen load
    • Two hot keys
    • One URL
    • Enters
    • This can save me 10 seconds

    Diigo Toolbar

    I have used Diigo as a replacement of delicious (I still love the old brand del.icio.us)

    Though delicious tagging is smarter and usability is better, Diigo supports web-highlighting which makes it an advantage.

    Diigo toolbar allows user to bookmark their favorite web pages for later reference. With Diigo, all bookmarks are centralized when users move from computer to another.

    If I don’t use this addon If I use this addon
    Costs
    1. Alt+D to move cursor to the address bar
    2. Ctrl+C to copy the link to post
    3. Ctrl+T
    4. Alt+D
    5. Input: diigo
    6. Enter
    7. Wait for one screen load
    8. Move mouse to “My Bookmarks”
    9. Click
    10. Wait for one screen
    11. Move mouse to “Add a bookmark”
    12. Ctrl+V
    13. Enter
    14. Move mouse to “Tags” (assume that I ignore “Description”)
    15. Input tags
    16. Move mouse to “Add New Bookmark”
    17. Click
    1. Move mouse to the “Bookmark” button
    2. Click
    3. Input tags
    4. Click
    Cost saved This can save me 60 seconds

    StumbleUpon Firefox addonStumbleUpon Toolbar

    StumbleUpon works on an interesting concept: when you hit the Stumble! button, the addon takes you to a random interesting page that matches your preferences.

    The StumbleUpon toolbar makes it more convenient for you.

    If I don’t use this addon If I use this addon
    Costs
    1. Alt+D to move cursor to the address bar
    2. Ctrl+C to copy the link to post
    3. Ctrl+T
    4. Alt+D
    5. Input: diigo
    6. Enter
    7. Wait for one screen load
    8. Move mouse to “Post new blog”
    9. Ctrl+V
    10. Move mouse to “Post new blog” button
    11. Click
    1. Move mouse to the “I like it!” button
    2. Click
    Cost saved This can save me 45 seconds

    CustomizeGoogle Firefox addonCustomizeGoogle

    This powerful addon modifies Google search results and display preferences. It supports options for Web Search, Images, Groups, News, Products, G Answers, G Books, Gmail, G Galendar, G Maps, G Docs, Video, Reader, Cache, Blogger, History, Privacy and Filter

    If I don’t use this addon If I use this addon
    Costs From Google Images Search screen

    1. Move mouse to the thumbnail
    2. Right-click to open context menu
    3. T
    4. Ctrl+Tab
    5. Wait for half a screen load (only need the thumbnail to be loaded)
    6. Move mouse to the thumbnail
    7. Click
    8. Wait for one screen load
    From Google Images Search screen

    1. Move mouse to the thumbnail
    2. Right-click to open context menu
    3. T
    4. Ctrl+Tab
    5. Wait for one screen load
    Cost saved
    • Half a screen load
    • One Click
    • This can save me 30 seconds

    Twitterfox

    If I don’t use this addon If I use this addon
    Costs
    1. Ctrl+T
    2. Input twitter.com
    3. Enter
    4. Wait for one screen load
    1. Move mouse to the Twitterfox icon
    2. Click
    3. Wait for one mini-screen load
    Cost saved This looks like it costs even more than the web version. However, the time to load the mini-screen is much less than it does to load the full web page

    Better YouTube

    This Greasemonkey-based addon loads the YouTube video faster and allows downloading the video. Generally it saves me half an hour per day for one video.

    Conclusion

    With the intensity of these service I use everyday, these addons easily save at least one hour each day for me.

    I can use this one hour for other business purposes which can generate other benefits.

    What is your experience? What do you think of my approach when analyzing these?




    Tags of this article: ,,,,,,,,,,,,,,,,,,,,,,.


    Last update August 18, 2008

    Related Posts


  • Does Safari have what Firefox doesn’t?

  • Webnerations: From Web Service to Web Platform, and how their Business Models evolve

  • Read Full Articles for More Functionalities

  • Test your Website on different Browsers (Internet Explorer, Firefox, Safari, Opera, Konqueror) and Operating Systems (Windows, Linux, Mac)

  • Freeware Only!
  • Digg this post | Post to Reddit | Post this post to del.icio.us | Favorite this post on Technorati | Stumble Upon this post | Bookmark on Yahoo! | Share on Facebook | Bookmark on Google

    WP Theme & Icons by N.Design Studio