Posts Tagged ‘AJAX’

27
Nov

5 AJAX Libraries/Frameworks You Should Know for Web 2.0

   Posted by: Daniel Hudson    in Web 2.0

AJAX Libraries/Frameworks for Awesome Web 2.0

Happy Fav Five Friday!

What is AJAX?

AJAX is shorthand for (Asynchronous JavaScript + XML).  This is a blend of technologies used to improve the user experience and can reduce web server load while increasing your network speed.  This is accomplished by reducing client trips to the server and only requesting the required information instead of complete page loads.

Why use AJAX Libraries/Frameworks?

Developing Web 2.0 applications can be difficult because content can be received on multiple devices in many environments.  These devices include web browsers, their versions, and the platform in which they are installed.  We are a mobile culture, so we also need to understand display and behavior on mobile devices.  The use of AJAX libraries and frameworks serves as an abstraction layer supporting rapid application development by reducing the need to know of the detailed behaviors in an exhastive list of devices across a multitude of platforms.

5 Great Web 2.0 AJAX Libraries/Frameworks

The Yahoo User Interface Library

When I think about “Enterprise Level” AJAX, the YUI library is the first thing on my mind.  Yahoo, the grandfather of social media and enterprise level code has a proven track record that spans several years.  The Yahoo User Interface Library also has an impressive set of documentation.

The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.

YUI is proven, scalable, fast, and robust. Built by frontend engineers at Yahoo! and contributors from around the world, it’s an industrial-strength JavaScript library for professionals who love JavaScript.

YUI Library

YUI Library

http://developer.yahoo.com/yui/

The jQuery JavaScript Library

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

The jQuery JavaScript Library

The jQuery JavaScript Library

http://jquery.com/

Dojo the Open Source JavaScript DHTML Toolkit

Dojo is an Open Source DHTML toolkit written in JavaScript. It builds on several contributed code bases (nWidgets, Burstlib, f(m)), which is why we refer to it sometimes as a “unified” toolkit. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development.

Dojo the Open Source JavaScript DHTML Toolkit

Dojo the Open Source JavaScript DHTML Toolkit

http://dojotoolkit.org

Prototype JavaScript Framework

Prototype features a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

Prototype JavaScript Framework

Prototype JavaScript Framework

http://www.prototypejs.org/

Script.aculo.us Web 2.0 JavaScript

script.aculo.us is a set of JavaScript libraries to enhance the user interface of web sites. It provides an visual effects engine, a drag and drop library (including sortable lists), a couple of controls (Ajax-based autocompletion, in-place editing, sliders) and more. Be sure to have a look at the demos!

Script.aculo.us Web 2.0 JavaScript

Script.aculo.us Web 2.0 JavaScript

http://script.aculo.us/

Tags: , , ,

How to use Twitter and other Social Media Tools to engage your audience

The World Wide Web is connecting people and things faster than ever.  The use Twitter, Blogs, Social Media, Mobile Media has become part of main stream culture.  You can leverage the power of your audience and new media to build exponential value into your existing efforts.

The Three Points of View for an Event

  • Audience
  • Speakers
  • Event Coordinators

Three Thoughts About Events

  • How Event Coordinators Can Make Their Job Easier
  • How Speakers/Presenters Can Make Their Job Easier
  • How The Audience Adds Value

Events 2.0

Events are much more interactive now.  The trend for events is similar to the trend we see in how people use the Internet.  Web 1.0 (Mostly one-way communication) to Web 2.0 (Very interactive with at least two-way communication).  People are working together now, more than ever.  The current economic conditions and busy lifestyles creates a condition that leads us to doing more with less.  People are smart and will spend their time and money where they see the most value.  Adding more value is key to success.

Social Media Tools

Twitter: “Just-In-Time” Communications

Twitter is a service for friends, family, and co–workers to communicate and stay connected through the exchange of quick rich text messages.  Twitter messages are available through mobile devices, web services, and third party applications. http://twitter.com Conversations can be connected by the use of a hash tag.

Twitter: Micro Blogging

ParaTweet: Engage audience and speakers

Paratweet Supports Speakers interacting with the audience through live or delayed Q&A and spreads user generated conference info.  This tool supports filtering.  http://www.paratweet.com/The view can be filtered by the event hash tag.

ParaTweet

Twitterfall: A tool to help display questions/conversations on stage

Twitterfall is a way of viewing the latest ‘tweets’ of upcoming trends and custom searches on the micro-blogging site Twitter. Updates fall from the top of the page in near-real-time. http://twitterfall.com/ Views can be filtered by hash tags.

picture-101

Free WordPress Blog: Blogging service for your online journal

