फॉर्म बिल्डर कसा बनवायचा

फॉर्म बिल्डरमुळे लोक स्वतःचे फॉर्म डिझाइन करू शकतात — फील्ड निवडणे, नियम ठरवणे, लिंक प्रकाशित करणे — आणि मग सबमिशन गोळा केले जातात. आत तीन गोष्टी असतात: डेटा म्हणून साठवलेली फॉर्मची व्याख्या, व्याख्येला काम करणाऱ्या फॉर्ममध्ये बदलणारा रेंडरर, आणि सूचना व एक्सपोर्टसह सबमिशन स्टोअर. बिल्डर बनवण्यापूर्वी तुम्हाला खरोखर त्याची गरज आहे का ते तपासा: फक्त संपर्क फॉर्म किंवा अर्ज फॉर्म हवा असेल, तर तो थेट बनवा आणि बिल्डर पूर्णपणे टाळा.

तुम्हाला खरंच बिल्डर हवा आहे का?

बिल्डर हा फॉर्मपेक्षा मोठा प्रकल्प असतो, कारण प्रत्येक फील्ड प्रकार संपादकात, सार्वजनिक फॉर्मवर, पडताळणीत, साठवणुकीत, सूचनांमध्ये आणि एक्सपोर्टमध्ये काम करायला हवा.

फॉर्म बिल्डरला काय लागते

फॉर्मची व्याख्या

प्रत्येक फॉर्म फील्डची यादी म्हणून संरचित डेटाच्या स्वरूपात साठवा (Postgres कॉलममध्ये JSON चांगले काम करते). एक फील्ड असे दिसू शकते:

• id — स्थिर ID, जो लेबल बदलला तरी बदलत नाही
• type — मजकूर, ईमेल, संख्या, मोठा मजकूर, निवड, चेकबॉक्स, तारीख, फाइल
• label आणि help text
• required, min / max, अनुमत फाइल प्रकार
• निवड फील्डसाठी पर्याय
• क्रम, आणि ऐच्छिक अट ("फक्त तेव्हा दाखवा जेव्हा फील्ड X हे Y असते")

संपादक ही यादी बदलतो; सार्वजनिक फॉर्म ती वाचतो. एवढीच युक्ती आहे: प्रत्येक फॉर्मसाठी नवीन कोड नाही.

सबमिशन

• Submissions — फॉर्म, फॉर्म आवृत्ती, सबमिट केलेली वेळ, फील्ड ID नुसार उत्तरे, स्थिती (नवीन, वाचलेले, संग्रहित).
• Files — अपलोड केलेल्या फाइल फाइल स्टोरेजमध्ये राहतात, आणि सबमिशनमध्ये फक्त त्यांचा संदर्भ असतो; डेटाबेस रोमध्ये कधीही नाही.

पाने

• सबमिशन संख्यांसह फॉर्मची यादी.
• संपादक — फील्ड जोडा, क्रम बदला, आणि शेजारी थेट पूर्वावलोकनासह त्यांची मांडणी करा.
• सेटिंग्ज — पुष्टी संदेश किंवा रीडायरेक्ट, सूचना ईमेल, उघडण्याच्या-बंद करण्याच्या तारखा, सबमिशन मर्यादा.
• सार्वजनिक फॉर्म स्वतःच्या लिंकवर, आणि इतर वेबसाइटवर वापरता येणारी एम्बेड आवृत्ती.
• सबमिशन टेबल शोध, स्थिती, तपशील दृश्य आणि CSV एक्सपोर्टसह.

निर्णय आणि तडजोडी

आवृत्ती व्यवस्थापन. २०० सबमिशननंतर कोणीतरी "Phone" चे नाव "Mobile number" करेल. उत्तरे फील्ड ID नुसार साठवली आणि प्रत्येक सबमिशनने फॉर्म आवृत्ती नोंदवली, तर जुने सबमिशन अजूनही बरोबर दिसतात. ते नसेल, तर तुमचा डेटा शांतपणे विस्कटतो.

पडताळणी दोनदा चालते. जलद प्रतिसादासाठी ब्राउझरमध्ये फील्ड तपासा, आणि पुन्हा सर्व्हरवर, कारण कोणीही थेट तुमच्या एंडपॉइंटला डेटा पाठवू शकतो. सर्व्हरवरील तपासणीच खरी धरली जाते.

