अपने iOS एप्लिकेशन से QR कोड स्कैन और पहचानें

QR कोड आज लगभग हर जगह उपयोग किए जाते हैं जो आप कल्पना कर सकते हैं। यह स्पष्ट है कि कई डेवलपर्स मोबाइल उपकरणों के लिए अपने अनुप्रयोगों में QR कोड की स्कैनिंग और मान्यता को व्यवस्थित करने के तरीके सीखने में रुचि रखते हैं।

अपने खुद के आईओएस एप्लिकेशन को विकसित करने की प्रक्रिया में मुझे इस तथ्य का सामना करना पड़ा कि इंटरनेट पर क्यूआर कोड के प्रसंस्करण के विषय पर रूसी में बहुत कम जानकारी है। आवेदन के साथ ही निपटा, मैंने तय किया कि इस महत्वपूर्ण अनुचित स्थिति को सुधारना आवश्यक था। कटौती के तहत आपको एक अत्यंत सरल अनुप्रयोग की विकास प्रक्रिया का विवरण मिलेगा जो कि क्यूआर कोड को पहचानता है और आईओएस डेवलपर्स को शुरू करने के लिए रुचि रखता है। यह नोट Xcode में काम करने और iOS के लिए प्रोग्रामिंग की सुविधाओं का एक बुनियादी ज्ञान मानता है।

Xcode 4.1 के लिए विकास किया जाएगा, Xcode के पुराने संस्करणों के लिए (संस्करण 3.2.3 से शुरू) प्रक्रिया लगभग समान होगी।
स्कैनिंग और पैटर्न मान्यता का कार्य, आम तौर पर बोलना, गणितीय और तकनीकी कार्यान्वयन के दृष्टिकोण से काफी जटिल है। दूसरे शब्दों में, एक एप्लिकेशन को विकसित करना काफी कठिन है जो एक बारकोड या क्यूआर कोड को खरोंच से पहचानता है। हमारे लिए सौभाग्य से, प्रगति नहीं रुकती है और किसी को पहचानने और पहचानने का सबसे जटिल काम पहले ही तय कर लिया है। जिसका हम उपयोग करेंगे।
तो, काम के लिए आपको आवश्यकता होगी:

• मैक ओएस एक्स> = 10.6.x (स्नो लेपर्ड) , मेरे पास क्रमशः 10.7.2 शेर है।
• Xcode> = 3.2.3 , मैंने 4.1 संस्करण में काम किया।
• iPhone> = 3GS , मैंने iPhone 3GS और iPad 2 पर परीक्षण किया।
• डिवाइस पर iOS 4.0 और उच्चतर (वास्तव में, 3.1 भी संभव है)।
• IOS डेवलपर खाता इसके बिना, आप भौतिक उपकरणों पर विकसित अनुप्रयोगों का परीक्षण नहीं कर सकते।

चूंकि Xcode के साथ वितरित iOS डिवाइस एमुलेटर को पता नहीं है कि कैमरा का अनुकरण कैसे किया जाता है, एप्लिकेशन का परीक्षण करने के लिए हमें एक वास्तविक डिवाइस की आवश्यकता होती है - iPhone , iPod Touch या iPad 2 , अर्थात। पिछले 2 वर्षों में जारी किए गए कैमरे वाला कोई भी उपकरण अपने लिए काफी उपयुक्त है।

काम के लिए भी, हम QR कोड को स्कैन करने और पहचानने के लिए SDK का उपयोग करेंगे, जो QR कोड की ग्राफिक छवि को संसाधित करने और इसे टेक्स्ट जानकारी में परिवर्तित करने का ध्यान रखेगा। कई तैयार ओपन-सोर्स लाइब्रेरी हैं जो समान कार्यक्षमता प्रदान करते हैं, हम ZBar iPhone SDK SDK संस्करण 1.2 (1.2 से ऊपर का संस्करण भी उपयुक्त है) का उपयोग करेंगे, जिसे यहां डाउनलोड किया जा सकता है ।

