Tag Archives: AJAX

How to Create an XML AJAX App with Open Standards

Data Integration & User Interaction with Open Standards

Open Standards and the W3C

On November 12, 1990 Sir Tim Berners-Lee @timberners_lee submitted a paper that would change the world, this paper was the WorldWideWeb: Proposal for a HyperText Project.  Sir Tim Berners-Lee leads the World Wide Web Consortium (W3C).  The W3C is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C’s mission is to lead the Web to its full potential.  The W3C is having it’s very first Developer’s Conference (Free Streaming Video Available)  #W3Conf @w3cConf on November 15 – 16, 2011, “W3Conf Developer Conference“.

Data and Services Integration

Integration of heterogeneous data and services has always been a concern for creators and managers of services. With the emergence of the Web, the need for reusing data and services became even stronger, as the number of available services raised.

Cloud-based services are also created using different paradigms and present the same challenges as the ones found in Enterprise Services, or on the Open Web, and the opportunity to create mashups of services using different models.

There is currently extensive deployment experience with Web Services; the Semantic Web is more mature; and the XML Stack has become ubiquitous. The increasing use of JSON-based services and Cloud-based computing combined with experience and maturity of the XML-based services and of the Semantic Web technologies suggests that now is a good time to find ways to bridge and combine these various technologies to make a coherent platform for future business and technical work.  Additional information, reports, and presentations are available from this W3C Workshop. Continue reading

How to Master Data Visualization

Strategy & Tools for Data Visualization

Data Visualization

Data visualization is the study of the visual representation of data, meaning “information which has been abstracted in some schematic form, including attributes or variables for the units of information”.  According to Friedman (2008) the “main goal of data visualization is to communicate information clearly and effectively through graphical means. It doesn’t mean that data visualization needs to look boring to be functional or extremely sophisticated to look beautiful.

Data Visualization Strategy

Edward Tufte @EdwardTufte delivered a great presentation about data visualization strategy for the star studded Tech@State event audience.   Tech@State ( @techATstate ) connects tech innovators and those interested in diplomacy and development to enable 21st century statecraft by improving education, health and welfare of the world’s population.   The Edward Tufte: Beautiful Evidence (Highlights) video is available here. Edward Tufte’s complete data visualization strategy presentation video is available here, his presentation begins at 14:24.

If your display isn’t worth 1000 words, to hell with it – @EdwardTufte

Data Visualization Tools & Services

Google Data Visualization Services

Google Data Visualization Service provides a variety of charts that are optimized to address your data visualization needs. These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions), so no plugins are required.

Sencha ExtJS Data Visualization Tools

It has always been hard to draw things in web applications. HTML is really not cut out for creating charts and other richly interactive imagery, but Sencha ExtJS 4 supports data visualizations HTML applications. Typically this need has been met with Adobe Flash, but this gave Sencha two problems: most people like writing code in JavaScript, and Flash isn’t available on all devices. The ExtJS 4 solution to these problems is a pure-JavaScript drawing library that can create incredibly rich charting and graphics. It works everywhere – from IE6 to iOS – and will also be available as an add-on for Sencha Touch (mobile).

Highcharts Data Visualization Tools

Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.  You can also you create stock or general timeline charts in pure JavaScript, including sophisticated navigation options like a small navigator series, preset date ranges, date picker, scrolling and panning with Highstock.

Current Data Visualization Twitter Game Board

Diversity fuels innovation. Sports fanatics have their fantasy football teams. This is my fantasy innovation team. This Data Visualization twitter game board represents people focused on sharing ideas about how to make data make sense.

[twitterusers @edwardtufte @NoelDickover @JohnFMoore @SuzKPH @techATstate @StateDept @lovisatalk @visualisingdata @noahi ]

5 AJAX Libraries/Frameworks You Should Know for 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/

Twitter, Social Media, & Hashtags For Events, Meetings, Presentations, & Bloggers

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.


AJAXWorld 2009 NY Notes: SOA RIA iPhone Clould Computing Conference

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