17
Realtime Apps with JavaScript we build ‘bots David ‘DC’ Collier [email protected]

Realtime Apps with JavaScript

Embed Size (px)

Citation preview

Page 1: Realtime Apps with JavaScript

Realtime Apps with JavaScriptwe build ‘bots

David ‘DC’ [email protected]

Page 2: Realtime Apps with JavaScript

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

Page 3: Realtime Apps with JavaScript

3

announcing...

FLYweightJavaScript micro-framework for

WeChat App development

Page 4: Realtime Apps with JavaScript

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

Page 5: Realtime Apps with JavaScript

5

Lightweight front-end .gz Total = 35k

Static pages: base content can be delivered via a CDNMithril JS Front-end framework: Components, MVC in <7kVelocityJS: Lightweight animation library with CSS animationZepto: JQuery like selectors

Page 6: Realtime Apps with JavaScript

6

Simple game framework

● Quiz format Mini-game● Shareable high-score● Compete with your friends!

Page 7: Realtime Apps with JavaScript

7

Support for WeChat APIs

● WeChat login● Javascript APIs

○ Sharing○ Close Window

● Content management○ uploading assets○ audio (AMR) conversion

Page 8: Realtime Apps with JavaScript

8

RealTime features for chat

MongoDB capped collections > tailingSocket connections to clientUsing await + async functions (typescript)

Page 9: Realtime Apps with JavaScript

9

Streaming Data directly from MongoDBcreate a capped collection

setup a streaming find query

pipe any data updates directly to the client over sockets

Page 10: Realtime Apps with JavaScript

10

WeChat Billing API integration

CRM tools:● Content dripfeeds ● Integration with WeChat CMS● User group tagging

ToDo

Page 11: Realtime Apps with JavaScript

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!

[email protected]

Page 12: Realtime Apps with JavaScript

12

Messaging platforms are the new Operating SystemAnd they are going to get more capable quickly....

Page 13: Realtime Apps with JavaScript

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

Page 14: Realtime Apps with JavaScript

14

David ‘DC’ Collier4 startups, 2 exits (US, Japan)20 years experience in games industryProduced Games for EA, Disney, BandaiNamco, Sony + more. Frequent hackathon winner!

Team experience: apps, asia and education

Edaan GetzelEnglish teaching experience in China + Korea. Published Author.

Page 15: Realtime Apps with JavaScript

15

Recent Press and events

TechCrunch BeijingSF Japan Night – Tokyo startup pitch event winner

Teaching real-time web Apps tech at Tsinghua

#LAUNCH SF Hackathon Winner

Page 16: Realtime Apps with JavaScript

16

RIKAI Labs is hiring!

mail me at

[email protected]

Looking for a lead javascript developer to work with on the future of Chat applications!

Page 17: Realtime Apps with JavaScript

Event organised by

“Technology with Impact”

http://wiredcraft.com/