加收藏
基于JS的实时应用Realtime Apps with JavaScript by David
第1页
we build ‘bots
Realtime Apps with JavaScript
David ‘DC’ Collier dc@rikai.co
Realtime Apps with JavaScript
David ‘DC’ Collier dc@rikai.co
第2页
Web > Apps > Chat – the new operating system
ComicEnglish
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.
Chat with a teacher
HTML5 content for
who sends links to
games and study
other content
materials
ComicEnglish
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.
Chat with a teacher
HTML5 content for
who sends links to
games and study
other content
materials
第3页
announcing...
FLYweight
JavaScript micro-framework for WeChat App development
FLYweight
JavaScript micro-framework for WeChat App development
第4页
FLYweight WeChat apps with JavaScript
● Very lightweight JS front-end (H5 apps) ● Simple game framework ● Support for WeChat APIs ● Support real-time chat features ● Anticipating Rich Messaging UX
● Very lightweight JS front-end (H5 apps) ● Simple game framework ● Support for WeChat APIs ● Support real-time chat features ● Anticipating Rich Messaging UX
第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
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!
● 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
● 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)
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
create a capped collection
setup a streaming find query
pipe any data updates directly to the client over sockets
第10页
ToDo
WeChat Billing API integration
CRM tools: ● Content dripfeeds ● Integration with WeChat CMS ● User group tagging
WeChat Billing API integration
CRM tools: ● Content dripfeeds ● Integration with WeChat CMS ● User group tagging
第11页
FlyWeight - contact us to get a copy and get involved!
We’re working with a small group of partners to “codevelop” the FLYWeight framework. Contact me to be added to the group!
dc@rikai.co
We’re working with a small group of partners to “codevelop” the FLYWeight framework. Contact me to be added to the group!
dc@rikai.co
第12页
Messaging platforms are the new Operating System
And they are going to get more capable quickly....
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
http://finbot.meteor.com
CamperBot – learn to code with a friendly teacher Robot
https://gitter.im/FreeCodeCamp/FreeCodeCamp
JoBot - interview simulator and hiring manager
Finbot – personal finance advisor
http://finbot.meteor.com
CamperBot – learn to code with a friendly teacher Robot
https://gitter.im/FreeCodeCamp/FreeCodeCamp
第14页
Team experience: apps, asia and education
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!
Edaan Getzel English teaching experience in China + Korea. Published Author.
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!
Edaan Getzel English teaching experience in China + Korea. Published Author.
第15页
Recent Press and events
SF Japan Night – Tokyo startup pitch event winner
TechCrunch Beijing
Teaching real-time web Apps tech at Tsinghua
#LAUNCH SF Hackathon Winner
SF Japan Night – Tokyo startup pitch event winner
TechCrunch Beijing
Teaching real-time web Apps tech at Tsinghua
#LAUNCH SF Hackathon Winner
第16页
RIKAI Labs is hiring!
Looking for a lead javascript developer to work with on the future of Chat applications!
mail me at
dc@RIKAI.co
Looking for a lead javascript developer to work with on the future of Chat applications!
mail me at
dc@RIKAI.co