फाइल अपलोड. त्यासोबत स्टोरेज खर्च, आकार मर्यादा, फाइल प्रकार तपासणी आणि गोपनीयतेचे प्रश्न (CV, ओळखपत्रे, वैद्यकीय फॉर्म) येतात. प्रकार आणि आकार मर्यादित ठेवा, आणि अपलोड फाइल्स डीफॉल्टने खाजगी ठेवा, फक्त फॉर्म मालकांना वाचता येतील अशा. तुमच्या ॲपमध्ये फाइल अपलोड कसे जोडायचे पहा.

सूचना. "कोणी सबमिट केल्यावर मला ईमेल करा" ही अपेक्षा असते. त्यासाठी ईमेल प्रदाता आणि API की लागते; तुमच्या ॲपमधून ईमेल कसे पाठवायचे पहा.

स्पॅम. सार्वजनिक फॉर्म बॉट्सना सापडेल. हनीपॉट फील्ड (लोकांपासून लपलेले, बॉट्सकडून भरले जाणारे), IP नुसार रेट मर्यादा, सर्व्हरवरील पडताळणी आणि गरज पडल्यास CAPTCHA सेवा वापरा.

एम्बेडिंग. दुसऱ्याच्या वेबसाइटवर फॉर्म ठेवण्याचा सर्वात सोपा आणि सुरक्षित मार्ग म्हणजे iframe एम्बेड. स्क्रिप्ट एम्बेड अधिक नैसर्गिक दिसतो, पण बनवायला आणि सुरक्षित करायला कठीण आहे.

अट-आधारित तर्क. "हे फील्ड फक्त जर..." लोकप्रिय आहे आणि चाचण्या वाढवते. मूलभूत गोष्टी पक्क्या झाल्यावरच ते जोडा.

एक काम करणारा पहिला प्रॉम्प्ट

माझ्या टीमसाठी एक फॉर्म बिल्डर वेब ॲप बनवा. लॉगिन केलेले वापरकर्ते लाइव्ह पूर्वावलोकनासह संपादकात फॉर्म बनवतात. फील्ड प्रकार: छोटा मजकूर, मोठा मजकूर, ईमेल, संख्या, तारीख, एकल निवड, चेकबॉक्स आणि फाइल अपलोड. प्रत्येक फील्डला स्थिर ID, लेबल, मदत मजकूर, required फ्लॅग आणि प्रकार-विशिष्ट नियम आहेत (min/max, पर्याय, अनुमत फाइल प्रकार आणि 10 MB आकार मर्यादा). फॉर्मची व्याख्या JSON मध्ये आवृत्ती क्रमांकासह साठवा, जो प्रत्येक प्रकाशनाला वाढतो. प्रत्येक फॉर्मला सार्वजनिक लिंक आणि iframe एम्बेड कोड मिळतो. सबमिशन प्रकाशित आवृत्तीविरुद्ध सर्व्हरवर पडताळा, उत्तरे फील्ड ID नुसार आणि फॉर्म आवृत्तीसह साठवा, आणि अपलोड फाइल्स खाजगी फाइल स्टोरेजमध्ये ठेवा. लपलेले हनीपॉट फील्ड आणि प्रति-IP रेट मर्यादा जोडा. फॉर्म मालकांना स्थितीसह (नवीन, वाचलेले, संग्रहित) सबमिशन टेबल, तपशील दृश्य आणि CSV एक्सपोर्ट दिसतो. सर्व काही डेटाबेसमध्ये साठवा. अट-तर्क आणि ईमेल सूचना नंतरसाठी ठेवा.

बिल्ड स्टेप्स

