최근의 대세를 타고 있는 큐알코드(qrcord)로 스마트폰 연락처(주소록)로 바로 저장 할 수 있어 명함 대용으로도 사용가능한 QR코드를 만들어보자.

1. QR코드 생성 사이트  http://qoongr.co.kr/ 에서 상단에 QR코드만들기 클릭~!

skyand96.com

skyand96.com


2. 여러 종류의 QR코드를 만들수가 있다. 우리가 필요한건 명함 이므로 명함을 선택.

skyand96.com

skyand96.com



3. 명함을 선택하면 정보입력 부분에 MeCardvCard 라는 명함 포맷을 선택하는 부분이있다. 아이폰/안드로이드폰 용을 제작 하고있으니 당연히 MeCard 포맷을 선택~! 하고 내용을 입력한다.

입력하는 순간!!!!! 미리보기 부분에 실시간으로 변경되며 생성되는 QR코드를 볼수있다.
skyand96.com

skyand96.com



4. 사이즈를 결정하는데, 이 사이즈는 작게/중간/크게 3개로 나뉘어 있으니 원하는 크기로 선택. 정신 건강상 작은 크기가 좋을듯 ㅋ

skyand96.com

skyand96.com




5. 일단 생성한 상태에서 하단에 웹용다운로드 / 인쇄용다운로드 를 클릭해 파일로 저장할수도 있지만, 회원가입하고 My page에 저장시에 한개의 qr코드를 한장에 채워서 인쇄할수 있는 기능/이메일로 받을수있는 기능등이 있으므로 일단 My 꿍알에 저장.
skyand96.com

skyand96.com



6. 저장을 클릭하면 제목입력란이 나오고 제목을 입력하면 내 QR코드 관리로 의 바로가기버튼도 볼수있다.
skyand96.com

skyand96.com

skyand96.com

skyand96.com




7. 내 QR코드 관리로 이동해서 내용을 보면 생성시에 있던, 웹용/인쇄용 다운로드 기능외에 이메일로 받기 / QR코드 출력 기능이 추가로 제공된다.

이메일로 받기 : 가입시 입력한 이메일로 바로 전송해줌.
QR코드 출력기능 : 생성한 QR코드를 한장의 페이지에 이쁘게 나열해서 출력할수있게 자동으로 편집해준다.


skyand96.com

skyand96.com



      QR코드 출력 을 클릭해 보면 , 생성한 QR코드가 나열된 출력화면을 볼수있다.

skyand96.com

skyand96.com



이제 QR코드 명함 타입은 생성이 완료 되었다. 생성한 QR코드로 출력을 하던지, 다운받은 이미지 나 출력용 파일 혹은 꿍알에서 제공하는 스티커로 주문을 하던지~ 생성된 QR코드를 뿌리면 끝~


실제로 만든 명함 QR코드를 인식해보자~

1. 일단 스캔용 앱을 실행한뒤 생성한 QR코드를 인식~!

skyand96.com

skyand96.com

skyand96.com

skyand96.com


2. 인식 내용을 보면 명함 내용으로 인식이 되고 바로 연락처(주소록)로 저장 까지 할수 있다.
   하단에 대표 라고 표시된 부분이 바로 대표 연락처 부분~


사용자 삽입 이미지skyand96.com

skyand96.com



참 좋은세상이다 ㅋ


ps. 꿍알 이라는 사이트는 현재 알파 상태이며~ 사이트 공지에 따르면 오늘 베타오픈을 시작으로 생성한 QR 코드를 스티커로 온라인 주문 할수 있다고 한다~. 진짜 좋은세상이다 ㅡ.ㅡ;;


------------------------------------------------------------------------------------------------------------------
[2011-03-04 ] 현재 꿍알 사이트를 방문해보니 많은 내용이 업데이트 돼었다.
정식오픈 기념 이벤트도 진행중이고(맥북 에어를;; -ㅅ-b) qr코드 생성부분도 일부 변경되었다.

뭐 여전히 가입 없이도 qr코드는 생성 가능하고~
정식 오픈 되어서 꿍알이라는 무료 모바일웹도 생성가능하다

분류별 스킨도 무료로 제공 되고, 무제한 생성가능하다

베타서비스때는 스티커 정도만 공개 되었으나~ 현재는 qr코드 도장(스탬프). 메탈 스티커 (금장/은장) 등 상품도 더 추가되어있는 상태다~

[명함스킨] [청첩장스킨] [업체(가게) 스킨]
skyand96.com
skyand96.com
skyand96.com
  1. Favicon of http://kkid.tistory.com BlogIcon 그냥 꼬꼬마 2010.12.31 18:58 신고

    모르고 있었던 QR코드 제작 사이트네요 +_+
    스티커로 주문까지 할 수 있다니 한번 살펴봐야 겠어요 ㅎ

    • 살다 2011.01.01 07:35 신고

      최근에 오픈했던데 인쇄 기능이 맘에 들더군요
      한번 사용해보세요 다 무료에요~

