Ticket #877 (closed enhancement: fixed)

Opened 4 months ago

Last modified 3 weeks ago

iphone / ipod touch용 인터페이스

Reported by: inureyes Assigned to: jparker
Priority: major Milestone: 1.7
Component: User Interfaces Version: 1.7
Keywords: ipod,touch,iphone Cc:
Release:

Description

개요

  • iphone/ipod touch용 인터페이스를 만든다.

Attachments

IMG_0007.JPG (54.2 kB) - added by glradios on 04/04/08 16:09:29.
메일주솔 입력할 때의 아이폰 키보드 배열
IMG_0006.JPG (53.6 kB) - added by glradios on 04/04/08 16:15:12.
현재의 로그인 화면에 이메일 항목 키보드 배열

Change History

03/11/08 15:53:22 changed by inureyes

구현 방법

  • iphone/ipod touch의 useragent를 분석하여, 해당 브라우저일 경우 /m 모드에 css를 씌운다.
  • css는 style/iphone 으로, 테마는 지원하지 않고 모두 동일한 인터페이스를 지원한다.

03/11/08 15:56:00 changed by inureyes

j.parker님께서 프로토타입을 구현하셨으므로, m 재활용 대신 ipod 을 별도로 만드는 쪽으로 합니다.

03/24/08 04:35:31 changed by inureyes

  • version changed from 1.6 to 1.7.
  • milestone changed from 1.6.2 to 1.7.

03/27/08 08:55:57 changed by jparker

[5656]

  • 1차 구현 완료 했습니다. /m을 바탕으로 iPhone에 맞게 접목 시켰습니다.
  • css 정리는 방청소 보다 더 힘드네요.

03/27/08 12:30:17 changed by jparker

[5657]

  • 댓글 글쓰기 폼의 글자 크기 변경
  • 누락된 이미지 추가.

03/27/08 12:30:56 changed by jparker

[5658]

  • 메인 폰트 위치 변경 및 슬라이드 시 top으로 스크롤 되지 않는 현상.
  • 태그목록의 페이징 경로 수정.

03/28/08 01:28:27 changed by jparker

[5665]

03/30/08 14:50:36 changed by inureyes

[5672]

  • 블로그 페이지나 모바일 페이지로 접근시 iPhone/iPod Touch인 경우에는 해당 인터페이스로 자동 이동
  • 이동 여부를 결정할 수 있는 관리자 설정 패널 추가

03/30/08 15:15:45 changed by inureyes

[5673]

  • [5672] 버그 수정
  • 메뉴 색이 약간 바뀌었습니다. (그냥)

03/30/08 15:17:28 changed by inureyes

[5674]

(follow-up: ↓ 12 ) 03/31/08 14:47:24 changed by glradios

터치로 들어가봤는데 의외로 꽤나 끊기네요. 문장이 길어져 텍스트박스의 라인이 두 줄 째로 자동 넘어간 상황에서 백스페이스를 하면 첫글자가 그대로 남아있게되는 현상도 나타납니다. 텍스트는 터치 자체의 문제인지도 모르겠습니다. 이렇게 글남기면 되는건가요?

(in reply to: ↑ 11 ; follow-up: ↓ 13 ) 03/31/08 23:51:11 changed by jparker

Replying to glradios:

터치로 들어가봤는데 의외로 꽤나 끊기네요. 문장이 길어져 텍스트박스의 라인이 두 줄 째로 자동 넘어간 상황에서 백스페이스를 하면 첫글자가 그대로 남아있게되는 현상도 나타납니다. 텍스트는 터치 자체의 문제인지도 모르겠습니다. 이렇게 글남기면 되는건가요?

  • 아마도 잔상이 아닐까요? 포스트 라인이 두 줄일때 그런가요?

(in reply to: ↑ 12 ) 04/01/08 01:22:07 changed by glradios

Replying to jparker:

Replying to glradios:

터치로 들어가봤는데 의외로 꽤나 끊기네요. 문장이 길어져 텍스트박스의 라인이 두 줄 째로 자동 넘어간 상황에서 백스페이스를 하면 첫글자가 그대로 남아있게되는 현상도 나타납니다. 텍스트는 터치 자체의 문제인지도 모르겠습니다. 이렇게 글남기면 되는건가요?

* 아마도 잔상이 아닐까요? 포스트 라인이 두 줄일때 그런가요?

