Project · 2026 · Updated Sept 7

Sentence Map

Sentence Map turns photographs of Korean subtitles into visual maps of how their grammar fits together. I designed it to reveal a sentence's structure before its detail, and to ground curriculum coverage in published beginner materials rather than asking AI to estimate difficulty.

Role

Product strategy, interaction and AI-behavior design, curriculum modeling, implementation directed in ChatGPT Codex.

Status

Working personal prototype, refined through 123 saved Korean sentences. Saved Words currently contains 224 study items: 126 New, 60 Learning, and 38 Known.

Working outcome

Turns photographed subtitles into grammar maps and saves selected words and grammar points for later study.

Evidence base

1,243 entries from four beginner Korean textbooks published by the King Sejong Institute, covering Sejong 1A–2B with the textbook level and page recorded for each entry.

What this project shows

Applied AI

AI turned a photographed subtitle into a structured grammar map.

Human–AI Interaction

The app tracked what I encountered; I decided what to study and what I knew.

Workflow Design

Screenshots were blocked, so I designed a phone-first capture flow.

Information Architecture

I organized sentence structure, curriculum, and Study status for quick scanning.

Learning Systems

Grammar explanations appear only after I encounter a point and choose to study it.

Prototyping

I tested each pass by studying with it, then fixed what slowed me down.

The problem

How might I turn subtitles into grammar I could learn from?

After several years of self-studying Korean on and off, I could read the letters and follow how a sentence was put together. What stopped me was vocabulary. A subtitle would go by with two or three words I didn't know, and by the time I worked out what they were, the scene had moved on.

I already know Japanese, which gave me a useful starting point: Korean and Japanese both use subject–object–verb order, so I could recognize a Korean sentence's shape even when I didn't know what the words meant.

That led to the first design objective: show me the sentence structure, then let me explore the parts I don't yet understand.

Korean and Japanese follow the same subject → time → place → object → adverb → verb sequence. The word-for-word English shows how far that is from English order, and why Japanese gave me a head start.

From subtitle to sentence map

Designing a path from TV show to grammar study

The streaming sites I use for Korean shows and movies block screenshots because of digital-rights protections. I had built a screenshot-based tool for Japanese TV, Jimaku Catcher, but it only works because the Japanese streaming site I use permits screenshots. For Korean, I needed a different flow: notice a subtitle, pause the show, pick up my phone, and photograph the screen.

Codex handled the work in two stages:

  1. First, it extracted the Korean text from my photo and let me confirm or correct it.
  2. Then it broke the sentence into grammatical parts and returned their meanings, roles, and Japanese equivalents.

Codex's analysis worked, but its long, unstyled report made it hard to see how the parts fit together. I needed a structured view I could scan and explore one part at a time.

The first Sentence Map prototype showing a photographed television subtitle and its extracted Korean text
1 · Subtitle text successfully extracted from the photo.
The first prototype's extracted grammar data shown as a long vertical report
2 · A long, unstyled report.

To turn the analysis into a usable Sentence Map, I defined three presentation requirements: color-code each part of the sentence by its grammatical role, show both a literal and a natural translation, and keep the sentence readable as I explored individual words.

Sentence Map displaying a photographed Korean television subtitle and its extracted Hangul before analysis
1 · Subtitle text successfully extracted from the photo.
Sentence Map showing the Korean subtitle as left-to-right color-coded grammatical parts
2 · Color-coded grammatical structure (Sentence Map), at-a-glance.

A learning reference

Adding curriculum coverage to the Sentence Map

Because I was still learning the fundamentals, I needed the Sentence Map to distinguish grammar points in the beginner curriculum from those aimed at more advanced learners. I wanted to ground my grammar study in what I would actually encounter in a beginner-level class. That led me to the King Sejong Institute, a Korean government-backed language-education organization. Its four beginner textbooks were freely available as PDFs, giving me a published reference for curriculum coverage rather than an AI estimate of difficulty.

Korean sentence map with filled and hollow dots on its morpheme segments to indicate curriculum coverage
Curriculum coverage: My first idea was to mark words in the Sejong 1A–2B curriculum with solid dots and all others with empty dots.

One part at a time

The map showed the sentence; I still needed to understand each word

Once I could see which words were within beginner range, I needed more context for an individual word. Tapping a word opened a detail panel with the information I needed:

The detail panel for 모두 showing meaning, grammatical role, Sejong level, Japanese language equivalent, learner note, and three Korean examples with English translations
3 examples of the word used in sentences.
The detail panel for 살 showing meaning, grammatical role, Sejong reference, Japanese language equivalent, learner note, three examples, and a 'Save to Study' button
'Save to Study': Lets me bookmark a term I want to keep track of.
Sentence Map detail panel showing the Korean word 재미있다 with its Japanese equivalent 面白い beside it in the header, followed by meaning, grammatical role, Sejong reference, examples, and Study status
Moved the Japanese equivalent from the 'Japanese Parallel' section into the header, beside the Korean word.

Keeping the map readable

Saving a word changed what the Sentence Map needed to show

Once I was able to choose words to 'Save to Study', the Sentence Map also had to reflect that choice intuitively, at-a-glance.

When I added check marks to denote 'Save to Study' status, I quickly realized that the check marks and the filled/unfilled circles made it difficult to scan the words in the Sentence Map.

The solution made both signals clear while improving the readability of the sentence: bold type for curriculum coverage and a gold underline for Study status.

