박람회 플랫폼2 [#3-1. Develop ] 박람회 플랫폼 개발 작업 (index & login) 앞서 개발을 위한 로직, 창 안에서의 컨텐츠 배치 등등의 세부 디자인 까지 기획했다. 이 모든 것은 개발을 좀 더 효율적으로 빠르고 체계적으로 하기 위한 준비 과정이라고 할 수 있다!! develop 과정은 세 명이 협업하여 약 일주일 정도가 걸렸다. index page를 develop 하면서 가장 신경 썼던 부분은 배경에 깔리는 짧은 길이의 video였다. 꽉찬 화면으로, 무한 루프를 돌며 끊임없이 재생되도록 video 태그를 사용하여 코딩했다. video source 또한 적절한 길이의 무료 오픈소스 video를 다운 받아 사용했다. 정보를 받기 전의 login page는 저렇게 생겼다. 정보를 받기 위해 밑줄을 클릭하면, 아래와 같이 밑줄이 파란색으로 그려지는 것을 볼 수 있다. 또 정보를 입력한 .. 2021. 11. 14. [#1. Logic] 박람회 플랫폼 개발 로직 본격 개발에 앞써, 창은 어떤 순서로 사용자에게 보여져야 하는지를 구체적으로 설계하는 과정인 개발 로직부터 세웠다. 로직을 설계함으로써 박람회 플랫폼의 흐름을 정확히 파악할 수 있고, 더 나아가 개발할 때의 역할 분담도 수월하기 때문에 필수적인 과정이다. 팀원들과의 논의 과정은 화이트보드 형식의 협업 툴인 피그마를 사용했다. # 로직세우는 순서 html 창 구상 -> 링크 연결 설계-> 흐름 점검 및 보수 # html 창 구상 - index.html 박람회 방문자들을 반기는 창 - login.html 이름과 신분의 정보를 얻을 로그인 창 - name-tag.html splash로 방문자의 이름과 신분을 띄우는 창 실제 박람회의 이름표를 모티브로 디자인 - main.html 전시회의 컨텐츠가 전부 담긴 창.. 2021. 11. 10. 이전 1 다음
