기술 튜토리얼

이 레슨은 앱 코딩과 AI 모델 제작을 위한 모든 테크노베이션 동영상 튜토리얼을 한 곳에서 볼 수 있는 곳입니다. 코딩 플랫폼 및 주제별로 그룹화되어 있습니다. 

코딩 플랫폼

이 동영상은 테크노베이션의 코딩 언어 옵션에 대한 개요를 제공합니다. 지금은 테크노베이션에서 모든 코딩 언어를 허용하므로 약간 구식입니다. 하지만 앱 인벤터와 Thunkable 및 각 플랫폼의 기능에 대한 좋은 개요를 제공합니다.

스크래치 튜토리얼

자세한 정보

스프라이트와 타이머가 있는 간단한 게임입니다.

앱 인벤터 튜토리얼

아래의 각 탭을 열면 앱 개발에 도움이 될 수 있는 다양한 기능을 배우는 데 도움이 되는 동영상 튜토리얼을 확인할 수 있습니다.

이 동영상은 App Inventor의 두 창, 즉 디자이너와 블록 편집기에 대한 일반적인 개요를 제공합니다. 

자세한 정보

이 튜토리얼은 게임을 만들기 위한 더 큰 플레이리스트의 일부이지만 디자이너의 일부 기능과 App Inventor에서 UI를 디자인하는 방법을 보여줍니다. 스타터 템플릿을 사용하려면 여기를 클릭하세요

코딩을 처음 접하는 분들을 위한 좋은 입문 튜토리얼을 소개합니다.

자세한 정보

앱 인벤터 사용에 대한 좋은 입문서입니다. 사운드보드 튜토리얼이라고도 하며, 사용자가 버튼을 클릭하면 음성이 재생되는 간단한 앱을 만드는 방법을 배웁니다. 여기에서 스타터 프로젝트를 다운로드하여 App Inventor로 가져올 수 있습니다(Dave가 동영상에서 방법을 보여 줍니다). 

많은 앱의 기능 중 하나는 사용자가 사용자 아이디와 비밀번호로 로그인할 수 있는 기능입니다. 동영상의 지침에 따라 모든 앱에 이 기능을 추가할 수 있습니다.

재활용 게임은 여러 가지 간단한 개념을 사용하지만 이를 기반으로 상당히 복잡한 게임을 만들 수 있습니다. 타이머를 사용하여 이미지를 표시하고, 버튼 클릭을 감지하고, 점수를 더하고 빼는 방법을 배우게 됩니다. 앱 인벤터의 스타터 템플릿 링크는 다음과 같습니다.

이 동영상은 캔버스와 이미지스프레이트를 사용하여 애니메이션 게임을 만드는 방법을 보여줍니다.

처음부터 따라해보고 싶다면 여기에서 앱에 사용된 이미지를 확인할 수 있습니다. 

사용자 인터페이스를 구축하는 첫 번째 동영상을 건너뛰려면 여기를 클릭하여 사용자 인터페이스가 구축된 템플릿을 열 수 있습니다.  

이 동영상은 자원봉사 앱을 만드는 과정을 안내합니다. 이 튜토리얼에서는 앱에 정보 마커가 있는 지도를 추가하는 방법을 보여줍니다. 또한 앱에 전화 통화를 통합하는 방법과 웹뷰어 컴포넌트를 사용하여 웹사이트를 표시하는 방법도 살펴볼 수 있습니다.

자세한 정보

지도 컴포넌트를 사용하여 사용자에게 위치 기반 정보를 제공하는 좋은 예입니다. 이 경우에는 자원봉사 기회입니다. 이 앱은 또한 웹뷰어를 사용하여 웹사이트 정보를 표시하고, 사용자가 앱에서 자원봉사 단체에 전화를 걸 수 있도록 전화 걸기를 사용합니다.

동영상 2편 중 1부 - 지도, 마커 및 기본 정보 추가하기

처음 3개의 동영상은 사용자가 매일 얼마나 친환경적인지 추적할 수 있는 그린 트래커 앱을 만드는 방법을 다룹니다. 데이터는 사용자의 모바일 디바이스에 TinyDB를 사용하여 저장됩니다. 