निर्दिष्ट लिंक का उपयोग करके, आप ZBarSDK-1.2inosg छवि डाउनलोड करेंगे, जिसके अंदर हम ZBarSDK फ़ोल्डर में रुचि लेंगे , जिसमें वह लाइब्रेरी है जिसकी हमें आवश्यकता है।

तो चलिए शुरू करते हैं।

1. एक्सकोड चलाएं, इसमें एक नया "व्यू-आधारित एप्लिकेशन" प्रोजेक्ट बनाएं, इसे क्यूआर स्कैनर कहें, और इसे डिस्क पर आपके लिए सुविधाजनक स्थान पर कहीं और सहेजें।

2. प्रोजेक्ट नेविगेटर में, QR_ScannerViewController.xib खोलें।

3. राउंड रेक्ट बटन फॉर्म पर रखें और उस पर रखें, उदाहरण के लिए, टेक्स्ट "स्कैन क्यूआर कोड" ।

4. छवि दृश्य तत्व को फॉर्म के ऊपरी हिस्से में रखें, ऑब्जेक्ट मोड इंस्पेक्टर में व्यू मोड गुण सेट करें।

5. फॉर्म के निचले हिस्से में टेक्स्ट व्यू तत्व रखें, स्टब टेक्स्ट को हटा दें और इसके स्थान पर, उदाहरण के लिए, पाठ "क्यूआर कोड को स्कैन करना शुरू करने के लिए, स्क्रीन के नीचे स्थित बटन पर क्लिक करें । " ऑब्जेक्ट इंस्पेक्टर में सक्षम बॉक्स यूजर इंटरेक्शन को अनचेक करें।

6. नियंत्रक कोड में आउटलेट जोड़ें। ऐसा करने के लिए, QR_ScannerViewController.h खोलें और इसे इस पर लाएं:

#import <UIKit/UIKit.h> @interface QR_ScannerViewController : UIViewController { UITextView *resultText; UIImageView *resultImage; } @property (nonatomic, retain) IBOutlet UIImageView *resultImage; @property (nonatomic, retain) IBOutlet UITextView *resultText; - (IBAction)scanButtonTapped; @end 

जैसा कि आप कोड से देख सकते हैं, हमने UITextView और UIImageView नियंत्रणों के लिए दो आउटलेट की घोषणा की, जिन्हें हमने अपने फॉर्म में रखा था। इसके अलावा, हमने IBAction की घोषणा की, जो हमारे बटन पर क्लिक करेगा और QR कोड को स्कैन करेगा।

7. QR_ScannerViewController.xib खोलें और हमारे द्वारा बनाए गए आउटलेट को संबद्ध करें और संबंधित प्रपत्र तत्वों के साथ स्कैन करें।

• हम ImageView तत्व के साथ resultImage आउटलेट कनेक्ट करते हैं।
• हम टेक्स्ट व्यू तत्व के साथ परिणाम टेक्स्ट को जोड़ते हैं।
• हम ScanButtonTapped क्रिया को Round Rect Button के TouchUpInside इवेंट के साथ जोड़ते हैं।

8. अब हमें QR_ScannerViewController वर्ग के हेडर फ़ाइल में घोषित वस्तुओं के कार्यान्वयन को बनाने की आवश्यकता है। QR_ScannerViewController.m फ़ाइल खोलें और इसे निम्न फ़ॉर्म में लाएँ:

 #import "QR_ScannerViewController.h" @implementation QR_ScannerViewController @synthesize resultImage; @synthesize resultText; - (IBAction)scanButtonTapped{ NSLog(@"Now we are scanning QR-code..."); } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning];} - (void)viewDidUnload { [super viewDidUnload]; self.resultText = nil; self.resultImage = nil; } - (BOOL)shouldAutorotateToInterfaceOrientation: (UIInterfaceOrientation)interfaceOrientation { return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);} - (void) dealloc { [resultImage release]; [resultText release]; [super dealloc]; } 

