본문 바로가기

스토리라인360 교육

스토리라인360 비밀번호 입력창을 만들어 봅시다.

어떤 기능이 있는지 살펴보세요.

 

1. 비밀번호를 쓸 수 있는 네모난 공간이 보이고, ‘다음’ 버튼이 있습니다.

2. 올바른 비밀번호를 쓰고, ‘다음’ 버튼을 클릭하면 캐릭터가 있는 슬라이 드가 보입니다.

3. 올바르지 않은 비밀번호를 쓰고, ‘다음’ 버튼을 클릭하면 ‘잘못된 비밀 번호입니다.’라는 메시지가 밑부분에 보입니다.

 

스토리라인360 으로 어떻게 만들까요?

 

비밀번호를 입력하는 창은 어떤 사이트를 이용해도 많이 보시죠?

이것을 스토리라인 360 으로 함께 만들어 보겠습니다.

어떤 기능을 이용하며 될까요?

글자를 입력하는 창은 ‘Data Entry’를 이용하면 아주 쉽게 만들 수 있는 것 기억하시나요?

‘Data Entry’중에서도 ‘Text Entry Field’를 이용하여 만들어 봅시다. 만 들기 전에 대략적인 구상을 해 볼까요?

 

1. 먼저 슬라이드 2장을 미리 만들어놓아야 하겠습니다.

2. 첫 번째 슬라이드는 ‘비밀번호’슬라이드, 두 번째 슬라이드는 ‘성공’슬라 이드로 이름 붙여서 슬라이드를 꾸며줍니다.

3. ‘비밀번호’슬라이드에서 ‘Text Entry Field’를 만들고, ‘잘못된 비밀번호 입니다.’

라는 메시지는 ‘hidden’state로 설정합니다.

 

4. 맞는 비밀번호를 입력했을 경우와 틀린 비밀번호를 입력했을 경우에 대 한 트리거를 만듭니다.

 

5. 트리거를 만들 때 신경 쓸 부분은 잘못된 ‘비밀번호’를 입력하여서 ‘잘 못된 비밀번호입니다.’라는 메시지를 확인할 때 비밀번호를 입력하는 창에 서 잘못된 비밀번호는 지워져야 한다는 것입니다. ‘확인’버튼을 누르면 ‘비 밀번호’가 지워지는 방법으로 이것을 해결해 보겠습니다. 함께 만들어 볼까요