🤹🏽 🌃 🌻 वेब प्रौद्योगिकियों का उपयोग करके प्रस्तुति कैसे दें? 🤱🏻 🍱 🙎🏻

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

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

यह कैसे काम करता है

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

इसे प्रस्तुतियों में कैसे लागू किया जाए? आप बस HTML, मार्कडाउन या यहां तक कि YAML प्रारूप में प्रस्तुति लिखते हैं, एक ब्राउज़र में परिणाम लॉन्च करते हैं, पूर्ण स्क्रीन मोड से बाहर निकलते हैं और अपनी कहानी शुरू करते हैं। इस तरह की प्रस्तुतियाँ पूरी तरह से रीमोट्स को सुनती हैं, आपको सामान्य पाठ और सूचियों के अलावा, परिवर्तन को चेतन करने, चित्र और वीडियो सम्मिलित करने की अनुमति देती हैं।

ओपेरा शो

ओपेरा शो आपके ब्राउज़र में प्रस्तुतियाँ बनाने का पहला प्रारूप है। आप Haakon Wium Lee की प्रस्तुति जनरेटर की कोशिश कर सकते हैं। OSF 1.0 प्रारूप में प्रलेखन भी उपलब्ध है।

सीधे ब्राउज़र में प्रस्तुतियाँ करने का सबसे पहला प्रयास ओपेरा शो प्रणाली थी, जिसे 2000 में जारी किया गया था। यह प्रणाली इस तथ्य पर आधारित थी कि ओपेरा 4.0 ब्राउज़र फुल-स्क्रीन मोड में स्विच करने पर स्क्रीन मीडिया को प्रक्षेपण में बदल देता है। इसके लिए धन्यवाद, लेख में नई शैली जोड़ना, स्लाइड में विभाजित करना और बटन और बटन के साथ स्लाइड के बीच स्विच करना बहुत आसान था।

<link rel="stylesheet" href="screen.css" media="screen"> <link rel="stylesheet" href="projection.css" media="projection">

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

S5

S5 - एरिक मेयर द्वारा ओपेरा शो के विचारों का क्रॉस-ब्राउज़र विकास, एक प्रस्तुति का एक उदाहरण। "S5" क्योंकि पूरे पांच अक्षरों का पूरा नाम S: सरल मानक-आधारित स्लाइड शो प्रणाली।

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

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

इसके बाद, S5 सिस्टम को jQuery में फिर से लिखा गया और S6 नाम दिया गया, और फिर उन्होंने 9 नाम से एक रूबी विकी स्लाइड जनरेटर लिखा। लेकिन एस 5 पर आधारित इन और अन्य परियोजनाओं को विकास और लोकप्रियता नहीं मिली।

लोरी और विस्फोट

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

और केवल जब HTML5 के साथ CSS3 के हाथ में ग्रह पर अपना विजयी मार्च शुरू किया, तो एक वास्तविक कैम्ब्रियन विस्फोट हुआ: ब्राउज़र में प्रस्तुति इंजन एक के बाद एक दिखाई देने लगे - सबसे सरल कॉपीराइट वाले से लेकर कॉर्पोरेट वाले।

सीएसएसएस

CSSS लेह वेरो की स्लाइड शो प्रणाली है जो CSS की शक्ति का लाभ उठाती है। S5 की तरह CSS- आधारित SlideShow सिस्टम का पूरा नाम भी बहुत एस है।

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

CSSS को प्रेजेंटेशन का काम करने के लिए CSS की शक्ति को अधिकतम करने के लिए S5 का विचार विरासत में मिला है, लेकिन लेह का जावास्क्रिप्ट इंजन एक नए स्तर तक बढ़ जाता है। इंजन के लिए जावास्क्रिप्ट प्लगइन्स लिखे गए थे: एक कोड को हाइलाइट करने के लिए और कई स्लाइड पर कोड को सीधे एडिट करने के लिए। प्लग-इन के दूसरे समूह ने लीह को स्लाइड पर लाइव स्लाइड राइट से उदाहरणों के कोड को संपादित करके ओवेशन तोड़ने की अनुमति दी। अब यह स्क्रीन पर सिर्फ तस्वीरें नहीं थी, बल्कि प्रयोगों के लिए एक लाइव इंटरफ़ेस था।

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

Reveal.js

Reveal.js हकीम अल-खत्ताबा का प्रस्तुति इंजन है, जो अपनी सादगी, 3 डी प्रभाव और प्रस्तुतियों को बनाने के लिए एक विशेष ऑनलाइन सेवा rvl.io के साथ आकर्षित करता है।

