[프로젝트] NFC를 사용한 무인 점포 결제 애플리케이션

2021. 3. 3. 21:42·Who am I/Portfolio
목차
  1.  
  2.  
  3. MEGAPOS
  4. 사용 기술
  5. 애플리케이션 구동 화면
  6. TMI
  7. 시연 영상

 

 

GitHub - Yusang-park/Megapos: 🐯Unmanned store payment application using NFC that changes uncomfortable store usage experience

🐯Unmanned store payment application using NFC that changes uncomfortable store usage experience - GitHub - Yusang-park/Megapos: 🐯Unmanned store payment application using NFC that changes uncomforta...

github.com

 

MEGAPOS

본 프로젝트의 슬로건은 '내 손 안의 계산대'이다.

애플리케이션을 설치한 스마트폰을 우리가 흔히 보는 상품의 가격표에 태그 하면, 애플리케이션이 실행되면서 애플리케이션 상의 장바구니 화면에 상품이 담긴다. 일반 가격표 뒷면에 NFC 스티커를 붙이는 형식으로 고려했다. 상품을 다 고른 후, 가격표에 태그 했으면 계산대로 갈 필요 없이 그대로 상품을 들고 퇴장하면 된다. 그리고 애플리케이션내의 결제 버튼을 터치하면 간편하게 등록된 결제 수단으로 결제가 진행된다.

 

사용 기술

Futter & Firebase, 아임포트 결제 API

백엔드보다 프론트에 집중하기 위해 서버는 Firebase를 사용했다. 아이폰과 안드로이드를 동시 개발하기 위해 Flutter를 채택했다. 당시 비교적 신생 기술이었기 때문에 NFC라는 Native 기능을 100프로 활용할 수 있을지 걱정을 했지만 다행히도 라이브러리를 통해 어렵지 않게 구현할 수 있었다.

 

애플리케이션 구동 화면

로그인 화면

Firebase Auth로 구글 소셜로그인을 구현했다.

 

장바구니 화면

NFC 가격표에 스마트폰을 태그 하면 애플리케이션이 자동 실행되면서, 점포 정보를 불러오고 물건이 장바구니에 담긴다.

NFC 태그에는 점포 정보와 물건 번호가 저장되어 있다.

 

아임포트를 이용한 결제

아임 포트라는 결제 업체의 API를 사용했다. 점포의 정보 및 장바구니, 결제 금액을 넘겨주면

위처럼 사용자가 결제 수단을 선택해 결제할 수 있게 제공해준다.

간편 결제 앱처럼 카드를 등록해놓고 지문이나 Face ID를 인증하면 곧바로 결제되게 만들고 싶었지만 시간, 기술이 모두 모자랐다.

 

모든 점포의 정보와 상품의 정보는 Firebase Store에 저장된다.

로그인 후 자신의 점포를 등록하면 상품들을 등록, 수정, 삭제할 수 있다.

 

NFC 스티커에 스마트폰을 태그 하면 점포와 상품의 정보를 NFC에 간편하게 설정할 수 있다.

 

 

TMI

특허 지원 사업 선정

사실, 학교에서 지원해주는 특허 등록 사업에 선정된 프로젝트이다. 아쉽게도 스타트업을 하게 되면서 특허를 등록하기에 여유가 없어 포기했었다. 훗날 여유가 생긴다면 이 아이디어로 창업해보고 싶다.

 

시연 영상

 

저작자표시 비영리 변경금지

'Who am I > Portfolio' 카테고리의 다른 글

[활동] 엘리스 SW 엔지니어 트랙 2기  (2) 2022.04.01
[프로젝트] React.TS 암호화폐 정보 사이트  (1) 2021.10.24
한국어 언어학습 앱, 링고리 (Lingory) 런칭!  (0) 2021.03.26
  1.  
  2.  
  3. MEGAPOS
  4. 사용 기술
  5. 애플리케이션 구동 화면
  6. TMI
  7. 시연 영상
'Who am I/Portfolio' 카테고리의 다른 글
  • [활동] 엘리스 SW 엔지니어 트랙 2기
  • [프로젝트] React.TS 암호화폐 정보 사이트
  • 한국어 언어학습 앱, 링고리 (Lingory) 런칭!
코딩으로세계정복
코딩으로세계정복
Connecting the dots
코딩으로 세계정복Connecting the dots
  • 코딩으로세계정복
    코딩으로 세계정복
    코딩으로세계정복
  • 전체
    오늘
    어제
    • 전체 (134)
      • Who am I (10)
        • Portfolio (4)
        • Reminiscence (5)
        • Oversea (1)
        • SiliconValley (0)
      • React (36)
        • React Basic (15)
        • React Tech (5)
        • JavaScript (7)
        • TypeScript (3)
        • CSS&HTML (3)
        • Firebase (3)
      • NodeJS (1)
        • NodeJS Basic (1)
      • Flutter (55)
        • Flutter Widget Design (5)
        • Flutter Widget Basic (8)
        • Flutter Tech (18)
        • Flutter Issue (7)
        • Flutter Web (6)
        • About Flutter (2)
        • Firebase (1)
        • Dev Env (1)
        • Dart (7)
      • Programming (31)
        • Web (1)
        • General (0)
        • Algorithm (25)
        • Python (1)
        • VS Code (2)
      • Django (0)
  • 블로그 메뉴

    • Who I AM
    • React
    • NodeJS
    • Flutter
    • Programming
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    CSS
    알고리즘
    플러터
    링고리
    github
    TypeScript
    탐욕법
    react
    Flutter
    flutter web
    map
    JSON
    파이썬
    프로그래머스
    플러터 웹
    자바스크립트
    useRef
    Firebase
    웹
    HTML
    DART
    리액트
    JavaScript
    Python
    DP
    useState
    useTranslation
    Redux
    포트폴리오
    Lingory
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
코딩으로세계정복
[프로젝트] NFC를 사용한 무인 점포 결제 애플리케이션

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.