Invizhin? खुइझिन! * हमने InvisionApp का एक फ्री एनालॉग कैसे बनाया


* Whision - सेवा का आधिकारिक नाम, मुश्किल से ध्यान देने योग्य विडंबना के स्पर्श के साथ।

सभी वेब डिज़ाइनर InvisionApp से अच्छी तरह से परिचित हैं - एक वेब सेवा जो क्लाइंट से उच्च-गुणवत्ता की प्रतिक्रिया प्राप्त करने में मदद करती है और ऑनलाइन अपने काम के परिणामों को प्रदर्शित करती है।

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

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

तो, प्रतिभागियों के अनुसार वर्कफ़्लो का क्रॉनिकल। अंत में - खुद को सेवा के लिए एक कड़ी, अधीर के लिए।


भाग 1. हैकाथॉन का बाहरी पक्ष। 24 घंटे में वेब सेवा


हम सोचते हैं!


मानसिक रूप से इनविटेशन से सबकुछ बाहर फेंक दें जो कष्टप्रद है या सिर्फ सतही लगता है। हम भविष्य की सेवा की अवधारणा के साथ आते हैं।

बकाया!


हम इसे Google डॉक्स पर जल्दी से लिखते हैं। हम सुविधाओं का एक एक्सप्रेस मूल्यांकन करते हैं, प्राथमिकता देते हैं।

डिजाइन!


हमारे कला निर्देशक बूटस्ट्रैप से तत्वों को लेते हुए सभी स्क्रीन डिज़ाइन करते हैं - लेआउट को आसान बनाने के लिए। इंटरफ़ेस के टुकड़ों से कटा हुआ, स्वादिष्ट:



लेआउट!


हम बूटस्ट्रैप में काम कर रहे स्क्रीन बना रहे हैं, यही वह जगह है जहाँ वेनिला हार्डकोर है! हो गया!

सिंक्रनाइज़!


जहां बहुत सारे फ्री सर्वर स्पेस है? गूगल पर! हमारी सेवा पर प्राधिकरण के लिए उपयुक्त खाते कौन देता है? Google फिर से! हम किसके साथ सिंक्रनाइज़ेशन करेंगे? सी गूगल!

परियोजनाओं!


लॉग इन किया, Google डिस्क में एक फ़ोल्डर बनाया - खुइज़िन में एक नया प्रोजेक्ट प्राप्त किया। Huizhin में एक नया प्रोजेक्ट बनाया - Google ड्राइव में एक नया फ़ोल्डर प्राप्त किया। यह काम करता है!

लोड!


हम सबसे सुविधाजनक लेआउट लोडर बनाते हैं: परिचालित, खींचा हुआ, लोड किया हुआ!



तैयार हो रहा है!


अपलोडर एक सुंदर तस्वीर चाहता है, इसलिए इसे Huizhin में बनाएं! स्लाइड्स को संरेखित करें, पृष्ठभूमि का रंग चुनें, लिंक को कॉपी करें!



प्रदर्शन!


Google खातों वाले कोई भी व्यक्ति आपका लेआउट देख सकते हैं और टिप्पणी कर सकते हैं! यह सही जगह पर प्रहार करने के लिए पर्याप्त है, एक टिप्पणी और वॉइला लिखें - सहकर्मी इसे देखेंगे।

परीक्षण!


हैकाथॉन पर परीक्षण करने का कोई समय नहीं है, इसलिए हमने अगले दिन एक पूप को डुबो कर सोच-समझकर परीक्षण किया!

तैनाती!


हम एक डोमेन खरीदते हैं, अपनी पूरी कोशिश करते हैं कि हम होस्टिंग करें, एक काम करने वाली सेवा प्राप्त करें!





कौन क्या चाहता है:

और सबसे जिज्ञासु के लिए। स्वयंसेवकों की एक टीम समर्पित है।

भाग 2. हैकथॉन का रिवर्स साइड। पोस्टम की रिपोर्ट


कॉपीराइटर रोमा का सही इंटरव्यू।

रोमा: दोस्तों, मुझे पता है कि आपके पास एक हैकथॉन था और इस परियोजना को व्हिसन कहा जाता था (इसके बाद, " हट्स " का प्रतिलेखन उपयोग किया जाता है - लेखक का नोट)

अलेक्सई: और अभी भी कहा जाता है!



