딩코클래스도구 UI 재료함

LESSON TOOL LIBRARY

조합해서 쓰는 수업 도구 UI

화면 표현과 콜백 연결을 검증하는 제작용 예시입니다. 실제 AI 처리와 학생 진도는 실행하거나 저장하지 않습니다.

도구 6종호출부가 실제 동작 소유
UI-04

다중 힌트

확대·닫기·초점 복귀

막혔을 때 필요한 단계만 그림과 설명으로 확인합니다.

UI-11

메이커 조작 막대

선택·회전·연결·실행
선택: 파란 조각

조작 모드를 고르세요.

UI-09

파일과 폴더 탐색

주소·검색·선택·열기·북마크
3개 항목

항목을 선택해 보세요.

UI-13

단계 진행 지도

완료·현재·잠금·별
  • 관찰분류
  • 분류코딩
  • 코딩도전
UI-12

AI 학습 작업 공간

표본·입력·권한·학습·예측
숲 표본이미지숲
오디오새소리 표본
권한이 거부됨
학습 실패실패 상태 표현 예시
42%
예측자연0%
프롬프트 A

숲을 설명해 줘.

프롬프트 B

초등학생이 관찰할 나무·풀·길을 세 문장으로 설명해 줘.

이 예시는 모델이나 기기 권한에 연결되어 있지 않습니다.

UI-14

코드와 실행 결과

입력·출력·테스트·오류 줄
코드Python
1name = input()2print(nmae)
입력
딩코
출력
(출력 없음)
  • 실패입력한 이름 출력기대: 딩코실제: 오류
  • 대기빈 입력 처리