यह 2011 में था, स्वीडिश डेवलपर हकीम अल-खत्ताब एक स्थानीय सम्मेलन के लिए एसवीजी पर एक रिपोर्ट तैयार कर रहे थे, और उन्होंने सीएसएस में 3 डी क्षमताओं के साथ इतना खेला कि उन्होंने उन पर एक सरल प्रस्तुति इंजन बनाया। उन्होंने इसे साधारण रूप से भी कहा: CSS 3D स्लाइड शो। थ्री-डायमेंशनल इफेक्ट्स और टू-लेवल नेविगेशन जनता को इतना पसंद है कि इंजन को नए नाम Reveal.js के तहत विकसित किया गया था। परियोजना ने न केवल एक नया नाम, बल्कि अन्य गंभीर चीजें भी हासिल कर लीं, जैसे कि प्रलेखन, सामुदायिक समर्थन और गीथहब पर एक भंडार, लेकिन इसने अपनी मूल सादगी नहीं खोई: बीच में एक आकर्षण के साथ एक अंधेरे क्षेत्र, केंद्र में सफेद अक्षर और प्रभावशाली 3 डी स्पैन। लेकिन हकीम इस पर शांत नहीं हुए और उन्होंने एक पूरी सेवा की , जिससे आप Reveal.js इंजन पर प्रस्तुतियाँ बना सकते हैं और उन्हें साइट पर संग्रहीत कर सकते हैं।

इस इंजन की दिलचस्प विशेषताओं में से एक है मार्कडाउन प्रारूप में स्लाइड सामग्री लिखने की क्षमता। इस पाठ को HTML में उड़ने पर परिवर्तित करना एक विशेष स्क्रिप्ट है।

Impress.js

Impress.js 3 डी स्पैन के साथ बार्टेक शोपका की प्रस्तुति इंजन है, जो ब्राउज़र में खुली प्रौद्योगिकियों का उपयोग करके "विचारों के साथ सतह" दृष्टिकोण विकसित कर रहा है।

इंप्रेशन.जेएस इंजन बार्टेक शोपकी की प्रस्तुति उत्तेजक रूप से शुरू होती है: वे आपको उबाऊ सफेद स्लाइड दिखाते हैं और सवाल पूछते हैं "क्या आप एक ही प्रस्तुति से थक गए हैं?" - एक स्लाइड, दूसरा, तीसरा ... और यहां, जब चौथे पर स्विच करते हैं, तो सब कुछ बदल जाता है। आप अपने आप को एक बड़े धरातल पर पाते हैं, जहाँ प्रस्तुति को बनाने वाले सभी विचार धूर्ततापूर्ण तरीके से बिखरे हुए हैं, और अगले में परिवर्तन एक जटिल अवधि के साथ होता है, जो कि लुभावनी है।

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

Google टेम्प्लेट

Google I / O के लिए टेम्प्लेट Google का कॉर्पोरेट प्रस्तुति इंजन है, ध्यान से डिज़ाइन की गई शैलियों के साथ, स्पीकर नोट्स के लिए एक अलग विंडो है। यह तकनीकी रिपोर्टों के लिए बहुत अच्छा है। इस टेम्पलेट का पिछला संस्करण कम कॉर्पोरेट लगता है।

यदि आप अभी भी सोचते हैं कि ब्राउज़र में प्रस्तुतियाँ एकल प्रौद्योगिकीविदों की बहुत हैं, जो नई तकनीकों के लिए उत्साह और प्रेम में एक-दूसरे के साथ प्रतिस्पर्धा करते हैं, तो आप गलत हैं। दुनिया के सबसे बड़े निगमों में से एक Google, जो हमारे ब्राउज़र में Google डॉक्स के रूप में एक पूर्ण-कार्यालय लाया गया, लंबे समय से प्रस्तुति इंजन के साथ प्रयोग कर रहा है। और अगर बड़े पैमाने पर उपयोगकर्ता के लिए यह Google डॉक्स से सीधे ब्राउज़र में एक प्रस्तुति बनाने और दिखाने का अवसर बन गया, तो Google टेक्नोलॉजिस्ट ने Google डेवलपर डे और Google I / O सम्मेलनों में बोलने के लिए अपने स्वयं के इंजन के कई संस्करणों का उपयोग किया।

