iPhone/테마2011.03.22 22:25

이 테마는 충분한 테스트를 거치지 못하고 공개하게 되었습니다. 혹시 설정과 다르게 작동하는 부분이나 오류가 있으면 알려주시기 바랍니다.

한동안 블로그를 관리하지 못했는데 여전히 많은분들께서 꾸준히 방문 해 주고 계시네요. 감사말씀 드립니다 ^^

이 테마는 잠금화면을 좀더 깔끔(?)하게 보고자 하는 생각으로 작업을 시작 한 것입니다. 처음에 생각했던것 모두를 구현하지는 못했지만 우선 공개 합니다. 역시나 작명 센스는 없어서 Prologos LockScreen이란 뜻의 PrologosLS로 명명 했습니다.

이 테마에 사용한 날씨 화면은 Weather Elements.theme를 수정 해서 사용 했으며 RSS는 gAjax RSS Ticker를 수정해서 적용켰 습니다.

첨부 파일은 7Zip으로 분할 압축을 했고 폴더까지 포함해서 압축을 했으니 압축을 풀때 "여기에 압축풀기"로 풀어 주세요.



이 테마는 설정값 저장에 DB를 사용 합니다. 테마를 삭제 하실때는 설정 - Safari - 데이터베이스에서 PrologosLS DB까지 삭제 해 주셔야 깨끗하게 삭제 됩니다.


이 테마를 사용하기 위해서는 우선 시디아에서 Lockscreen Clock Hide등의 툴로 원래의 시계를 안보이게 설정 하셔야 하며 config.html을 사용하기 위해서는 file:// for MobileSafari를 꼭 설치 해 주셔야 합니다. 그리고 설정 - Safari메뉴에서 JavaScript가 켜져 있어야 정상 동작 합니다.


1. 첨부파일을 받으셔서 압축을 풀어준 후 PrologosLS.theme폴더를 iFunBox나 WinSCP등을 이용해서 아이폰의 /private/var/stash/Themes.xxxxxx위치로 복사 해 줍니다.

2. 사파리를 실행 후 주소창에 file:///Library/Themes/PrologosLS.theme/config.html를 입력 합니다.
- 대소문자 구별하니 정확하게 입력 하세요.

2-1. 2번의 작업이 번거로우시면 아래 첨부파일을 내려받아서 압축을 풀어주신 후 풀려나는 PrologosLS.webclip폴더를 iFunBox나 WinSCP등을 이용해서 아이폰의 /User/Library/WebClips위치로 복사 해 주신 후 리스프링 해 주시면 홈 화면에 바로가기가 추가되어 있을 겁니다. 이는 사파리를 통해 2번 작업 후 책갈피를 "홈 화면에 추가"한것과 동일한 것 입니다.


3. 아래처럼 설정 화면이 나타나게 됩니다.

3-1. 초기 값들은 아래처럼 자동으로 DB에 입력 됩니다.

4. 원하는대로 설정 후 저장 하시면 됩니다.
날씨는 Weather Underground API를 사용하므로 http://www.wunderground.com/에서 자신의 지역코드를 검색 후 입력 해 주시면 됩니다.

5. 이후 윈터보드에서 PrologosLS를 선택 해 주시면 테마가 작동하게 됩니다.


참고 사항
이 테마의 화면은 3가지로 이루어져 있습니다. 기본 화면, 날씨 화면, 날씨 추가 정보화면 입니다.


달력은 기본화면의 ①번 영역을 터치 해 주시면 토글 됩니다.


기본화면 ↔ 날씨화면간의 이동은 ②번 영역을 터치 해 주시면 됩니다.


날씨 추가정보 화면 ↔ 날씨 화면간의 이동은 날씨화면의 좌측 상단의 i아이콘 을 터치 해 주시면 됩니다.


설정한 날씨 갱신주기의 시간에 따라서 날씨 정보를 다시 받아오지만 사용자가 임으로 날씨 정보를 다시 받아오길 원한다면 온도 표시 부분을 터치 해 주시면 날씨 정보를 다시 받아오게 됩니다.


설정에 보이는 디지털 시계, 아날로그 시계, 날짜, 날씨위젯은 설정에 따라서 아래처럼 ①~⑧번 까지의 영역을 이동 하게 됩니다.
- 디지털 시계, 아날로그 시계: 설정에 따라서 ①~⑧번 까지의 영역에 모두 위치 할 수 있습니다.
- 날짜, 날씨: ①, ②, ⑦, ⑧의 영역에서만 이동 합니다.


만일 디지털 시계와 날짜를 동일한 위치에 위치하도록 선택 하셨다면 겹침을 인식해서 아래의 보기처럼 디지털 시계가 날짜의 위쪽인 ⑤번 영역으로 이동하게 됩니다. 또한 이렇게 될경우 날짜의 왼쪽 여백이 5px에서 10px로 증가 합니다. 단, 위젯들이 우측에 위치할 경우에는 오른쪽 여백에는 변화가 없습니다.
※ 단, 날짜와 날씨는 서로 겹침 인식을 하지않고 디지털 시계와 아날로그 시계도 서로 겹침 인식을 하지 않습니다. 설정에 주의 하세요.


