Live Help / Call Center Application with Flex and BlazeDS

customer3.jpgcallcenter.jpg

I recently posted a number of examples (Yahoo Maps Collaboration and Collaborative Data Entry) showing how to use the BlazeDS / LCDS Message Service to build collaborative applications. In this post, I’m extending the Collaborative Forms application to provide an example of a more complete and real life “Live Help / Call Center” application.

The use case goes like this: a customer tries to complete a task (in this case: apply for a mortgage) on a web site, gets in trouble, and starts a “Live Help” session with a support representative. Among other things, the support representative can remotely drive the customer’s application, enter data collaboratively with the customer, chat with the customer using a text-based and/or a video-chat session, close the support ticket, etc.

To make it easier for you to experience the application, I’m hosting it on my server. You can test it using the instructions below.

Testing the application:

  1. Open a browser and access http://coenraets.org/apps/livehelp/customer.html. Enter your email address and click Start.

    Note: Your email address is used as a unique identifier to allow you to test the application in your own sandbox: your experiments are isolated from the experiments of other users testing the application.

  2. Open another browser window (on the same computer or on a different computer) and access http://coenraets.org/apps/livehelp/callcenter.html. Enter your email address and click “Start”. Make sure you use the same email address you used in the customer application.

  3. In the customer application, enter some data in different tabs.

  4. Click “Start session” to initiate a Live Help session with a support rep.

  5. Notice that a new ticket appears in the call center application.

  6. In the call center application select the new ticket, and click “Handle Ticket” (upper right corner). A message should appear in the chat window of the customer application. Notice that the data you typed in the customer application automatically appears in the support rep application.

  7. Type a chat message in the support rep app: the message appears in the customer app.

  8. The support rep can remotely drive the customer application: in the support rep application, change the selected Accordion tab, and notice that the customer application’s user interface is automatically synchronized. This works in both directions: you can change the Accordion tab in the customer app and the support rep’s user interface will be automatically synchronized as well.

  9. The application supports collaborative data entry (collaborative form filling): Enter some data in the support rep application: notice that the data automatically appears in the customer application. This works in both directions as well.

  10. On the Employment History tab, add a few companies (including start date, end date, and salary) and notice that the employment history list is automatically synchronized in the other browser.

  11. If you have a webcam attached to your system, click the “Start webcam” button in one of the applications.

    Note: Live video streaming is powered by Flash Media Server. Since I don’t have access to a hosted instance of Flash Media Server, live video streaming is not enabled in this hosted version.

I will post the source code in the coming days.

