Listick.ru - ऑनलाइन नोट्स सेवा

पिछले कुछ समय से हम उपयोगकर्ताओं के लिए एक सरल और समझने योग्य नोट सेवा विकसित कर रहे हैं। लेकिन, जैसा कि आमतौर पर होता है, बाहरी सादगी के पीछे बहुत काम होता है। हमारे मामले में, यह इंटरफेस और जावास्क्रिप्ट अनुप्रयोगों पर लागू होता है। और ऐसा लगता है कि अब समय आ गया है कि हम अपने विचारों को साझा करें और पेशेवरों की राय लें।

बिल्ली के तहत, संक्षेप में सेवा और प्रौद्योगिकी के बारे में।

पत्ता क्या है?

Listick.ru सेवा लेने का एक सरल ऑनलाइन नोट है। बहुत से लोग पेपर स्टिकर या नोटपैड का उपयोग करके दैनिक रूप से नोट्स लेते हैं। हमारे पास कागज के खिलाफ कुछ भी नहीं है, लेकिन जैसे ही हाथ में नोट रखने की इच्छा होती है, एक पत्ता दिखाई देता है।

हमारा लक्ष्य एक सरल और आरामदायक सेवा प्रदान करना है। ताकि कोई भी आसानी से क्लाउड नोट्स की पूरी शक्ति का लाभ उठा सके।

लीफ में नोट रंगीन स्टिकर की तरह दिखते हैं। आइए यहां विराम दें, क्योंकि निश्चित रूप से आपकी स्मृति में इस विचार का कुछ घृणित अहसास सामने आया है। निष्कर्ष के लिए जल्दी मत करो, यहाँ स्क्रीनशॉट के लिए एक बेहतर अनुमान है:



स्टिकर को खींचा जा सकता है, रंग और आकार बदल सकते हैं। यहां आप चित्र, फ़ाइलें और स्क्रीनशॉट (उस पर बाद में) जोड़ सकते हैं। यह दृष्टिकोण हमें अपनी दृश्य स्मृति और कल्पनाशील सोच का उपयोग करने की अनुमति देता है।

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

अलग-अलग, यह Google Chrome के लिए हमारे ऐड-ऑन पर ध्यान देने योग्य है, जो आपको विवरण और स्रोत के लिंक के साथ दो क्लिक में स्क्रीनशॉट लेने की अनुमति देता है। हम उन्हें स्क्रीनशॉट, स्क्रीनशॉट और लिंक से बुलाते हैं। एक प्रदर्शन के साथ पारंपरिक वीडियो ।

आप विभिन्न तरीकों से पत्ती का उपयोग कर सकते हैं, उदाहरण के लिए:

• फोन और ईमेल पते लिखना कागज स्टिकर का एक विकल्प है।
• घर पर या काम पर पढ़ने के लिए दिलचस्प लिंक रखें।
• काम, परियोजनाओं आदि पर विभिन्न "त्वरित" जानकारी सहेजें।
• सूचियों को बनाए रखने के लिए।
• स्टिकर से आप दिलचस्प कोलाज बना सकते हैं और उन्हें दोस्तों के साथ साझा कर सकते हैं, उदाहरण के लिए, एक तकिया के बारे में । हमारे डिजाइनर सामग्री का चयन करना और ग्राहकों को लेआउट दिखाना पसंद करते हैं।
• और पत्रक में वे पुस्तकों, कविताओं और गीतों के लिए विचार लिखते हैं, फ़ोटो और फ़ाइलों का आदान-प्रदान करते हैं!

अंत में, लिस्टिक के पास एक हजार और एक प्रतियोगी है। शायद सबसे ज्यादा याद किया जाने वाला एवरनोट और एमएस वन नोट हैं। लेकिन, उदाहरण के लिए, एवरनोट एक संयोजन है जो लोगों को डराता है। यहां तक ​​कि मुझे यह पता लगाने के लिए अपनी सारी इच्छाशक्ति को मुट्ठी में इकट्ठा करना पड़ा। हमने लघु पाठ नोटों पर ध्यान केंद्रित किया, उनमें थोड़ा सा जोड़कर और एक सुविधाजनक इंटरफ़ेस में सब कुछ पैक किया।

हुड के नीचे क्या है?

सर्वर भाग Yii फ्रेमवर्क पर आधारित है। विकास के दौरान, हमारे पास कई सफल एक्सटेंशन थे, जिनमें से एक के बारे में ( yii-eauth ) मैंने पहले ही एक लेख लिखा था। बाकी, हम भी जीथूब पर पोस्ट करने की योजना बनाते हैं।

यह सब nginx + php-fpm + MariaDB के एक समूह पर घूम रहा है। त्रुटियों, smtp सर्वर और अन्य उपयोगिताओं को पकड़ने के लिए एक git सर्वर, संतरी भी है।