यदि आप Xcode में एप्लिकेशन डेवलपमेंट से बहुत परिचित नहीं हैं, तो सचेत न हों - डेवलपमेंट एनवायरनमेंट ने इस फाइल में अधिकांश कोड जोड़े हैं। हमने अभी हेडर फ़ाइल में घोषित वस्तुओं और कार्यों को लागू किया है:

 @synthesize resultImage; @synthesize resultText; - (IBAction)scanButtonTapped{ NSLog(@"Now we are scanning QR-code..."); } 

इसके अलावा, हमने मेमोरी से फ़ॉर्म अनलोड करते समय फ्री आउटलेट्स में कोड जोड़ा (viewDidUnload):

 self.resultText = nil; self.resultImage = nil; 

हम भी डील-डौल में स्मृति मुक्त करते हैं:

 [resultImage release]; [resultText release]; 

9. अब हमें अपने एप्लिकेशन में पहले से डाउनलोड की गई ZBarSDK लाइब्रेरी को सीधे शामिल करने की आवश्यकता है। ऐसा करने के लिए, ZBarSDK-1.2inosg डिस्क छवि खोलें, इसमें ZBarSDK फ़ोल्डर ढूंढें और इसे फाइंडर से Xcode में अपनी परियोजना में खींचें।

10. इसके बाद, हमें अपनी परियोजना में कई अतिरिक्त पुस्तकालय जोड़ने होंगे। हमारी परियोजना के लक्ष्य गुणों में, बिल्ड चरणों को खोलें, लिंक बाइनरी को लाइब्रेरी ड्रॉप-डाउन सूची से खोलें और निम्न पुस्तकालयों को जोड़ने के लिए इस सूची के निचले बाएं हिस्से में प्लस चिह्न पर क्लिक करें:

• AVFoundation.framework
• CoreMedia.framework
• CoreVideo.framework
• QuartzCore.framework
• libiconv.dylib

11. हमारे एसडीके के हेडर फ़ाइल को आयात करें। ऐसा करने के लिए, फ़ाइल "QR स्कैनर-प्रीफ़िक्स। Pch" खोलें और इसमें पंक्ति जोड़ें:

  #import "ZBarSDK.h" 

12. हमारे नियंत्रक वर्ग QR_ScannerViewController के लिए, हम प्रतिनिधि प्रोटोकॉल के समर्थन की घोषणा करते हैं <ZBarReaderDelegate> , इसके लिए, QR_ScannerViewController.h फ़ाइल में हम वर्ग घोषणा को सही करेंगे :

 @interface QR_ScannerViewController : UIViewController <ZBarReaderDelegate>{ UITextView *resultText; UIImageView *resultImage; } 