네 번째 동영상은 TinyDB에 목록 항목을 저장하는 방법을 보여줍니다. 

 

자세한 정보

그린 트래커 파트 1에서는 TinyDB 컴포넌트를 사용하여 휴대폰에 추적 데이터를 저장하는 방법을 보여줍니다.

애플리케이션 프로그래밍 인터페이스 또는 API는 앱에 매우 유용합니다. 앱을 외부 웹사이트나 서버에 연결하여 데이터를 주고받는 방법을 알아보세요. 

빠른 퀴즈 자습서에서는 Google 시트를 앱에 연결하여 리더보드 데이터를 저장하는 방법을 보여줍니다. 여기를 클릭하여 앱 인벤터에서 프로젝트 템플릿을 엽니다.

Chat 앱 튜토리얼에서는 CloudDB를 사용하여 채팅 정보를 저장하는 방법을 보여 줍니다.

자세한 정보

빠른 퀴즈 자습서에서는 Google 시트를 앱에 연결하여 리더보드 데이터를 저장하는 방법을 보여줍니다. 여기를 클릭하여 앱 인벤터에서 프로젝트 템플릿을 엽니다.

썽커블 튜토리얼

아래의 각 탭을 열면 앱 개발에 도움이 될 수 있는 다양한 기능을 배우는 데 도움이 되는 동영상 튜토리얼을 확인할 수 있습니다.

이 동영상은 Thunkable 플랫폼에 대한 일반적인 개요를 제공합니다.

코딩을 처음 접하는 분들을 위한 좋은 입문 튜토리얼을 소개합니다.

자세한 정보

이 튜토리얼은 Thunkable 사용에 대한 좋은 소개입니다. 사운드보드 튜토리얼이라고도 하며, 사용자가 버튼을 클릭하면 음성이 재생되는 간단한 앱을 만드는 방법을 배웁니다. 여기를 클릭하고 나는 꿈이 있다 링크를 따라 앱 제작에 필요한 에셋을 다운로드하세요.

많은 앱의 기능 중 하나는 사용자가 사용자 아이디와 비밀번호로 로그인할 수 있는 기능입니다. 동영상의 지침에 따라 모든 앱에 이 기능을 추가할 수 있습니다.

이 동영상은 자원봉사 앱을 만드는 과정을 안내합니다. 이 튜토리얼에서는 앱에 정보 마커가 있는 지도를 추가하는 방법을 보여줍니다. 또한 앱에 전화 통화를 통합하는 방법과 웹뷰어 컴포넌트를 사용하여 웹사이트를 표시하는 방법도 살펴볼 수 있습니다.

자세한 정보

지도 컴포넌트를 사용하여 사용자에게 위치 기반 정보를 제공하는 좋은 예입니다. 이 경우에는 자원봉사 기회입니다. 이 앱은 또한 웹뷰어를 사용하여 웹사이트 정보를 표시하고, 사용자가 앱에서 자원봉사 단체에 전화를 걸 수 있도록 전화 걸기를 사용합니다.

동영상 2편 중 1부 - 지도, 마커 및 기본 정보 추가하기

3개의 동영상은 사용자가 매일 얼마나 친환경적인지 추적할 수 있는 그린 트래커 앱을 만드는 방법을 다룹니다. 데이터는 저장 변수를 사용하여 저장되므로 사용자의 모바일 장치에 저장됩니다. 

TinyDB를 사용하여 데이터 저장

3 동영상
자세한 정보

그린 트래커 파트 1에서는 TinyDB 컴포넌트를 사용하여 휴대폰에 추적 데이터를 저장하는 방법을 보여줍니다.

애플리케이션 프로그래밍 인터페이스 또는 API는 앱에 매우 유용합니다. 앱을 외부 웹사이트나 서버에 연결하여 데이터를 주고받는 방법을 알아보세요. 

빠른 퀴즈 튜토리얼에서는 Google 시트를 앱에 연결하여 리더보드 데이터를 저장하는 방법을 보여줍니다. 여기를 클릭하여 Thunkable에서 프로젝트 템플릿을 엽니다.