Korean sentence map showing gold checkmarks on sentence-map terms that have been added to the study list
Study status: Gold check marks represent terms I had chosen to 'Save to Study', but the sentence was difficult to scan due to the check marks.
A sentence map using bold and medium type for Sejong curriculum coverage and a gold underline for study membership
Combined solution: Bold type shows curriculum coverage; a gold underline shows 'Save to Study' words.

Making saved material useful

From saved terms to a study system

At first, clicking 'Save to Study' only stored the term in a database. It gave me a place to collect material, but not a way to study it later.

Study has two tabs: Grammar Mastery for grammar points from the Sejong 1A and 1B curriculum, and Saved Words for everything else I choose to 'Save to Study'—mostly vocabulary, but also grammar points outside that curriculum.

Both Grammar Mastery and Saved Words use New, Learning, and Known to track study status. Grammar Mastery also has a Locked state for curriculum points I haven't encountered in a subtitle yet.

Shared study statuses
  • New: Something I've saved for study but haven't started actively studying.
  • Learning: Something I'm actively studying.
  • Known: Something I know well enough to reliably recognize.
Grammar Mastery only
  • Locked: A Sejong 1A/1B grammar point I haven't encountered in a subtitle and chosen to 'Save to Study' yet.

GRAMMAR MASTERY

Grammar Mastery turned the Sejong curriculum into a way to organize saved grammar points and track my progress through the 1A and 1B levels; 2A and 2B are on the roadmap. Map View showed the overall learning landscape; List View made individual grammar points and their Study status easy to scan.

Streamlined Grammar Mastery interface with an inline legend, underlined Map and List tabs, and fewer enclosing borders
Map View
Grammar Mastery List View showing Sejong level progress, learning-state legend, and a vertical list of grammar points with their statuses
List View
Design decision
No 'reading ahead'
Grammar details can only be 'unlocked' if the grammar point appears in a subtitle I photographed and I choose to 'Save to Study'. I deliberately did not make Grammar Mastery a reference book I could read ahead in. That makes progress slower than working through a textbook, but every unlocked grammar point comes attached to a sentence I actually heard, in a scene I was actually watching.
Bottom half of the Grammar Mastery detail panel for the Korean topic marker eun neun, showing curriculum, meaning and use, and a Learning status selector
Tapping an unlocked grammar point showed its meaning and let me change its Study status.
Bottom half of the locked Grammar Mastery detail panel for hago explaining that it must be saved from a subtitle to unlock its explanation
Tapping a locked grammar point reveals no information; it stays locked until I encounter it in a subtitle and save it for study.

SAVED WORDS

With the two tabs established, Saved Words became a practical queue for reviewing the other terms I had chosen to 'Save to Study'— mostly vocabulary, plus grammar points outside that curriculum.

Marking something as 'Known' was reflected on the Sentence Map, too: I added a gold border to those words.

Sentence Map Saved Words All view showing Korean vocabulary cards with New and Learning status controls
Saved Words: Vocabulary and grammar I chose to 'Save to Study' from subtitles
Sentence Map Saved Words view filtered to Known, with the Korean words 사람 and 우리 set to Known
Study status: Filters let me categorize items as New, Learning, or Known.
Current Sentence Map showing the Known word 사람 with a gold outline
Study status in the Sentence Map: A gold outline around 사람 tells me I know the word (i.e. it is not a focus of my Korean study).

What this demonstrates

Four decisions that shaped the product

The system combines a photographed subtitle, an AI extraction step, and a source-backed study record. The design work was deciding what the app could determine from evidence, what I needed to decide, and how much of that reasoning to show in the interface.

Grounding an AI system in an inspectable source
Each item in the Sentence Map is checked against a specific page in a published textbook. I extracted 1,243 entries from four volumes of the King Sejong Institute's beginner Korean series and recorded the textbook level and page number for each entry. That gives the app a real source for curriculum coverage instead of asking a model to estimate difficulty.
Separating what the system found from what I know
The four states do different jobs. Grammar Mastery keeps a point Locked until I encounter it in a subtitle and choose to study it. Saved items start as New; Learning and Known are mine to set, so the system never concludes I know something just because it appeared on screen.
Giving each visual signal one job
I needed the Sentence Map to communicate three things at a glance: grammatical role, curriculum coverage, and Study status. My first attempts used dots and check icons, and with both appearing across the sentence, the words themselves became hard to read. I gave each signal its own channel instead: color for grammatical role, type weight for curriculum coverage, and a thin underline for saved terms.
Turning AI analysis into a learnable interface
Extracting the subtitle was only the first step. I specified what the analysis had to return for each part of the sentence: grammatical role, meaning, Japanese equivalent, and notes. Then I designed the map to show structure first and reveal the rest when I chose to explore it.

Future directions

What's next for Sentence Map

Add retrieval practice.

'Save to Study' builds a queue of grammar and vocabulary I chose deliberately. The next step is retrieval practice: prompts that bring selected material back without deciding what counts as progress. Only items I have marked Learning would enter the review flow, and a review pass would not change an item's status on its own.

Extend curriculum coverage to Sejong 2A and 2B.

The source catalog already covers Sejong 1A–2B; Grammar Mastery currently includes only the 44 grammar points in Beginner 1A and 1B. I want to extend it through 2A and 2B so a new subtitle grammar point has a place on the same 1A–2B roadmap—and so the study system covers the same range the Sentence Map already marks.

Provide access to detailed grammar explanations.

Some grammar points need more than a short panel note. I want an intentional path from a saved grammar point to supporting Sejong material, with detailed explanations and examples available on demand rather than loaded into the first view.

Related work