You can get a blog started in less time than it takes you to read this sentence. All you need is an email address. You’ll get your own WordPress.com address (like you.wordpress.com), a selection  of great free and customizable designs for your blog (we call them themes), 3 gigabytes of file storage (that’s about 2,500 pictures!) and many other great features. You can blog as much as you want for free, your blog can be public to the world or private for just your friends, and premium features are completely optional.  http://wordpress.com/ Event related posts can include event hash tag in title & body so others can find the extra content by a simple search.

WordPress: Blogging Software - SaaS

Google YouTube to share your event and presentation videos

Google YouTube allows people to easily upload and share video clips on www.YouTube.com and across the Internet through websites, mobile devices, blogs, and email. http://www.youtube.com Event related videos can include event hash tag in title & description so others can find the extra content by a simple search.

Google: YouTube

Google YouTube example: Service Oriented Architecture-SOA

Slideshare automatically converts your presentation into sharable content for social media

Upload and share your PowerPoint presentations and Word documents on SlideShare. Share publicly or privately. Add audio to make a webinar.  http://www.slideshare.net Event related presentations can include event hash tag in title & description so others can find the extra content by a simple search.

Slideshare: sharing presentations

Slideshare example from #ajaxworld 09 NY

Yahoo Flickr to share photos/videos of people, ideas, and information from your events

Event related photos/videos can include event hash tag in collection title, tag, & description so others can find the extra content by a simple search. http://www.flickr.com

Flickr photo sharing site

Yahoo Flickr example from #ajaxworld 09 NY

How The Audience Adds Value