두 번째 동영상은 동영상을 재생하는 앱을 만드는 방법을 보여 줍니다. 동영상 정보는 Google 스프레드시트에 저장됩니다.

세 번째 동영상은 Google 시트에서 리더보드 정보를 표시하는 방법을 보여주는 또 다른 기후 기반 앱입니다. 스타터 프로젝트 템플릿은 여기에서 찾을 수 있습니다.

네 번째 동영상은 한 졸업생이 Google 시트를 사용하여 앱 정보를 저장하는 또 다른 예입니다. 시작 프로젝트에 대한 링크입니다

자세한 정보

빠른 퀴즈 튜토리얼에서는 Google 시트를 앱에 연결하여 리더보드 데이터를 저장하는 방법을 보여줍니다. 여기를 클릭하여 Thunkable에서 프로젝트 템플릿을 엽니다.

인공 지능 튜토리얼

이 시리즈에서는 어린이용 머신러닝을 사용하여 모델을 훈련하는 방법을 보여드립니다. 그런 다음 출력 모델을 스크래치 프로젝트에 사용합니다.

스크래치 프로젝트는 초급 부문에서만 가능합니다.

자세한 내용

Make Me Happy는 어린이용 머신러닝을 사용하여 행복하거나 슬픈 텍스트를 감지하는 머신러닝 모델을 만듭니다. 3부 튜토리얼에서는 스크래치 프로젝트에서 이 모델을 사용합니다.

이 예제에서는 가르치기 쉬운 기계로 훈련된 소리(딸깍, 박수, 휘파람)를 감지하여 스크래치 프로젝트에서 사용하는 모델을 사용합니다. 다음은 모델을 만드는 방법에 대한 링크입니다

스크래치 프로젝트는 초급 부문에서만 가능합니다.

이 시리즈에서는 웹에서 이미지의 공개 데이터 세트를 가져와서 App Inventor의 이미지 분류기를 사용하여 학습한 다음 App Inventor를 사용하여 모바일 앱에 모델을 추가하는 방법을 보여 줍니다.

이미지 데이터 세트 및 앱 인벤터

3 동영상

이 동영상에서는 AI를 사용하여 사용자가 어떤 놀이를 하고 있는지 결정하는 간단한 가위바위보 앱을 만드는 방법을 보여줍니다. 가르치기 쉬운 기계에서 이미지를 사용하여 머신 러닝 모델을 훈련하는 방법을 배웁니다. 그런 다음 이 모델을 App Inventor와 통합하여 모바일 앱에서 사용합니다.

프라탐 고라디아가 Ximilar 플랫폼을 사용하여 산호초 이미지로 모델을 훈련하는 방법을 보여드립니다. 그런 다음 이 모델을 웹 API 컴포넌트의 도움을 받아 Thunkable 앱에서 사용합니다.

이 동영상(아래 웹 앱 튜토리얼 섹션에도 있음)은 Jupyter Notebook에서 Python을 사용하여 머신 러닝 모델을 구축하는 방법과 Streamlit을 사용하여 구축한 웹 앱에서 해당 모델을 사용하는 방법을 보여줍니다.

웹 앱 재생 목록의 AI

2 동영상

웹 앱 튜토리얼

웹 앱을 코딩하는 경우 커리큘럼은 무료 소프트웨어를 설치하여 자신의 컴퓨터에 로컬로 코딩하거나 웹 브라우저에서 온라인 플랫폼을 사용하여 코딩하는 두 가지 옵션을 제공합니다. 

이 동영상은 컴퓨터에서 코딩하는 로컬 옵션용입니다.

자세한 정보

아직 설치하지 않았다면 컴퓨터에 Python을 설치해야 합니다. 여기 지침을 참조하세요.

웹 앱을 코딩하는 경우 커리큘럼은 무료 소프트웨어를 설치하여 자신의 컴퓨터에 로컬로 코딩하거나 웹 브라우저에서 온라인 플랫폼을 사용하여 코딩하는 두 가지 옵션을 제공합니다. 

이 동영상은 웹 브라우저에서 모든 것을 코딩하는 온라인 옵션을 위한 것입니다.