Google प्रस्तुतियों के "कॉर्पोरेट" इंजन का नवीनतम संस्करण वह टेम्प्लेट था जो मुख्य Google I / O 2012 सम्मेलन में भाषणों के लिए तैयार किया गया था। यह टेम्पलेट आपको सभी कल्पित प्रकार की सामग्री का उपयोग करने की अनुमति देता है: सरल पाठ और कोड स्निपेट से लेकर जटिल टेबल और शेयर चार्ट तक। तुम भी दूसरी मॉनीटर पर एक अलग ब्राउज़र विंडो बाहर ला सकते हैं और स्लाइड्स पर नोट्स प्राप्त कर सकते हैं और उस पर वर्तमान और अगली स्लाइड्स का अवलोकन कर सकते हैं, जैसे वयस्क डेस्कटॉप सिस्टम में।

गीतात्मक विषयांतर

यहां व्यक्तिगत अनुभवों को साझा करने का समय आता है। आपके विनम्र सेवक ने 2007 में RIT सम्मेलन में अपनी पहली रिपोर्ट पढ़ी, और इसे Adobe Illustrator में बनाया: यह एक विशाल 1600 x 7800 पिक्सेल दस्तावेज़ था जो कई मिनटों के लिए खोला गया था, निर्दयता से धीमा हो गया और अंततः पीडीएफ में मुद्रित हुआ। इलस्ट्रेटर, वास्तव में, सबसे असुविधाजनक प्रस्तुति उपकरण है जिसका मैंने कभी उपयोग किया है। यहां आपको एक शोकपूर्ण विराम लेने की आवश्यकता है।

तब पावरपॉइंट टेम्पलेट्स का उपयोग करने का प्रयास किया गया था, जिससे वे अपने दांतों को झुकाते थे, कीनोट के साथ एक संक्षिप्त संबंध (ऐप्पल बुरी तरह से नहीं कर सकता, यह कर सकता है?)। और अंत में, मैं एक सरल विचार पर आया: अगर मैं एक प्रौद्योगिकीविद् हूं और प्रौद्योगिकियों के बारे में बात करता हूं, उनकी जबरदस्त शक्ति और क्षमता के बारे में, तो मेरे लिए अपने स्वयं के विचारों के विपरीत उपकरणों का उपयोग करना बेकार है।

जानकारी

वेब स्टैंडर्ड डेज़ फ्रंट-एंड प्रौद्योगिकियों पर एक स्वतंत्र सम्मेलन है, जो 2009 से मिन्स्क, कीव, सेंट पीटर्सबर्ग, मास्को और अन्य शहरों में वेब मानक समुदाय द्वारा आयोजित किया गया है।

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

शावर

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

2011 में, इसी RIT में, मेरी रिपोर्ट "अर्थ के साथ लेआउट" का प्रदर्शन किया गया था और नए शावर प्रस्तुति इंजन को पहली बार जनता को दिखाया गया था। इंजन की मुख्य विशेषता दो मोड थे: एक स्लाइड की सूची के साथ, दूसरा - प्रस्तुति। शॉवर मूल रूप से स्लाइड के लिए इंजन और थीम को अलग करता है, इसलिए थीम की मदद से, प्रस्तुति को मान्यता से परे बदला जा सकता है।

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

यैंडेक्स डेवलपर्स, सहपाठियों, ईविल मार्टियंस और कई अन्य लोगों द्वारा प्रस्तुतियों में फ्रॉन्तेर्स सम्मेलन में पहले ही शावर देखा जा चुका है। लेकिन एसएक्सएसडब्ल्यू 2012 सम्मेलन में ओपेरा शो के लेखक हैकोन वाइम ली के लेखक के रूप में मेरे लिए असली पहचान थी: हाकोन ने अपनी प्रस्तुति के लिए शावर का इस्तेमाल किया।

निष्कर्ष

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

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

और अगर आप पूरी तरह से ई-मेल की जगह नहीं ले रहे हैं और आपको वेब तकनीकों को समझने, कुछ नया प्रयोग करने और प्रयास करने में रुचि है, तो ब्राउज़र प्रस्तुतियों को आज़माने का अवसर न चूकें। और बेहतर है कि आप अपना इंजन लिखें - पूरी दुनिया को ईर्ष्या करने के लिए।

WWW

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

सबसे पहले हैकर पत्रिका में दिनांक ०५/०३ प्रकाशित हुआ।
ओपेरा, पेप्सेलबे में वादिम मेव , इंजीलवादी द्वारा पोस्ट किया गया

ISSUU.com पर प्रकाशित करें

हैकर की सदस्यता लें

PS क्या आप [] के लिए लिखकर ज्ञान और रोचक विचारों को साझा कर सकते हैं? बता दें :)। हम फीस देते हैं, लेकिन यह मुख्य प्रेरणा नहीं होनी चाहिए।

वेब प्रौद्योगिकियों का उपयोग करके प्रस्तुति कैसे दें?