CEDIS | Universidade de Brasília

DevDog

A gamified web platform for teaching code smell identification

Luciano Ricardo da Silva Júnior · Sergio Antônio Andrade de Freitas · André Luiz Peron Martins Lanna
SBES 2026 · Tools Track · 9 September 2026
símbolo CEDIS logo UnB
símbolo CEDISCEDIS
2/13
The challenge is not memorizing smell names. It is making a defensible judgment in unfamiliar code.
DevDog presentation · SBES 2026
símbolo CEDISCEDIS
3/13

DevDog keeps the learner in the decision loop

Guia

Theory consultation with concepts and examples before or between attempts.

  • just-in-time study
  • short explanations
  • examples aligned with practice

Farejador

Contextualized challenges in which the learner selects lines and classifies smells.

  • manual localization
  • 19 smell categories
  • immediate feedback
símbolo CEDISCEDIS
4/13
DevDog Guia screen with code smell concepts and examples
Guia: concepts and examples for code smell identification.

Guia and Farejador in the implemented system

The tool connects theory consultation with deliberate practice. The system does not reveal the answer before the learner decides.

  • inspect code
  • select suspicious lines
  • classify the smell
  • receive oracle-based feedback
símbolo CEDISCEDIS
5/13
Gamification is not decoration. Each reward and hint must reinforce the inspection task.
DevDog gamification rationale
símbolo CEDISCEDIS
6/13

From motivational drivers to concrete mechanics

?

Curiosity and support

Mascot reactions and optional progressive hints create a reason to inspect again.

$

Ownership and strategy

Learners earn petiscos and decide when to spend them on hints.

Progress and competence

Scores, stars, attempts, best score and immediate feedback make progress visible.

Low-pressure relatedness

Comparison is scoped to each exercise, avoiding a dominant global leaderboard.

símbolo CEDISCEDIS
7/13

The gamified learning loop

1

Inspect

Read context and code.

2

Decide

Select lines and smell type.

3

Feedback

Receive line-level oracle feedback.

4

Earn

Gain score, stars and petiscos.

5

Spend

Unlock progressive hints.

6

Retry

Perform an informed second inspection.

símbolo CEDISCEDIS
8/13

The judgment is the game action

DevDog keeps the learner responsible for the central task: identifying where the design symptom appears and what kind of smell it represents.

  • manual line selection
  • smell-type discrimination
  • penalty for indiscriminate selection
  • retry supported by hints
DevDog classification screen with code and selected lines
Farejador: line selection and smell classification.
símbolo CEDISCEDIS
9/13
DevDog feedback modal after an attempt
Immediate feedback after a smell-identification attempt.

Feedback closes the loop

After a submission, DevDog returns performance feedback, mascot reaction, score, stars, petiscos and the possibility of another attempt.

  • feedback is immediate
  • hints are progressive
  • petiscos become a strategic resource
  • the retry is informed practice
símbolo CEDISCEDIS
10/13

A lightweight, reproducible web implementation

R

React/Vite

Pages, code viewer, hints, result dialog and mascot states.

E

Express API

Authentication, attempts, hints, recommendation and statistics.

P

Prisma + PostgreSQL

Persistent users, exercises, smell lines and attempts.

D

Docker Compose

Reproducible orchestration of database, migrations, API and web client.

símbolo CEDISCEDIS
11/13

What we learned—and what we do not claim

Supported by current evidence

  • the workflow can be followed in a prototype
  • feedback informed interface refinements
  • game mechanics are implemented, traceable and deployed

Not yet demonstrated

  • learning gains
  • long-term retention or transfer
  • causal effects of individual mechanics
símbolo CEDISCEDIS
12/13

Ready to sniff out code smells?

Live system: https://devdog.cedis.tec.br · Source code: https://github.com/CedisUnB/CodeSmellGamification · Demo: https://zenodo.org/records/20298757

símbolo CEDISCEDIS
13/13

Referências

  1. Silva Júnior, L. R.; Freitas, S. A. A.; Lanna, A. L. P. M. DevDog: A Gamified Web Platform for Teaching Code Smell Identification. SBES 2026 Tools Track.
  2. Fowler, M. Refactoring: Improving the Design of Existing Code. 2nd ed. Addison-Wesley, 2018.
  3. Deterding, S.; Dixon, D.; Khaled, R.; Nacke, L. From game design elements to gamefulness: defining gamification. MindTrek, 2011.
  4. Ryan, R. M.; Deci, E. L. Self-determination theory and the facilitation of intrinsic motivation, social development, and well-being. American Psychologist, 2000.
  5. DevDog live system: https://devdog.cedis.tec.br.
  6. DevDog source code: https://github.com/CedisUnB/CodeSmellGamification.
→ avançar · ← voltar · deslize (touch) · n notas · f tela cheia · p imprimir