होस्टिंग के लिए हम Hetzner (FastVPS के माध्यम से) में एक समर्पित सर्वर का उपयोग करते हैं। मुझे कहना होगा, कई वर्षों तक उन्होंने हमें एक बार भी विफल नहीं किया (लकड़ी पर पाह-पाह)। एक छोटी आभासी मशीन सेवा के लिए आरक्षित है, जो अभी भी एक मार्जिन के साथ पर्याप्त है। निकट भविष्य में, हम उपयोगकर्ता फ़ाइलों को Azure Blob Storage में स्थानांतरित करने की संभावना पर विचार कर रहे हैं।

फ्रंट में , jQuery, jQuery.UI, अंडरस्कोर, बैकबोन, नॉकआउट, नॉकबैक और अन्य लाइब्रेरीज़ का उपयोग किया जाता है। हम खुद कई मॉड्यूल और प्लगइन्स लिखते हैं, हम कुछ तैयार करते हैं। शैलियों के लिए, हम LESS का उपयोग करते हैं और ट्विटर बूटस्ट्रैप से अनावश्यक रूप से सब कुछ काटकर प्राप्त एक मिनी-फ्रेमवर्क का उपयोग करते हैं।

वर्तमान एप्लिकेशन आर्किटेक्चर में दो गंभीर समस्याएं हैं:

1. बड़ी संख्या में "कोर" पुस्तकालय, जो कि आवेदन के आकार को काफी बढ़ाता है और लोडिंग को धीमा कर देता है।
2. मॉड्यूल के बीच मजबूत कोड सामंजस्य, जो नए कार्यों को पेश करना मुश्किल बनाता है।

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

मोबाइल वेब एप्लिकेशन में , गति और डाउनलोड किए गए डेटा की मात्रा एक महत्वपूर्ण भूमिका निभाती है। इसलिए, हम पूरी तरह से अपडेटेड आर्किटेक्चर के साथ एक वेब-एप्लिकेशन जारी करने की तैयारी कर रहे हैं। नई वास्तुकला निकोलस ज़कस ( 1 , 2 ) द्वारा प्रस्तावित विचारों पर आधारित है और अनुराज परियोजना में सन्निहित है। यह महत्वपूर्ण है कि आवेदन अब एएमडी (आवश्यकता) का उपयोग करता है। हमने एक प्रस्तुति प्रणाली के पक्ष में नॉकआउट + नॉकबैक को पूरी तरह से छोड़ दिया, आंशिक रूप से बैकबोन.मार्निएट से उधार लिया गया है।

Google Chrome के लिए ऐड-ऑन के विकास के बारे में बहुत सारे लेख लिखे गए हैं। हमारे पूरक में, कई विशेषताएं नोट की जा सकती हैं:

1. हमने पृष्ठभूमि स्क्रिप्ट तर्क को कई छोटे मॉड्यूल में विभाजित किया है: एक पॉपअप विंडो के लिए पोर्टहैंडलर, एक पत्ता पर एक स्क्रिप्ट के लिए, अन्य साइटों पर एक स्क्रिप्ट के लिए।
2. हम पॉपअप विंडो में और साइट के दोनों तरफ स्क्रिप्ट में नॉकआउट का उपयोग करते हैं। हमने ClassBindingProvider के माध्यम से दूसरे संस्करण की उपस्थिति के साथ दोस्त बनाए ।
3. शैलियों के लिए, सब कुछ भी कम है।
4. सूची एपीआई से कनेक्शन क्रॉस-डॉक्यूमेंट मैसेजिंग (window.postMessage) के माध्यम से होता है।

यदि आप कुछ विशिष्ट में रुचि रखते हैं - टिप्पणियों में लिखें, हम बताएंगे।

भविष्य की परियोजना

सबसे पहले, हम एक मोबाइल एप्लिकेशन लॉन्च करने और नए उपयोगकर्ताओं को आकर्षित करने के लिए चैनलों के साथ प्रयोग जारी रखने की योजना बना रहे हैं। निम्नलिखित विशेषताएं नियोजित हैं:

1. डिजाइन नोट्स (पाठ चयन, कस्टम विजेट रंग);
2. मामलों के योजनाकार, ईमेल और एसएमएस द्वारा सूचनाओं के साथ अनुस्मारक के लिए अनुस्मारक;
3. खोज;
4. सहयोगी संपादन;
5. सरल ड्राइंग: तीर, आकार, कैप्शन, आदि;
6. एक कमी प्रभाव और एक नाविक के साथ कार्य क्षेत्र।

PS ऑनलाइन नोट के फायदे और नुकसान दोनों हैं। कोई भी सेवा में कार्रवाई की कोशिश कर सकता है और अपने स्वयं के निष्कर्ष निकाल सकता है। हम मानते हैं कि सरल नोट्स के अपने दर्शक हैं और सेवा मांग में होगी।