[Android 앱 개발 입문] 팀 과제 - 하이커스(1)S.A

0
post-thumbnail
post-custom-banner

🍥아이디어 회의

  • 앱 이름: 하이커스(Hikers)
  • 앱 주제: 등산을 취미를 하는 MZ 세대를 위한 SNS 플랫폼

🍥와이어 프레임

🍥구현 기능

  • Dark Theme 지원
  • 다국어(English) 지원
  • 폰트 크기 변경 지원

로그인 화면

  • 앱 실행 시 첫 화면, 로그인을 위한 화면
  • 모든 입력란(아이디, 비밀번호)가 입력되었을 때, 로그인 버튼 활성화
  • 로그인 버튼 클릭 시, 회원정보 확인 후 로그인
  • 회원가입 후 로그인 화면으로 돌아온 경우, 회원가입한 아이디 및 비밀번호 불러오기

회원가입 화면

  • 회원가입을 위한 첫번째 화면
  • TextWatcher를 통한 모든 입력란(아이디, 비밀번호, 비밀번호 확인) 실시간 유효성 검사
    • 비밀번호 유효성 검사: 특수문자 포함 8자리 이상이어야
    • 비밀번호 확인 유효성 검사: 비밀번호와 동일해야
  • 에러 메세지 표시될 때, 진동 애니메이션 사용

회원정보 화면

  • 회원가입을 위한 두번째 화면, 추가적인 회원 정보를 입력받기 위한 화면
  • 이름 입력란이 공란인 경우, 회원가입 버튼 비활성화
  • 회원정보 수정을 위한 화면
  • 회원 정보 수정을 위해 회원정보 화면을 불러온 경우, 회원 정보 화면에 표시

메인 화면

  • SNS 기능을 위한 화면
  • 화면 상단에 로그인 한 회원의 이름, 프로필 이미지 표시
    • 프로필 이미지 클릭 시, 마이페이지로 이동
    • 마이페이지로 이동할 때, 프로필 이미지를 공유하는 애니메이션 사용
  • 화면 중앙에는 최신 게시글 10개를 표시
    • 게시글을 클릭하는 경우, 해당 게시글의 디테일 화면으로 이동
    • 게시글의 하트를 클릭하는 경우, 해당 게시글 좋아요/좋아요 취소 처리
  • 화면 하단의 플로팅 버튼 클릭 시, 글쓰기 화면으로 이동

디테일 화면

  • 게시물의 자세한 정보를 표시하기 위한 화면
  • 클릭한 게시글의 자세한 정보를 불러와 화면에 표시한다
  • 게시글의 하트를 클릭하는 경우, 해당 게시글 좋아요/좋아요 취소 처리
  • 이전 게시글 버튼 클릭 시, 현재 게시글보다 최신에 게시된 글 정보를 볼 수 있다
    • 현재 게시글이 가장 최신의 글일 경우, 버튼 비활성화
  • 다음 게시글 버튼 클릭 시, 현재 게시글 이전에 게시된 글 정보를 볼 수 있다
    • 현재 게시글이 최신 10개 게시글 중 가장 마지막 글인 경우, 버튼 비활성화

글쓰기 화면

  • 새 게시글을 작성하기 위한 화면
  • 제목 입력란이 공란인 경우, 업로드 버튼 비활성화
  • 업로드 버튼 클릭 시, 새 게시글 생성되며 메인 화면으로 되돌아감

마이페이지 화면

  • 현재 로그인한 회원의 정보를 표시하기 위한 화면
  • 화면 상단에 회원 프로필 이미지, 이름, 아이디, 자기소개, 키워드 표시
    • 자기소개 1줄 이상인 경우, 더보기 클릭을 통해 보기
  • 회원정보 수정 클릭 시, 회원정보 화면으로 이동
  • 회원이 최근에 작성한 게시글 5개 목록 표시
  • 회원이 최근에 좋아요한 게시글 5개 목록 표시
  • 게시글 클릭 시, 해당 게시글의 디테일 화면으로 이동
profile
Be able to be vulnerable, in search of truth
post-custom-banner

0개의 댓글