13. अब हम एप्लिकेशन को कुछ उपयोगी करने के लिए शुरू करने के लिए पूरी तरह से तैयार हैं। QR_ScannerViewController.m फ़ाइल में , स्कैनबटन कोड को निम्न में बदल दें :

 - (IBAction)scanButtonTapped{ //  ,     ZBarReaderViewController *reader = [ZBarReaderViewController new]; reader.readerDelegate = self; reader.supportedOrientationsMask = ZBarOrientationMaskAll; ZBarImageScanner *scanner = reader.scanner; /*     QR-.          -… */ [scanner setSymbology:0 config:ZBAR_CFG_ENABLE to:0]; /* …     QR-: */ [scanner setSymbology:ZBAR_QRCODE config:ZBAR_CFG_ENABLE to:1]; reader.readerView.zoom = 1.0; /*        (),  QR-: */ [self presentModalViewController:reader animated:YES]; [reader release]; } 

अब एप्लिकेशन में बटन पर क्लिक करने के बाद, इस विधि को कॉल किया जाएगा, जो सीधे उस दृश्य को कॉल करेगा जिस पर कैमरे से चित्र प्रदर्शित किया जाएगा। यह उपयोगकर्ता के लिए QR कोड पर कैमरे को इंगित करने के लिए पर्याप्त होगा, जिसके बाद उसे पढ़ा और संसाधित किया जाएगा।

14. हालाँकि, QR कोड को पढ़ना और प्रोसेस करना पर्याप्त नहीं है, हमें उपयोगकर्ता को प्रोसेसिंग परिणाम दिखाने की भी आवश्यकता है। ऐसा करने के लिए, हमें निम्नलिखित प्रतिनिधि विधि को लागू करने की आवश्यकता है (सभी एक ही QR_ScannerViewController.m में ):

 - (void) imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info { /*     info     - «»: */ id<NSFastEnumeration> results = [info objectForKey:ZBarReaderControllerResults]; /*         ,          QR-: */ ZBarSymbol *symbol = nil; for(symbol in results) //     break; /*             resultText: */ resultText.text = symbol.data; /*    QR-    UIImageView   resultImage: */ resultImage.image = [info objectForKey: UIImagePickerControllerOriginalImage]; //  ,     QR- [picker dismissModalViewControllerAnimated:YES]; } 

इस पद्धति के काम करने के बाद, क्यूआर कोड का फोटो खींचने वाला दृश्य स्क्रीन से हटा दिया जाएगा और फ़ाइल में हमारे द्वारा विकसित मूल दृश्य QR_ScannerViewController.xib दिखाया जाएगा । इस प्रस्तुति में, आपको क्यूआर कोड और इस क्यूआर कोड का पाठ दिखाई देगा।

15. बस इतना ही! अगला, प्रोजेक्ट को सहेजें, संकलन करें, डिवाइस पर चलाएं।

16. क्यूआर कोड स्कैन करने के लिए, "क्यूआर कोड स्कैन करें" बटन पर क्लिक करें और क्यूआर कोड छवि पर कैमरे को इंगित करें। कार्यक्रम स्वचालित रूप से क्यूआर कोड को "पहचान" करेगा, इसकी एक तस्वीर लेगा और इसे पहचान लेगा, जिसके बाद यह इसमें निहित जानकारी प्रदर्शित करेगा।

हमने पर्दे के पीछे डिवाइस पर एप्लिकेशन लॉन्च करने की प्रक्रिया का वर्णन छोड़ दिया, क्योंकि, सबसे पहले, यह वर्णन के दृष्टिकोण से एक लंबी प्रक्रिया है, और दूसरी बात, यह लेख मानता है कि पाठक के पास Xcode के साथ काम करने के बारे में कुछ जानकारी का आधार है जिसका तात्पर्य एक भौतिक उपकरण पर विकसित अनुप्रयोगों को चलाने की क्षमता से है। फिर भी, यदि पाठकों की इच्छा है, तो मैं एक अलग नोट में भौतिक डिवाइस पर विकसित अनुप्रयोगों के लॉन्च की प्रक्रिया का वर्णन कर सकता हूं।

मैं यह भी ध्यान देता हूं कि हमारे द्वारा उपयोग की जाने वाली लाइब्रेरी न केवल क्यूआर कोड, बल्कि कई अन्य प्रकार के द्वि-आयामी कोड को भी पहचानने की अनुमति देती है। हमने जानबूझकर क्यूआर कोड को पहचानने के कार्य पर ध्यान केंद्रित करने के साथ-साथ उन लोगों द्वारा इस पुस्तकालय के स्वतंत्र अध्ययन को प्रोत्साहित करने के लिए इस कार्यक्षमता को विचार से बाहर रखा है जिनके द्वारा यह ब्याज देगा।

निष्कर्ष में, इस नोट के विषय पर कई उपयोगी लिंक:
1. ZBarSDK पुस्तकालय के डेवलपर्स की साइट
2. क्यूआर कोड के बारे में विकिपीडिया