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 !