블로그 이미지
내게 능력 주시는 자 안에서 내가 모든것을 할수 있느니라 - 빌립보서 4 : 13 - happydong

카테고리

Happydong (1363)
프로그래밍 (156)
MUSIC (16)
인물 (3)
Utility (10)
세미나 소식&내용 (22)
IT뉴스 (18)
운동 (830)
CAFE (10)
Life (282)
Total
Today
Yesterday

달력

« » 2024.5
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

공지사항

최근에 올라온 글

AR DRONE 2.0 구성및 첫 비행(?!)

Life / 2013. 5. 18. 22:32



그렇게 갖고 싶었던, AR 드론2.0 (AR DRONE 2.0) 구입!!


인터넷을 통해 살까, 말까 고민 많이 했는데... 용산 아이파크 매장갔다가 급 지름신 갈림에 바로 구입해버렸다. 

드론 2.0의 박스와 구성 품은 아래 그림과 같다.


[그림 1 - AR 드론2.0 박스 정면]




[그림 2 - AR 드론2.0 박스 개봉내용]


위에서 보이는 밧데리는 추가 밧데리이다. 기본적으로 한개가 들어있고, 추가적으로 하나 더 구입했다. 참고로 밧데리 하나당 10 ~15분미만 비행이 된다. 그래서 추가 밧데리는 필수이다.

[그림 3 - AR 드론2.0 구성 내용1]



[그림 4 - AR 드론2.0 구성 내용2]



[그림 5 - 아이패드 AR 드론앱과 AR 드론을 연결한 모습]


아이패드에 보이는 화면은 AR 드론의 카메라에서 보내주는 영상이다. 

[그림 6 - AR 드론2.0 비행모습1]


[그림 7 - AR 드론2.0 비행모습2]


방에서 날려 보니, 처음 조정하는거라 익숙하지 않았다. 그래서 벽에 붙이쳐서 떨어지기도 했는데...;;; 모 크게 망가지거나 그러지 않았다. 나중에 한강이나, 공원같은데서 충분히 조작연습을 해야할 것 같다. 







저작자표시 비영리 변경금지
Posted by happydong
, |

[모바일 웹] 아이폰 전용 추가 기능

프로그래밍/04.HTML&Script / 2013. 4. 16. 02:22



1 . 주소 창 숨기기.


 아이폰 네이티브앱과 같이 전체화면을 사용하는 것과 같이 주소표시줄을 완전히 숨기도록 처리할 수 있다. 이를 설정하기 위해서는 <meta>태그를 추가해주면 된다.

<meta name=”apple-mobile-web-app-capable” content=”yes” />

(**이는 iOS에만 적용이 된다.)

2 . 상태바 색상 변경.

iOS 네이티브앱과 같이 상태바의 색상을 회색(default), 검정(black), 반투명 검정(black-translucent)으로 변경 할 수 있다. 이 기능 또한 <mete>태그로 설정이 가능하다. 그리고 “apple-mobile-web-app-capable” 이름을 같은 메타태그가 지정이 되어 있어야 만이 적용된다.

<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />

 

3. iOS 런치(Launch) 이미지 설정.

iOS 앱 개발할 때 XCode에서 런치이미지를 등록하는 것과 마찬가지로 <link>태그를 이용하여 같은 효과를 줄 수 있다. 이는 “apple-touch-startup-image” 속성을 이용해서 지정하면 된다.

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup.png” />


Startup 이미지는 iOS 해상도 별로 따로 지정해 줄 수도 있다.

<!--iPhone splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup320x460.png” media=”(device-width:320px)” />

 

<!--iPhone (Retina) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup640x920.png” media=”(device-width:320px) and (-webkit-device-pixel-ratio: 2)” />

 

<!--iPad (portrait) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup768x1004.png” media=”(device-width:768px) and (orientation: portrait)” />

 

<!--iPad (landscape) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup748x1024.png” media=”(device-width:768px) and (orientation: landscape)” />

 

<!--iPad (Retina , portrait) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup1536x2008.png” media=”(device-width:1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)” />

 

<!--iPad (Retina , landscape) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup1496x2048.png” media=”(device-width:1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)” />

 

 


**1,2,3은 URL직접 입력이 아닌 홈 화면에 등록된 바로가기 아이콘을 터치해서 실행된 경우에만 적용이 된다.



저작자표시 비영리 변경금지
Posted by happydong
, |

[모바일 웹] 모바일 웹 북마크 아이콘 지정하기

프로그래밍/04.HTML&Script / 2013. 4. 16. 01:27



       아이폰과 안드로이드 폰은 웹 페이지의 바로가기를 장치 화면에 추가하는 기능을 제공해주고 있다. 그래서 앱과 같이 아이콘을 설정해놔서 사용자가 앱 실행하는 방법과 같이 아이콘을 클릭해서 모바일 사이트에 접근할 수 있도록 할 수 있다. 아이폰과 안드로이드 아이콘 등록 방법은 link태그를 이용하면 되는데, 둘이 설정하는 방법은 조금 다르다.

1. iOS


<link rel=”apple-touch-icon” href=”/이미지경로/icon.png” />



2. 안드로이드(Android)


<link rel=”shortcut icon” href=”/이미지경로/icon.png” />


아이콘 사이즈는 안드로이는 같은 경우 72x72(px)의 png이미지를 지정하면 된다. 아이폰 같은 경우는 버전 별로 아이콘 이미지를 따로 지정해 주는 것이 좋다. 자동 리사이즈가 되긴 하지만, 리사이즈 하면 이미지가 깨져 보일 수 있기 때문이다. iOS 아이콘 사이즈는 아래 표를 참고 하길 바란다.

iPhone 3gs

57x57(px)

iPad

72x72(px)

iPhone 4/4s

114x114(px)

New iPad

144x144(px)


iOS 버전별 아이콘 지정하려면, sizes속성을 지정하면 된다. 아래 예제를 참고 하자.


<!-- iPhone icon -->

<link rel=”apple-touch-icon” sizes=”57x57” href=”/이미지경로/icon57x57.png” />

 

<!-- iPad icon -->

<link rel=”apple-touch-icon” sizes=”72x72” href=”/이미지경로/icon72x72.png” />

 

<!-- iPhone icon(Retina) -->

<link rel=”apple-touch-icon” sizes=”114x114” href=”/이미지경로/icon114x114.png” />

 

<!-- iPad icon(Retina) -->

<link rel=”apple-touch-icon” sizes=”144x144” href=”/이미지경로/icon144x144.png” />


아이폰은 자동으로 모서리가 둥글게 되고, 아이콘 위쪽은 밝게, 아래는 어둡게 자동으로 광택 효과가 적용이 된다. 그래서 아이콘 제작할 때 따로 효과를 주지 않아도 되고, 모서리를 둥글게 만들 필요가 없다.
 아이폰의 자동 이미지 처리 기능을 원하지 않고 원본 이미지 그대로 아이콘을 적용하기 위한 방법도 존재한다. 이는 rel속성에서 “apple-touch-icon” 대신에 “apple-touch-icon-precomposed”를 지정하면 된다.


<link rel=”apple-touch-icon-precomposed” href=”/이미지경로/icon.png” />

 




저작자표시 비영리 변경금지
Posted by happydong
, |

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

티스토리툴바