GENAI-Powered Apps

with Thunkable

DragAndDropCode.com, David Wolber

Gen AI TerminologY

check out this great video

DragAndDropCode.com, David Wolber

Generative AI and LLMs

What is generative AI?

​

​

What is an LLM?

DragAndDropCode.com, David Wolber

Generative AI and LLMs

Generative AI: Generative AI refers to a subset of artificial intelligence technologies and models that are capable of generating new content, data, or information that is similar but not identical to the data they were trained on. This can include text, images, music, videos, and more.

LLM: An LLM, or Large Language Model, is a type of artificial intelligence model designed to understand, generate, and interact with human language at a large scale. These models are trained on vast amounts of text data to learn the structure, nuances, and complexities of language, enabling them to perform a wide range of language-based tasks. These tasks can include answering questions, writing essays, generating code, translating languages, and much more. LLMs like OpenAI's GPT (Generative Pretrained Transformer) series are among the most well-known examples of this technology.

LLM’s are implemented as neural nets

​

both definitions generated by chatGPT

DragAndDropCode.com, David Wolber

GENAI-Powered Apps

OpenAI API

GenAI-Powered App

data

Many apps are now “genAI-powered”...maybe the largest software explosion ever

OpenAI is the company behind ChatGPT

DragAndDropCode.com, David Wolber

Sample: People Museum Prototype

​

On your phone, open a browser to https://tinyurl.com/unsungai

Click on one of the pictures, then ask a question

DragAndDropCode.com, David Wolber

Web Page, Web Service/API

Browser

xyz.com

App

​

web service (API)

app can post-process data, mix it with other data, present in interesting ways

web page interface

web page

data (text or json)

DragAndDropCode.com, David Wolber

API is software talking to Software

Browser

xyz.com

App

​

web service (API)

Application Programmer Interface (API) specs for how code talks to code

web page interface

web page

data (text or json)

software <-> software

human <-> software

DragAndDropCode.com, David Wolber

Using OPenAI’s api to Build GENAI powered apps

OpenAI

App

​

api

• Thunkable provides special component/blocks for OpenAI
• app can augment user’s questions, adding context and instructions
• e.g., answer in 1st person from perspective of x
• app can generate and display sample questions
• app can “post-process” response
• e.g., show sample questions on buttons

web page interface

data

DragAndDropCode.com, David Wolber

Thunkable Has OpenAI Blocks!

DragAndDropCode.com, David Wolber

Get an OPENAI KEY

• You should have received an invite to OpenAI from me (Wolber). Click the link and create a key within the team you are in.���
• Get your own: You’ll need a credit card,and you’ll be charged per API call. It is inexpensive, even $5 can allow you to test an app many times. Be sure and do not allow auto-charge on the OpenAI site, and keep your key secret.

DragAndDropCode.com, David Wolber

Configuring OpenAI Blocks!

In the Blocks view, go to bottom and “Advanced” folder, and click + to add an OpenAIService. After you add it, click the settings icon to edit settings, and add your OpenAI as the APIKey.

DragAndDropCode.com, David Wolber

Prompt Engineering in Your Blocks!

You can augment the user’s question to let OpenAI know how to answer-- “as if you’re talking to 4th graders”, or “from the perspective of Karl Marx or...

DragAndDropCode.com, David Wolber

What Might you Build?

• Learning History Site like the one shown in this deck.

​

• Kid drawing tool with AI link��
• Quiz question generator, e.g, have OpenAI generate random questions (and answers) about historical figures��
• Virtual Therapy App�
• Female Entrepreneur App

​

DragAndDropCode.com, David Wolber

The world is your oyster

DragAndDropCode.com, David Wolber