본문 바로가기
에듀테크활용 교육

온라인 퍼즐 만들기: 교과서 화면을 퍼즐로!

by 조크리 2023. 5. 29.
반응형

 

 

 

태블릿PC나 크롬북을 활용해

학생들이 온라인에서 퍼즐 맞추기 활동을 할 수 있는

 

직소 퍼즐을 소개합니다.

 

내가 가지고 있는 이미지를 사용해 퍼즐을 만들 수도 있고

인터넷에 있는 이미지를 사용해 퍼즐을 만들 수도 있습니다. 

 

저는 영어 시간에 학생들과 함께

동기 유발 및 정리하기로

퍼즐 맞추기를 하고 있는데요. 

6학년 영어 교과서 YBM 홈페이지에서 제공하는 

온라인 교과서의 장면을 캡쳐한 후 저장하여 퍼즐을 만들었습니다.

 

 

아래 모습은 태블릿PC에서 보여지는 모습입니다.

학생들인 OK 버튼을 누르고 퍼즐 맞추기를 시작하면 됩니다.

 

 

직접 퍼즐도 맞춰보세요!!

https://jigex.com/RF6L8

 

A Jigsaw Explorer Jigsaw Puzzle

This jigsaw puzzle is presented within Jigsaw Explorer's premium jigsaw puzzle web app. Anyone can use this web app to play their own photos as jigsaw puzzles, or choose from the thousands of beautiful jigsaw puzzles available at the Jigsaw Explorer websit

www.jigsawexplorer.com

 

 

QR코드도 있으니 핸드폰의 카메라를 켜신 뒤 핸드폰으로도 퍼즐을 맞춰보세요!

 

 


 

 

그럼 지금부터

내가 가지고 있는 이미지를 사용해 온라인 퍼즐을 만드는 방법을 안내드리겠습니다. 

 

 

1단계: 이미지 주소 만들기 

 

내 컴퓨터에 저장된 이미지가 있을 때는 이미지의 주소를 만들어 줘야 합니다. 

 

아래 이미지 호스팅을 해주는 링크로 접속합니다. 

https://ifh.cc/

 

iFH 이미지 호스팅

서비스 악용을 방지하기 위해서 소셜 로그인이 필요합니다. iFH는 이름, 전화번호, 이메일 등의 개인정보를 읽어오거나 사용하지 않으며 회원 고유 번호만 악용 방지를 위해 사용합니다.

ifh.cc

 

 

 

이미지 선택을 하여 가지고 있는 이미지를 업로드해주고

아래 파란색 업로드 버튼을 클릭합니다. 

 

 

 

 

 

 

2단계: 이미지 주소 복사 

 

그럼 이미지의 주소가 나옵니다.

이 주소를 클릭하여 복사해줍니다. 

 

 

 

3단계: 직소 퍼즐 사이트에 접속

 

이제 퍼즐을 만들러 가보겠습니다.

직소 퍼즐 사이트에 접속하여

새로운 퍼즐 만드는 탭을 선택합니다.

 

저는 아래 링크를 클릭하여 새로운 퍼즐을 만드는 페이지로 바로 들어갔습니다.

https://www.jigsawexplorer.com/create-a-custom-jigsaw-puzzle/

 

Create a Custom Jigsaw Puzzle

 

www.jigsawexplorer.com

 

 

자 이제 복사해온 이미지 주소를 붙여 넣기 해볼까요?

맨 위 Enter the URL 창에 이미지 주소를 붙여넣기 합니다.

 

그리고 

Enter the initial number of puzzle pieces

창에 퍼즐 조각의 개수를 입력해줍니다. 

저학년이면 10개 조각, 고학년이면 20개 조각 등 원하는 개수를 입력해주면 됩니다.

 

마지막으로

원래 그림이 보이지 않게 하려면

Mystery puzzle 을 클릭해줍니다.

 

힌트로 원래 그림을 보여주고 싶으시면 

Mystery puzzle은 클릭을 안해주시면 됩니다. 

 

 

 

 

4단계: 링크 공유하기 

 

마지막으로 만든 퍼즐 링크를 공유해보겠습니다.잘 만들어졌는지 먼저 체험하고 싶으시면 Try it 을 클릭하시면 됩니다.다른 사람들에게 퍼즐을 전달하고 싶으시면 Copy link를 눌러 링크를 전달해주면 끝!!입니다.

 

Puzzle의 코드로 임베드 할 수 있으니구글 사이트에 바로 html 코드를 넣어주셔도 되겠죠!

 

 

 

 

저는 지금 블로그 글에 임베드를 시켜보겠습니다. 

바로 퍼즐을 맞출 수 있게 되었죠!

 

 

 

 

 

 

 

 

 

 

보너스: 인터넷에 있는 사진으로 퍼즐 만들기 

 

인터넷에 있는 사진으로 퍼즐을 만들어 볼까요?

방법은 매우 간단합니다.

 

(1) 검색창에 원하는 키워드를 검색합니다.

(2) 원하는 그림을 클릭합니다.

(3) 그림에서 마우스 우클릭을 합니다.

(4) 이미지 주소를 복사합니다. 

(5) 직소 퍼즐 사이트에 들어가서 이미지 주소를 붙여넣기 합니다!!

 

 

 

 

 

 

 


 

 

 

온라인으로 퍼즐 만들기!

매우 간단한 방법으로 동기유발을 확실히 시킬 수 있겠죠!

저는 학생들과 영어 시간에 4단계 퍼즐 시합을 진행했습니다. 

퍼즐 맞추기를 좋아하신다면 한 번 도전해보세요!

 

1단계

 

 

 

2단계

 

 

3단계

 

 

4단계

 

반응형