(→패턴설명 작성) |
|||
(22 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
+ | Ixpatterns 사이트를 이용하면서 발견한 문제나 개선 사항이 있으면 이곳에 남겨 주시기 바랍니다. | ||
+ | |||
+ | |||
+ | == 사내 테스트 버그 리포트 == | ||
+ | *[[20141031]] | ||
+ | |||
+ | http://www.ixpatterns.com/index.php?title=Special:UserLogin&returnto=Main+Tasks | ||
+ | 로그인 아래 join 버튼 너비가 다른 것은 일부러 그렇게 한 건가요? | ||
+ | |||
+ | http://www.ixpatterns.com/index.php?title=Special:UserLogin&action=submitlogin&type=signup&returnto=Main+Tasks | ||
+ | 가입 페이지에서, ‘tab’을 이용하여 다음 필드로 가지 않습니다. | ||
+ | |||
+ | |||
+ | == 날짜별 이슈 처리 == | ||
+ | * [[140617. from 김선기]] | ||
+ | |||
== 패턴명 입력 및 외래어 표기 통일관련 참고자료 == | == 패턴명 입력 및 외래어 표기 통일관련 참고자료 == | ||
* 외래어표기 시 아래 내용을 참고해 주시고, 새로운 외래어 작성 시 아래 적어주세요. | * 외래어표기 시 아래 내용을 참고해 주시고, 새로운 외래어 작성 시 아래 적어주세요. | ||
Line 4: | Line 20: | ||
=== 패턴설명 작성=== | === 패턴설명 작성=== | ||
아래 예시와 같이 | 아래 예시와 같이 | ||
− | 패턴명(영문)은 blah blah 하는 | + | 패턴명(영문)은 blah blah 하는 패턴 이다. 라고 문장을 작성해 주세요. |
− | * 패턴 정의문: 반드시 패턴을 주어로 하여 정의한다. 2~3문장 이내로 구성 | + | * 패턴 정의문: 반드시 패턴을 주어로 하여 정의한다. 패턴의 특징을 포함하여 2~3문장 이내로 구성 |
* 어떤 종류가 있는지, 조작 방법 (action)은 어떤 것이 있는지 설명 | * 어떤 종류가 있는지, 조작 방법 (action)은 어떤 것이 있는지 설명 | ||
− | With this pattern, we can solve... | + | <br>With this pattern, we can solve... |
− | * 이 패턴이 정의한 문제 상황과 이 패턴이 왜 필요한지 (문제를 어떻게 해결할 수 있는지)를 설명 | + | * 이 패턴이 정의한 문제 상황과 이 패턴이 왜 필요한지 (문제를 어떻게 해결할 수 있는지)를 설명<br>(아래 별표는 별표를 실제로 적어넣으라고 일부러 드러낸 겁니다) |
− | (아래 별표는 별표를 실제로 적어넣으라고 일부러 드러낸 겁니다) | + | |
− | <nowiki>*</nowiki> 본 | + | <nowiki>*</nowiki> 본 패턴이 문제 상황과 연결된 중요 기능적 특징을 설명 |
− | <nowiki>*</nowiki> 이전에 혹은 유사한 어떤 패턴이 있는지를 부가적으로 설명 (해당되는 경우만 | + | <nowiki>*</nowiki> 이전에 혹은 유사한 어떤 패턴이 있는지를 부가적으로 설명 (해당되는 경우만 작성하며, 유사한 연관 패턴으로 링크를 건다.) |
(예시)Drawer menu | (예시)Drawer menu | ||
− | * Drawer menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 | + | * Drawer menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 패턴이다. |
* 패턴 이름은 두 번째 단어부터는 소문자를 사용합니다. | * 패턴 이름은 두 번째 단어부터는 소문자를 사용합니다. | ||
Line 28: | Line 44: | ||
* 인터랙션 (인터렉션, interaction 안됨) | * 인터랙션 (인터렉션, interaction 안됨) | ||
* 컨텐츠 (콘텐츠, contents 안됨) | * 컨텐츠 (콘텐츠, contents 안됨) | ||
− | * | + | * 앱 (app, 어플리케이션, application 안됨. 문장의 첫머리에서는 App) : 수정되었음 |
− | * pattern | + | * 패턴 (pattern, Pattern 안됨.) : 수정되었음 |
* 데이터 (데이타, Data 안됨) | * 데이터 (데이타, Data 안됨) | ||
* 리스트 (list 안됨.) | * 리스트 (list 안됨.) | ||
Line 49: | Line 65: | ||
아이패드는 기본적으로 아이폰의 width 기준을 따른다. | 아이패드는 기본적으로 아이폰의 width 기준을 따른다. | ||
- 가로 : {{#Widget:Vimeo|id=########|width=533|height=395}} | - 가로 : {{#Widget:Vimeo|id=########|width=533|height=395}} | ||
− | - 세로 : {{#Widget:Vimeo|id=########|width= | + | - 세로 : {{#Widget:Vimeo|id=########|width=395|height=533}} |
3. Android | 3. Android | ||
Line 57: | Line 73: | ||
- 가로 : {{#Widget:Vimeo|id=########|width=533|height=303}} | - 가로 : {{#Widget:Vimeo|id=########|width=533|height=303}} | ||
- 세로 : {{#Widget:Vimeo|id=########|width=300|height=528}} | - 세로 : {{#Widget:Vimeo|id=########|width=300|height=528}} | ||
− | |||
− | |||
− | |||
− | |||
4. 촬영한 영상, 링크한 영상 | 4. 촬영한 영상, 링크한 영상 | ||
Line 67: | Line 79: | ||
유튜브의 경우 오래된 영상들 중 일부가 6:4 비율을 가지고 있다. | 유튜브의 경우 오래된 영상들 중 일부가 6:4 비율을 가지고 있다. | ||
이러한 부분을 확인하여 아래 소스를 사용한다. | 이러한 부분을 확인하여 아래 소스를 사용한다. | ||
− | - 비메오 : {{#Widget:Vimeo|id=######## | + | - 비메오 : {{#Widget:Vimeo|id=########|width=665|height=374}} |
- 유튜브 | - 유튜브 | ||
* 16:9 비율 : {{#Widget:Youtube|id=########|width=665|height=374}} | * 16:9 비율 : {{#Widget:Youtube|id=########|width=665|height=374}} | ||
Line 80: | Line 92: | ||
<nowiki> | <nowiki> | ||
upload 방법은 index.php/special:upload 에서 선택 후, | upload 방법은 index.php/special:upload 에서 선택 후, | ||
− | [[File: 이미지이름.확장명| | + | [[File: 이미지이름.확장명|310px]] 입력하세요 |
+ | - 가로이미지(아이폰): 533px | ||
+ | (ipad) : 533px | ||
+ | (android): 533px | ||
+ | - 세로이미지(아이폰) : 310px | ||
+ | (ipad) : 395px | ||
+ | (android): 310px | ||
</nowiki> | </nowiki> | ||
---- | ---- |
Ixpatterns 사이트를 이용하면서 발견한 문제나 개선 사항이 있으면 이곳에 남겨 주시기 바랍니다.
http://www.ixpatterns.com/index.php?title=Special:UserLogin&returnto=Main+Tasks 로그인 아래 join 버튼 너비가 다른 것은 일부러 그렇게 한 건가요?
http://www.ixpatterns.com/index.php?title=Special:UserLogin&action=submitlogin&type=signup&returnto=Main+Tasks 가입 페이지에서, ‘tab’을 이용하여 다음 필드로 가지 않습니다.
아래 예시와 같이 패턴명(영문)은 blah blah 하는 패턴 이다. 라고 문장을 작성해 주세요.
With this pattern, we can solve...
* 본 패턴이 문제 상황과 연결된 중요 기능적 특징을 설명
* 이전에 혹은 유사한 어떤 패턴이 있는지를 부가적으로 설명 (해당되는 경우만 작성하며, 유사한 연관 패턴으로 링크를 건다.)
(예시)Drawer menu
1. iphone 아이폰은 기본적으로 아이폰5 의 화면비율을 따른다. 아이폰 4, 4s로 촬영된 영상은 width 를 기준으로 height 를 조정한다. - 가로 : {{#Widget:Vimeo|id=########|width=533|height=300}} - 세로 : {{#Widget:Vimeo|id=########|width=300|height=533}} 2. ipad 아이패드는 기본적으로 아이폰의 width 기준을 따른다. - 가로 : {{#Widget:Vimeo|id=########|width=533|height=395}} - 세로 : {{#Widget:Vimeo|id=########|width=395|height=533}} 3. Android 안드로이드 촬영 영상의 경우 ios 와 달리 화면비율이 기기에 따라 다르다. 때문에 안드로이드 촬영 영상은 아이폰의 width 기준을 따라 촬영된 영상에 맞춰 height 를 조정한다. 아래는 갤럭시 3의 화면비율이다. - 가로 : {{#Widget:Vimeo|id=########|width=533|height=303}} - 세로 : {{#Widget:Vimeo|id=########|width=300|height=528}} 4. 촬영한 영상, 링크한 영상 ix Patterns.com 은 기본적으로 비메오와 유튜브 영상링크를 권장한다. 비메오의 경우 모든 영상 인코딩이 16:9 비율이지만, 유튜브의 경우 오래된 영상들 중 일부가 6:4 비율을 가지고 있다. 이러한 부분을 확인하여 아래 소스를 사용한다. - 비메오 : {{#Widget:Vimeo|id=########|width=665|height=374}} - 유튜브 * 16:9 비율 : {{#Widget:Youtube|id=########|width=665|height=374}} * 6:4 비율 : {{#Widget:Youtube|id=########|width=665|height=443}}
이미지파일의 경우 기본적으로 위의 비디오 파일 사이즈에 맞춰 이미지를 편집한 뒤 업로드한다. 업로드에 관련된 언어는 How to use 에서 확인할 수 있다.
upload 방법은 index.php/special:upload 에서 선택 후, [[File: 이미지이름.확장명|310px]] 입력하세요 - 가로이미지(아이폰): 533px (ipad) : 533px (android): 533px - 세로이미지(아이폰) : 310px (ipad) : 395px (android): 310px
{{#Widget:Vimeo|id=36790650|width=665|height=374}} {{#Widget:Vimeo|id=36790650|width=665|height=374|start=14s}}
>의도한 건 자동재생되지 않는것이고요. 그런데 시작 시간을 지정하면 강제로 자동재생되더라구요. 다른 방법을 더 찾아봐야 할것 같습니다. --taekie
한칸 스페이스를 띄고 입력시 작성되는 스타일 시트의 가로 길이 조정이 필요할 것으로 보입니다.