갑자기 회사에서 홈페이지 리뉴얼을 책임지게 되었습니다.
이전에 홈페이지를 담당해본 적이 없을 뿐더러,
제게 주어진 일만 해도 정시에 퇴근할 수 있을까 말까한 상황입니다.
홈페이지를 맡기려고 이곳 저곳 다 알아보고 있는데 가격도 천차만별이고
개발이라는 단어도 너무 생소해서 어디가 잘하는지 잘모르겠습니다.
어떻게하면 잘하고 믿음직한 웹사이트 외주 업체를 고를 수 있을까요?
어떤 업체를 골라야지만 성공적으로 일을 마무리 할 수 있나요?
아마도 이 글을 읽으시는 담당자님은, 위의 이야기가 남의 이야기처럼 들리지 않을 것입니다.
홈페이지 제작에 책임을 맡고 있지만 이전에 단 한번도 홈페이지를 제작해본 경험도 없으며, 오늘 해야하는 일만해도 정시에 퇴근할까 말까한 상황일텐데요.
처음 아몽소프트웨어를 찾아오신 학교체육진흥회의 담당자님도, 여러분과 상황이 같았습니다.
( 학교체육진흥회 : 문화체육관광부, 교육부와 같은 공기관이 학생들의 체육활동을 지원을 목적으로 설립된 단체 )
하지만 다행히도 우연찮게 아몽소프트웨어를 찾아오셧으며, 홈페이지와 관련된 문서 한장도 준비되지 않은 상황에서 3번의 줌미팅 만으로 다음과 같은 결과물을 받아가셨습니다.
어떻게 한 번도 홈페이지를 제작해본 경험도 없으며, 관련자료도 한 개도 없는 상태에서 다음과 같은 결과물을 얻어가셨을 수 있었을까요?
지금 바로 알아가보도록 하겠습니다.
웹사이트 외주 사례, 학교체육진흥회 홈페이지 제작
학교체육진흥회는 학생들의 적극적인 체육활동을 추진하고, 각종 대회 일정을 공유하는 사이트입니다.
초·중·고등학교에서 진행하는 체육수업의 질 향상을 위해 다양한 종목의 체육수업 영상을 제공하며, 학생들이 제출한 대회영상을 선생님께서 심사하는 과정까지 포함하고 있는데요.
선생님과 학생이 모두 이용하는 사이트이기 때문에 학생 페이지, 선생님 페이지, 관리자 페이지까지 따로 제작을 진행하였습니다.
뿐만 아니라, 최대 수백명에서 수천명의 학생들이 영상을 시청하고, 제출을 할 수 있기 때문에 서버의 기반을 탄탄하게 다지는 작업을 매우 중요했는데요.
아몽소프트웨어의 서버 기술을 설명드리기 전에, 먼저 각 권한에 따라 제작된 페이지 디자인을 보여드리고자 합니다.
웹사이트 외주 사례, 학교체육진흥회 홈페이지 디자인
1. 학교체육진흥회, 학생페이지
앞서 학교체육진흥회는 학생들의 체육활동을 적극적으로 추진하고, 영상제출을 통한 대회참가를 돕는다고 말씀드렸는데요.
로그인하지 않은 상태와 선생님의 페이지에서는 보이지 않지만, 학생용 계정으로 로그인했을 시에는 영상 제출 페이지가 메뉴에 나타납니다.
학생들은 종목과 종별, 기록을 선택하여 영상을 제출할 수 있습니다. 파일을 선택하면 해당 파일의 이름과 확장자가 표시됩니다.
영상을 제출하면 심사 권한이 있는 선생님께서 학생의 과제영상을 확인하고 심사를 진행할 수 있습니다.
또한 학생의 마이페이지가 존재하는데요. 참가자 본인의 학교, 담당 선생님, 학년 반 이름 등 정보를 확인할 수 있습니다.
마이페이지 아랫부분에는 학생이 개인 / 팀 등 원하는 종목의 대회에 참가를 신청할 수 있고, 지금까지 참가한 대회 목록을 살펴볼 수 있습니다.
2. 학교체육진흥회, 선생님 페이지
선생님 페이지에서는 담당 학생의 정보와 상태를 관리하고, 학생이 제출한 영상을 심사할 수 있습니다.
담당 학생정보를 열람 및 비활성화/수정하는 등 관리를 할 수 있는데요. 학생의 학년과 반, 이름을 검색하여 보다 정확한 정보를 찾아낼 수 있습니다.
심사 페이지에서는 종목과 종별, 학년 반 이름으로 학생을 검색하여 과제를 열람할 수 있습니다.
또한 영상을 보고 심사를 했는지 안했는지 심사여부를 확인할 수도 있습니다.
심사버튼을 클릭하면 참가자 학생의 정보와 과제영상, 종목과 상세설명을 볼 수 있는데요.
그 아래에는 심사평을 남기는 작성란과 그동안 선생님이 남긴 심사평의 기록을 살펴볼 수 있습니다.
3. 학교체육진흥회, 관리자 페이지
관리자 권한으로는 교육청, 학교체육진흥회의 권한 등이 있는데요. 이번 제작 사례에서는 학교체육진흥회 ADMIN 계정(최고 권한)으로 접속하여 페이지를 다뤘습니다.
먼저 관리자 페이지에서는 학생의 권한인 영상제출 기능은 사용할 수 없지만, 선생님의 권한인 학생 관리와 선생님 관리, 대회현황 열람이 가능한데요.
학생관리 페이지는 위에서 설명을 드렸으니 선생님 관리와 대회현황 페이지에 대해서만 소개해드리도록 하겠습니다.
선생님 관리 페이지에서는 전체 선생님의 정보를 조회 / 수정할 수 있으며, 선생님께 심사할 수 있는 궈한을 부여하는 것이 가능한데요.
수정을 클릭하면 담당학교와 선생님 정보, 심사 권한이 나타납니다.
선생님 정보와 담당학교는 함부로 수정할 수 없지만, 종목별 심사 권한은 추가로 부여하거나 회수할 수 있습니다.
대회현황 페이지에서는 개인 / 팀별로 참가자 현황을 볼 수 있으며, 종목과 종별 검색을 할 수 있습니다.
또한 현재까지 참가를 신청한 학생들의 정보를 엑셀표로 다운로드가 가능하도록 하였습니다.
웹사이트 외주 사례, 학교체육진흥회 홈페이지 기술
1. 공공 클라우드
이번에 제작한 학교체육진흥회의 사용자는 학생과 선생님, 관리자 등 다양한 권한이 존재했습니다.
이처럼 서비스를 이용할 수 있는 권한이 많아질 수록, 서버 내에서는 권한 별로 데이터를 관리할 필요가 있는데요.
만약 권한 별로 데이터를 관리하지 않는다면 학생 페이지에서 난데없이 관리자 기능이 나타나는 불상사가 벌어질 수도 있습니다.
그래서 아몽소프트웨어는 공공 클라우드(Public Cloud)를 사용하게 되었는데요.
공공 클라우드란, 특정 기업이나 사용자를 위한 서비스가 아닌 인터넷에 접속 가능한 모든 사용자를 위한 클라우드 서비스 모델입니다.
한 마디로 모든 권한에 있는 사람들의 데이터를 관리할 수 있는 서버라는 뜻인데요.
공공 클라우드를 사용했을 시, 사용자 권한 별로 데이터나 서버 자원을 관리할 수 있으며 서비스 사용자 간에 간섭이 없다는 장점이 있습니다.
학교체육진흥회를 제작할 때 공공 클라우드를 사용했기 때문에 권한 관리를 손쉽게 할 수 있었으며, 사용자 간에 권한이 겹치는 불상사를 막고 성공적으로 프로젝트를 완수할 수 있었습니다.
2. 트래픽 증가에 강한 서버 설계
이전 학교체육진흥회 홈페이지에서는 증가하는 트래픽을 견디지 못하고 서버가 터지는 상황이 종종 발생했다고 합니다.
전국 각지에 있는 수만개 학교의 학생과 선생님이 동시접속을 하면서 서버가 다운되는 상황이 벌어진 것인데요.
아몽소프트웨어는 여러 공공기관의 사이트를 제작해본 경험을 토대로 트래픽이 어느정도까지 증가할지 미리 예상을 하였습니다.
따라서 최대 2만명의 사용자가 동시에 접속할 수 있고, 영상을 제출 및 시청해도 터지지 않도록 탄탄하게 서버를 설계했습니다.
또한, 추후에 동시접속자가 더 늘어나게 되면 서버 사이즈를 자동으로 조절하는 기술인 오토 스케일링(Auto Scaling) 기술을 투입하여 안전하게 서버를 관리하고자 합니다.
3. 탄탄한 데이터베이스
학교체육진흥회는 전국의 2만개가 넘는 학교와 학생 정보 데이터베이스를 가지고 있습니다.
뿐만 아니라, 하나당 300MB가 넘어가는 수업영상이 수십 개 존재하며 학생 개개인이 제출할 대회영상까지 생각하면 엄청난 데이터베이스 용량을 차지하게 되는데요.
아몽소프트웨어는 이를 미리 예상하고, 넓은 용량의 데이터베이스를 사용하여 많은 정보를 효과적으로 관리하고자 하였습니다.
지금까지 웹사이트 외주 사례인 학교체육진흥회에 대해 설명드렸습니다.
글을 마치기 전, 끝까지 읽어주신 담당자님께 드리고 싶은 말씀이 한 가지 있습니다.
담당자님께서는 홈페이지 제작업체를 선정할 때 가장 중요한 한 가지가 뭐라고 생각하시나요?
아마 통찰력 있는 담당자님께선 눈치채셨을 것 입니다.
홈페이지 제작업체를 선정할 땐 해당 업체의 경험을 가장 먼저 눈여겨 보아야 합니다.
물론, 홈페이지를 마구 찍어내서 경험이 많은 업체에게 맡겨선 안 됩니다. 업체가 제작한 결과물을 보고 그 경험이 가치가 있었는지를 판단하셔야 합니다.
긴 글 읽어주셔서 감사드리며, 다음번에는 더 좋은 글로 찾아뵙겠습니다.
