휴대폰 아이콘 설정

모바일 애플리케이션은 웹사이트와 완전히 다른 방식으로 별도로 만들어야해서 관리도 중복이고 비용도 중복으로 발생합니다. 무엇보다 손쉬운 관리, 컨텐츠의 업데이트가 어렵습니다. 아이폰, 안드로이드 폰 등 각기 다른 모바일 오퍼레이팅 환경에 맞춰 별도의 CMS로 별도로 업데이트 관리를 해야 합니다. 반응형 웹사이트는 이런 문제를 해결한 솔루션입니다. 

하지만 모바일 애플리케이션들은 설치할때는 사용자들이 번거롭고 비용도 지불하는 경우도 있지만 일단 한번 설치하고 나면 홈 화면에서 아이콘들만 선택하면 바로 사용할 수 있는 편리함이 있습니다.

우리 반응형 웹사이트도 애플리케이션처럼 모바일 기기에서 바로 접속하거나 사용자들이 바로 접속해 손쉽게 방문을 유도하고 싶을때가 있습니다. 이럴때 앱 아이콘 설정기능을 사용하면 됩니다. 마치 데스크탑 브라우즈에 즐겨찾기 또는 북마크를 해서 원할때 클릭 한번으로 웹사이트를 방문하는것과 마찬가지 기능입니다.

고려대학교 EMBA의 사용사례로 설명드리겠습니다.

아주 간단합니다.

원웨어 CMS의 환경설정 메뉴의 기본정보 설정을 선택하면 홈스크린 로고 이미지를 입력하는 항목이 있습니다.

이 항목을 선택하고 원하는 이미지를 골라 업로드 하면 모든 준비는 끝납니다.  

나머지는 사용자들이 직접 자신의 모바일 기기에 애플리케이션을 설치하듯 아이콘을 설정하면 됩니다.

모바일 기기에서 사파리 브라우저에 설정된 웹사이트의 주소를 입력해 방문한 후 하단에 공유 아이콘을 선택하면 다양한 옵션기능이 나타납니다.

그 중 '홈스크린에 추가하기' 또는 'Add to Home Screen'을 선택합니다.

이후 홈스크린용 아이콘과 제목 편집 화면이 나오면 원하는 이름으로 제목을 설정하거나 그냥 상단의 '추가' 또는 'Add' 버튼을 선택하면 오른쪽 화면처럼 아이폰 홈 화면에 '고려대 EMBA'라는 이름의 아이콘이 설치됩니다.

다음부터 모바일기기에서 해당 사이트를 접속하려면 이 아이콘만 선택하면 됩니다.

모바일 기기에서 인터넷 브라우저에 우리 웹사이트 주소를 입력하고 방문한 후, 상단에 메뉴 아이콘을 선택하면 다양한 옵션기능이 나타납니다.

그 중 '홈 화면에 추가' 옵션을 선택합니다.

이후 홈스크린용 제목 설정 화면이 나오면 원하는 이름으로 제목을 설정하거나, 그냥 하단의 '추가' 또는 'Add' 버튼을 선택하시면 바탕화면에 '고려대 EMBA'라는 이름의 아이콘이 설치됩니다.

다음부터 모바일기기에서 해당 사이트를 접속하려면 이 아이콘만 선택하면 됩니다.