रोमा: ठीक है, फिर भी :) इसलिए, मुझे शाब्दिक रूप से सब कुछ बताएं: आप प्रोजेक्ट में कैसे आए, हैकथॉन कैसे हुआ। मैं समझता हूं कि यह इस तथ्य के साथ शुरू हुआ कि "हमने अपना संशोधन करने का फैसला किया।"

व्लादिमीर: हां, हमारे लिए पूंजीपति को भुगतान करना कठिन है, इसलिए हमने कठोर व्यवहार किया: हमने वास्तव में अपनी खुद की अंजीर बनाने का फैसला किया।

मराट: लोगों को अपने खाली समय में बाहर घूमने की इच्छा थी। और, सामान्य तौर पर, हम आए और सवार हुए। आपको कल रेट्रोस्पेक्ट में आना चाहिए था।



व्लादिमीर: वैसे, यह दूसरा हैकाथॉन है। पहले एक को दो साल पहले आयोजित किया गया था, और परिणामस्वरूप हमने प्लानिंग पोकर खेलने के लिए एक ऑनलाइन सेवा बनाई। और एक दिन के लिए भी।

रोमा: शक्तिशाली! ठीक है, चलो इसे क्रम में करते हैं। आप सभी सुबह नौ बजे तक आए और ...

अलेक्सी: नेने, हर कोई जब भी चाहता था, आया। मराट 11, मैं 12 आया।

इवान: परंपरा से, मैं पहली बार 9:20 बजे आया, पर्यावरण की स्थापना की ... फिर लिच आया।

अलेक्सी II: मैंने घर पर सभी को चेतावनी दी कि मैं एक दिन के लिए वास्तविकता से बाहर हो रहा था। उन्होंने बिना किसी जलन के खुद को दीन बनाया।



व्लादिमीर: इवान ने काम की शुरुआत के लिए तैयारी करने के मामले में बहुत मदद की। हमारे पास एक लेआउट और एक तैयार वातावरण था।

इवान: वास्तव में, मैंने मान लिया था कि दो हफ्ते पहले एक हैकथॉन होना चाहिए। इसलिए, मैंने दस्तावेज़ पढ़ा, पहले से कुछ तैयार किया ...



रोमा: और क्या शुरू के लिए तैयार था? क्या आपने पहले से शुरू की गई परियोजना के साथ काम किया है, या ...? खैर, किसने क्या किया - यह भी बताएं।

इवान: हमारे पास सुविधाओं की एक सूची थी, न कि सबसे विस्तृत, हालांकि - मुझे रास्ते में कुछ सोचना था। जैसा कि मैंने कहा, लेआउट और परिवेश, मैंने पहले से तैयार किया था।

मराट: मैंने खुद को कोड करने का इरादा नहीं किया था, मुझे लगा कि मैं इसका परीक्षण करूंगा, पिज्जा के साथ भाग जाऊंगा, कॉफी बनाऊंगा ...;) मैं आया, दूसरा ल्योखा नहीं मिला, मुझे एहसास हुआ कि हमारे पास दो डेवलपर्स और एक परीक्षक थे, मुझे मूल बातें याद रखनी थीं। वैसे, सब कुछ जल्दी से याद किया गया था।

एलेक्सी सेकंड: मैंने लेआउट को खींचा, लगभग क्लाइंट भाग को नहीं छुआ, मूल रूप से सर्वर का हिस्सा था: टिप्पणियां, सिंक्रनाइज़ेशन।

रोमा: यहाँ, जहाँ तक मुझे याद है, इनविज़िन एक परिष्कृत सेवा है जहाँ आप लेआउट अपलोड कर सकते हैं, एक क्लिक पर टिप्पणियों को छोड़ सकते हैं, जिसमें कई प्राधिकरण हैं। और हूज़हिन क्या कर सकता है?

मराट: हमने उसे पिज्जा ऑर्डर करने का तरीका सिखाने की कोशिश की - उन्होंने इसे नहीं पढ़ा :) सामान्य तौर पर, आप अपने लेआउट को सेवा पर अपलोड कर सकते हैं और ग्राहक को काम का परिणाम दिखा सकते हैं। Google खाते का उपयोग करके सेवा पर प्राधिकरण स्वचालित है। Google ड्राइव पर, सभी छवियां संग्रहीत की जाती हैं, अर्थात्, यदि आप खुज़िन में एक नया प्रोजेक्ट बनाते हैं और उस पर चित्र अपलोड करते हैं, तो ड्राइव पर एक फ़ोल्डर फ़ोल्डर बनाया जाता है, जिसमें प्रोजेक्ट के नाम से फ़ोल्डर दिखाई देता है। और इसमें मॉडल डाले जाते हैं। सरल और बहुत आरामदायक।

