[앱인벤터] 간단 온라인 메뉴판 만들기

온라인 메뉴판 만들기

---

오늘 만들어볼 것은 나만의 온라인 메뉴판입니다.
간단하게 메뉴 3가지만 넣고, 이번 포스팅은 블록 코딩이나 디자인이나 화려한 기술 같은게 없기에 간단히 작성해볼게요.😉😉

---

1. 디자인

---

#디자인 구조

1	2	3	4
Screen1
└	수평배치
	└	수직배치
		└	레이블_김밥
		└	이미지_김밥
		└	버튼_김밥
	└	수직배치
		└	레이블_만두
		└	이미지_만두
		└	버튼_만두
	└	수직배치
		└	레이블_콜라
		└	이미지_콜라
		└	버튼_콜라
	└	레이블_음식리스트
└	수직배치
	└	수평배치
		└	레이블_리스트_김밥
		└	레이블_리스트_김밥_수량
		└	레이블_리스트_김밥_금액
		└	버튼_리스트_김밥_빼기
	└	수평배치
		└	레이블_리스트_콜라
		└	레이블_리스트_콜라_수량
		└	레이블_리스트_콜라_금액
		└	버튼_리스트_콜라_빼기
	└	수평배치
		└	레이블_리스트_만두
		└	레이블_리스트_만두_수량
		└	레이블_리스트_만두_금액
		└	버튼_리스트_만두_빼기
└	수평배치
	└	레이블_총금액
	└	레이블_총금액_값
└	수평배치
	└	버튼_초기화
	└	버튼_결재

구체적인 속성이 궁금하시면 댓글 적어주세요

---

2. 블록코딩

이번 포스팅에서는 개인의 역량에 따라 블록코딩이 다양할 수 있어서…
아마 제건 비효율적일거에요.
초등학생이 이해할 수 있게 만들다보니
다중 리스트를 이용하지 않고,
김밥 변수 , 만두 변수 , 콜라 변수 이런식으로 변수를 여러개 만들어서 했어요.🙄🙄

그래서 이번엔 코딩을 보여주지 않고, 만들어야 할 기능들을 적어볼게요.😉😉

---

3. 만들어야할 기능

1. 금액 버튼을 눌렀을 때, 버튼에 해당하는 음식 리스트의 음식 수량을 증가시키며, 금액 및 총 금액 증가시키기

   ex) 김밥 2,000원 버튼 클릭

   (음식 리스트 아래) 김밥의 수량 및 금액 증가

   총 금액 증가

2. 음식 리스트 우측에 -버튼을 클릭했을 때, 해당 음식의 수량이 1 이상이면 1을 빼고, 1 이상이 아니면 아무것도 작동시키지 않기

   ex) 김밥 - 버튼 클릭

   만약 김밥의 수량이 1 이상이면 1 빼기 아니면 변화 x

   변화된 수량에 따라 금액 및 총 금액 바꾸기

3. 초기화 버튼을 클릭하면, 음식 리스트의 모든 음식 수량 및 금액 0 으로 초기화 하기

   ex) 초기화 버튼 클릭

   모든 종류의 음식 수량 및 금액 0 으로 초기화

   총 금액도 0으로 초기화(단, 총금액은 모든 종류의 금액을 더한 상태를 유지할 것.) ex) 총 금액 자체를 0 으로 초기화 하지말고 항상 음식의 금액을 모두 더할 것.

4. 결제 버튼을 클릭하면, 알림 띄우기

   ex) 결제 버튼 클릭

   알림 띄우기

   예를 들어, “주문이 완료되었습니다.” , “다음에도 이용해주세요.” 등등 알림을 띄우고, 모든 음식을 0 으로 초기화하기

특별히 어려운 내용은 없기에 앱인벤터를 좋아하는 아이들이라면 충분히 코딩을 할 수 있을거라 생각합니다.😆😆

오늘은 여기까지~

---