최근의 대세를 타고 있는 큐알코드(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

 

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

 

+ Recent posts