1. 우선 당연히 -_-; 크롬을 설치하고 실행시킨 오른쪽상단에 스패너 모양의 크롬 설정 및 관리 클릭.

사용자 삽입 이미지

2. 메뉴중 도구 > 확장프로그램 을 차례대로 선택 클릭.

사용자 삽입 이미지

3. 설치된 확장프로그램이 없는 경우 아래처럼 보이고, 갤러리를 찾아보시겠습니까? 링크 클릭.

사용자 삽입 이미지

4. 크롬확장프로그램 에서 qrcode 로 검색 하면 아래처럼 보이는데, 그중에 QR-Code  tag Extension 을 클릭.(개인적인 취향을 통한 선택 ㅋ)

사용자 삽입 이미지

5. 프로그램 설명 페이지에서 설치를 클릭.

사용자 삽입 이미지

6. 설치를 클릭하면 하단 상태표시줄에서 다운로드 상태가 표시되고 완료후 아래와 같은 메시지가 출력. 물론... 설치를 클릭.

사용자 삽입 이미지

7. 설치가 완료되면 아래와 같이 주소표시줄과 스패너 사이에 QRcode 아이콘이 생긴다.

사용자 삽입 이미지

8. 이제 아무사이트나 접속후 QRcode 아이콘을 클릭하면 아래와 같이 QRcode 가 자동으로 생성된다.

사용자 삽입 이미지

- Share QR code on : 옆에 F 아이콘은 페이스북으로 바로 올릴수있는 기능.
- Save QR-code to disk.. 은 적혀있는데로 컴퓨터에 바로 저장하는 기능이다.

- code 아이콘에 오른클릭후 옵션을 선택하면 아래와 같이 기본설정을 변경할수도 있다.

사용자 삽입 이미지

- 이제 웹서핑중 스마트폰(아이폰/안드로이드폰 등) 으로 봐야하는 경우 일일이 스마트폰 자판으로 힘들게 입력할 필요없이 간단한 클릭 과 스마트폰의 qrcode 스캐너를 통해 쉽게 접속 가능하다~

qrcode


최근 스마트폰이 대세를 타면서 더불어 인기를끌고 있는것이있다.
바로 QRcode ~ 스마트폰 사용자라면 한번쯤은 신기하게 사용했었을것이다.

웹사이트나 물건등에 부착되어있는 QRcode 를 스마트폰으로 촬영하면 상품가격정보 혹은 사이트 주소가 나오는 마치 바코드 같은 방식의 하지만 모양은 많이 다른~ 코드.

여러가지 생성 방법들이 존재하지만, 구글 chart api 를 이용한 이미지 링크만으로도 단순하게 만들어낼수있다.( 무슨소린지 몰라도 그냥 아래 예제를 보면 바로 이해하게 될것이다.)

이미지소스 : <img src="
http://chart.apis.google.com/chart?cht=qr&chl=http://skyand96.com&chs=120x120" />

이미지 링크결과 :
QRcode 
눈치가 빠르다거나 프로그램을 살짝이라도 봤었다면 위의 경로만으로도 이해했을것이다.

http://chart.apis.google.com/chart?cht=qr&chl=http://skyand96.com&chs=120x120

이 주소만으로도 QRcode 를 생성하고 업로드하고 호스팅받는 상태로이미지 링크걸고 하는 모든 귀찮은 일들이 한방에 해결된다.

그 주소 내용을 자세히 풀어보면,

http://chart.apis.google.com/chart?

이 부분은 구글의 chart api 경로다 그냥 무조건 똑같이 써준다.

그리고 나서 보이는 물음표 (?) 뒤의 내용들이 중요하다.

cht=qr&chl=http://skyand96.com&chs=120x120

이런부분을 쿼리스트링이라고 하는데 이러한 주소에 붙는 쿼리스트링들은 일련의 규칙이 있다.

변수=값&변수=값&변수=값&변수=값

머대략 이런건데 변수란말은 대충 넘기고, 우리가 필요한 QRcode 를 표한하는 속성 이라고 이해하면 된다.

즉,  속성=값&속성=값&속성=값&속성=값 이정도로 이해하면 되겠다.

cht=qr 이부분은 qr코드를 추출한다는 소리며, 기본이니 그냥 그대로 사용하자.

chl=http://skyand96.com 이부분은 보이는거처럼 QRcode로 추출할 홈페이지주소(혹은 원하는글자/숫자) 가되겠다.
 
