पैन कार्ड रीसाइज़र टूल कैसे बनाए? Step-By-Step पुरी जानकारी

पैन कार्ड रीसाइज़र टूल कैसे बनाए? How to create Your Own Pan Card Resizer Tool?

 

पैन कार्ड के लिए अप्लाई करते वक्त हमें कई बार पैन कार्ड फोटो या पैन कार्ड सिग्नेचर को सही साइज़ में अपलोड करना होता है। इसके लिए Pan card resizer टूल का इस्तेमाल किया जाता है। आज इस आर्टिकल द्वारा हमें सीखेगें की किस तरह हम खुदका एक Pan Card Resizer टूल बना सकते हैं। जिसकी मदत से  हम ऑफलाइन होकर भी Pan Card photo या Signature Resize कर सकेंगे।

 

पैन कार्ड रीसाइज़र टूल कैसे बनाए?

पैन कार्ड रीसाइज़र बनाने के लिए आवश्यक टूल | Require Tools to Create Pan Card Photo Resizer

Pan Card Resizer टूल बनाने के लिए हमें कुछ प्रोग्राम्स लिखने होगे। जिसके लिए प्रोग्रामिंग या कोडिंग की जरूरत होती। कोडिंग करने के लिए हमें अपने PC की कुछ Requirement पर ध्यान देना होगा। ही कुछ Software भी हमें install करने होगें। 

Programming करने के लिए हमें कम्प्युटर या लैपटाप की जरूरत होगी। जिसमें कम से कम 4GB तक RAM और साथ ही कम से कम Intel i3 प्रॉसेसर होना चाहिए।

आप Mobile या Tablet में भी programming कर सकते हैं। लेकिन कम्प्युटर पर कोड लिखना आसान होता है।

Software Requirement:- Vs Code, Google Chrome, HTML editor(mobile)

 

 

Vs code कैसे डाउनलोड करें? How to download vs code in hindi?

 

Vs code(Virtual Studio Code) यह एक मुफ्त Code Editor सॉफ्टवेर है जिसे Microsoft द्वारा बनाया गया था। इसकी मदत से कोडिंग Syntax(कोड लिखने का तरीका) आसानी से अपने आप लिखे जाने से मदद मिलती है। साथ ही  इसमे कुछ ऐसे कुछ एक्सटेंशन और थीम्स होते हैं जिससे कोडिंग करने में मजा आता है।

इसे इन्स्टाल करने करने के लिए आपको आगे दिए गए स्टेप करने होगे- 

अपने किसी भी ब्राउज़र में जाकर आपको Vs Code की अधिकृत वेबसाइट पर जाना होगा। आगे दी गई लिंक द्वारा भी आप इसे वीसैट कर सकते है।

Vs Code की वेबसाइट पर आने के बाद ऊपर दाहिनी ओर Download बटन पर क्लिक करना होगा।अपनी मौजूद सिस्टम अनुसार ऑप्शन चुनकर आप इसे डाउनलोड कर सकते हैं। फ़ाइल Download हो जाने पर इसे ओपेन कर लें।

फ़ाइल ओपेन हो जाने के बाद आपको terms and conditions को एक्सैप्ट करना होगा। उसके लिए I accept the agreement पर टिक करना होगा। बादमें next बटन पर क्लिक करते हुए आप अगली प्रक्रिया कर सकते हैं।

यहाँ आपको Vs code कहाँ इन्स्टाल करना चाहते हो? उसका लोकेशन पूछा जाएगा। अपने अनुसार लोकेशन चुनकर आप Next बटन पर क्लिक कर सकते है।

अंत मे Install बटन पर क्लिक करके Vs Code इन्स्टालेशन की पूरी प्रक्रिया हो जाएगी। “Finish” बटन पर Click करने से आप उसे ओपेन कर सकते हैं।

 

Pan Card Resizer टूल के लिए आवश्यक एक्सटेंशन

Pan Card Resizer Tool बनाने के लिए हमें HTML, CSS और JavaScript जैसे प्रोग्रामिंग भाषाओं का अपलोड करना होगा। इसी कारण हमें उन्हे Vs Code में install करना होगा।

इन्हे Install करने के लिए आपको बाई और Extensions का चिन्ह दिखाई देगा। उसपर क्लिक करें। Search Extension में आपको HTML/Css support लिखकर सर्च करना है। पहले ही नंबर पर आपको यह एक्सटेंशन दिखाई देगा। उसपर क्लिक करना होगा। क्लिक करने के बाद इस extension के बारे में जानकारी दिखाई जाएगी। “install” बटन पर क्लिक करके आप इसे install कर लें।

यही प्रक्रिया आपको JavaScript डाउनलोड करने के लिए करनी होगी। इसके लिए आपको सर्च बार में “JavaScript (ES6) code snippets” यह लिख कर सर्च करना होगा।

 

 

 

Pan Card Photo Resizer Tool बनाने के लिए Algorithm

Pan Card Resizer टूल बनाए के लिए हमें सबसे पहले उसका ढ़ाचा और सारी क्रियाओं के बारे में सोचना होता। जिसे Algorithm कहते है। इससे टूल बनाते वक्त हमें आसानी होगी।

 