http://cfs6.tistory.com/upload_control/download.blog?fhandle=YmxvZzE1NDk4QGZzNi50aXN0b3J5LmNvbTovYXR0YWNoLzAvMDcwMDAwMDAwMDAwLkpQRw== 잔상 맞는 듯 합니다. 키보드를 나오니 사라지는군요. 이런 티켓에서 삽질을 ;

04/04/08 16:09:29 changed by glradios

  • attachment IMG_0007.JPG added.

메일주솔 입력할 때의 아이폰 키보드 배열

04/04/08 16:15:12 changed by glradios

  • attachment IMG_0006.JPG added.

현재의 로그인 화면에 이메일 항목 키보드 배열

(follow-up: ↓ 16 ) 04/04/08 16:15:54 changed by glradios

현재 아이폰 페이지로 접속하여 로그인을 시도하게 되면 이메일을 입력하는 곳의 키보드 배열이 일반 문자를 칠 때의 배열입니다. 이메일용 배열이 있으니 바꾸면 좋을 듯합니다. 첨부한 파일을 참조해주세요.

혹시 몰라, 참고로 사파리에서 주소를 칠 때와의 배열은 또 다릅니다. 사파리에서는 주소를 칠 때 '@'대신 '.'이 들어가는군요.

마음 같아서는 파일 세개를 한꺼번에 올리고 싶은데 그게 안되네요. 제가 티켓 끊는 법을 잘 이해하지 못해서 첨부되었다고 라인이 늘어나네요. 분명히 첨부파일도 메일이 날아갈텐데 한 번에 첨부를 한 번에 세 개 추가되면 티켓 더럽히는거겠죠?

04/04/08 17:52:15 changed by inureyes

티켓은 그러라고 있는겁니다. 걱정마시고 마음껏 쓰세요~

(in reply to: ↑ 14 ) 04/05/08 12:57:45 changed by jparker

Replying to glradios:

현재 아이폰 페이지로 접속하여 로그인을 시도하게 되면 이메일을 입력하는 곳의 키보드 배열이 일반 문자를 칠 때의 배열입니다. 이메일용 배열이 있으니 바꾸면 좋을 듯합니다. 첨부한 파일을 참조해주세요. 혹시 몰라, 참고로 사파리에서 주소를 칠 때와의 배열은 또 다릅니다. 사파리에서는 주소를 칠 때 '@'대신 '.'이 들어가는군요. 마음 같아서는 파일 세개를 한꺼번에 올리고 싶은데 그게 안되네요. 제가 티켓 끊는 법을 잘 이해하지 못해서 첨부되었다고 라인이 늘어나네요. 분명히 첨부파일도 메일이 날아갈텐데 한 번에 첨부를 한 번에 세 개 추가되면 티켓 더럽히는거겠죠?

* 어플용과 사파리 웹용 키패드가 틀린것 같습니다. 웹용에서 input의 name에 따라 키패드 스타일을 변경할 수 있는데 보통 텍스트 형태와 아이폰용 번호 형태가 있습니다. 추가하신 파일 처럼 표시될수 있게 하면 좋겠지만 웹에선 한계가 있는 듯 합니다. 웹에서 지원되는 키패드 형태가 다르게 나올수 있는 name은 'text, zip, phone, cellular, mobile, search'가 있습니다. text와 search는 동일한 형태이지만, go 대신 search로 표시되고, 나마지 zip외 3개는 모두 숫자로 표시됩니다. 즉, 아이폰에서 전화 걸때 쓰는 번호패드가 나오는 것이지요.

04/11/08 08:26:09 changed by jparker

[5746]

  • 댓글 스타일 및 검색 키패드로 변경.
  • 로고 그림 미 등록시 텍스트큐브 아이콘으로 출력.

04/11/08 17:40:07 changed by jparker

[5748]

  • 아이폰/터치폰 상에서 폼 전송후 남아있는 키패드 닫히도록 처리.
    • javascript로 키패드 제어를 하지 못하여 포커싱 방법으로 속여버림..

05/01/08 04:09:38 changed by inureyes

[5839]

  • 팀블로그를 고려하여 블로그 이름 출력 부분 수정

05/30/08 11:10:12 changed by inureyes

  • status changed from new to closed.
  • resolution set to fixed.

07/05/08 02:31:15 changed by coolengineer

Changeset: [6381]

  • Fix to check User-Agnet header
  • #877