1. संपादक आणि व्याख्या. प्रत्येक फील्ड प्रकारासह फॉर्म बनवा आणि एजंटसह जतन केलेले JSON पहा. ते स्वच्छ आणि स्थिर आहे का?
2. सार्वजनिक फॉर्म. फोनवर भरून पहा. पडताळणी संदेश आणि पुष्टी स्क्रीन तपासा.
3. सर्व्हर पडताळणी. एजंटला पानाला वगळून, नियम मोडणारे सबमिशन थेट सर्व्हरला पाठवायला सांगा. ते नाकारले गेले पाहिजे.
4. आवृत्ती व्यवस्थापन. काही सबमिशननंतर फील्डची नावे आणि क्रम बदला. जुन्या सबमिशनमध्ये अजूनही बरोबर उत्तरे दिसली पाहिजेत.
5. अपलोड. खूप मोठी आणि चुकीच्या प्रकारची फाइल वापरून पहा. अंदाजे लिंक टाकून अनोळखी व्यक्ती अपलोड फाइल उघडू शकत नाही याची खात्री करा.
6. सबमिशन टेबल आणि एक्सपोर्ट. उत्तरांमध्ये स्वल्पविराम, ओळींचे खंड आणि उच्चारचिन्हांकित अक्षरे असलेला CSV एक्सपोर्ट तपासा.
7. सूचना, एम्बेड, तर्क. एकेक करून जोडा.

सामान्य चुका

• उत्तरे लेबलनुसार साठवणे. लेबल बदलतात. स्थिर फील्ड ID वापरा.
• फक्त ब्राउझरमधील पडताळणी. ती सोय आहे, संरक्षण नाही.
• सार्वजनिक अपलोड फाइल्स. फॉर्म अनेकदा असे दस्तऐवज गोळा करतात जे लोकांना उघड व्हायला नको असतात.
• स्पॅम संरक्षण नसणे. सार्वजनिक फॉर्म काही दिवसांतच कचऱ्याने भरू शकतो.
• एका फॉर्मसाठी बिल्डर बनवणे. फॉर्म बनवा.
• सार्वजनिक उत्पादनावर अमर्याद सबमिशन. ग्राहक फॉर्म बनवत असतील, तर प्रति प्लॅन मर्यादा ठेवा, नाहीतर एक लोकप्रिय फॉर्म तुमचे होस्टिंग बिल वाढवेल.

तयार उत्पादन कधी चांगला पर्याय ठरतो

बहुतेक गरजांसाठी होस्टेड फॉर्म टूल्स उत्तम आणि स्वस्त आहेत. एम्बेडिंग, स्पॅम, पेमेंट, इंटिग्रेशन आणि डझनभर फील्ड प्रकारांसाठी ॲक्सेसिबिलिटी त्यांनी आधीच सोडवलेली आहे. तुमच्या टीमला फक्त फॉर्म हवे असतील, तर एक वापरा — Typeform पर्याय आणि Google Forms पर्याय पहा.

सबमिशन तुमच्या स्वतःच्या डेटाच्या शेजारी राहायला हवे असतील (तुम्ही चालवत असलेल्या CRM किंवा क्लायंट पोर्टलला डेटा पुरवायचा असेल), सबमिशननंतर टूल्स करू शकत नाहीत असे वर्कफ्लो हवे असतील, डेटा कुठे आहे किंवा त्याचा मालक कोण आहे ही आवश्यकता असेल, किंवा तुम्ही विकत असलेल्या उत्पादनात फॉर्म हे एक वैशिष्ट्य असेल, तर स्वतःचा बिल्डर बनवा.

Mythex सह बनवणे

Mythex वर तुम्ही चॅटमध्ये बिल्डरचे वर्णन करता आणि लाइव्ह प्रिव्ह्यूमध्ये संपादक आणि सार्वजनिक फॉर्म शेजारी शेजारी तपासता. Mythex फॉर्मची व्याख्या आणि सबमिशनसाठी एक समर्पित डेटाबेस जोडते, आणि तुमच्या ॲपला अपलोडची गरज भासल्यास फाइल स्टोरेज आपोआप सक्षम होते (Free प्लॅनवर 1 GB पर्यंत मर्यादित). सूचना ईमेल तुम्ही स्वतःच्या कीने जोडलेल्या प्रदात्यामार्फत जातात. ॲप mythex.ai लिंकवर प्रकाशित करा, किंवा Pro वर स्वतःचे डोमेन वापरा, आणि सार्वजनिक फॉर्म लिंक तिथून काम करतील.

प्रश्न