AI POWERED WEB DEVELOPMENT

ICT Teacher Training - Luweero

Dr. Simon Kloker
 • Questions are welcome – otherwise just watch a video
• I will invite questions at specific points

29.01.2024 2
 WhatsApp: ndejjeAI

The AI Research Center

of the Ndejje University is dedicated to deliver
state-of-the-art AI driven solutions
to local challenges in Uganda and its communities.
https://twitter.com
/ndejjeAI

STAY TUNED AND

FOLLOW US →
https://ndu-ai-research-
center.github.io/
GET IN TOUCH
skloker@ndejjeuniversity.ac.ug

29.01.2024 3
 The AI Research Center
of the Ndejje University is dedicated to deliver
state-of-the-art AI driven solutions
to local challenges in Uganda and its communities.

Locations and Opening Hours

MAIN CAMPUS KAMPALA CAMPUS

Bishop Michael Senyimba Senate Building

Complex, Office 3-3 Computer Lab

Mondays 9:00 – 16:00 Wednesdays 8:00 – 12:00

Fridays 9:00 – 15:00 Thursdays 8:00 – 14:00

29.01.2024 4
1 year ago

29.01.2024 5
4 months ago

29.01.2024 6
1 month ago

29.01.2024 7
Students

A study from Jan’23 reveals…

... that about 90% of U.S. college students used ChatGPT to support
them with their homework assignments and more than 50% used it to
generate essays.

Ward, M. (2023, January 18). ChatGPT: Survey says

students love it, educators not fans. University Business.
https://universitybusiness.com/chatgpt-survey-says-
students-love-it-educators-not-fans/

29.01.2024 8
Teachers

What about you?

29.01.2024 9
Agenda
• Introduction to Artificial Intelligence and Large Language Models
• Large Language Models to generate HTML Code (or anything else)
• Large Language Models to evaluate Code
• Large Language Models as a teacher
• AI Website Builder

29.01.2024 10
Agenda
• Introduction to Artificial Intelligence and Large Language Models
• Large Language Models to generate HTML Code (or anything else)
• Large Language Models to evaluate Code
• Large Language Models as a teacher
• AI Website Builder

29.01.2024 11
Introduction

LLM Demo

29.01.2024 12
Introduction

Artificial Intelligence in a Nutshell

Imagine a computer that can learn and solve problems like a human,
but way faster. That's AI in a nutshell! It's like having a super-smart
helper that can handle all sorts of tasks, from recognizing faces to
writing poems.

Think of it this way:

• Brain = Computer: Both can process information and learn.
• Neurons = Algorithms: These are the "rules" that AI uses to make
decisions.
• Thoughts = Data: The more data AI has, the smarter it gets.

29.01.2024 16
Introduction

Large Language Models

… such like ChatGPT, Google Bard, or LLaMA…

… are models trained on immense amounts of (mostly textual) data

(webpages, books, reports, chats, social media, …), accessible via an
Chat interface.

And right now, they are mostly free to use.

29.01.2024 17
29.01.2024 18
Introduction

Large Language Models

[https://medium.com/@NirZicherman/how-ai-works-2499120a78cb]

29.01.2024 19
Introduction

Large Language Models

[https://medium.com/@NirZicherman/how-ai-works-2499120a78cb]

29.01.2024 20
Introduction

Large Language Models

[https://medium.com/@NirZicherman/how-ai-works-2499120a78cb]

29.01.2024 21
Introduction

Large Language Models

[https://medium.com/@NirZicherman/how-ai-works-2499120a78cb]

29.01.2024 22
 Questions

29.01.2024 23
Agenda
• Introduction to Artificial Intelligence and Large Language Models
• Large Language Models to generate HTML Code (or anything else)
• Large Language Models to evaluate Code
• Large Language Models as a teacher
• AI Website Builder

29.01.2024 24
Generate HTML Code

LLM Demo I

29.01.2024 25
Generate HTML Code

LLM Demo II

29.01.2024 26
Generate HTML Code

LLM Demo II

29.01.2024 27
Generate HTML Code

Implications
• Works also for PHP, SQL, Javascript, …
• With some try-and-error iterations it will work almost without any
human adaptions
• However, understanding of the architecture is still important
• It’s free to use
• Ban or Embrace?
• What should we teach the students exactly?
• How are we going to evaluate students’ solutions in future?
• What are we going to evaluate?

29.01.2024 28
 Questions

29.01.2024 29
Agenda
• Introduction to Artificial Intelligence and Large Language Models
• Large Language Models to generate HTML Code (or anything else)
• Large Language Models to evaluate Code
• Large Language Models as a teacher
• AI Website Builder

29.01.2024 30
Evaluate Code

LLM Demo I

29.01.2024 31
Evaluate Code

LLM Demo II

29.01.2024 32
Evaluate Code

Implications
• Syntax and Errors can be checked by the LLM.
• Recommendations to students can be made by LLM.
• You can prime a LLM with a scheme and hand this to the students.

29.01.2024 33
 Questions

29.01.2024 34
Agenda
• Introduction to Artificial Intelligence and Large Language Models
• Large Language Models to generate HTML Code (or anything else)
• Large Language Models to evaluate Code
• Large Language Models as a teacher
• AI Website Builder

29.01.2024 35
Teacher

LLM Demo II

29.01.2024 36
Evaluate Code

Implications
• Create prompts that let the students work on interactive
conversations that teach whatever is the subject of the day’s lesson
• Get inspirations, how you might introduce certain aspects
• Create Hand-outs for your students
•…

29.01.2024 37
 Questions

29.01.2024 38
Agenda
• Introduction to Artificial Intelligence and Large Language Models
• Large Language Models to generate HTML Code (or anything else)
• Large Language Models to evaluate Code
• Large Language Models as a teacher
• AI Website Builder

29.01.2024 39
AI Website Builder

Some Examples
Teleport HQ https://teleporthq.io/ai-website-builder
Appy Pie https://www.appypie.com/ai-website-builder
Hostinger https://builder.hostinger.com/ai-builder
Hubspot https://www.hubspot.com/products/cms/ai-
website-generator
CodeDesign.ai https://codedesign.ai/
Hocoos https://hocoos.com/
Durable https://app.durable.co/website-builder

29.01.2024 40
AI Website Builder

Extended Features
10Web https://10web.io/start-ai-website- Recreates Designs for Wordpress
building/ Import

29.01.2024 41
AI Website Builder
AI Website Creator Demo

29.01.2024 42
 Questions

29.01.2024 43
Feedback

Your feedback?
https://forms.gle/ffTC2VTeC53gGYtp6

29.01.2024 44
 THANK YOUR FOR YOUR KIND ATTENTION!

QUESTIONS?

Contact:
Dr. Simon Kloker
simon@lets-co.org

29.01.2024 45