कैनवास पर टीमलैब डॉक्यूमेंट एडिटर: डेस्कटॉप और ऑनलाइन के बीच की रेखा को धुंधला करना

पिछली एक पोस्ट में, हमने आपको बताया था कि CeBIT 2012 में भाग लेने का एक मुख्य लक्ष्य नए ऑनलाइन दस्तावेज़ संपादक टीमलैब की घोषणा करना था। आज, संपादक के बारे में अधिक (फिलहाल यह बीटा संस्करण में है), आप इसे बनाने के विचार के साथ कैसे आए और अंत में इसे कैसे लागू किया।



जो भी परियोजना पर चर्चा की जाती है, हमें हमेशा दस्तावेजों के साथ काम करना पड़ता है और निश्चित रूप से, हम सभी चाहते हैं कि फाइलों का संपादन अधिकतम आराम से आगे बढ़े।

ऑनलाइन टीमवर्क टूल्स ( प्रोजेक्ट मैनेजमेंट से सीआरएम तक ) के आपूर्तिकर्ताओं के रूप में, कुछ समय में हमें दस्तावेजों के साथ काम करने के लिए अपनी स्वयं की सेवा की आवश्यकता का सामना करना पड़ा और एक मॉड्यूल विकसित करना शुरू किया जो जल्द ही दस्तावेजों, प्रस्तुतियों और तालिकाओं के साथ काम करने के लिए एक बड़े पैमाने पर उपकरण में विकसित हुआ। टीमलैब प्रणाली में एकीकृत।

हमने कहां से शुरुआत की?

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

परिणामस्वरूप, हमारे संपादक को उन्हीं समस्याओं का सामना करना पड़ा जो मौजूदा ऑनलाइन संपादकों के लिए विशिष्ट हैं: बचत, रूपांतरित करने और प्रदर्शित करने के लिए उपकरणों के एक मामूली सेट से लेकर गंभीर त्रुटियों तक।

समस्याओं के बारे में - बड़ा और छोटा

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

पेजिंग की समस्या क्या है? मौजूदा ऑनलाइन संपादक एक html पृष्ठ के साथ काम करते हैं, इस बात की परवाह किए बिना कि कितनी जानकारी वहां रखी गई है - 1 पृष्ठ या 700। तदनुसार, यह दस्तावेज़ जितना बड़ा है, उतना ही बड़ा यह html पृष्ठ है। दूसरे शब्दों में, यह एक लंबा रोल प्रतीत होता है जिसे पूरी तरह से तैनात करने की आवश्यकता होती है, अर्थात, यदि बदलाव किए गए हैं तो "ड्रा" और "रीड्रा" करें। यही कारण है कि हम इस समस्या को "पपीरस प्रभाव" कहते हैं।

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

इस सब का विश्लेषण करने के बाद, हमने पूरी तरह से पुरानी विधियों को छोड़ने का फैसला किया।

खरोंच से विकास

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

इस तरह से पृष्ठ पर अंक लगाना समस्या के साथ, हमने समस्याओं को भी ठीक किया:

- बहु-पृष्ठ दस्तावेजों के साथ कार्य की गति (जैसे कि टाइपफेस को बदलते समय)

- ज़ूमिंग,

- अनपेक्षित वर्ण प्रदर्शित करें,

- दस्तावेज़ फ़ील्ड में परिवर्तन।


ग्राफ़ लोकप्रिय ऑनलाइन संपादकों के साथ 100 से अधिक पृष्ठों के दस्तावेज़ खोलने और ज़ूम करने में लगने वाले समय को दिखाता है।

पहचान मानचित्रण कार्य

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

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

पाठ रेंडरिंग विधियों पर भी यही बात लागू होती है। मौजूदा संपादक ओएस द्वारा प्रदान किए गए कैनवास पर पाठ को प्रस्तुत करने के लिए ब्राउज़र टूल का उपयोग करते हैं।

इसीलिए, अपने संपादक को विकसित करते समय, हमें फॉन्ट मेट्रिक्स प्राप्त करने के लिए अपने स्वयं के इंजन और स्क्रीन पर रेंडर करने के लिए अपने स्वयं के दोनों तरीकों का निर्माण करना पड़ा। परिणामस्वरूप, हम स्वयं फ़ॉन्ट माप को नियंत्रित करते हैं और अपने "रेंडरर" को कमांड भेजते हैं।

पाठ को रेंडर करने की समस्या का समाधान निस्संदेह नई एचटीएमएल 5 तकनीक के उद्भव से मदद करता था, जिसमें कैनवास तत्व शामिल है, जो हमें "कैनवास" तक पहुंच प्रदान करता है, अर्थात् पिक्सेल। पाठ का प्रत्येक तत्व एक पिक्सेल की सटीकता के साथ प्रदान किया जाता है और, तदनुसार, ब्राउज़र या ओएस पर निर्भर नहीं करता है।

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


लाभ प्राप्त हुआ

परिणामस्वरूप, सभी मौजूदा ऑनलाइन संपादकों के विपरीत, टीमलैब डॉक्यूमेंट एडिटर में निम्नलिखित तकनीकी लाभ हैं :

• HTML5 अधिक से अधिक लोकप्रियता प्राप्त कर रहा है, जो भविष्य में कई नए सुधारों की गारंटी देता है;
• कैनवास पर रेंडरिंग को छोड़कर, हमारे द्वारा उपयोग की जाने वाली सभी तकनीकों को हमारे पिछले संपादक में लागू किया जा सकता है, हालांकि, एचटीएमएल 5 का उपयोग करते समय वे बहुत अधिक कुशलता से काम करते हैं;
• कैनवास लगाने से आप अपनी खुद की ड्राइंग बना सकते हैं;
• उपयोग की गई प्रौद्योगिकियों के लिए धन्यवाद, नई कार्यक्षमता को जोड़ना बिल्कुल परेशानी रहित होगा

खैर, और निश्चित रूप से, उपयोगकर्ताओं के लिए कई महत्वपूर्ण लाभ :

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

नए संपादक के बीटा संस्करण को आज़माने के लिए, http://html5.teamlab.com पर टीमलैब दस्तावेज़ संपादक डेमो पोर्टल पर जाएँ