80 Responses to Live Help / Call Center Application with Flex and BlazeDS

  1. cp8r April 30, 2008 at 4:00 am #

    Again a very nice application (although your webbased apps always make my Firefox crash and remind me that I also have an Internet Explorer installed).

  2. Pat Buchanan April 30, 2008 at 11:26 am #

    Yep – makes my FireFox crash as well. Version 2.0.0.14 of FireFox, and version 9,0,124,0 of Flash player.

    App looks great though!

    Thanks
    -Pat

  3. cp8r May 1, 2008 at 3:06 am #

    Yeah, but I already knew those crashes of FF from the “Yahoo Maps Collaboration” app. So, for me this is just another reason to deploy AIR applications for the desktop to get rid of all those browsers ;-)

  4. Roger May 4, 2008 at 5:22 am #

    Hi, I’m writing an article about Flex and Java for a commercial magazine and I was wondering whether can I use your Flex Test Drive Server (which is already configured) and put it on the magazine’s CD. Of course I can remove all .mxml files (and .java and rest of sources) you created for Flex Test Drive. I just neead a server working out-of-box.
    Sorry for leaving this question on your blog. I didn’t found your e-mail address.

  5. Forrest May 7, 2008 at 12:20 pm #

    yeah,great demos for enterprise RIA….But also makes my IE crash from the “Yahoo Maps Collaboration” …

  6. Dan Zeitman May 7, 2008 at 1:23 pm #

    Always a pleasure to see you post something interesting that has a practical business scope.

    When you post the source…

    1> will the video be an option(flash media server hosting is expensive / rare at best)
    2> Can you post the sql and or ColdFusion LCDS Express source for the backend… I’m assuming you can just run the CF wizards to create the alternative to blaze fo those of us who don’t care to learn Java.

    Again this is cool, the first real value propsition for BLAZE/LCDS that I’ve seen.

    Dan

  7. Forrest May 9, 2008 at 9:34 pm #

    Yes,this is the first real value propsition for BLAZE/LCDS that I’ve seen…and i’m always happy to see you post some demos that based on Flex+BlazeDS/LiveCycle+Spring+Hibernate/iBATIS+My SQL+Tomcat/JBoss…which is also my interesting research scope.
    Again,here,i’m sincerely looking forward to your source code.

  8. Michael Yang May 10, 2008 at 11:26 pm #

    really cool flex applications! but seems not perfect enough!

  9. yakasani May 11, 2008 at 2:08 am #

    Good enough Flex applications ! We jsut love it !

  10. 魏俊如 May 11, 2008 at 3:59 am #

    很好! 觉得你的程序好像不支持中文或者亚洲字符集的输入,很可惜啊,另外想知道,BlazeDS和LiveCycle的最大区别是什么?将来Adobe对BlazeDS的支持计划是什么?

    还有,能否共享一下您的源代码? 期待中…

  11. hashinaya May 11, 2008 at 8:43 am #

    こんにちは、ニースアプリケーションでは、私はhashinoya 、 bannanaシステムから、かどうか迷っかどうか私は市販のソースコードを使用して、お客様のライセンス…

  12. ping May 11, 2008 at 8:13 pm #

    hey, really lovely applications i’v ever seen, i’m Ping Zhao, working in China Mobile, and i’m very interested in chosing Flex in one of our projects and i’m hoping to talk with you proviately if possible, and please imform us when time is avaiable for you.

    Best Regards

  13. Houming May 12, 2008 at 1:11 am #

    it seems that so many HTTPRequests will make IE and Firefox crash in Flex Application,I just finished a test that uesing HTTPRequest to get data from server-side, when i keep pressing the Request button,the browser will also Crash….

    I don’t know how to harness these requests…

    Would you please share with me your advice on how to do this trouble shooting?

    Waitting for your reply….

  14. Houming May 12, 2008 at 1:14 am #

    by the way, i want to know when will you post the source…

    i’m looking fowared to…

  15. wendy May 12, 2008 at 9:16 am #

    it seems that this application’s background picture is too big !!! More than 2M…….even bigger than the main application…

  16. amanda May 12, 2008 at 8:40 pm #

    wow,interesting…

  17. Mitsute May 13, 2008 at 3:42 am #

    yes, really lovely flex samples,powerful flash !

    but it was not stable. i don’t know why ?

  18. Yakanoo May 13, 2008 at 4:59 am #

    Is flex and flash fit for enterprise application development???
    1. the runtime is not stable enough!
    2. take too much CPU runtime resources and hard to optimize!

  19. flexhacker May 13, 2008 at 9:28 am #

    Another ground-breaking showcase in flex community!!! Well done! Great work,Christophe!

  20. flexhacker May 13, 2008 at 11:11 am #

    I will integrate all the basic funcions of the “Yahoo Maps Collaboration”,and the Call Center/LiveHelp application into my flex application-a romote teaching and collaboration system…

    thank you very much for your work.
    by the way , i’m wondering whether i can use flex to record the screen video at client-side without using c/c++…

    please tell me the feasibility …

  21. Houming May 13, 2008 at 8:01 pm #

    Yes, i also need a screen recorder in my application that powered inside flex application without using c/c++, and i’m not sure whether this is possible…

  22. William from Lagos May 14, 2008 at 9:23 am #

    I love it! So cool!

  23. Lingo_Flexer From Shanghai May 14, 2008 at 10:23 am #

    hi Christophe ,nice work! would you please tell us when will you post your source code ?

    i cann’t wait any longer to enjoy the creative and nice application!

    i’m sincerely waiting here for long…

  24. Erin May 14, 2008 at 1:23 pm #

    In case you’re interested, we’ve done all the work for you over at Activa Live Chat – we also offer an SDK if you want to integrate into a Flex or AIR RIA, and you can even use it to build your very own and unique live chat window for our platform.

    Think you’ll love it – try it out at http://www.activalive.com

  25. Lingo_Flexer From Shanghai May 14, 2008 at 8:31 pm #

    good,thank you,Erin!

  26. Lingo_Flexer From Shanghai May 14, 2008 at 8:33 pm #

    ————————————————-

    ## ## ### ## ## ## ### ## ####### ## ## ### ##
    ## ## #### ## ## ## #### ## ## ## ## ## #### ##
    ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
    ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ##
    ## ## ## #### #### ## #### ## ## ## ## ## ####
    ## ## ## ### #### ## ### ## ## ## ### ## ## ###
    ## ## ## ## ## ## #### ####
    ## ## ## ## ## ## ### ###
    ## ## ## ## ## ## ## ##
    ## ## ## ## ####### # #
    ## ##
    ########
    ######
    ————————————————-

  27. YAMIKA FROM TOKYO May 15, 2008 at 9:45 am #

    Flash Player 10 Beta was released 4 hours ago!!!

    Great News!!! Enjoy !!!

  28. Yakoza May 15, 2008 at 4:27 pm #

    Can you leverage the new features of flash player 10 on building Enterprise RIAs?

  29. Lingo_Flexer From Shanghai May 15, 2008 at 4:42 pm #

    long long waiting,harder harder working….

  30. yotasuibishi May 16, 2008 at 4:35 am #

    nice work!

  31. d May 23, 2008 at 2:09 am #

    it ain’t working for me in any browser

  32. RK June 16, 2008 at 3:29 pm #

    The customer part of the code seems to be missing from the source (customer.html). Can you please post that too?

    Thanks

  33. HMISSA June 28, 2008 at 3:27 am #

    Done green card and
    abolish number of credit card

  34. sohbet August 22, 2008 at 5:26 am #

    I love it! So cool!

  35. jw August 26, 2008 at 8:30 am #

    Where is the source code located ?

  36. sohbet August 29, 2008 at 2:50 pm #

    This went nice . Really , Fayali am thanking..

  37. mersin chat August 29, 2008 at 2:50 pm #

    thank you. eyvallah gardasimmm

  38. This is a great example. Thank you.

  39. Sidd September 30, 2008 at 10:39 am #

    very nice app. When can we get the source code. I specifically like the chatting app. Do you know if I should be able to host this app on any apache / php server?

    Any special server requirement? I am thinking about making a very similar chatting app.

  40. Raj December 30, 2008 at 10:38 pm #

    somehow I am not able to login to this application.. the ticket does get enable when after I click on start session button several time… ?

    AM i doing anything wrong ?

    -Raj

  41. araba yarışı January 16, 2009 at 5:39 pm #

    write the back-end code which I was planning to write so that I can run it in LCDS based on Christophe’s example. Thanks to Anil Channappa for pointing me in this direction. Feel free to cobrowse flickr

  42. TeewWeickeple March 4, 2009 at 3:15 pm #

    Excellent site coenraets.org and I am really pleased to see you have what I am actually looking for here: this .. as it’s taken me literally 1 hours and 10 minutes of searching the web to find you (just kidding!) so I shall be pleased to become a regular visitor :)

  43. Jeff Collins March 25, 2009 at 5:14 pm #

    Live chat is the future. I like the idea of it versus the phone.

  44. Hikmet June 11, 2009 at 3:06 pm #

    Good working

  45. vinoddanims July 1, 2009 at 11:12 pm #

    here,i’m sincerely looking forward to your source code.

  46. medyum July 12, 2009 at 3:34 am #

    I will integrate all the basic funcions of the “Yahoo Maps Collaboration”,and the Call Center/LiveHelp application into my flex application-a romote teaching and collaboration system…

  47. Sohbet July 18, 2009 at 1:48 am #

    Vi deler forslagene inn i to kategorier. Den ene kategorien er for tekniske oppgaver som ikke nødvendigvis er knyttet til et bestemt problem, men som i hovedsak er motivert av nysgjerrighet på teknologi…….

  48. باب الحاره 4 September 5, 2009 at 11:37 pm #

    Good working :)

  49. Mike October 2, 2009 at 12:50 am #

    This is wonderfull. I will Integrate this in us workflow.

  50. Call Center Blogger October 13, 2009 at 3:05 am #

    We haven’t tried Flex but I wonder if there has been any upgrade since the time of this posting…

  51. Bier October 31, 2009 at 2:57 pm #

    Live Chat is the future. I know it. Live support allso

  52. Glen Parker March 25, 2010 at 2:15 am #

    Looks like a great tool – just wondering how it might compare to say, LivePerson? We’ve been using LivePerson for a couple of months now, & it provides some really insightful “back-end” stuff (such as the source of the visitor, their location, their high-level system specs etc)…

    It doesn’t have webcam to my knowledge, which would be cool :)

    All the best with the app, and yes I agree Live Chat is the future! Espeically in this “must have it now!” world.

    Great for customer service, technical support & online business overall!

  53. kpo March 30, 2010 at 8:57 pm #

    Thank you for the tips. It is very helpful.

  54. outsorcing April 24, 2010 at 1:20 am #

    I think on line calling or live calling support a person .
    ———————————————————————
    ronit roy

  55. Phil call center May 26, 2010 at 10:06 pm #

    Online applications like this one is really a great help in applying in a call center. I wonder what features are now added in this application.. Thanks for the info.

  56. CROISSANCE SYSTEMS May 31, 2010 at 4:39 am #

    Hello, I am rowan atkinson. I am agree with you. Looks like a great tool – just wondering how it might compare to say, LivePerson? We’ve been using LivePerson for a couple of months now, & it provides some really insightful “back-end” stuff (such as the source of the visitor, their location, their high-level system specs.
    ————————————————-
    CROISSANCE SYSTEMS

  57. CROISSANCE SYSTEMS June 1, 2010 at 4:26 am #

    Hey,this is peter.Looks like a great tool – just wondering how it might compare to say, LivePerson? We’ve been using LivePerson for a couple of months now, & it provides some really insightful “back-end” stuff (such as the source of the visitor, their location, their high-level system specs etc)…
    ===================
    peter011

  58. vinman August 27, 2010 at 11:55 am #

    A great application each ecommerce websites should adopt to avoid the frustration of customers over incomplete transaction and their fear of losing money. Any online business website selling its own product should employ this to serve their customers effectively.
    Internet Home Business Ideas

  59. Ozzie November 23, 2010 at 2:15 am #

    This is a really cool technology. My company does remote PC support and honestly this would fit right in with some of our services. I really wish that the source code would have been posted, I would really like to take a look at it and see how it would incorporate with our existing setup. Hopefully it will be up soon!

  60. Robert Brown December 27, 2010 at 7:39 am #

    as per your post, it looks very good. Chat based customer service is considered as a best service as one chat operator can handle 3-5 chat simultaneously. So customers don’t face any unnecessary call waiting and end result will give the fastest service to them.

    Thank you,
    Robert Brown
    call center monitoring

  61. Forex Handel February 24, 2011 at 2:09 am #

    Thx for Tips. I think about it. will try it also as soon. Buy

  62. psychic March 1, 2011 at 6:55 am #

    thank youfor the read I loved it and find your comments really insightful u’ve given me a lot of ideas. I really love the way your blog is laid out too. I have bookmarked ty.

  63. Oliver May 5, 2011 at 1:00 pm #

    WOW ! Is anybody aware of such a service offering that is currently used by a bank or mortgage broker ? I am currently seeking a software solution for exactly this topic for my company.

Trackbacks/Pingbacks

  1. Christophe Coenraets - “LiveHelp / Call Center” Application Source Code - May 16, 2008

    [...] recently posted an example of a “Live Help / Call Center” application built with Flex and BlazeDS. A number of you have asked me for the source code. So here it [...]

  2. american family homeowners insurance - July 10, 2008

    american family homeowners insurance…

    stratum metallic chess misplaces?Saracens crackers …

  3. Reboxetine edronax. - July 16, 2008

    Reboxetine edronax….

    Vestra reboxetine. Reboxetine edronax. Reboxetine….

  4. Live Help / Call Center Application with Flex and BlazeDS : Christophe Coenraets « Wild Technologies oder auch flexible Hamburg - July 18, 2008

    [...] Live Help / Call Center Application with Flex and BlazeDS : Christophe Coenraets [...]

  5. nj autoinsurance - August 2, 2008

    nj autoinsurance…

    scanty reposition practicality warranted Magill peacefully …

  6. home owners insurance on 2nd home - August 30, 2008

    home owners insurance on 2nd home…

    kindness uniform management expedites.familial!reproducibility …

  7. home insurance agencies in three rivers michigan - August 31, 2008

    home insurance agencies in three rivers michigan…

    doctorate:Estonia collars,distressing,fleece denominators:…

  8. nj policy for condo unit rented out insurance - September 1, 2008

    nj policy for condo unit rented out insurance…

    sterilizer?squeezer lambda Batista congress assuming …

  9. auto insurance quote texas - September 16, 2008

    auto insurance quote texas…

    contradictions?sights.shirts Ferdinando laborious!vegetative …

  10. free classic bingo download - October 5, 2008

    free classic bingo download…

    assemblage inhuman Abrams:foundations Ryder …

  11. Blazeds « It’s all about RIA - October 14, 2008

    [...] Christophe Coenraets :: Live Help / Call Center Application with Flex and BlazeDS [...]

  12. Confluence: Java - October 18, 2008

    Forslag til oppgaver på JAFS2008…

    Vi deler forslagene inn i to kategorier. Den ene kategorien er for tekniske oppgaver som ikke nødvendigvis er knyttet til et bestemt problem, men som i hovedsak er motivert av nysgjerrighet på teknologi…….

  13. Cobrowsing application built with Cocomo « Kaushik’s Blog - December 8, 2008

    [...] it) to write the back-end code which I was planning to write so that I can run it in LCDS based on Christophe’s example. Thanks to Anil Channappa for pointing me in this direction. Feel free to cobrowse flickr [...]

  14. Confluence: Java - January 15, 2009

    Co browser demo…

    Cooperativ browser Co browser Url til demo TOADD Beskrivelse Demoen har et utgangspunkt i en blogpost fra Christophe Coenraets…

  15. Confluence: Java - January 26, 2009

    Flex Co-browsing demo…

    Cooperativ browser Co browser Url til demo Call Center:…

  16. Server To Client Communication » free icons download - June 13, 2012

    [...] http://coenraets.org/blog/2008/04/live-help-call-center-application-wi th-flex-and-blazeds/ [...]

Leave a Reply

css.php