इवान: यदि आप Googledrive में चित्र अपलोड करते हैं, तो खुइज़िन में भी परियोजनाएँ बनाई जा रही हैं। यही है, रिवर्स सिंक्रोनाइज़ेशन काम करता है। प्रोजेक्ट पर हमने पहली बार नोड.जेएस पर लिखने की कोशिश की - एक अच्छी बात। हमने मानगो डीबी के साथ भी काम किया, मुझे भी यह डेटाबेस पसंद आया।

रोमा: परियोजना पर संघर्ष थे ?

अलेक्सई: संघर्ष मुख्य रूप से एक ही परिदृश्य में थे: एक एक वर्ग बनाता है, दूसरा कोड में जाता है और तुरंत इसे फिर से भरना शुरू कर देता है।

व्लादिमीर: एक ऐसी बीमारी है, जिसे "यह कोड बकवास है, क्योंकि यह मेरे द्वारा नहीं लिखा गया है" :)

मराट: हमने मज़े किए, मुझे बहुत चर्चा मिली। मुझे याद आया कि कैसे कार्यक्रम करना है, बस उन्माद के इस बच्चे का दौरा किया।

अलेक्सी: मैंने सोचा था कि मैं अंत तक नहीं रहूंगा। परिणामस्वरूप, वह सुबह एक बजे तक बैठा रहा।

Marat: हाँ, यह सिर्फ इतना है कि लेच और मैंने सुबह आठ बजे क्लब छोड़ दिया। तब सभी ने जागकर महसूस किया कि आज हैकाथॉन है। हम दो-तीन घंटे सोए।

रोमा: आप कैसे बच गए?

इवान: दोपहर के भोजन के समय हम पिंग-पोंग के लिए रुक गए, जिसके बाद मेरे सिर ने बहुत बेहतर काम किया।

रोमा: क्या तुमने फिर से ईधन दिया है?

अलेक्सेई: लगभग पाँच बजे हम मराट के साथ घूमने लगे।

मराट: झूठ और निंदा: डी

एलेक्सी सेकंड: मैंने पावर इंजीनियरों पर काम करने की कोशिश की। तो, एक केले के साथ एड्रेनालाईन रश - बकवास!

रोमा: कब तक कार्य थे? और हैकथॉन क्यों है? आप शांति से अलग समय निर्धारित कर सकते हैं, एक टीम आरक्षित कर सकते हैं, स्प्रिंट की योजना बना सकते हैं ...

व्लादिमीर: मजाक यह है कि यह ड्राइविंग है। और क्या एक दिन आप शुद्ध एड्रेनालाईन पर एक काफी बड़ी परियोजना को एक साथ रख सकते हैं। और यहां तक ​​कि इस तरह की परियोजनाओं पर, आप फकैप के डर के बिना प्रौद्योगिकी को बेहतर कर सकते हैं। प्रोफकापिली - अच्छा, ठीक है। सामान्य तौर पर, कार्यों के मूल्यांकन के परिणामों के अनुसार, यह 80 घंटे था, जो प्रति दिन उनमें से चार बनाना असंभव था। इसलिए, प्रारंभिक कार्य अभी भी था - इवान के लिए धन्यवाद। और मुझे लगता है कि यह सही है - हैकाथॉन में केवल एक ड्राइव होना चाहिए;)

अलेक्सी II: हैकाथॉन में पहली बार, मुझे यह पसंद आया, समय बहुत जल्दी बीत गया। आया - हॉप! - यह टेनिस खेलने का समय है, - हॉप! - एक परियोजना बनाई।


यहाँ एक कहानी है।

यदि आप सेवा का परीक्षण करना चाहते हैं और टिप्पणी और सुझाव लिखना चाहते हैं तो मैं व्यक्तिगत रूप से बहुत आभारी रहूंगा। आप सीधे टिप्पणियों में कर सकते हैं, या आप मुझे zevvs@sibirix.ru पर ईमेल कर सकते हैं।

लिंक बटन:


Source: https://habr.com/ru/post/In197770/


All Articles