.png){kind=small}
Slide 1
Slide 1 text
AIs, APIs, and Closed Systems
Using a meeting minutes summary integration to explain AI design patterns
By Sean Luse @ Cybozu
Slide 2
Slide 2 text
Some Links
Developer’s License:
https://cybozu.dev/ja/kintone/develope
r-license/registration-form/
Today’s Codebase:
https://github.com/kintone-
workshops/kintone-ai-meeting-minutes
Slide 3
Slide 3 text
Sean Luse
Developer Advocate at
Cybozu
Working with Kintone
34 Years Old
Born in America
Living in Japan for 10
years
Have a baby
Baby eats things she
shouldn’t, like socks
Slide 4
Slide 4 text
Taiwanese API Documentation
Support!
https://cybozu.dev/zh-tw/kintone/
Visit our booth:
R02
!
Slide 5
Slide 5 text
What will we be doing today?
Part one
1. Talk about closed systems
2. Show off Kintone
3. Demo the example app
(generating meeting minutes
with open API)
4. Go over the code of the
example app
Part two
1. Talk about app integration
2. Talk about Portal and
Guardian design pattern
3. Demo the second app(s)
4. Q&A
Slide 6
Slide 6 text
?
Part one
1.
2. Kintone
3. AI
4. 查看範例應用程式的程式
Part two
1. ?
2. Portal and Guardian
?
3.
4. Q&A
Slide 7
Slide 7 text
Closed Systems
● Non public facing
● Access is controlled
● Data can only be
added in certain ways
/ formats
● Integration depends
on platform
● In the end, many allow
scripting with
JavaScript anyways…
(logo of other cloud services)
(logo of other cloud services)
(logo of other cloud services)
(logo of other cloud services)
Slide 8
Slide 8 text
Closed Systems
●
●
●
●
● JavaScript
(logo of other cloud services)
(logo of other cloud services)
(logo of other cloud services)
(logo of other cloud services)
Slide 9
Slide 9 text
Quick kintone
Introduction
kintone is a groupware platform for
managing data. kintone works to
keep data, and the conversations
about that data all in one place.
Slide 10
Slide 10 text
kintone
kintone
Slide 11
Slide 11 text
No-Code
Low-Code
● Drag and Drop App Building
● User Management and
Access Privileges by
Department
● Guest Spaces
● Mentions and Comments
● Fully JS Customizable
● Webhook Support
● Oauth / SAML Auth Support
● User Provisioning
● Plugin Support for
extensibility
Slide 12
Slide 12 text
●
●
●
●
● JS
● Webhook
● Oauth / SAML Auth
●
●
Slide 13
Slide 13 text
Code vs Low-Code / No-code
Slide 14
Slide 14 text
Our Example App
Screen Recording 2024-06-21 at 19.00.15.mov
Slide 15
Slide 15 text
What is
customized today?
● Button in App
● OpenAI API Call
● Loading Spinner
● Reloading the
page when done
● Success and
Failure Popups
kintone
OpenAI
API
User Auth
Database
Creation
File
Management
Slide 16
Slide 16 text
?
●
● OpenAI API
● (
●
●
kintone
OpenAI
API
User Auth
Database
Creation
File
Management
Slide 17
Slide 17 text
Code Demo Time
Slide 18
Slide 18 text
1. Fetch the file key from the Kintone record
2. Use the file key to retrieve the meeting
minutes text file
3. Get the text content of the file
4. Send the text content to the OpenAI
Completion API with a prompt
5. Await the response
6. Use the response content to update our
database record
Slide 19
Slide 19 text
1. Kintone file key
2. file key
3.
4. OpenAI API
5.
6.
Slide 20
Slide 20 text
Normal App Integration in Systems
APP APP APP
Service 1
Service 2
Service 3
API API API
API
Slide 21
Slide 21 text
What would a “Portal and Guardian” design look like?
APP
APP
APP
Service 2
API
Service 1
Service 3
API
API
Portal App
with AI
Guardian
Slide 22
Slide 22 text
Some Merits of
the Portal and
Guardian
Design Pattern
● Less in-roads to your
system
● AI can do a “best-effort”
categorization for any
content
● With more effort, the AI can
create new database /
repositories for new data
● A guardian can be trained to
know your organization, and
merge data from different
sources into one app
Slide 23
Slide 23 text
Portal Guardian
●
● AI
● AI
● guardian
organization,
Slide 24
Slide 24 text
Code Demo Time Again :^)
Slide 25
Slide 25 text
Taiwanese API Documentation
Support!
https://cybozu.dev/zh-tw/kintone/
Visit our booth:
R02
!