Html CSS Javascript फ़ाइल बनाए

सबसे पहले हमें Html, css और Javascript इनकी फ़ाइल तैयार करनी होगी। जिन्हे ही जगह सेव किया जाए।

फोटो अपलोड करें

Pan Card Resizer टूल की पहली क्रिया यह होगी की, सबसे पहले हम जिस भी इमेज को रिसाइज़ करना चाहते हैं। उसे अपलोड करेन। HTML की मदत से हम इसे कर सकते हैं।

Photo दर्शाए

Upload की गई इमेज को हमें स्क्रीन पर दिखाना होगा। और इनपुट बटन को हटाना होगा।

Crop करें

इमेज को क्रॉप करके रिसाइज़ करने के लिये हमें, cropper.js जैसे CDN(Content Delivery Network) सहारा लेना होगा।

Download

अंत में Crop की गई इमेज को डाउनलोड बटन से सेव्ह कराने की कोडिंग हमें करनी होगी।

 

 

 

How to Create Pan Card Resizer?

इस टूल को बनाने के लिए हमें ऊपर दिए गए Algorithm का इस्तेमाल करके प्रोग्रामिंग करनी होगी।

 

 

Create Files.

Pan Card Resizer टूल बनाए के लिए आपको एक Folder तैयार करना होगा। जिसमें HTML Css javascript यह तीनों फ़ाइलों को सेव्ह करना होगा। उसके लिए आगे दी गई क्रिया करें-

सबसे पहले अपने कम्प्युटर में एक Folder बना ले। उसे अपने अनुसार कोई भी नाम दें।

उसे ओपेन करें। ओपेन होने पर स्क्रीन पर खुली जगह पर कही भी माऊस से “Right Click” करें। आपको Open With Code यह ऑप्शन दिखाई देगा। उसपर क्लिक करें।

अब आपका Vs Code ओपेन हो गया होगा। Ctrl + n बटन दबाए जिससे एक नई “टेक्स्ट फ़ाइल” ओपेन होगी। उसे Save करने के लिए Ctrl + S दबाए या File tab में जाकर सेव बटन पर क्लिक करें।

सेव बॉक्स में आपको File Name पूछा जाएगा। वहाँ आपको फ़ाइल का नाम और Save as Type में HTML लिखना है। CSS और javascript फ़ाइलों के लिए भी आपको यही क्रिया करे। फ़ाइल का नाम लिखते वक्त html फ़ाइल के लिए “Index”, Css फ़ाइल के लिए “Style” और Javascript फ़ाइल के लिए “sciprt” यह नाम लिखे जिससे उन्हे समझने में आसानी होगी।

आप सारा प्रोग्राम एक ही HTML फ़ाइल में भी लिख सकते है। Html में Css लिखने के <style></style> और javascript लिखने के लिए स्क्रिप्ट tag का इस्तेमाल कर सकते है।

 

 

Link Files-

फ़ाइल बनाने के बाद हमें HTML में Css और Javascript को लिंक करना होगा। html फ़ाइल ओपेन करके “Shirt + !” बटन दबाए। “!” यह चिन्ह पर क्लिक करें या “Enter” दबाए। जिससे की HTML की बोइलर प्लेट तैयार हो जाएगी। HTML फ़ाइल के <head> टैग के अंदर आपको   <link rel="stylesheet" href="css फ़ाइल का नाम.css"> यह कोड़ लिखना होगा। Javascript फ़ाइल को लिंक करने के लिए। </body> के बाद में आपको <script src=”javascript फ़ाइल का नाम”> यह कोड लिखकर tag को </script> से बंद करना होगा।

 

 

कोड लिखे

Pan Card Resizer को बनाने के लिए Html, css और Javascript में कोड लिखना होगा। अगर आपको programming नहीं आती तो आप हमारे Pan Card Resizer का इस्तेमाल कर सकते हो। साथ ही हमारी Html, css और Javascript फ़ाइलों का इस्तेमाल कर सकते हो। उन्हे डाउनलोड करने के लिए, इसी आर्टिकल के अंत में दिए गए Download बटन पर क्लिक करके आप इन फ़ाइलों को डाउनलोड कर सकते हो।

 

 

 

 

 

 

तो, यह सब करके आप Pan Card Resizer टूल बना सकते है। इससे Pan Card photo Resize करने के लिए आपको Live Server के इस्तेमाल से Code Run करना होगा। यह Vs Code का एक Extension है जिसे आप मुफ्त में Install कर सकते हैं। अगर आपको यह tool बनाने में कोई भी दिक्कत आ रही हो, तो हमें कमेंट द्वारा जरूर पूछे।

 

Note:- PAN Card Resizer टूल की यह फ़ाइल केवल आपके व्यक्तिगत उपयोग के लिए दी जा रही है। इस टूल की स्क्रिप्ट और HTML, CSS कोड़ को आप व्यावसायिक रूप में इस्तेमाल नहीं कर सकते। इसे केवल अपने व्यक्तिगत काम के लिए ही इस्तेमाल करे। धन्यवाद!