Ticket #877 (closed enhancement: fixed)

Opened 2 years ago

Last modified 2 years ago

iphone / ipod touch용 인터페이스

Reported by: inureyes Owned by: 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 Download (54.2 KB) - added by glradios 2 years ago.
메일주솔 입력할 때의 아이폰 키보드 배열
IMG_0006.JPG Download (53.6 KB) - added by glradios 2 years ago.
현재의 로그인 화면에 이메일 항목 키보드 배열

Change History

  Changed 2 years ago by inureyes

구현 방법

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

  Changed 2 years ago by inureyes

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

  Changed 2 years ago by inureyes

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

  Changed 2 years ago by jparker

[5656]

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

  Changed 2 years ago by jparker

[5657]

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

  Changed 2 years ago by jparker

[5658]

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

  Changed 2 years ago by jparker

[5665]

  Changed 2 years ago by inureyes

[5672]

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

  Changed 2 years ago by inureyes

[5673]

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

  Changed 2 years ago by inureyes

[5674]

follow-up: ↓ 12   Changed 2 years ago by glradios

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

in reply to: ↑ 11 ; follow-up: ↓ 13   Changed 2 years ago by jparker

Replying to glradios:

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

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

in reply to: ↑ 12   Changed 2 years ago by glradios

Replying to jparker:

Replying to glradios:

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

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

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

Changed 2 years ago by glradios

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

Changed 2 years ago by glradios

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

follow-up: ↓ 16   Changed 2 years ago by glradios

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

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

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

  Changed 2 years ago by inureyes

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

in reply to: ↑ 14   Changed 2 years ago by jparker

Replying to glradios:

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

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

  Changed 2 years ago by jparker

[5746]

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

  Changed 2 years ago by jparker

[5748]

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

  Changed 2 years ago by inureyes

[5839]

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

  Changed 2 years ago by inureyes

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

  Changed 2 years ago by coolengineer

Changeset: [6381]

  • Fix to check User-Agnet header
  • #877
Note: See TracTickets for help on using tickets.