People are going to talk about the event and the speakers.  Most of these conversations will take place on the web in the form of social media.  The current trend of using Twitter and mobile devices during an event opens new opportunities.   Giving the audience resources to use in these social media channels will benefit everyone.  A simple resource could be a hash tag (a key word that identifies the event ex:#web30), more on this later.  Additional resources could include content that people could simply copy and paste into their blogs, twitter posts, and other created media that adds value.  Twitter offers the ReTweet function.  Google YouTube, Slideshare, & Yahoo Flickr offer copy/paste code for bloggers.  Most of these tools also have APIs that will support Mashups.

Resources on how to use Social Media for Events and Meetings

About Hash Tags

Hashtags are a community-driven convention for adding additional context and metadata to your tweets. They’re like tags on Flickr, only added in-line to your post. You create a hashtag simply by prefixing a word with a hash symbol: #hashtag. http://twitter.pbworks.com/Hashtags

Using Hash Tags For Events

Additional Social Media Resources Related to Twitter

  • Tweetboard is True Twitter Conversation for your website: http://tweetboard.com
  • TweetGrid gives bloggers and web site owners the ability to include event related widgets in their pages:  http://tweetgrid.com/
  • EventVue provides easy-to-use social networking tools that help your attendees get the most out of their networking experience at your event: http://www.eventvue.com/

Experiments with #hashtags

The hash tag for AJAXWORLD 2009 New York was #ajaxworld.  This event spanned more than one day and had several sessions across multiple tracks.  This event also happens annually.  I would think the annual hash tag would be something like #ajaxworld09.  This event also happens in multiple locations within one year.  I would think the hash tag would now look something like #ajaxworld09NY.

Here is what we have so far:

  • #ajaxworld: What
  • #ajaxworld09: What When
  • #ajaxworld09NY: What When Where

I would think that this type of structure easier and I would still have space within my 140 characters to add value.  That would be difficult if I had to include “#ajaxworld #2009 #NewYork #RIA #SOA #iPhoneDevSummit“.

Now we have “what”, “when”, and “where”, I am thinking about how to identify the tracks and sessions.  Track 04 was dedicated to iPhone Developer Summit.  Seems like the hash tag for that track at this event would be #ajaxworld09NY04.  This hash tag would allow people to monitor the iPhone Developer Summit Track of AJAX WORLD during 2009 in New York. The hash tag could also be used to tag related resources for current or future review.

What about the session part of the event matrix?

I would think that session 05 of the iPhone Track on the second day would look like #ajaxworld09NY040502.  This would identify the “iPhone Development in an Enterprise Environment” session that took place on the second day.

Ideal hash tag structure:

#{What}{When}{Where}{Topic}{Details}{Time} Most hash tag users seem to use a two digit number for the year, which makes me think about also using two digit numbers for Topic, Details, and Time.  This type of structure will support an event with upto 99 Topics through 99 sessions across 99 days.  Events that go beyond these limits would be broken up into multiple events.

Searching on #hashtags (This does not work on all services)

  • #ajaxworld: return everything about ajaxworld
  • #ajaxworld09: return everything about ajaxworld in 2009
  • #ajaxworld09NY: return everything about ajaxworld in 2009 New York
  • #ajaxworld09NY04: return everything about ajaxworld in 2009 New York related to the iPhone Dev Track
  • #ajaxworld09NY040502: return everything about ajaxworld in 2009 New York related to the iPhone Dev Track on iPhone/E 2.0

The current twitter tools seem to search for the hash tag followed by an empty space.  A search in some services for #ajaxworld does not always return results that contain #ajaxworld09NY.

#Hashtag Thoughts

Using a hash tag for an event is a common practice.  A standard that software developers could understand will help users take full advantage of the power that hash tags provide.  A simple hash tag that identifies the event and its parts should support the ability for user filtering.

What are your thoughts about hash tags and their structure?

What do you think about using twitter and other social media tools during events?

Thoughts about this post

I hope more people will think about putting their content into shareable content objects and leverage the work of others.


Tags: , , , ,

img_0526img_05401img_05521img_0593img_06031
img_0568

AJAXWorld 2009 NY #AJAXWORLD09NY

This event took place on June 22, 2009 and June 23, 2009 at the beautiful Rooselvelt Hotel New York, NY. Jeremy Geelan (Conference Chair,

AJAXWorld Conference & Expo series http://www.AJAXWorld.com) and his team did a great job putting this event together.  You can review technology webcasts at http://www.AJAXWorld.com You can also find information about the iPhone track here How Apple iPhone Fits into Your Enterprise 2.0 Solution

AJAXWorld 2009 NY Was Two Days, Each Packed With Seven Tracks

  • Business Value of RIAs | Enterprise RIA
  • User Interface & User Experience
  • RIA Tools & Frameworks
  • iPhone Developer Summit
  • SOA in Action
  • SOA & Cloud Bootcamp (Day 1) SOA and Cloud Sessions (Day 2)
  • Governance, Testing, Standards, Compliance

Day One Keynotes and General Sessions at AJAXWorld 2009 NY

  • Breaking the Collaboration Barrier with Rich Enterprise Applications: Ashish Mohindroo
  • Performance Driven Adoption: The Secret to Advancing SOA [Avnet - session sponsored by Software AG]: Sean Valcamp
  • Get Your Transactions Under Control: SOA Performance Management from CA Wily: Janelle Shaw
  • Data Mashups: Deliver Your Project Faster with Virtualized Data Services Across Internal & External Sources: Suresh Chandrasekaran
  • Power Panel: The Business Value of Service Orientation: Jeremy Geelan & Mark Krzysko & Miko Matsumura & Donald F. Ferguson & Anne Thomas Manes & Suresh Chandrasekaran

Day Two Keynotes and General Sessions at AJAXWorld 2009 NY

  • Convergence in the Cloud: How Cloud Computing and SOA Produce Real Change: Dr Kareem Yusuf
  • The Evolving SOA Appliance: 3 Game-Changing Innovations – Intel: Blake Dournaee & Vikas Jain
  • What Is JavaFX…and Why Should I Care? – Sun Microsystems: Eric Bruno & Jim Connors
  • Driving Profitability Through User Experience: Jeremy Geelan & Regev Yativ & Joe Preston & Eric Bruno & Ian Thain

Notes About AJAXWORLD 2009 NY

This event was a little vendor heavy, but many speakers and attendees shared as much information as possible with the allotted time.  AJAX code and best practices was a little light, but I learned more about cloud computing, service oriented arcitechure (SOA), software as a service (SaaS), iPhone in the Enterprise, and platform as a service (PaaS).  While talking with other attendees during lunch I discovered more people were asking “where is the AJAX?”  I quickly understood that I was not alone in expecting more “hands on” AJAX with example code and best practices from industry leaders.  Most speakers used most of their time giving their presentation and there was little time left for questions and answers.  Most speakers graciously answered questions between events, but that was at the cost of missing part of all of the next event.  I think everyone did the best they could with enormous amount of information and small window of time.

Talking the Talk, Now Walking the Walk

I believe most attendees were very intelligent and aware of industry trends.  During most sessions I would see most people in the room nodding their head while quickly taking notes during the “Ah-Ah Moment”.  Most of the presentations were based on “Real World” experience.  This type of content gives us the information we can walk away with and use immediately in our current workflow.

A Common Message Across All Tracks

All the ideas and techniques related to technology was almost overwhelming, but most had common messages.

12 Top Tips for Developers / Project Managers from AJAXWorld 2009 NY

  • Leverage the work of others
  • Leverage resources
  • Start with a plan
  • Define your goal
  • Measure what matters
  • Standards are even more important now
  • Become intimate with Design Patterns & Practices
  • Learn to love MVC
  • Everything is an object
  • Document your process
  • Follow your process
  • Measure, Modify, Repeat

Attend AJAXWorld?  Add your comments/resources here.

#ajaxworld09NY

Tags: , , , , , , , ,