bubble.io 활용해서 노코드로 정당현수막 위치 표시 웹페이지 만들기-1주차

소개

시도하고자 했던 것과 그 이유를 알려주세요.

● 강남구 옥외광고물 조례에는 정당현수막 행정동별 2개만 설치하도록 제한하고 있는데 이를 효율적이고 정확하게 관리할 수 있는 프로그램을 만들고 싶었어요~!

● 업무절차는 아래 순서로 이뤄져요

1) 공무원이 정당현수막을사진으로 찍어서 위치데이터를 추출하고 현수막 게시기간등의 설명을 작성함

2) 그렇게 작성된 데이터 베이스를 바탕으로 동별 2개가 넘는지 아닌지를 지도를 베이스로 볼 수 있도록 관리하는 프로그램 만들기

3) 게시기간이 만료되면 자진철거 안내 문자나 카톡보내주기

진행 방법

● 저는 버블을 활용해서 웹페이지를 만들고 있습니다.

https://hotel-finderjinkui.bubbleapps.io/version-test?debug_mode=true

● 현수막 관련정보는 아래와 같이 생성했어요

한국어 데이터 유형 페이지의 스크린샷

● 입력된 데이터를 기반으로 구글 맵에 위치를 표시하려고 합니다.

근데, 이게 쉽지 않네요..구글 지도 말고 카카오맵 api 넣고 싶고, 데이터를 정당별로 아이콘을 달리해서 표시해서 보여주고 싶은데 이걸 잘 모르겠어요~유튜브 영상 찾아가며 하는데 쉽지 않습니다.

한국의 어느 도시의 위치를 ​​나타내는 지도
한국어 지원서 스크린샷

결과와 배운 점

● 일단 뭐든 직접 해보는게 중요하다는 사실을 또 한번 느꼈어요~백견이 불여일타(백번 보는 것보터 한번 쳐보는 것이 낫다~!)

● 오프모임에서 당근마켓 따라하기에서 봤던거 다혜샘하는거 볼떄는 아~그렇게 하면 되겠지 했는데 막상 혼자하니까 멘붕~ㅎㅎ 데이터입력 워크플로부터 그룹정렬까지 배울게 많음^^

● 구글 지도 api를 등록하라는 메세지가 떠서 일단 머머 구글링으로 api발급받긴했음~버블에도 입력했음~근데, 왜 해야하는지는 모름~ㅋㅋ

● 앞으로 발전방향은

1) 지도 카카오맵으로 바꾸기--안됨 구글로

  • 지도에 정당현수막 위치를 마커로 표시해주기

  • 강남구 행정동별 2개로 제한되어 있으니까 행정동 경계를 시각적으로 구현해주기

    • 이건 또 어떻게 하지?

2) 현수막 게시기간, 정당명 그룹 검색기능 구현

3) 반응형으로 만들기

도움 받은 글 (옵션)

비전공자 버블 노코드 앱개발 기초 1️⃣편 - 투표 앱 만들기 🔺

버블로 노코드 앱개발~

14기 버블 노코드 개발👍

3
2개의 답글

👉 이 게시글도 읽어보세요