HUBS 웹사이트 업로드 가이드 : (1) 개요

소개

반갑습니다. HUBS 56기 보도부 성시호입니다. 방송국에서는 2015년 1학기 인터넷방송부장, 2학기 보도부장을 맡았습니다. 인방부장으로는 지금 여러분이 사용하고 있는 2015년 초 웹사이트 전면 개편 프로젝트를 진행했습니다.

제가 임기를 마친 때가 2016년 초였으니, 벌써 상당한 시간이 흘렀군요 ^^; 오늘도 열심히 방송을 만들어나가는 후배님들을 응원합니다. 저도 하루하루 취재하고 대본 짜고 촬영/녹음 들어가는게 정말 힘들었지만, 임기가 끝나고 나니 정말 소중한 경험과 즐거운 추억으로 남더라구요. 여러분도 방송국에서 그런 보람을 얻을 수 있었으면 좋겠습니다.

이 문서는 HUBS 방송자료를 업로드/보존하는 국원 여러분이 앞으로 더 나은 웹사이트를 만들어 나갈 수 있도록 돕기 위해 남깁니다. 주로 제목 작성과 카테고리 지정에 대해 다루고, 부가적으로 알고 있으면 도움이 되는 사항들도 포함합니다.

우리 방송국에서 제작하는 컨텐츠들은 라디오에서 드라마, 뉴스까지 정말 다양합니다. 여기에 맞춰 웹사이트는 컨텐츠를 사용자들에게 효율적이고 깔끔하게 제공하기 위해 세분화된 분류체계와 게시방법을 정하게 되었습니다. 그렇다보니 업로드를 할 때가 되면 무엇을 어떻게 하면 좋을지 망설여지기도 하고, 헤매게 되기도 하지요. 전부 사람이 수작업으로 하는 일이다 보니 많은 실수와 수정사항이 생기게 마련입니다. 이러한 문제들의 해결은 사이트 관리자인 인터넷방송부장의 업무로, 직접 사이트를 모니터링하면서 작성오류(특히 제목)를 수정하고, 발견된 문제점을 보완해 새로운 작성요령을 정해왔습니다.

하지만 모든 문제들을 그때그때 판단하여 작성하기에는 작업이 좀 버겁기도 하고, 일관성을 유지하는 데에 한계가 있기 마련입니다. 이러한 수고를 덜기 위해 2015년 웹사이트 개편 당시에는 전체 국원에게 업로드 방법을 설명했었는데,  시간이 지나면서 잊혀졌고 개편 2년 반이 넘은 지금은 변경점이 많아져서 예전 기준은 사용하기 조금 어렵게 되었습니다. 그래서 이번 기회에 업로드 관련 가이드라인을 처음부터 새롭게 정리하였습니다.

본 문서를 통해 국원 전체가 분류 체계와 제목 작성요령을 숙지하고, 웹사이트를 통해 잘 정돈된 컨텐츠를 제공할 수 있게 되었으면 좋겠습니다. 물론 이 내용들은 절대적인 규칙이 아니며, 사이트 시스템 특성과 초기 설계 의도가 반영된 가이드라인이니 현임 국원 여러분께서는 참고용도로 사용하시고, 필요한 방향으로 수정해도 무방합니다.

추가적으로, `15년 개발 당시에는 구상되었다가 작업 여력이나 기타 이유로 반영되지 않았지만, 현재 적용을 고려해 볼 만한 개선사항도 함께 적어놨으니 혹시 시간이 된다면 논의를 거쳐 시도해 보는 것도 나쁘지 않을 것 같군요^^

혹시 도움이 필요한 점, 궁금한 점이 있다면 페이스북 메시지(성시호, Siho Sung)로 부담없이 연락해주세요.
HUBS 웹사이트가 잘 운영될 수 있도록 돕겠습니다. 화이팅:)

-강원도 홍천 어느 군부대에서, 56기 성시호


HUBS 웹사이트의 의미

방송국 웹사이트는 ▲학내 스피커망, ▲페이스북과 함께 HUBS의 컨텐츠를 직접 내보내는 대표적 창구 3곳 중 하나이며, 방송자료를 모아놓고 제공하는 아카이브(기록보관소) 역할을 하기도 합니다. 방송국의 모든 성과물이 모이는 곳인 만큼 상당한 중요성을 가집니다. 잘 정돈된 웹사이트는 해당 기관의

사이트의 전반적 특성

HUBS는 <워드프레스 WordPress, WP>라는 CMS(Content Management System)로 구축되었습니다. 워드프레스는 원래 블로그 툴로 시작해 사용범위가 넒어진 시스템이라 전체적인 구조는 블로그와 많이 닮아있지요. WP에서 컨텐츠는 주로 ‘글(포스트)’ 단위로 작성되고, 글은 ‘카테고리’를 기준으로 분류됩니다. 카테고리는 분류하고, 한편으론 게시물을 웹사이트 메인에 띄울 때에도 이용되니, 세심하게 관리될 필요가 있습니다.
(*글 외에 ‘페이지’라는 비슷한 기능이 있는데, 주로 <국원 소개>와 같은 정적인 페이지를 만드는 데에 사용합니다. 인방부장 말고는 쓸 일이 없을 것입니다)

디자인적 측면에서는, 웹사이트가 접속한 기기의 화면 크기에 따라 자동으로 레이아웃을 조정하는 ‘반응형 레이아웃’을 채택했습니다. 별도의 모바일 페이지를 제공하지 않고도 데스크톱, 태블릿, 스마트폰에서 원활하게 접속해 페이지를 볼 수 있습니다. 모바일 페이지를 따로 관리할 필요가 없다는 얘기입니다. 잘 이해가 되지 않는다면, PC로 웹사이트에 접속해서 브라우저 창 폭을 줄였다 늘였다 해보시면 됩니다. 자동으로 페이지 구성이 변화하는 모습을 볼 수 있습니다.

페이스북과는 댓글 기능이 연동됩니다. 웹사이트 게시물 내 코멘트 기능*은 페이스북 소셜댓글로 작동합니다. 기본적으로 각 게시물마다 댓글창이 작동하며, 만약 해당 웹사이트 게시물의 URL이 링크 로 ‘한양대학교 교육방송국’ 페이스북 페이지에 게시되었다면 웹사이트와 페이지 양쪽의 댓글이 쌍방향으로 표시됩니다.
(*대학 정보통신처 지침에 따라 개인정보보호법에 따른 관리의무 부담을 최소화하기 위해 HUBS는 로그인 정보를 직접 받지 않습니다)


참고 : 주요 개선사항 내역

[작업완료] 웹사이트 폰트, 여백조정 2015.9.
– 사이트 메인 위젯 제목 위치 조정,  2017.10.15

[작업완료] 사이트 로딩 속도 개선★ 2015.9.

[작업완료] 페이스북 댓글 연동 2017.10.8.

[미개시] 페이스북 인스턴트 아티클 연동

[미개시] 각 섹션별(NEWS, TV, RADIO) 메인페이지 제작