즉 , chl=원하는글자

요런식으로 변경하자.

chs=120x120

예상한대로 이부분은 QRcode 의 사이즈를 의미한다. 가로x세로 크기를 넣어주면된다.

각각의 속성과 값은  & 로 붙여서 연결해서 주소를 완성해주면 된다.


http://chart.apis.google.com/chart?cht=qr&chl=원하는주소&chs=240x240


더 상세한 내용은 아래 표는 해당 api의 속성 을 참고하자.

이외에도 많은 차트 형식의 api를 제공하고 있다 (하단 구글 api chart 링크 참조)
Parameter Required or Optional Description
cht=qr Required Specifies a QR code.
chs=<width>x<height> Required Image size.
chl=<data> Required The data to encode. Data can be digits (0-9), alphanumeric characters, binary bytes of data, or Kanji. You cannot mix data types within a QR code. The data must be UTF-8 URL-encoded. Note that URLs have a 2K maximum length, so if you want to encode more than 2K bytes (minus the other URL characters), you will have to send your data using POST.
chd NOT USED QR codes are unusual in that the chd parameter is ignored. Don't include it in your URL.
choe=<output_encoding> Optional How to encode the data in the chart. Here are the available values:
  • UTF-8 [Default]
  • Shift_JIS
  • ISO-8859-1
chld=<error_correction_level>|<margin> Optional
  • error_correction_level - QR codes support four levels of error correction to enable recovery of missing, misread, or obscured data. Greater redundancy is achieved at the cost of being able to store less data. See the appendix for details. Here are the supported values:
    • L - [Default] Allows recovery of up to 7% data loss
    • M - Allows recovery of up to 15% data loss
    • Q - Allows recovery of up to 25% data loss
    • H - Allows recovery of up to 30% data loss
  • margin - The width of the white border around the data portion of the chart. This is in rows, not in pixels. (See below to learn what rows are in a QR code.) The default value is 4.

참조 : http://code.google.com/intl/ko-KR/apis/chart/docs/gallery/chart_gall.html


(주)블루웹 에서 모든 호스팅에 대해 모바일웹 모두를 지원한다.
제작에 대한 지식이없어도 간단하게 신청시 자동으로 셋팅되어 진다.
메인페이지/서브페이지의 텍스트의 간단한수정및 문의 메일 보내기 다음 지도 api를 통한 약도 서비스 까지 지원된다.

skyand96.com



기존의 호스팅 사용자에게도 무료로 지원된다고 한다.

모바일웹 지원대상

- 블루웹 모든 호스팅을 신규로 신청하거나 현재 이용중인 고객.

신청방법

- 기존고객:

마이페이지 > 호스팅관리 > 모바일웹신청/관리 페이지에서 신청가능

마이페이지 > 호스팅관리 > 모바일웹 신청/관리 페이지에서 사용할 모바일웹 주소와 디렉토리명 두가지 사항만 입력 하면 신청 된다.
 

skyand96.com


- 신규고객:

호스팅 신규신청시 신청 가능.

호스팅 신청 페이지에서 사용할 모바일웹 주소와 디렉토리명 두가지 사항만 입력 하면 자동으로 호스팅 세팅 완료 시 모바일웹도 세팅.

사용자 삽입 이미지


관련 이벤트

모바일웹 서비스 오픈과 함께 스마트폰 관련하여 이벤트도 진행중이다.

하단의 이미지를 클릭하면 이벤트 페이지로 이동 할수있다.

skyand96.com

skyand96.com



블루웹 : http://www.blueweb.co.kr/
블루웹 모바일웹 무료지원 안내페이지 : http://www.blueweb.co.kr/2010_mobile01.html
블루웹 이벤트 페이지 : http://www.blueweb.co.kr/2010_mobile04.html

아이폰을 11말 구매후 지속적으로 사용하는건 앱이 아닌 사이트다~
Jquery 를 사용한 사이트인데~ 모바일 브라우져에서만 열람 가능한듯하다~

프로야구 포켓정보 : http://overfloweb.com/baseball/#home

skyand96.comskyand96.com




당일 치뤄지는 경기의 대전표와 선발 투수 정보를 기본으로 제공하고 ( 토토할때 아주유용 -_-;)

현재 팀순위, 타자순위, 투수순위, 선수정보 등등의 여러가지 정보를 조회해 볼수있다.

Jquery 프레임웤 을 사용해서 아이폰 플랫폼을 그대로 닮아 있는게 장점(?) 이다.

여하튼 이렇다할 국내 프로야구 앱이 없는 시점에서 보면 최고의 웹페이지 인듯 하다~

skyand96.comskyand96.com

+ Recent posts

티스토리 툴바