Realtime Apps
with JavaScriptwe build ‘bots
David ‘DC’ Collier
dc@rikai.co
2
Web > Apps > Chat – the new operating system
Messaging Platforms are
the new operating
systems.
Using mix of chatbots,
“Artificial AI” and game
mechanics RIKAI Labs
create compelling user
experiences for this new
medium.
ComicEnglish
Chat with a teacher
who sends links to
other content
HTML5 content for
games and study
materials
3
announcing...
FLYweight
JavaScript micro-framework for
WeChat App development
4
● Very lightweight JS front-end (H5 apps)
● Simple game framework
● Support for WeChat APIs
● Support real-time chat features
● Anticipating Rich Messaging UX
FLYweight WeChat apps with JavaScript
5
Lightweight front-end .gz Total = 35k
Static pages: base content can be delivered via a CDN
Mithril JS Front-end framework:
Components, MVC in <7k
VelocityJS:
Lightweight animation library with CSS animation
Zepto: JQuery like selectors
6
Simple game framework
● Quiz format Mini-game
● Shareable high-score
● Compete with your friends!
7
Support for WeChat APIs
● WeChat login
● Javascript APIs
○ Sharing
○ Close Window
● Content management
○ uploading assets
○ audio (AMR) conversion
8
RealTime features for chat
MongoDB capped collections > tailing
Socket connections to client
Using await + async functions (typescript)
9
Streaming Data directly from MongoDB
create a capped collection
setup a streaming find query
pipe any data updates directly
to the client over sockets
10
WeChat Billing API integration
CRM tools:
● Content dripfeeds
● Integration with WeChat CMS
● User group tagging
ToDo
11
We’re working with a small
group of partners to “co-
develop” the FLYWeight
framework.
Contact me to be added to
the group!
FlyWeight - contact us to get a copy and get involved!
dc@rikai.co
12
Messaging platforms are the new Operating System
And they are going to get more capable
quickly....
13
RIKAI chatbots built on the same platform
JoBot - interview
simulator and hiring
manager
Finbot – personal
finance advisor
CamperBot – learn to code with a
friendly teacher Robot
http://finbot.meteor.com https://gitter.im/FreeCodeCamp/FreeCodeCamp
14
David ‘DC’ Collier
4 startups, 2 exits (US, Japan)
20 years experience in games industry
Produced Games for EA, Disney, BandaiNamco, Sony +
more. Frequent hackathon winner!
Team experience: apps, asia and education
Edaan Getzel
English teaching experience in China + Korea.
Published Author.
15
Recent Press and events
TechCrunch Beijing
SF Japan Night – Tokyo
startup pitch event winner
Teaching real-time web
Apps tech at Tsinghua
#LAUNCH SF
Hackathon Winner
16
RIKAI Labs is hiring!
mail me at
dc@RIKAI.co
Looking for a lead
javascript developer to
work with on the future
of Chat applications!
Event organised by
“Technology with Impact”
http://wiredcraft.com/

Realtime Apps with JavaScript

  • 1.
    Realtime Apps with JavaScriptwebuild ‘bots David ‘DC’ Collier dc@rikai.co
  • 2.
    2 Web > Apps> Chat – the new operating system Messaging Platforms are the new operating systems. Using mix of chatbots, “Artificial AI” and game mechanics RIKAI Labs create compelling user experiences for this new medium. ComicEnglish Chat with a teacher who sends links to other content HTML5 content for games and study materials
  • 3.
  • 4.
    4 ● Very lightweightJS front-end (H5 apps) ● Simple game framework ● Support for WeChat APIs ● Support real-time chat features ● Anticipating Rich Messaging UX FLYweight WeChat apps with JavaScript
  • 5.
    5 Lightweight front-end .gzTotal = 35k Static pages: base content can be delivered via a CDN Mithril JS Front-end framework: Components, MVC in <7k VelocityJS: Lightweight animation library with CSS animation Zepto: JQuery like selectors
  • 6.
    6 Simple game framework ●Quiz format Mini-game ● Shareable high-score ● Compete with your friends!
  • 7.
    7 Support for WeChatAPIs ● WeChat login ● Javascript APIs ○ Sharing ○ Close Window ● Content management ○ uploading assets ○ audio (AMR) conversion
  • 8.
    8 RealTime features forchat MongoDB capped collections > tailing Socket connections to client Using await + async functions (typescript)
  • 9.
    9 Streaming Data directlyfrom MongoDB create a capped collection setup a streaming find query pipe any data updates directly to the client over sockets
  • 10.
    10 WeChat Billing APIintegration CRM tools: ● Content dripfeeds ● Integration with WeChat CMS ● User group tagging ToDo
  • 11.
    11 We’re working witha small group of partners to “co- develop” the FLYWeight framework. Contact me to be added to the group! FlyWeight - contact us to get a copy and get involved! dc@rikai.co
  • 12.
    12 Messaging platforms arethe new Operating System And they are going to get more capable quickly....
  • 13.
    13 RIKAI chatbots builton the same platform JoBot - interview simulator and hiring manager Finbot – personal finance advisor CamperBot – learn to code with a friendly teacher Robot http://finbot.meteor.com https://gitter.im/FreeCodeCamp/FreeCodeCamp
  • 14.
    14 David ‘DC’ Collier 4startups, 2 exits (US, Japan) 20 years experience in games industry Produced Games for EA, Disney, BandaiNamco, Sony + more. Frequent hackathon winner! Team experience: apps, asia and education Edaan Getzel English teaching experience in China + Korea. Published Author.
  • 15.
    15 Recent Press andevents TechCrunch Beijing SF Japan Night – Tokyo startup pitch event winner Teaching real-time web Apps tech at Tsinghua #LAUNCH SF Hackathon Winner
  • 16.
    16 RIKAI Labs ishiring! mail me at dc@RIKAI.co Looking for a lead javascript developer to work with on the future of Chat applications!
  • 17.
    Event organised by “Technologywith Impact” http://wiredcraft.com/