1. #1
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default SIMACS Facebook Chat Prototype

    SIMACS Facebook Chat Prototype


    Hi guys.
    Im this post I wanna share with you a prototype application I'm working on for a NY customer.
    The customer has given me permission to show a preview and then, what is the best place to show it if not the official Sencha forum?
    The application allows to every facebook users to login with his own facebook credentials, see his friends inside the roaster with avatar pictures and chat with them in real time. The GUI is really simple and incomplete, but, I already said is only a prototype.
    Another Sencha Touch app developed by SIMACS.

    I post a simple video that show how it works.



    As always, every kind of feedback is always appreciated.
    Cheers guys, I hope you like it, and I even hope it helps you to understand the power of Sencha Touch framework.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  2. #2
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    Hi Andrea

    Thanks for sharing this, it all looks good. Seems you been working with chat applications a lot .

    Mean while how messages are pushed from FB to sencha app?

    Web workers? or just repeated ajax request?

  3. #3
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Hi tomalex.
    Thank you as always for your feedback!

    Yeah actually I'm working a lot on chat applications, but in the ends, chat is only a simple features on what I'm developing on my applications. In fact, I'm improving (when I have some free time ) my custom Sencha XMPP real time communication component to let developes use this as best to create Multyplayer games, chat applications, custom networks and so on.

    About your question, no web workers is used inside this application, but it is build on XMPP protocol, so it's all a question about sent and received xml packet with some secret tricks .

    Thank you again for your feedback tomalex.
    Hope this helps.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  4. #4
    Sencha User
    Join Date
    Apr 2011
    Posts
    35
    Vote Rating
    0
    realkevinroth is on a distinguished road

      0  

    Default


    How are you handling the authentication? I haven't had a reason to poke around with facebook logins or oauth2 yet, but would be interested to hear how that's being handled. Would love to see some code for that, but I'd be happy with an overview if nothing else.

  5. #5
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Hi realkevinroth.
    There are two differents ways to login inside the Facebook chat with an XMPP client using two different kind of auth types. The first one is "DIGEST-MD5" and the second one is the "X-FACEBOOK-PLATFORM". Facebook suggests the last one, because, if you use "DIGEST-MD5" you need to set a username for your Facebook account, and this apart, the first time an user log inside the chat will see his account disabled from Facebook for security reasons because the user has still not authorize the application to use his account. However, the video I show you still use "DIGEST-MD5" bacause it was only a prototype, but I finally over to develope the "X-FACEBOOK-PLATFORM" on a popular XMPP library. I will post a new video to show how this works thanks to oauth2, and maybe I will release the edited xmpp library for free on github.

    Hope this helps.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  6. #6
    Sencha User
    Join Date
    Sep 2010
    Location
    Netherlands
    Posts
    190
    Vote Rating
    0
    kevinv1990 is on a distinguished road

      0  

    Default


    It looks real great, any chance I can see the source code, it would really help me out with my current project for school! The project is: Make a WebApp for an social media site of your choice. I chose facebook because the docs are pretty good, I get it to work with posting messages etc, but the facebook chat is quiet difficult, it would really help me out.

    Kevin

  7. #7
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Quote Originally Posted by kevinv1990 View Post
    It looks real great, any chance I can see the source code, it would really help me out with my current project for school! The project is: Make a WebApp for an social media site of your choice. I chose facebook because the docs are pretty good, I get it to work with posting messages etc, but the facebook chat is quiet difficult, it would really help me out.

    Kevin
    Hi Kevin, thank you for your feedback.
    Unfortunately I can not show the source code, because the project has been developed for a client, however I agree with your choice, even if Twitter would probabilly be the easy way to complete your project. Good luck Kevin.
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  8. #8
    Sencha User
    Join Date
    Sep 2010
    Location
    Netherlands
    Posts
    190
    Vote Rating
    0
    kevinv1990 is on a distinguished road

      0  

    Default


    Thanks for your answer! I understand your point. However I do have zero experience with those protocols, by any chance you can give me some quick tips how to get started? Tutorials, links, step-by-step info.

    Kevin

  9. #9
    Sencha User
    Join Date
    Sep 2011
    Posts
    31
    Vote Rating
    0
    clabasky is on a distinguished road

      0  

    Default


    as a sencha novice, I can't even fathom how you put this together!!

  10. #10
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    Quote Originally Posted by clabasky View Post
    as a sencha novice, I can't even fathom how you put this together!!
    Uhmm...I suggest you to start with something easier
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


Similar Threads

  1. Replies: 2
    Last Post: 11 Jan 2012, 6:48 AM
  2. SIMACS Company of Andrea Cammarata
    By AndreaCammarata in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 7 Mar 2011, 8:47 AM
  3. Replies: 17
    Last Post: 8 Oct 2008, 9:28 AM
  4. Prototype & Function.prototype.defer
    By keithpitt in forum Community Discussion
    Replies: 0
    Last Post: 30 Oct 2007, 9:50 PM

Thread Participants: 4

Tags for this Thread