앱 인벤터로 앱 개발하기 (심리 테스트)

앱 인벤터로 앱개발 - 심리 테스트 (1)

칠구의 스터디 2023. 8. 1. 16:09

 

 

 

개발 순서

0. 정보 모우기
1. 대략적인 기획
2. 개발

 

0. 정보 모우기

 

어떤 주제로 앱을 만들까 고민하던 중

평소 여자친구와 같이 즐겨하던 심리 테스트를

앱으로 간단하게 만들어 보자고 맘을 먹었다

 

심리 테스트 내용과 이미지는 인스타 검색을 통해 얻었고

의자 

아이스크림

4가지 행동

5가지 순서

이렇게 4가지로 심리 테스트 주제를 정해보았다

 

 

1. 대략적인 기획

난 노트를 통해 대충이라도

어떤 느낌으로 할지 기획해보았다

 

 

 

 

이번 폿팅에는 의자에 대한 심리 테스트 부분만 다뤄보겠다

 

 

2.개발
배경 브금 + 클릭시 브금
스크린전환
이미지 클릭시 새 이미지

 

 

KakaoTalk_20230801_154937029.mp4
0.87MB

실행 영상

 

 

제일 먼저 첫 화면이다

들어가면 기본적으로 브금 (작성자는 메이플 브금 사용)이 나오도록 하였고

이미지 클릭시 클릭 브금이 나오면서 화면이 전환되도록 하였다

 

사용된 코드

 

참고로 클릭 브금처럼 짧은 것은 소리

긴 브금이나 노래는 플레이어를 사용해야 한다

 

 

의자 심리테스트를 클릭하면 뜨는 화면이다

여기도 똑같이 메이플 브금이 나오며

이미지 클릭시 결과화면과 클릭 브금이 나오도록 하였다

 

사용된 코드

 

이번엔 클릭시 테스트 결과(이미지)만 뜨도록 했는데

다음엔 한번 더 클릭시 이미지가 없어지도록 하고

나머지 심리테스트들도 하는게 목표이다

 

이번 처음 제작을 하면서 느낀 것은 다음에 다른 것을 제작할 땐

사진 크기도 모두 똑같은 걸로 고려해서 더욱 깔끔하게 만들 것이다