날짜와 날씨 위젯의 경우는 좌우 위치에 따라서 아래처럼 정렬 방식이 자동 변경 됩니다.


아날로그 시계의 경우에는 체크박스가 하나 더 있는데 체크를 하게 되면 아래처럼 겹침과 상관없이 위치를 잡게 됩니다. 즉 ①, ②, ⑦, ⑧의 영역에서만 이동하게 되는 것 입니다.


수동을 선택하면 상하좌우 위치 선택에 상관없이 입력한 Top, Left값에 따라서 위치를 정하게 됩니다.


메모의 입력창의 경우 Textarea를 사용했는데 텍스트 입력시 엔터를 누르면 설정창에서는 줄바꿈되어서 보여지지만 화면에 출력시는 이를 인식하지 않습니다. 따라서 메모를 여러줄 입력하기 원하신다면 br테그를 사용하셔야 합니다.


D-Day기능을 사용하기 원한다면 D-Day사용에 체크 후 날짜등을 설정 해 주시면 됩니다.


아래처럼 D-Day당일은 "D-Day", D-Day가 지나쳤으면 "D+??"의 형태로 출력 됩니다.


RSS Feed는 3개까지 입력 할 수 있도록 했습니다. 동작은 각 feed별로 30개의 목록을 받아와서 시간별로 정렬 후 설정한 페이지당 목록 갯수씩 나눠서 갱신 시간만큼 화면에 뿌려 줍니다.
※ 서두에도 말씀 드렸지만 RSS는 gAjax RSS Ticker를 수정해서 구현 했습니다.


기본은 Title과 Label만 출력하도록 되어 있지만 등록시간이나 간단한 본문내용을 추가로 출력하게 할 수도 있습니다. 다만 본분을 출력하게 되면 Top을 조정해 주셔야 합니다.


Weather Underground의 경우 좌표로도 쿼리를 날릴 수 있습니다. 그래서 지역코드를 따로 입력하지 않고 GPS를 활용해서 날씨를 받아 올 수 있습니다. 좌표는 수동으로 입력해도 되고 좌표찾기 버튼을 누른 후 팝업창이 뜨면 승인버튼을 눌러주면 현재 좌표가 자동으로 입력이 됩니다. 이렇게 되면 좌표와 가까운 관측지점의 날씨정보를 얻어오게 됩니다.


단, GPS를 사용할 경우에는 도시 표시가 아래처럼 달라질 수 있습니다.
①의 경우는 지역코드 "Seoul, South Korea"를 이용한 날씨 화면이고 ②는 GPS를 사용한 날씨 화면 입니다.


배경화면은 고정, 랜덤, 카메라롤을 이용 할 수 있습니다.
1. 고정 - PrologosLS.theme폴더 아래의 LockBackground.jpg를 자신이 원하는 이미지로 변경 해 주시면 됩니다.
2. 랜덤 - PrologosLS.theme/Private/LockScreen폴더 아래에 세자리 숫자 형태의 파일명으로 자신이 원하는 이미지를 넣어주고 설정 해 주시면 됩니다.
아래처럼 28을 입력 하셨다면 1~28까지의 숫자를 임의 생성해서 이에 해당하는 이미지 파일을 배경으로  사용하게 됩니다. 파일명은 001~028이 있어야 하겠지요 ^^
이미지 형식은 jpg, png아무거나 사용하셔도 되고 확장자명은 .JPG, .jpg, .PNG, .png중 아무거나 사용하셔도 됩니다.

랜덤 배경화면은 아래의 28개의 이미지가 포함되어 있습니다.


3. 가메라롤 - 카메라 롤안의 이미지를 배경으로 사용하게 됩니다.
정확하게 구현하려면 해당 폴더내의 파일명을 얻어와서 사용해야 하지만 Safari에서는 구현을 어찌할지 몰라서 임의의 파일명을 생성해서 비교 후 파일이 존재하면 배경으로 사용하는 방식으로 구현 했습니다. 이렇게 100번을 시도해도 파일이 없으면 PrologosLS.theme/LockBackground.jpg파일을 배경으로 사용 합니다.
아래처럼 1,000을 입력 했다면 카메라 롤 안에서 IMG_0001.xxx ~ IMG_1000.xxx 이미지를 찾게 됩니다.
이미지는 320 * 480비율에 맞춰서 보여지게 되므로 외곡이 조금 있을 수 있습니다.

따라서 자신의 기기의 카메라 롤을 살펴봐서 마지막 이미지 번호에 가까운 번호를 입력 해 주시는게 동작속도 향상에 도움이 됩니다.
카메라 롤의 위치는 /private/var/mobile/Media/DCIM/100APPLE 입니다.

위처럼 IMG_0015.JPG가 마지막 파일일 경우에는 여유를 두고 20정도 입력 해 주시면 될거라 생각 됩니다.


업데이트 - 2011. 03. 22
달력에 오늘날짜 출력시 문제점이 발견되서 수정 했습니다.




Posted by prologos