Machine Translated by Google

सॉ टवेयर
वकास
A से Z . तक
Machine Translated by Google

सॉ टवेयर डेवलपमट
A से Z . तक
सभी भू मका म एक गहरा गोता
सॉ टवेयर के नमाण म शा मल

ओ गा फ़ लपोवा
ई वलाओ
Machine Translated by Google

ए से जेड तक सॉ टवेयर वकास

ओ गा फ़ लपोवा ई वलाओ

ब लन जमनी ब लन जमनी

आईएसबीएन पीबीके https doi.org ISBN इले ॉ नक

लाइ ेरी ऑफ़ कां ेस कं ोल नंबर

कॉपीराइट © ओ गा फ़ लपोवा और ई वलाओस ारा

यह काम कॉपीराइट के अंतगत है। काशक ारा सभी अ धकार सुर त ह चाहे साम ी का पूरा या ह सा संबं धत हो वशेष प से अनुवाद पुनमु ण च का पुन उपयोग
पाठ सारण माइ ो फ म पर या कसी अ य भौ तक तरीके से पुन पादन और संचरण या सूचना भंडारण के अ धकार। और पुन ा त इले ॉ नक अनुकू लन कं यूटर
सॉ टवेयर या समान या भ प त ारा जसे अब जाना जाता है या इसके बाद वक सत कया गया है।

इस पु तक म े डमाक नाम लोगो और च दखाई दे सकते ह। े डमाक वाले नाम लोगो या छ व क येक घटना के साथ े डमाक तीक का उपयोग करने के बजाय हम े डमाक
के उ लंघन के इरादे के बना के वल संपादक य फै शन म और े डमाक वामी के लाभ के लए नाम लोगो और छ वय का उपयोग करते ह।

ापार नाम े डमाक सेवा च और इसी तरह क शत के इस काशन म उपयोग भले ही उनक पहचान इस प म नह क गई हो को इस राय क अ भ के प म नह
लया जाना चा हए क वे मा लकाना अ धकार के अधीन ह या नह ।

जब क इस पु तक म द गई सलाह और जानकारी को काशन क तारीख म सही और सट क माना जाता है न तो लेख क और न ही संपादक और न ही काशक कसी भी ु ट या
चूक के लए कोई कानूनी ज मेदारी वीकार कर सकते ह। काशक यहां न हत साम ी के संबंध म कोई वारंट या न हत नह करता है।

बंध नदे शक ए ेस मी डया एलएलसी वेलमोएड ाहर

अ ध हण संपादक लुईस को रगन
वकास संपादक जे स माखम
सम वयक संपादक नै सी चेन

eStudioCalamar . ारा डज़ाइन कया गया कवर

पक ारा डजाइन क गई कवर इमेज www.freepik.com

गर साइंस बजनेस मी डया यूयॉक ग ट व मं जल यूयॉक एनवाई ारा नया भर म पु तक ापार म वत रत। फोन गर फै स
ई मेल ऑडर एनवाई@ गर sbm.com या www.springeronline.com पर जाएं। ए ेस मी डया एलएलसी एक कै लफो नया एलएलसी है और एकमा
सद य मा लक गर साइंस बजनेस मी डया फाइनस इंक एसएसबीएम फाइनस इंक है। SSBM Finance Inc एक डेलावेयर कॉप रेशन है।

अनुवाद के बारे म जानकारी के लए कृ पया ई मेल कर राइट् स@apress.com या http www.apress.com पर जाएं।
अ धकार अनुम तयाँ।

अकाद मक कॉप रेट या चार के उपयोग के लए Apress शीषक थोक म खरीदे जा सकते ह। अ धकांश शीषक के लए ई पु तक सं करण और लाइसस भी उपल ह।
अ धक जानकारी के लए http www.apress.com bulk sales पर हमारे ट और ईबुक थोक ब वेब पेज का संदभ ल।

इस पु तक म लेख क ारा संद भत कोई भी ोत कोड या अ य पूरक साम ी www.apress.com पर त पु तक के उ पाद पृ के मा यम से

GitHub पर पाठक के लए उपल है। अ धक व तृत जानकारी के लए कृ पया http www.apress.com source code पर जाएं।

ए सड मु कागज पर मु त
Machine Translated by Google

हम इस पु तक को हमारे ज द ही पैदा होने वाले बेटे एले स को सम पत करते ह

Machine Translated by Google

वषयसूची

लेख क के बारे म � � � � � � � � � � xi

तकनीक समी क के बारे म xiii

पावती � � � � � � � � � � xv

अ याय मेरे पास एक वचार है

प रचय � � � � � � � � � �

उनके पीछे सॉ टवेयर उ पाद और वचार

व भ मॉडल � � � � � � � � � �

अनुसंधान और वकास � � � � � � � � � �

नॉलेज शेय रग लेटफॉम � � � � � � � � � �

यूनतम वहाय उ पाद � � � � � � � � � �

सारांश � � � � � � � � � �

अ याय भू मकाएं ज मेदा रयां और काय णाली

भू मकाएं और ज मेदा रयां � � � � � � � � � �
वसाय के वामी � � � � � � � � � �

उ पाद बंधक � � � � � � � � � �

डजाइनर � � � � � � � � � �

बैक एंड � � � � � � � � � �

ं टएंड � � � � � � � � � �

गुण व ा आ ासन यूए � � � � � � � � � �

DevOps वकास संचालन
भू मका के बारे म मत होना सामा य है

वी
Machine Translated by Google

वषयसूची

तरीके � � � � � � � � � �

म� � � � � � � � � �

कानबन � � � � � � � � � �

ठ क है ले कन मुझ े या उपयोग करना चा हए � � � � � � � � � �

हमारी ट म और या � � � � � � � � � �

सारांश � � � � � � � � � �

अ याय आव यकताएँ तब ता और समय सीमा

उ पाद बंधक � � � � � � � � � �

उ पाद बंधक के साथ सा ा कार � � � � � � � � � �

लोग उ पाद बंधक कै से बनते ह और वे कससे नपटते ह
उ पाद वामी और उ पाद बंधक के बीच अंतर
आइ डया से उ पाद तक के पथ पर भागीदारी

वभ ावसा यक े के उ पाद का बंधन

सबसे बड़ा पच � � � � � � � � � �

सबसे बड़ी सफलता � � � � � � � � � �

तैयारी � � � � � � � � � �

आव यकताएं और रोडमैप � � � � � � � � � �

कक ऑफ़ � � � � � � � � � �

तब ता और समय सीमा � � � � � � � � � �

हमारे एमवीपी के लए आव यकताएँ � � � � � � � � � �

सारांश � � � � � � � � � �

अ याय उपयोगकता क त डज़ाइन

डजाइन या ा इसक शु आत और अंत

व और उपयोगकता कहा नयां � � � � � � � � � �

डजाइन के कार � � � � � � � � � �

यूज र इंटरफे स और यूज र ए सपी रयंस

डजाइन या डजाइनर इसे कै से चलाते ह

हमारे ऑनलाइन श ा मंच को डजाइन करना

ारं भक वचार मंथन � � � � � � � � � �

वायर े म � � � � � � � � � �

छठ
Machine Translated by Google

वषयसूची

उपयो गता परी ण � � � � � � � � � �

य डजाइन � � � � � � � � � �

एक उ पाद डजाइनर के साथ सा ा कार

सारांश � � � � � � � � � �

अ याय बैक एंड डेवलपमट

टै क के बारे म � � � � � � � � � �

बैक एंड अनु योग को प रभा षत करना � � � � � � � � � �

प रयोजना का बूट ै पग � � � � � � � � � �

वचालन उपकरण बनाएँ मावेन � � � � � � � � � �

डेटाबेस � � � � � � � � � �

पेशेवर � � � � � � � � � �

वप � � � � � � � � � �

माणीकरण � � � � � � � � � �

वकास � � � � � � � � � �

डेटाबेस � � � � � � � � � �

ढ़ता परत � � � � � � � � � �

सेवा परत � � � � � � � � � �

सेवा एपीआई � � � � � � � � � �

रे ट एपीआई और ांसफॉमशन लेयर

पंज ीकरण को लागू करना

परी ण � � � � � � � � � �

सारांश � � � � � � � � � �

अ याय ं टएंड डेवलपमट

चलो कोड � � � � � � � � � � � � � � � � � � � �

ं टएंड कहाँ से शु होता है � � � � � � � � � �

माकअप और डोम � � � � � � � � � �

द तावेज़ व तु मॉडल � � � � � � � � � �

शीषक � � � � � � � � � �

हाइपर ल स � � � � � � � � � �

छ वयां � � � � � � � � � �

सातव
Machine Translated by Google

वषयसूची

प � � � � � � � � � �

इनलाइन और लॉक ए लमट् स � � � � � � � � � � � �

शैली � � � � � � � � � �

लेआ उट � � � � � � � � � �

डजाइन स टम � � � � � � � � � �

ी ोसेसर और टे लेट इंज न

ग तशील साम ी � � � � � � � � � �

वकास उपकरण कं सोल � � � � � � � � � �

चर � � � � � � � � � �

जावा ट स हत � � � � � � � � � �
काय � � � � � � � � � �

े मवक � � � � � � � � � �

ं टएंड और बैक एंड के बीच अनुबंध

हमारे लेटफॉम के लए ं टएंड ए लके शन बनाना

आईडीई � � � � � � � � � �

सारांश � � � � � � � � � �

अ याय हमारे उ पाद का परी ण

वभ कार के परी ण � � � � � � � � � �
यू नट परी ण � � � � � � � � � �

एक करण परी ण � � � � � � � � � �

स टम परी ण � � � � � � � � � �

वीकृ त परी ण � � � � � � � � � �

तगमन परी ण � � � � � � � � � �

कौन या परी ण कर रहा है � � � � � � � � � �

मैनुअ ल यूए टे टर � � � � � � � � � �

वचालन यूए परी क � � � � � � � � � �

मैनुअ ल से ऑटोमेशन टे टर तक

उपकरण लेटफ़ॉम और े मवक

आठव
Machine Translated by Google

वषयसूची

हमारे उ पाद का परी ण � � � � � � � � � �

मैनुअ ल परी ण � � � � � � � � � �
ं टएंड के लए यू नट टे ट � � � � � � � � � �

सारांश � � � � � � � � � �

अ याय लेट्स गो लाइव

अपने सॉ टवेयर ोजे ट को कै से का शत कर

हम तैनाती के बारे म कब सोचना शु करते ह

म अपना कोड कहां रखूं � � � � � � � � � �

सतत एक करण और वचा लत परी ण

सतत वतरण और प र नयोजन

कौन या करता है और कै से करता है � � � � � � � � � �

DevOps के साथ सा ा कार � � � � � � � � � �

नगरानी और चेतावनी � � � � � � � � � �

एना ल ट स � � � � � � � � � �

हमारे लेटफॉम के लए सीआई सीडी क मेज बानी और नमाण

हो टग � � � � � � � � � �

सतत एक करण और प र नयोजन

सारांश � � � � � � � � � �

अ याय अपने सॉ टवेयर का रखरखाव और सुधार

बनाए रखना � � � � � � � � � �

बैक अप � � � � � � � � � �

तकृ त � � � � � � � � � �

ाकृ तक आपदाएं और ांडीय करण

सुधार � � � � � � � � � �

के लग � � � � � � � � � �

त या को संभालना � � � � � � � � � �

बग फ संग � � � � � � � � � �

रफै ट रग पुनलखन और तकनीक ऋण

र डजाइ नग और री ां डग
सारांश � � � � � � � � � �

नौव
Machine Translated by Google

वषयसूची

अ याय कु छ ट स और स के साथ रै पग अप � �

वकास यु याँ � � � � � � � � � �

ो ा मग भाषाएं या े मवक चुनना

कोड शैली दशा नदश � � � � � � � � � �

कोड समी ा और जोड़ी ो ा मग

गुण व ा आ ासन यु याँ � � � � � � � � � �

DevOps यु याँ � � � � � � � � � �

माई आइ डया के बारे म या � � � � � � � � � � � � � � � � � � � �

प रयोजना और उ पाद बंधन यु याँ

समय बंधन यु याँ � � � � � � � � � �

ट म बंधन यु याँ � � � � � � � � � �

ट� � � � � � � � � �

सराहना कर � � � � � � � � � �

श ा म नवेश कर � � � � � � � � � �

सव े कराए पर लेने के लए सव े बन � � � � � � � � � �

हर चीज पर चतन कर � � � � � � � � � �

अपनी चीज़ बनाएं � � � � � � � � � �

सारांश � � � � � � � � � �

सूचकांक � � � � � � � � � �

ए स
Machine Translated by Google

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

अपनी मा टर ड ी पूरी करने के बाद उ ह ने फ डज़ई म काम करना शु कर दया उस समय एक छोटा टाटअप चार क एक
छोट वकास ट म के साथ। इस पु तक के लेख न के समय फ डज़ई म से अ धक कमचारी ह और इसे पुतगाल क सबसे
सफल तकनीक कं प नय म से एक माना जाता है। म ब लन जाने के बाद ओ गा ने तुरंत Metrics नामक एक ऑनलाइन
व ापन मापन कं पनी म लीड ं टएंड डेवलपर के प म काम करना शु कर दया और साल बाद Optiopay म VP
इंज ी नय रग के प म शा मल हो गया। ओ गा सॉ टवेयर और हाडवेयर पर पीपलवेयर क श और सीखने और ान साझाकरण
क ऊजा म व ास करती है।

ई वलाओ का ज म पुतगाल के कोय बटू र म आ था। कोय बटू र व व ालय म सूचना व ान इंज ी नय रग म अपने अ ययन के
दौरान वह संचार और टे लीमै ट स अनुसंधान समूह क योगशाला के सद य थे जहाँ उ ह ने भाग लया और दो FP यूरोपीय
प रयोजना म योगदान दया EuQoS और WEIRD। म इंफ ॉम ट स इंज ी नय रग म नातक होने के बाद उ ह ने क
शु आत म फ डजई म काम करना शु कया जहां वे कं पनी के मु य उ पाद फ डजई प स को वक सत करने वाले पहले चार
इंज ी नयर म से एक थे। म उ ह ने अपनी प नी और सौतेली बेट के साथ ब लन जाने का फै सला कया जहाँ उ ह ने एक
ऑनलाइन फटनेस कं पनी जम डो म काम करना शु कया और जहाँ वे आज भी लीड सॉ टवेयर इंज ी नयर के प म काम करते ह।

ओ गा और ई ने कोय बटू र व व ालय म एक साथ अ ययन कया और फ डज़ई म एक साथ काम कया। उ ह ने शाद कर
ली और म एक साथ ब लन चले गए।
ओ गा और ई दोन एडएरा https ed era.com के तकनीक सह सं ापक ह जो यू े न म त एक गैर
लाभकारी ऑनलाइन श ा प रयोजना है। एडेरा सबसे नवीन तरीक से श ण और सीखने क खोज करता है और खुद को ान
रखने वाल और इस ान क आव यकता वाले लोग के बीच एक सेतु के पम ा पत करता है।

यारहव
Machine Translated by Google

लेख क के बारे म

ब लन म ओ गा और ई ओ गा क बेट ताइसा के साथ रहते ह एक सुंदर और माट कशोरी पेटु कस और

ऑ जे टोस नाम क दो ब लयाँ और चेबा का और बरबा का नाम क दो शराबी चन चला। वे उ मीद कर रहे ह क उनका
बेटा एले स वा तव म ज द ही आएगा इन पं य को लखने के समय कोई भी मनट हो सकता है ।

बारहव
Machine Translated by Google

तकनीक समी क के बारे म

Yevhenii Moroz ब लन म त एक सॉ टवेयर इंज ी नयर है।

वह वतमान म एक ऐसी कं पनी म काम करता है जो डेमलर और वो सवैगन
जैसे ाहक के लए सॉ टवेयर से संबं धत व ीय तकनीक का वकास करती
है। वेब वकास और इसके आसपास क हर चीज म लगभग वष के अनुभव के
साथ वह अपने काम के त जुनूनी है। वह आधु नक तकनीक व ान कथा
और या ा म भी च रखते ह। आप उसे GitHub पर github.com eugene
moroz या Linkedin www.linkedin.com in eugenemoroz पर
फॉलो कर सकते ह।

तेरहव
Machine Translated by Google

वीकृ तयाँ
हम अवसर के लए ए ेस को ध यवाद दे ना चाहते ह वशेष प से लुईस नै सी और जम को उनके नरंतर समथन के लए।

हम अपने माता पता को उनके यार के लए ब त ब त ध यवाद दे ना चाहते ह और

हमारी श ा म नवेश।

हम अपने म और इस पु तक के तकनीक समी क एवगेनी को ध यवाद दे ना चाहते ह।

Evgeny के दयालु श द और ईमानदारी से शंसा ने इस उ पाद म हमारे व ास को बढ़ाया।

ध यवाद इस पु तक पर सहयोग के लए एडेरा ट म वशेष प से इ लया ओ गा का भाई बु शीलता और वचार के लए एले ज ा

एडेरा के डजाइनर महान च ण और मॉकअप के लए और वा सली एडेरा के मोशन डज़ाइन और पो ट ोड न के मुख हमारे खूबसूरत

वी डयो के लए।

यूआ ई यूए स डजाइनर के प म अपने शानदार अनुभव को इस तरह साझा करने के लए मालू ध यवाद

हमारे पाठक के साथ गहन ववरण।

ध यवाद सफ हाथ से तैयार कए गए महान वचार मंथन स के लए

नकली ओलेग उस हाथ से तैयार कए गए काम को के च मॉकअप म बदलने के लए ध यवाद।

मॉकअप क उपयो गता परी ण और दे ने के लए वहां मौजूद रहने के लए ध यवाद जान

हम आपक शानदार त या

ध यवाद नताशा हमारे यूए इंज ी नयर होने और हम वह आउटपुट दान करने के लए जो

अ धक वा त वक उदाहरण के साथ पु तक को समृ कया।

सा ा कार म भाग लेने के लए ध यवाद हमारे सहयो गय और दो त ने मदद क

इस पु तक को वशद अनुभव सागर टॉमस ओ गा टे न और एंडरसन के साथ समृ करने के लए।

इस पु तक म आपक तरह के समथन और च के लए ऑ टयोपे और जम डो के हमारे दो त और सहयो गय को ध यवाद।

ध यवाद तैसा कु छ अ याय क समी ा करने और अपना अमू य दे ने के लए

त या।

xv
Machine Translated by Google

अ याय

मेरे पास वचार है

आज सुबह म अपने ब तर पर उठा अपने पद के छोटे से अंतराल से आती ई धूप को दे ख ा और अचानक मेरे दमाग म यह महान
वचार आया। मने कु छ नवेशक को कु छ कॉल कए एक टाटअप पंज ीकृ त कया और वॉयला यहाँ म ँ हर जेब म टो वॉलेट
के साथ सभी करोड़प त ह टर।

पछले ह ते म अपना नान कर रहा था और नमक और सुगंध का आनंद ले रहा था जब अचानक ... यूरेक ा म भौ तक का
एक नया नयम लेक र आया। म तुरंत नया के सभी मह वपूण भौ तक वद के साथ एक वै क स मेलन म गया सभी पुराने और
बु मान भौ तक वद के सामने बात क नोबेल पुर कार ा त कया और करोड़प त बन गया।

इन दो अलग अलग कहा नय म कु छ समान ब ह। सबसे पहले इन दोन म वचार आता है अचानक सरा तुरंत
करोड़प त बन जाता है और तीसरा और सबसे मह वपूण ये दोन झूठ ह।

इस अ याय म हम वचार के बारे म बात करने जा रहे ह वे हमारे पास कै से आते ह कै से वे

कु छ अनुभवज य म बदल जाते ह और वे य और कै से सफलता लाते ह।

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

© ओ गा फ़ लपोवा और ई वलाओ ओ.
फ़ लपोवा और आर. वलाओ ए से ज़ेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय मेरे पास वचार है

च । वचार क प रभाषा
Machine Translated by Google

अ याय मेरे पास वचार है

इस पु तक क बात के लए म आधार के प म पहली प रभाषा का उपयोग क ं गा।

वचार एक वचार या सुझ ाव है जो काय क दशा म ले जाता है।

प रभाषा के तहत आने वाले समानाथक श द इस पु तक का वणन करने के लए क वड के प म पूरी तरह से उपयोग कए जा
सकते ह। इन श द म से ब त से चलाने के लए तैयार कर योजना डजाइन प रयोजना ल य।
मुझ े ुप भी पसंद है आइडेन के आधार से दे ख ने के लए । एक वचार के प म जो कु छ भी आता है वह कसी चीज का
मान सक य है। यह कु छ पूरी तरह से नया हो सकता है या यह मौजूदा चीज से ा त हो सकता है। मनु य का सामा य नयम यह है क
हम जो कु छ भी दे ख सकते ह हम उसका नमाण कर सकते ह इस लए हमारे पास मौजूद येक य या क पना वा तव म कसी न कसी
उ पाद म प रव तत हो सकती है।

इस कार इस पु तक म हम उन वचार के बारे म बात करने जा रहे ह जो सावधानीपूवक नयो जत करने क ओर ले जाते ह

याएँ जहाँ ल य वचार को उ पाद म बदलना है।

अब इस पु तक के संदभ म उ पाद को प रभा षत करते ह। फर से मेरे म Google प रभा षत करता है
कसी या या या के प रणाम व प उ पाद। ये सभी श द उस संदभ म समान प से और अ यंत मह वपूण ह।

प रणाम या या। एक या के बना आपका वचार हमेशा के लए सफ एक वचार ही रहेगा।

काया वयन क प से प रभा षत या के बना आप कभी भी अपने ल य तक नह प ंच पाएंगे।
और न त प से आप प रणाम क अपे ा करते ह आप अपने वचार के अपे त प रणाम को प रभा षत करते ह और आप उस तक प ंचने के लए एक या

ा पत करते ह।

एक उ पाद वचार को लागू करने के लए आव यक के प म प रभा षत काय के प रणाम या प रणाम है।

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

• भौ तक उ पाद टे पलर नोटबुक पेन कार खलौने आ द।

• ड जटल उ पाद सॉ टवेयर ो ाम मूवी ई बु स आ द।

Machine Translated by Google

अ याय मेरे पास वचार है

च । उ पाद का वग करण

जैसा क मने पहले ही बताया हम इस पु तक म सभी कार के उ पाद के बारे म बात नह करने जा रहे ह। इस पु तक
का उ े य यह दखाना है क सॉ टवेयर कै से बनाया जाता है इस लए हम ड जटल उ पाद ेण ी के एक वशेष उपसमु य के
बारे म बात करने जा रहे ह सॉ टवेयर उ पाद।
इस लए हम जन वचार के बारे म बात करने जा रहे ह वे सॉ टवेयर के नमाण क ओर ले जाते ह।

सॉ टवेयर उ पाद और उनके पीछे के वचार

संभवतः सबसे ापक प से उपयोग कए जाने वाले सॉ टवेयर उ पाद ऑपरे टग स टम ह। Microsoft Windows
ऑपरे टग स टम म अपने पहले सं करण च के बाद से एक बड़ी या ा पर चला गया है। Microsoft म GUI
पर वा त वक काय म शु आ जब Microsoft ने बट मै ड सॉ टवेयर इंटरफ़े स बनाने का नणय लया। इसके बाद
बल गेट्स ने व ज़ओन https en.wikipedia.org wiki Visi On का दशन दे ख ा जो आईबीएम संगत कं यूटर के
लए एक जीयूआ ई सॉ टवेयर है। उ ह ने यह भी महसूस कया क Apple GUI कतना प र कृ त था और Microsoft Apple
के साथ नए Apple कं यूटर के लए यूज र इंटरफे स के साथ अनु योग पर काम कर रहा है। बल गेट्स ने तय कया क माइ ोसॉ ट
का यूज र इंटरफे स अलग होना चा हए।

एमएस वडोज के पहले सं करण म कै लकु लेटर कै लडर लॉक नोटपैड पट रवस ट मनल काडफाइल और
राइट जैसे कई ए लके शन थे। यह वैसा ही दखता था जैसा च म दखाया गया है।
Machine Translated by Google

अ याय मेरे पास वचार है

च । म माइ ोसॉ ट वडोज का पहला सं करण

यह क पना करना क ठन है क एमएस वडोज़ का आधु नक सं करण वा तव म कै से वक सत आ

यह। इसे एक ऑपरे टग स टम भी नह माना जाता था इसके तीसरे सं करण तक वडोज़ को ऑपरे टग वातावरण के प म माना जाता

था। पहले सं करण का कोड नाम इंटरफ़े स मैनेज र था।

वष से काय म को बढ़ाया सुधार और पॉ लश कया गया है। नवीनतम सं करण का इसके पहले पूववत से कोई लेना दे ना नह है।

यह उ लेख करना ब त मह वपूण है क बड़े ावसा यक अवसर के बावजूद माइ ोसॉ ट के हाथ म नया के सबसे बड़े नगम

म से एक था और वडोज . को मली कठोर आलोचना के बावजूद बल गेट्स ने हमेशा इस बात पर जोर दया है क वडोज मु य

माइ ोसॉ ट उ पाद है जो इसे प रभा षत करता है पूरी दशा और भ व य।

वैसे य द आप अपने दो त वशेष प से मैक या लन स उपयोगकता के साथ शरारत करना चाहते ह तो यहां एक

ब तअ ा वडोज़ ए सपी स युलेटर http geekprank.com ।

Microsoft के बारे म बात करते ए मुझ े याद आया क उनक सेवाएँ और उ पाद कतने महंगे ह

जसने बदले म मुझ े ड जटल भुगतान णाली के बारे म याद दलाया। अभी के लए पया त Microsoft आइए पेपैल के बारे म बात करते ह

च ।
Machine Translated by Google

अ याय मेरे पास वचार है

च । वतमान पेपैल का होमपेज

ब त सारे लोग सोचते ह क पेपाल एलोन म क के आ व कार म से एक है जसे उसने अपने पागल वचार के साथ खेलना शु
करने के लए बेच दया। यह पूरी तरह सच नह है। पेपैल Confinity नामक सॉ टवेयर का एक छोटा सा ह सा था https
en.wikipedia.org wiki Confinity । इसके रचनाकार ने के वल इस ह से पर यान क त करने का फै सला कया जब उ ह
एहसास आ क यह ईबे उपयोगकता के लए एक बड़ा दद हल करता है।
https www.entrepreneur.com article पर पाया गया लेख ब त अ े तरीके से द शत करता है क कै से
कसी को अपने वचार के बारे म लचीला होना चा हए और यह महसूस करने के बाद क यह वा त वक सम या का समाधान कर
सकता है पूरी कं पनी क दशा बदलने से नह डरना चा हए। ाहक क सम या इसम एलोन म क क या भू मका है इस पेपैल
कहानी म एलोन म क वा तव म एक बड़े रदश थे य क कॉ फ नट के साथ अपनी कं पनी ए स डॉट कॉम को वलय करने के
बाद उ ह ने अ य सभी वकास को समा त करने और के वल पेपैल मनी सेवा पर यान क त करने का फै सला कया।

चूँ क हम इस अ याय म काफ गुगल कर रहे ह आइए Google के बारे म बात करते ह
के दशक म टै नफोड यू नव सट के दो युवा पीएचडी छा लैरी पेज और सगई न ने बैक रब नामक एक खोज
ए गो रदम वक सत कया। यह ए गो रथम ज द ही टै नफोड म इतना लोक य हो गया और टै नफोड सवर क बड वड् थ का
इतना अ धक उपभोग करना शु कर दया क दोन जी नयस ने अपनी पीएचडी छोड़ द और इसके चार ओर एक कं पनी बनाने
का फै सला कया। BackRub Google म य पांत रत आ कु छ ब पर उ ह ने फै सला कया क बैक रब नाम काफ अ ा
नह था और एक वचार मंथन स का गठन कया। इस स के दौरान उस समय नातक छा शॉन एंडरसन गोगोल ले स नाम के
साथ आए। पेज ने इसे पसंद कया और इसे छोटा करके गूगोल करने का ताव रखा। डोमेन नाम र ज पर खोज करते समय यह
नधा रत करने के लए क या गूगोल नाम पहले ही लया जा चुक ा है शॉन ने एक गलती क और google.com टाइप कया।
यह डोमेन मु त था और हर कोई
Machine Translated by Google

अ याय मेरे पास वचार है

गलती से यार हो गया। इस लए इसे तुरंत पंज ीकृ त कया गया था और तब से सभी के ारा इसे जाना जाता है।
Google के नाम के पीछे का सं त इ तहास यहां दे ख https graphics.stanford.edu dk
google name origin.html। आजकल हम सच इंज न के अलावा कई टन गूगल सेवा का उपयोग करते ह Google
Google व े षक Google लाउड समाधान जीमेल आ द।

जैसा क आप दे ख सकते ह बड़ी सॉ टवेयर कं प नयां हमेशा कह से शु होती ह और आमतौर पर यह कह

कसी का वचार है। अपने वचार से डरो मत उ ह साझा करने से मत डरो और उनके साथ आगे बढ़ने से मत डरो। लाख
शु ाणु म से एक अ नवाय प से एक इंसान बन जाता है उसी तरह कई वचार म से एक अगर ठ क से धके ल दया जाए
और पया त योजना बनाई जाए तो सरा Google बनने क श होती है।

व भ मॉडल
अलग अलग कं प नयां अलग अलग उ पाद बनाती ह जो अलग अलग ज रत को पूरा करते ह। कु छ उ पाद गत लोग जैसे
ऑपरे टग स टम क ज रत को पूरा करते ह जब क अ य उ पाद का उपयोग अ य कं प नय क ावसा यक ज रत के लए
कया जाता है। उदाहरण के लए ई कॉमस लेटफॉम ज ह व भ कं प नय को उनक ई कॉमस ज रत के लए बेचा जा सकता है।

गत ाहक क ज रत को पूरा करने वाले उ पाद को B C वसाय से उपभो ा कहा जाता है

जब क अ य वसाय क ज रत को पूरा करने वाले उ पाद को B B वसाय से वसाय कहा जाता है।

माक टग के कई अ य प ह G B सरकार से वसाय B G वसाय से सरकार यहाँ तक क C C उपभो ा से

उपभो ा । इस मॉडल म उ पाद ाहक को सेवाएं दान करने या अ य ाहक को उ पाद बेचने क सु वधा दान करता है।

आप कै से तय करते ह क आपके उ पाद को या करना चा हए और उसे कस कार क ज़ रत होनी चा हए

पहली जगह म ल य एक शोध चलाएं। फर वक सत कर। चलो अनुसंधान और वकास के बारे म बात करते ह।
Machine Translated by Google

अ याय मेरे पास वचार है

अनुसंधान और वकास
पछले खंड म हमने चचा क थी क वचार मौजूदा नगम को कै से बदलते ह और वे नई कं प नय क उ प कै से कर सकते ह।

बेशक यह उतना आसान नह है जतना कोई बस एक पेड़ के नीचे लेटा आ है और एक सेब क ती ा कर रहा है

उनके सर पर गरने के लए। आज के तेज ी से बदलते और अ य धक त ध तकनीक नया म कु छ संगठना मक संरचना होनी चा हए

जो नए उ पाद के लए वचार क पीढ़ या मौजूदा लोग को बेहतर बनाने के लए वचार को बाजार म आकषक बनाती है। वा तव म कु छ

कं प नय के पास काफ बड़े अनुसंधान और वकास वभाग ह।

अनुसंधान और वकास कहने के व भ तरीके ह। आर और डी

Rn D R&D R D या यहां तक क RTD अनुसंधान और तकनीक
वकास ये सभी श द समान ह।

कसी कं पनी के भीतर R&D वभाग को सही मू य दे ना काफ मु कल है। नवाचार और रचना मकता के लए अनुसंधान का ल य आमतौर

पर द घका लक सफलता ा त करना होता है इस लए इसके वतमान मू य का मू यांक न करना आसान नह है। कं प नय को यह तय करना होगा

क R&D म कतना नवेश करना है। आमतौर पर एक कं पनी जतनी अ धक तकनीक होती है उतना ही अ धक पैसा R&D पर खच कया जाता

है।

उदाहरण के लए संयु रा य अमे रका म एक व श औ ो गक कं पनी अनुसंधान एवं वकास पर से अ धक खच नह करती है जब क एक

उ तकनीक कं पनी जैसे ए र सन अपने राज व का उस पर नवेश करती है व कपी डया से https en.wikipedia.org से वक

शोध और वकास ।

एक कं पनी R&D म जो नवेश करती है उसक रा श तशत म R&D ती ता कहलाती है ।

बेशक आर एंड डी म अ धक नवेश करने का मतलब यह नह है क आपका उ पाद सबसे नवीन और सबसे रचना मक होगा। हालां क

कु छ अ ययन ने सा बत कया है क र आरएंडडी या वाली कं प नयां उन कं प नय से बेहतर दशन करती ह जहां आरएंडडी म ब कु ल भी

नवेश नह होता है।

या कै सी दखती है यह एक च है च । अनुसंधान अ वेषण ोटोटाइप

वक सत कर परी ण कर सुधार कर शोध कर अ वेषण कर ... इन या को हमेशा के लए दोहराएं य क आपका उ पाद कभी भी

प रपूण नह होगा हमारे पुराने डा वन काय ारा हमारे लए छोड़ी गई अप रहाय या।

नया हर दन वक सत होती है लोग बदलते ह और उनक ज रत भी। जो चीज आज ासं गक ह वे कल पूरी तरह से अ च लत हो

सकती ह। सॉ टवेयर जसका हम उपयोग कर रहे ह

Machine Translated by Google

अ याय मेरे पास वचार है

और यार करना आज पुराना लग सकता है। इस लए R&D न के वल नए उ पाद बनाने के लए ब क मौजूदा उ पाद म लगातार सुधार
करने के लए भी मह वपूण है। इस लए इस या का आरेख च य है।

च । अनुसंधान और वकास या जीवनच

अनुसंधान कसे चलाना चा हए यह कं पनी से कं पनी म भ हो सकता है। कु छ कं प नय म अनुसंधान वपणन वसाय
वकास और व ेषण वशेष ारा चलाया जा रहा है अ य कं प नयां इंज ी नयर को अनुसंधान काय संभालती ह कु छ कं प नय के
पास R&D वभाग ब कु ल नह है ले कन वे अपनी काय या को इस तरह व त करने का यास करते ह क R&D एक दै नक
दनचया का ह सा बन जाए।

हमने कई अलग अलग चीज होते ए दे ख ी ह। OptioPay जस कं पनी म म वतमान म इंज ी नय रग के VP के प म काम
कर रहा ं म R & D वसाय के मा लक उ पाद मा लक व े षक वशेष और इंज ी नयर ारा चलाया जाता है।
एना ल ट स डैशबोड ावसा यक व ेषण वशेष ारा उ पादन म चल रहे स टम से एक त लाइव मे स के शीष पर बनाया
गया है।
इन मे स पर सभी हतधारक ारा सा ता हक बैठक म लगातार चचा क जा रही है।
इन बैठक के दौरान हम संभा वत समाधान के बारे म सोचते ह जो मौजूदा मे स क सं या म सुधार करगे य क हम अपनी
सफलता को मापने के लए नए मे स के साथ भी आते ह। इन चचा के आधार पर कभी कभी नए वचार का ज म होता है जो
ापार के नए अवसर का माग खोलते ह।

हमने एक कं पनी म भी काम कया जहां इंज ी नयर ारा शोध कया जा रहा था
वे वशाल डेटा रपोट क जाँच कर रहे थे त धय से मौजूदा उ पाद क सं या क तुलना कर रहे थे सुधार के समाधान के बारे
म सोच रहे थे और उ ह तुरंत आज़मा रहे थे य क वे जानते थे क कोड कै से लखना है। ब त सु वधाजनक वैसे।
Machine Translated by Google

अ याय मेरे पास वचार है

EdEra म एक ऑनलाइन श ा कं पनी जसका हम तकनीक सह सं ापक के पम त न ध व करते ह

R&D एक सम पत ारा चलाया जाता है। यह शै क या पर गहन शोध करता है। उडेमी खान अकादमी
कौरसेरा एडए स डु ओ लगो आ द जैसे व भ शै क उपकरण तकनीक और लेटफाम का सावधानीपूवक व ेषण हम न
के वल एक आधु नक समकालीन जो सीखना चाहता है ब क यह भी क वे कै से चाहते ह के बारे म एक वचार बनाने क अनुम त दे ता
है। करने के लए। यह के वल इस बारे म नह है क सं ाना मक या कै से काम करती है यह इस बारे म है क समाज कतनी तेज ी से बदलता
है और कै से तकनीक ग त सूचना क हमारी धारणा म एक मजबूत भू मका नभाती है। प रणाम व प इन अ ययन से हम Gamification
अनुकू ली श ण सू म ल नग नजीकरण ऑनलाइन श ण म त श ा म त श ा आ द के बारे म लॉग लेख क एक बड़ी मा ा
मली। यह अ व सनीय है क सीखने क या अब से कतनी अलग होनी चा हए। जससे हमने सीखा।

दरअसल पछले वष के दौरान हम जो भी जांच पड़ताल कर रहे ह वह हम एक नया शै क मंच बनाने के वचार क ओर ले जाती
है।

नॉलेज शेय रग लेटफॉम

वतमान म एडेरा म हम अपने ऑनलाइन पा म क मेज बानी और साझा करने के लए एक तीसरे प के ओपन सोस लेटफॉम च

का उपयोग कर रहे ह । इस लेटफॉम को ओपन एडए स https open.edx.org कहा जाता है और इसे एमआईट म वक सत
कया गया था। मंच म बनाया गया था और इसे नया भर के से अ धक योगदानकता ारा वक सत कया जा रहा है और
एमओओसी मै सव ओपन ऑनलाइन कोस बनाने और चलाने के लए संभावना क एक व तृत ृंख ला दान करता है। हम इस लेटफॉम
के खुश उपयोगकता ह ले कन
Machine Translated by Google

अ याय मेरे पास वचार है

वहाँ हमेशा कु छ होना चा हए ले कन है ना

ओपन एडए स लेटफॉम के वष के ापक उपयोग म हम कई अलग अलग मु से फं स गए ह। लेटफॉम का
टे नोलॉजी टै क डरावना है। व भ डेटाबेस संदेश कतार ो ा मग भाषाएं और ौ ो ग कयां एक साथ बंधी ई ह एक
वशाल कसकर यु मत णाली को ै तज प से के ल करना बनाए रखना और अप ेड करना मु कल है।

स टम इतना ज टल है क आप उन कं प नय को ढूं ढ सकते ह जो ओपन एडए स को ा पत करने अप ेड करने और बनाए

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

च । से फ हो टे ड ओपन एडए स लेटफॉम एडेरा कोस डैशबोड

एक नया इन हाउस लेटफॉम बनाने का वचार ब त पहले पैदा आ था। वहां

कोई आर एंड डी शा मल नह है हमारे सर पर कोई सेब नह गर रहा है सुबह अचानक ान के साथ जागना नह है। के वल
मौजूदा तृतीय प लेटफ़ॉम के साथ संघष करने से आइए अपना वयं का बनाएँ का वचार आता है। आप सोच भी नह सकते
क हमने कतनी बार बात क है
Machine Translated by Google

अ याय मेरे पास वचार है

उसके बारे म। अब हमारे पास इस वचार के शीष पर ब त सारे संर चत शोध ह जो हम एक अ ा श ण मंच बनाने म मदद कर सकते ह। बेशक अ पाव ध

म हम अनुकू ली सीखने सू म सीखने संव धत वा त वकता सरलीकरण और वैय करण क उन सभी फसी वशेषता के साथ एक मंच का नमाण करने म

स म नह ह गे ले कन हम एक ठोस णाली बनाने क को शश कर सकते ह जो हम अनुम त दे गा आसानी से व भ सु वधा को जोड़ने और के लेबल और

रखरखाव यो य होने के दौरान मौजूदा काय मता म सुधार करने के लए। इसके लए हम यह समझने क ज रत है क हम कसी उ पाद का एक ब त ही बु नयाद

पहला सं करण बनाना चाहते ह। वसाय म ऐसे सं करण को MVP कहा जाता है।

यूनतम वहाय उ पाद

एमवीपी यूनतम वहाय उ पाद एक ऐसा उ पाद है जसम इसक अवधारणा को सा बत करने के लए पया त सु वधाएं ह। यह कसी को इसके शीष पर

सु वधा का नमाण करने क अनुम त भी दे ता है। नवेशक को दखाया जाना और इसके वकास के लए पैसे मांगना काफ अ ा है। इसे मूल तरीके से उपयोग

करना काफ अ ा है। या आपने कभी वा यांश सुना है हम पहले एक के ट बनाने क ज़ रत है लोग अ सर इसे एमवीपी च के संदभ म ठ क ठ क

कहते ह।

च । MVP . के बारे म हेन रक नाइबग ारा स च ण

Machine Translated by Google

अ याय मेरे पास वचार है

इसका या मतलब है य द आप एक कार बनाना चाहते ह तो आप एक टायर फर एक प हया फर एक शव बनाकर शु

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

सारांश
इस अ याय म हमने व भ वचार पर चचा क और हमने दे ख ा क वे कै से उ पाद म प रव तत होते ह। हमने व भ कार
के उ पाद और व भ कार क आव यकता के लए संपक कया है जो वे पूरा कर सकते ह। हमने बताया क कै से हम यह
वचार आया क हम इस पु तक म इसे लागू करने जा रहे ह। हमने आपको इस प रयोजना पर हमारे साथ काम करने के लए तैयार
कया है। आपक भू मका या होगी या हो सकता है इस को एक अलग कोण से दे ख सॉ टवेयर बनाने के लए कन
भू मका क आव यकता होती है हम अभी भी सॉ टवेयर के बारे म बात कर रहे ह भले ही हम इस अ याय म के ट् स के बारे
म बात कर रहे थे। आपके वचार को एमवीपी चरण म ले जाने के माग म कई अलग अलग भू मकाएँ शा मल हो सकती ह। और
आप इस पु तक के दौरान येक मह वपूण भू मका का योग करगे। अगले अ याय म हम उन भू मका के बारे म बात करगे
जनक टोपी हम इस पु तक म पहनने जा रहे ह।
Machine Translated by Google

अ याय

भू मकाएं ज मेदा रयां और

काय णाली
अब जब आपके पास अपना वचार है तो अपनी ट म को इक ा करने का समय आ गया है। सामा य तौर पर यह कभी भी
अ ा नह होता क एक हर चीज का यान रखे। सबसे पहले यह ब त कम संभावना है क कसी के पास जीवन के सभी
चरण के मा यम से कसी उ पाद को लाने के लए सभी कौशल ह सरा भले ही का प नक प से ऐसा मौजूद हो यह
हमेशा अ ा होता है क येक उ पाद के येक भाग के लए ज मेदार हो ता क यान क समान मा ा को उ चत प से
वत रत कया जा सके । ठ क है ... यह सच है य द आप एक अ तरह से ा पत कं पनी म काम कर रहे ह जहां सभी ट म पहले
से ही मौजूद ह और बस गई ह ले कन न त प से यह लागू नह होता है य द आपके पास सफ एक वचार है और आप इससे एक
कं पनी बनाना चाहते ह। उस त म आपको शु आत म सब कु छ करने के लए तैयार रहना होगा।

क पना क जए क आप नवेश क तलाश म ह। यह आम बात है क जब आप ऐसा करते ह

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

कसी भी मामले म यह अ याय इस वषय पर इस तरह आता है जैसे क आप कसी कं पनी म काम कर रहे ह
जहां सभी ट म पहले से मौजूद ह। हम आपको येक वभाग क भू मका और ज मेदा रय के साथ साथ अपनी
प रयोजना क योजना बनाने और इसम शा मल सभी या के बारे म मागदशन करगे।

© ओ गा फ़ लपोवा और ई वलाओ ओ.
फ़ लपोवा और आर. वलाओ ए से ज़ेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

नयम और ज मेदा रयाँ

ऐसी कई भू मकाएँ ह ज ह आप अ धकांश कं प नय म पहचान सकते ह जहाँ सॉ टवेयर एक मजबूत खलाड़ी है। आजकल अ धकांश कं प नयां इंटरनेट पर

काम करती ह जससे वे कसी कार क सॉ टवेयर कं प नयां भी बन जाती ह भले ही उनका ाथ मक वसाय सॉ टवेयर से संबं धत न हो। उदाहरण के लए एक

ऐसी कं पनी क क पना कर जसके कसी दे श म कई कताब क कान ह। जैसे जैसे इंटरनेट अ धक मुख होने लगा इन वसाय को जी वत रहने के लए खुद को

फर से बनाना पड़ा जहां त या ऑनलाइन टोर बनाने क थी। कताब क कान जतनी बड़ी कं पनी पहले से ही अपनी चुनौ तय को र करने के लए इन

हाउस समाधान के साथ अपने उ पाद और सॉ टवेयर वभाग रखने के यो य है।

यहां वचार यह दखाने के लए है क सामा य तौर पर हम जन भू मका का वणन करने वाले ह वे न के वल सॉ टवेयर कं प नय पर लागू होती ह

ब क कसी भी कं पनी पर लागू होती ह जहां सॉ टवेयर अपने वसाय म मह वपूण भू मका नभाता है।

च उस ॉस फं नल ट म को दखाता है जसके बारे म हम बात करने जा रहे ह यान द लोग का यह सेट ब त भ हो सकता है

च । उ पाद के आसपास क ट म
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

अगले खंड म हम इनम से येक भू मका का अ धक व तार से वणन करने जा रहे ह।

वसाय के मा लक
कभी कभी लोग को वसाय के मा लक और उ पाद बंधक अगले भाग म व तार से व णत के बीच अंतर करने म क ठनाई
होती है जो समझ म आता है य क सभी कं प नय के पास पूव नह है। यह संभावना है क छोट कं प नय के पास यह नह है
य क शु आत म वे मु य प से उ पाद को बाजार म लाने पर यान क त करते ह। इस समय के दौरान यह काफ सामा य है क
उ पाद बंधक के साथ कं पनी चलाने वाले लोग कसी तरह वसाय क अ धकांश ज मेदा रय को पूरा करते ह

मा लक।

जैसे जैसे एक कं पनी बढ़ती है और कई अ य वसाय चलन म आते ह यह बनना शु हो जाता है

है क ऐसे पद का अ त व होना चा हए। हमारे ऑनलाइन लेटफ़ॉम उदाहरण को यान म रखते ए य द हम पहली नज़र म
दे ख ते ह तो वसाय मॉडल ब कु ल लगता है हम ाहक को ऑनलाइन पा म बेचते ह। यह व श वसाय से उपभो ा
मॉडल B C है।
ले कन या इसका मतलब यह है जैसे जैसे कं प नयां सफल होती ह वे नए वसाय के लए वशेष प से अ य
कं प नय के लए एक चुंबक बन जाती ह। हर कोई कू ल ब के साथ घूमना चाहता है है ना इस मॉडल को बजनेस टू बजनेस
बी बी कहा जाता है। जैसा क आप दे ख सकते ह अब न के वल हमारे मंच को अपने य ाहक से नपटने क ज रत है ब क
अ य कं प नयां भी कु छ कार के ाहक ह या राजनी तक प से सही होने के लए भागीदार ह। हमारी राय म यह एक कं पनी म एक
मह वपूण मोड़ है जब एक या एक से अ धक वसाय मा लक क आव यकता होने लगती है जब कोई कं पनी समानांतर म कई
वसाय चलाना शु करती है या नई साझेदारी लाती है जसके लए आगे और सम पत सॉ टवेयर वकास क आव यकता होती है।

वसाय का वामी आमतौर पर कं पनी के लए नणय ले सकता है और वह ज मेदार होता है

नए संभा वत वसाय और साझेदा रय क पहचान करने के लए। वे कसी कार का मू यांक न करने और यह समझने के लए भी
ज मेदार ह क या इस तरह क भागीदारी कं पनी के लए मू य लाएगी। यहां मू य का मतलब राज व नह है। कं प नय के कई हत
ह और कु छ ब पर भले ही कोई सहयोग कोई य पैसा न लाए अंत म यह कं पनी क रणनी त के लए एक अ साझेदारी हो
सकती है। एक वसाय वामी एक तकनीक नह है। वे प रभा षत नह करगे क चीज कै से क जाएंगी। वे सम या को प रभा षत
करते ए एक अमूत ावसा यक तर पर काम करते ह इससे कै से नपटा जा सकता है और इसे कै से माप

सफलता।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

वसाय के वामी क एक अ य ज मेदारी साझेदारी क शत पर बातचीत करना या कसी नए उ पाद क

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

वसाय के मा लक उ पाद बंधक के साथ मलकर काम करते ह ता क वे एक के साथ आ सक

अवधारणा जसे आगे एक तकनीक ट म ारा काया वत कया जा सकता है।

उ पाद बंधक
उ पाद बंधक को वसाय के मा लक और वकास ट म के बीच ऑक े टर के प म दे ख ा जा सकता है। उ पाद बंधक के
सामा य काय म काय को ाथ मकता दे ना गैर तकनीक ट म जैसे वपणन और साम ी का समथन करना और अ य काय के
साथ त या एक करना शा मल है।

उ पाद बंधक क भू मका मह वपूण है य क वे अनुवाद के लए ज मेदार ह

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

कसी उ पाद का रोडमैप तैयार करना और यह सु न त करना क उ पाद उपयोगकता क ज रत को पूरा

करता है उ पाद बंधक को आमतौर पर स पी गई ज मेदा रयां भी ह। यह मह वपूण है क यह काम ठ क से कया जाता
है ता क वकास ट म पर क जा कर लया जाए और कं पनी के लए मू य का उ पादन कया जा सके । यह समझना क
तकनीक ऋण या है और कतनी बार
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

वकास ट म के पास समेक न ट पुनरावृ त है जो उ पाद बंधक और वकास ट म के बीच सफलता के मुख ब म से
एक है। य द आप तकनीक ऋण या ट पुनरावृ जैसी कु छ अवधारणा को नह समझते ह तो चता न कर य कउह
बाद म व तार से कवर कया जाएगा।

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

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

यह समझना क उपयोगकता उ पाद के साथ कै से इंटरै ट करते ह और उ ह डजाइन करने म यान म रखना ट म को
डजाइन करने के लए एक ज मेदारी है।
कसी उ पाद के साथ बातचीत म यह शा मल होता है क लोग कै से उपयोग करगे या य द उ पाद पहले से ही बाहर है
तो उ पाद का उपयोग कर रहे ह या लक कया जा सकता है सं मण त ैग एंड ॉप काय मता अ य।

त व के बीच संग त पर भी वचार करना चा हए सभी लक करने यो य बटन समान रंग या आकार साझा करते ह त व
के कु छ उदाहरण जहां रता क आव यकता होती है दल के आकार का बटन होता है जसे पसंद कया जा सकता है एक
सूची म कु छ आइटम जोड़ने वाला लस च और कई इनपुट प के मा यम से ने वगेट करने वाले तीर।

काया वयन के लए वहाय या है इसम कतना समय लग सकता है सवर साइड कॉल कए जाने पर कु छ ती ा
एनीमेशन क आव यकता है आ द का आकलन करने के लए डज़ाइन ट म वकास ट म के साथ मलकर काम करती है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

यह दे ख ते ए क आजकल हर उ पाद ब मंच है अलग अलग ाउज़र व भ न आकार पर मोबाइल सं करण और

व भ ऑपरे टग स टम पर मोबाइल ए लके शन कभी कभी उ पाद क रता बनाए रखना एक चुनौती होती है य क डज़ाइन
ऑपरे टग स टम दशा नदश के व हो सकता है जो अ सर कु छ व े ता ारा आवेदन को खा रज कर दया जा सकता है। यह
कु छ ऐसा है जसके साथ डजाइनर अ सर संघष करते ह यह नौकरी का ह सा है इस लए उ ह बस इस त य को वीकार करना होगा
और उन चुनौ तय को सव म तरीके से और रचना मक होकर र करना होगा।

डज़ाइन के बारे म बात करते समय दो मुख श द अ सर दखाई दे ते ह UI और UX। भूतपूव

यूज र इंटरफे स डजाइन के लए खड़ा है और बाद वाला यूज र ए सपी रयंस के लए है। वे कभी कभी म त और गलत होते ह
ले कन उ ह समझाना काफ आसान होता है। यूए स यादातर उ पाद अनुभव के साथ उपयोगकता क बातचीत पर क त है
या और कब कु छ लक कया जा सकता है कु छ कारवाई समा त होने पर उपयोगकता को त या आ द। यूआ ई यादातर
उप त ां डग और रता पर क त है इस लए इंटरफे स। इसे कसी उ पाद क ब नयान या वचा के प म ल। कं पनी के आकार
के आधार पर उनम से येक को करने वाले अलग अलग लोग हो सकते ह। हमारे अनुभव से यहां तक क म यम आकार क कं प नयां
भी ऐसे लोग को नयु करती ह जनके पास दोन काम करने का अनुभव है य क अ सर के वल यूए स करने वाले सम पत
के लए कोई जगह नह होती है।

एक बार कु छ उपयोगकता कहानी के लए डज़ाइन समा त हो जाने के बाद उ ह उ पाद बंधक को अनुमोदन के लए
स प दया जाता है। इस या के दौरान उ पाद बंधन डजाइन और वकास ट म के बीच कई अंतः याएं ह गी जब तक क
अं तम नणय नह कया जाता है और आगे के काया वयन के लए वकास ट म को स प दया जाता है।

बैक एंड

बैक एंड एक सॉ टवेयर उ पाद क इकाई है जो लाइंट ए लके शन से अनुरोध ा त करने और लाउड सेवा या सवर दाता पर
आमतौर पर हो ट कए गए सम पत सवर पर चलाकर उ ह संभालने के लए ज मेदार है। Amazon वेब सेवाएं Google लाउड
लेटफ़ॉम और Microsoft Azure लाउड कं यू टग ऐसे ान के कु छ उदाहरण ह जहाँ आप कसी उ पाद के बैक एंड को हो ट
कर सकते ह।

बैक एंड वेब सेवा के कई कार ह उदाहरण के लए री टफु ल ड लूएसडीएल एसओएपी जो संचालन के एक सेट को
उजागर करते ह जसका उपयोग ं टएंड ए लके शन या यहां तक क एक करण सेवा ारा कया जा सकता है ले कन इस पु तक
म हम री टफु ल पर यान क त करगे। RESTful वेब सेवाएं आजकल सबसे लोक य म से एक ह य क यह आमतौर पर पूरी तरह
से HTTP ोटोकॉल पर नभर करती है जसम कोई अ य ज टल परत नह होती है जैसे WSDL और SOAP करते ह और इसे
समझना और काया वत करना ब त आसान है। इसका अ धक ववरण इस पु तक म बाद म दया जाएगा।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

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

जब उ पाद बंधक नई सु वधा या कहा नय के साथ आते ह तो आमतौर पर पहला काया वयन बैक एंड ट म ारा
कया जाता है य क कहानी को पूरा करने के लए उ ह बाक उ पाद क आव यकता होती है। कु छ मामल म ं टएंड और
बैक एंड दोन काया वयन समानांतर म शु ह गे य क हमेशा ऐसे काय होते ह जो बैक एंड के बना कए जा सकते ह जैसे क
न का काया वयन और बाद म कने ट होने पर।

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

जब ए लके शन कसी कार क ऑनलाइन कान या सद यता आधा रत सेवा को उजागर करता है तो बैक एंड
भुगतान सेवा दाता के साथ भुगतान को संभालने के लए भी ज मेदार होता है या आजकल भी आम है मोबाइल टोर
Apple Google Amazon से रसीद ा त करना मा य करना उन ा तय और तदनुसार काय करना। इसका मतलब है क
अ सर बैक एंड सेवाएं अ य बैक एंड सेवा के साथ काम करती ह। इसे अ सर सवर साइड संचार या सवर टू सवर संचार के प
म संद भत कया जाता है।

आपका बैक एंड तैयार होने के बाद हमारे ं टएंड ए लके शन को लागू करना शु करने का समय आ गया है
जससे हमारे उपयोगकता सीधे बातचीत करगे।

ं ट एंड

कसी उ पाद का ं टएंड ए लके शन वह होता है जो अं तम उपयोगकता को दखाई दे ता है। सामा य तौर पर जब हम
ं टएंड का संदभ दे ते ह तो हम एक ाउज़र पर चलने वाले वेब ए लके शन के बारे म सोच रहे होते ह। हालां क यह सच है कोई
भी ए लके शन जो ा फक इंटरफ़े स को उजागर करता है या
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

यहां तक क कमांड लाइन इंटरफे स को भी ं टएंड ए लके शन माना जा सकता है। सामा य तौर पर हम एक ं टएंड ए लके शन को
सॉ टवेयर का एक टु क ड़ा मान सकते ह जो लाइंट साइड पर चलता है इसम न के वल वेब ए लके शन ब क मोबाइल और हाल ही
म ट वी ए लके शन भी शा मल ह।
इस पु तक के संदभ म जब हम ं टएंड ए लके शन का उ लेख करते ह तो हम जावा ट HTML और CSS का उपयोग करके
ाउज़र पर चलने वाले वेब ए लके शन का उ लेख करगे।
हम ं टएंड काय को दो मु य मॉ ूल म वभा जत कर सकते ह त न ध व और तक।
त न ध व वह है जो उपयोगकता दे ख ता है इंटरफ़े स त व को कै से तुत कया जाता है और उनके साथ कै से बातचीत क जाती
है। तक वह सब कु छ है जो इसे एक ए लके शन बनाता है जैसे डेटा ा त करना उ ह उपयोगकता के सामने तुत करने के लए
बदलना और अनुरोध रा य डेटा इनपुट का स यापन आ द को संभालना।

ट म या कं पनी के आकार के आधार पर एक व श ं टएंड काय के लए सम पत लोग हो सकते ह जैसे क वे लोग जो के वल

HTML और CSS का उपयोग करके त न ध व कर रहे ह और साथ ही वे लोग जो के वल जावा ट म को डग कर रहे ह। टाटअप
कं प नय म इसे खोजना ब त क ठन होता है य क आमतौर पर इन पद को अलग करने के लए पया त काम नह होता है। यहां तक
क कु छ मामले ऐसे भी ह जहां आप लोग को ं टएंड और बैक एंड पूरी तरह से करते ए पाएंगे आमतौर पर ऐसी मता वाले लोग
को अनुभव या शै णक ड ी के आधार पर पूण टै क इंज ी नयर या पूण टै क ो ामर कहा जाता है।

जब कोई उपयोगकता कहानी या फ चर ं टएंड इंज ी नयर के डे क पर आता है तो यह पूरी तरह से नह होता है
कर क या उ ह तक या डजाइन काया वयन से शु करना चा हए। हमारे अनुभव से और यह कं प नय म काफ
आम है ं टएंड काया वयन तब भी शु होता है जब डज़ाइन अं तम नह होता है। ऐसे मामल म ं टएंड इंज ी नयर तक के साथ
शु आत करते ह। फर भी इस वषय पर कोई कठोर नयम नह ह यह हमेशा ट म के ग तशील और अनुभव पर नभर करेगा।

सं ेप म ं टएंड ट म इंटरफे स और ए लके शन के तक को लागू करने के लए ज मेदार ह जो उपयोगकता के साथ बातचीत

करती ह। आमतौर पर अ धकांश उपयोगकता कहा नय या सु वधा के लए यह अं तम वकास चरण है। काया वयन के बाद टकट
को परी ण के लए यूए को स प दया जाता है जहां वे वीकृ त मानदं ड को पूरा होने तक आगे और पीछे उछाल सकते ह। यह भी
काफ सामा य है क इस काया वयन चरण के दौरान आगे बैक एंड वकास क आव यकता है। कभी कभी चीज वा तव म लागू होने के
बाद ही त वीर दे ख ी जा सकती है। हालां क यह वीकार कया जाता है सामा य तौर पर ऐसे अनुभव से सबक लेना चा हए ता क
भ व य म उ ह कम कया जा सके । जैसे जैसे ट म उ पाद बंधन के साथ मलकर काम करके अनुभव म बढ़ती है ं टएंड डेवलपमट के
दौरान बैक एंड म बदलाव एक वृ बनना बंद हो जाता है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

गुण व ा आ ासन यूए

गुण व ा आ ासन यूए वभाग यह सु न त करने के लए ज मेदार है क अं तम उपयोगकता को मलने वाली हर चीज
आव यकता को पूरा करती है और ठ क से काम कर रही है। जब क यह QA क प रभाषा हो सकती है कसी उ पाद क
गुण व ा वकास के ारं भक चरण म शु होती है।
वकास के दौरान कई कार के परी ण लखे जाएंगे जैसे क इकाई परी ण जहां सामा य प से घटक का परी ण
अलग तरीके से कया जाएगा एक करण परी ण जहां एक साथ काम करने के लए कई घटक का परी ण कया जाता है
और यह भी काया मक परी ण यह जांचने के लए क या वीकृ त मानदं ड दए गए आव यकता को पूरा कया जाता है।

यूए वभाग क संरचना कं पनी के आकार या यहां तक क वे या कर रहे ह इस पर भी नभर करती है। उदाहरण के
लए ऐसी कं प नयां ह जहां वकास दल यूए के लए पूरी तरह ज मेदार ह। सामा य तौर पर टाटअ स के लए भी यह
सु न त करने के लए क सब कु छ आव यकता को पूरा करता है सम पत लोग का मै युअ ल परी ण करना काफ सामा य
है खासकर य द उ पाद ा फक इंटरफे स को उजागर करता है। अनुभव के आधार पर कु छ QA ट म म ऐसे लोग भी शा मल होते ह
जो वचा लत परी ण लख सकते ह। उ ह अ धक ान और ो ा मग कौशल क आव यकता होती है य क यूए ट म के
सद य को प रणाम ा त करने के लए कोड लखने क आव यकता होती है।

एक सु वधा लागू होने के बाद इसे परी ण के लए यूए को स प दया जाता है। इस कार का परी ण अ सर मै युअ ल
परी ण होता है। यूए सद य टकट लेगा और वीकृ त मानदं ड के अनुसार सब कु छ लागू करने के लए कई परी ण करेगा।
इसके साथ और चूं क कई बदलाव अ सर रलीज टू रलीज कए जाते ह यूए ट म र ेशन टे टग करने पर भी यान दगी।
तगमन परी ण मूल प से यह सु न त कर रहा है क प रवतन का एक सेट नया सं करण पूरे स टम को नुक सान नह
प ंचा रहा है। एक ऐसी सु वधा क क पना कर जहां अब लोग के वल वीज़ा और मा टरकाड से भुगतान करने के बजाय पेपाल से
भी भुगतान कर सकते ह। इस दायरे म तगमन परी ण यह स या पत करने के लए होगा क पेपैल शु करने के बाद लोग
अभी भी पछली भुगतान व धय के साथ भुगतान कर सकते ह और न के वल यह स या पत कर सकते ह क नई पेपाल के साथ
भुगतान सु वधा काम कर रही है। स टम परी ण भी यूए ट म क ज मेदारी है यह स या पत कर रहा है क उ पाद सभी
ल त प रवेश पर अपे त प से काम करता है। यह ऑपरे टग स टम हो सकता है ऐसे मामल म जहां सॉ टवेयर प रसर म
ा पत हो जाता है या उदाहरण के लए यह जांचना क कोई वेब ए लके शन सभी न द ाउज़र के साथ काम कर सकता है
या नह ।

अ य कार के परी ण भी ह ले कन हमारे अनुभव से वे यूए ट म के भीतर नह ब क वकास और संचालन ट म

DevOps के भीतर पाए जाते ह। उनम से कु छ म शा मल ह तनाव परी ण यह सु न त करना क स टम भारी भार के
दौरान दशन करता है और यह अनुमान लगाता है क य द ऐसा होता है तो स टम कै से वहार करता है और दशन परी ण
यह जांचने के लए क या स टम अपे त दशन कर रहा है और वीकृ त समय सीमा के भीतर अनुरोध का जवाब दे रहा है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

यह ब कु ल सामा य है क परी ण चरण के दौरान यूए कु छ मु को उठाएगा

सु वधा उदाहरण के लए UI म कु छ ऐसा जो इ तम नह है या कु छ वहार जो सही है। यादातर मामल म यह
उ पाद बंधक पर नभर करता है क वह या करे।
आमतौर पर इससे दो संभा वत प रणाम उ प हो सकते ह या तो सु वधा अ वीकृ त हो जाती है और यह सभी आव यक चरण
से गुज रते ए शु आत से ही पुनरावृ होती है या सु वधा जैसी है वैसे ही जारी हो जाती है ले कन आगे के वकास या अनुकू लन
पर अगले सं करण म वचार कया जाएगा।

DevOps वकास संचालन

DevOps ट म वकास और बु नयाद ढांचे के सभी प रचालन पहलु के लए ज मेदार ह। इसका मतलब है क वे नरंतर
एक करण और नरंतर वतरण पाइपलाइन के नमाण सवर के बंधन माइ ेशन करने और वा त वक तैनाती करने के लए
ज मेदार ह। यह काफ तकनीक भू मका है। वा तव म कु छ कं प नय म वकास दल भी DevOps भू मका के लए ज मेदार
होते ह। फर यह हमेशा कं पनी के आकार पर नभर करेगा क वे कतनी बार तैनात करते ह और वे सामा य प से कै से काम करते
ह।

जैसा क पहले उ लेख कया गया है ये ट म वतमान सु न त करने के लए भी ज मेदार ह

बु नयाद ढांचा अपे त भार को संभाल सकता है और यह अभी भी सेवा से इनकार न करके इसके तहत दशन करता है।

इस भू मका को अ सर स टम शासक के साथ गलत माना जाता है। हालां क वे एक जैसे लगते ह ले कन वे काफ भ
होते ह। हालाँ क कु छ कं प नय म एक ही लोग दोन भू मकाएँ नभा सकते ह DevOps यह सु न त करने के बजाय सॉ टवेयर के
वकास और वतरण या पर अ धक यान क त करता है क स टम सामा य प से उ पाद से असंबं धत भी सामा य
पर तय म काम कर रहे ह। स टम शासक उन सभी सं ा से भी नपटते ह जो कं पनी को चालू रखते ह उदाहरण के लए
कायालय नेटवक और दै नक आधार पर उपयोग क जाने वाली आंत रक णाली।

भू मका के बारे म मत होना सामा य है

य द आप अभी मत महसूस कर रहे ह और सभी भू मका को अपने सर म मला लया है तो चता न कर और इसके बारे
म बुरा महसूस न कर। तुम अके ले नह हो। दरअसल कभी कभी काफ लंबे समय तक एक साथ काम करने वाले लोग भी एक
सरे क भू मका और ज मेदा रय को नह जानते ह।
हम म से एक ओ गा उस कं पनी म काम कर रहा है जहां लोग को यूआ ई इंज ी नयर क भू मका समझ म नह आती थी। उनम
से कु छ ने सोचा क वह एक ं टएंड डेवलपर है
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

जावा ट म को डग और उनम से कु छ ने सोचा क वह एक डजाइनर था। याद रख UI कह बीच म है ले कन यह दोन म से कोई भी

नह है।

इस लए जो लोग सोचते थे क लड़का एक डज़ाइनर है वे उसे डज़ाइन काय दे ते ह और य द वह एक संपूण चमकदार डज़ाइन
दान नह करेगा तो वह थोड़ा नराश हो जाएगा। उसी समय जो लोग सोचते थे क लड़का एक ं टएंड डेवलपर है वे उससे ज टल ो ा मग
काय को करने के लए कहगे और यह दे ख कर ो धत हो जाएंगे क वह वह भी नह दे सका। या आप ऐसी त क क पना कर सकते ह
लड़का HTML और CSS म एक वा त वक पेशेवर है इस लए वह कसी भी डज़ाइन को वेब इंटरफ़े स म अनुवाद कर सकता है जो कसी भी
ाउज़र और कसी भी डवाइस म अ त लगेगा। उस कं पनी का कोई भी इंज ी नयर ऐसा जा नह कर पाया था। हालाँ क उसक भू मका
और ज मेदा रय के बारे म गलत संचार और गलतफहमी वा तव म उसे उसक नौकरी से वं चत कर सकती थी एक बोड बैठक को इक ा
करके त को हल कया गया जहां मने च म रेख ा च बनाया।

च । UI इंज ी नय रग क ा या करते ए हाइटबोड के च

यह च दखाता है क ं टएंड डेवलपमट म तीन मु य भाग होते ह HTML CSS और JavaScript। जब क HTML एक साधारण
माकअप भाषा है जो वेबसाइट क संरचना को प रभा षत करती है CSS इसे सुंदर और अ ा बनाता है और जावा ट इसे ग तशील
बनाता है जैसा क च म दशाया गया है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

च ।n bs . के लए ं टएंड वकास

UI इंज ी नय रग पहले दो भाग पर क त है एक संरचना को प रभा षत करना और इसे अ तरह से तैयार

करना ता क यह आपके ल त दशक को पूरी तरह से भा वत कर सके । UI इंज ी नय रग वेबसाइट को ग तशील बनाने या
फोटोशॉप म सुंदर डजाइन बनाने पर क त नह है च ।

च । UI इंज ी नय रग म ं टएंड डेवलपमट का ग तशील ह सा शा मल नह है

उस बैठक के बाद इस इंज ी नयर क भू मका के बारे म सभी एक ही पृ पर थे और

उ मीद संरे खत थ ले कन याद रख आधा साल बीत चुक ा था।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

इस खंड म हमने वा तव म ब त से नए नयम और भू मका को शा मल कया है ले कन चता न कर य द आप उन

सभी को पूरी तरह से नह समझ पाए ह तो हम इस पु तक म बाद म इनम से अ धकतर मद को और अ धक व तार से कवर
करगे। इस अ याय का उ े य आपके लए उन भू मका पर एक व रत प रचय दे ना है जो आप आमतौर पर कसी कं पनी म पा
सकते ह और उनक आदत डाल सकते ह। अब समय आ गया है क सॉ टवेयर वकास के तरीक के बारे म सं ेप म जान और एक
व श सॉ टवेयर कं पनी म चीज कै से क जाती ह या क जा सकती ह।

के तरीके
जब हम काय णाली के बारे म बात करते ह तो हम सॉ टवेयर वकास के तरीक के बारे म बात करते ह हालां क उनम से यादातर
पहले से ही सॉ टवेयर वकास से पहले मौजूद थे और बाद म सॉ टवेयर वकास के लए लागू कए गए थे। जब काय णाली क बात
आती है तो दो मु य स वाद होते ह झरना और फु त ला। यह अ याय चु त वकास पर यान क त करेगा य क यह आजकल
सबसे लोक य और लचीला है ले कन हम लगता है क आपको यह समझने के लए क दोन कहां खड़े ह आपको एक मोटा तुलना
दान करना मह वपूण है।

वाटरफॉल मॉडल च सॉ टवेयर वकास के शु आती दन म काफ लोक य था। वाटरफॉल मॉडल म कहा
गया है क एक प रयोजना के कई चरण होते ह आव यकताएँ व ेषण डज़ाइन को डग परी ण और रखरखाव और उनका
काया वयन मक है जसका अथ है क अगला चरण पछले चरण के बंद होने ले खत और वीकृ त होने से पहले शु नह कया
जा सकता है।

च । वाटरफॉल सॉ टवेयर डेवलपमट मॉडल आव यकता से लेक र रखरखाव तक

Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

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

के वल एक चीज जो र है वह है प रवतन। हेरा लटस

वा तव म चु त ठ क उसी पर नभर करता है सब कु छ हमेशा बदलता रहता है।

आव यकताएं अप रवतनीय नह ह उ ह कभी भी बदला जा सकता है य द सब कु छ हमेशा बदलता रहता है तो हम इसके
परी ण चरण तक फ डबैक के बना सॉ टवेयर का नमाण नह कर सकते।
इस लए फु त ली का सबसे मह वपूण स ांत यह है क हम लगातार सॉ टवेयर डलीवरी चाहते ह। हम जतनी तेज़ ी से
सॉ टवेयर को उ पादन म भेज ते ह उतनी ही तेज़ ी से हम त या मलती है और ज़ रत पड़ने पर तेज़ ी से बदलाव लागू कए जा
सकते ह। पहली नज़र म अराजकता क तरह लगता है कु छ लागू कया जा रहा है फर बदला गया फर लागू कया गया ... यह कब
समा त होता है डजाइन चरण कब है हम इसका परी ण कब करते ह दरअसल चु त कोण म भी सॉ टवेयर वकास सभी
मह वपूण चरण से गुज रता है य क अंत म हम गंभीर चीज का नमाण कर रहे ह है ना भले ही फु त ली और जल पात क
याएं और चरण पहली बार म समान ह फर भी दो मु य ब ह जो सभी अंतर बनाते ह

• एजाइल का कहना है क प रयोजना के कसी भी चरण म आव यकताएं बदल सकती ह और

प रयोजना के जारी रहने पर इसे दोहराया और प र कृ त कया जा सकता है।

• फु त ली शु आती चरण म डलीवरी शु कर दे ती है और इससे संभा वत मु क पहचान करने

और उ ह ठ क करने म मदद मलती है जब क अभी भी समय है इस लए पूरी प रयोजना
पर भाव को कम करता है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

म सॉ टवेयर इंज ी नयर का एक समूह यूटा म क रसॉट म इन सभी चीज पर चचा करने के लए मला और

प रणाम व प तथाक थत एजाइल मे नफे टो का ज म आ http agilemanifesto.org ।

यहाँ चपलता के चार मु य कथन दए गए ह

या और उपकरण पर और बातचीत

ापक द तावेज़ ीकरण पर काय करने वाला सॉ टवेयर

अनुबंध वाता पर ाहक सहयोग

एक योजना का पालन करने पर प रवतन का जवाब दे ना

चु ती से लागू करने के लए एक ॉस फ़ं नल ट म क आव यकता होती है। ॉस फ़ं नल ट म होने का

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

म और कानबन दो ापक प से लोक य ढांचे ह जो उपरो चु त पैटन को लागू करते ह। भले ही वे

वा त वक काया वयन म भ ह वे समान स ांत को साझा करते ह। न न ल खत उपखंड उनका अ धक व तार से वणन
करते ह।
अंत म आप दे ख गे क कोई चांद क गोली नह है ले कन न त प से ऐसे उपकरण ह ज ह आपके उ े य के लए अनुकू लत कया
जा सकता है। हमारा मानना है क यह हमेशा इस बात पर नभर करेगा क आप या हा सल करना चाहते ह आप इसे कै से हा सल करना
चाहते ह और प रयोजना क कृ त।

जमघट
अगर हम से तक म े मवक का मू यांक न करना होगा जहां का अथ है जो कु छ भी आप चाहते ह और का अथ
वा तव म स त या है तो हम इसे दगे। मब तअ तरह से प रभा षत भू मकाएं और स त नयम नधा रत करता है।
पु तक ारा म को लागू करना क ठन ज टल और एक ऊजा खपत काय हो सकता है। हमने व भ कं प नय म काम कया है
और हम कई सॉ टवेयर डेवलपमट ट म म रहे ह। हमने टाटअप और बड़े नगम का दौरा कया और हमने नया भर के प रयोजना
बंधक और डेवलपस से बात क है। जैसा क इसम व णत है हमने कभी भी शु म काया वयन नह दे ख ा है
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

कताब। येक ट म को इस या को ट म क आव यकता वसाय मॉडल उ पाद क कृ त और कं पनी क सं कृ त के अनुकू ल

बनाना होता है।
तो वा तव म वह ज टल ढांचा या है जसे पु तक ारा उपयोग करना इतना क ठन है
म के मु य स ांत इस पर नभर करते ह

• ॉस फ़ं नल ट म

• टाइम बॉ संग पुनरावृ य को ट कहा जाता है

• उ पाद रोडमैप

• उ पाद बकाया

• ट योजना बैठक

• पूव ापी बैठक

• दै नक टडअप मी टग

• काय अनुमान

• बनडाउन चाट व ेषण और वेग गणना

• म मा टर उ पाद वामी और वसाय वामी भू मकाएं

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

संभावनाएं अनंत ह और आपक ॉस फं नल ट म को कै से तैयार कया जाए इसके लए कोई नु खा नह है।

एक ॉस फ़ं नल ट म के वपरीत काया मक ट म का एक समूह होगा ए

बैक एंड इंज ी नयर क ट म ं टएंड इंज ी नयर क एक और ट म आ द।
हमने ऐसी ट म पर भी काम कया है।

मलावट भी हो सकती है। आपके पास कु छ काया मक ट म हो सकती है उदाहरण के लए ट म

कई ॉस फ़ं नल ट म के बीच साझा संसाधन के प म उपयोग कए जा रहे डजाइनर के । अंत म ट म संरचना क या एक
सतत वकासवाद या है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

उदाहरण के लए ओ गा ने जन कं प नय म काम कया है उनम से एक म कई काया मक ट म थ ज ह चार ॉस

फ़ं नल ट म म वभा जत कया गया था जनम से येक कु छ व श कं पनी के KPI के लए ज मेदार थी। इसने कु छ
समय के लए काम कया और ब त अ ा काम कया। कु छ समय बाद ापार क दशा बदलने लगी जससे छोट ट म
आपस म यादा से यादा इंटरै ट करने लग । कु छ ब पर यह था क तीन छोट ट म वा तव म एक ही उ पाद पर काम
कर रही थ जो एक ही मु य उ े य को पूरा कर रही थ । इस कार उन छोट ट म को एक बड़ी ॉस फ़ं नल ट म म एकजुट
करने का नणय लया गया। और इसने अ ा काम कया। इस कार आपक ट म हमेशा बदलती रहेगी और प रवतन हमेशा
प रयोजना के कार उसके बजट और उसक आव यकता के अनु प होने चा हए।

काम
ट म के लए काम कहाँ से आता है जस काम को करने क ज रत है वह शु होता है

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

मूल प से यह सभी ल य योजना और ाथ मकता के बारे म है। और न त प से अनुशासन

अ यथा यह काम नह करता है। उ पाद के मा लक को वसाय क ज रत और ल य के अनुसार बैक लॉग क योजना बनानी
होगी और उसे ाथ मकता दे नी होगी। ट म को योजना पर टके रहना है यान क त करना है और उसके लए तब होना है।
फोकस कै से रख यह प रयोजना म शा मल सभी लोग के लए एक अ यास है और यह एक पूरी अ य पु तक के लए एक वषय
है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

सं ेप म जस काय को करने क आव यकता है वह ाथ मकता वाले उपयोगकता कहा नय के प म उ पाद बैक लॉग म
रहता है। येक पुनरावृ सूची से कई कहा नयां इसे अगले ट के दौरान काम करने के लए ट बैक लॉग म बनाती ह।

लघु दौड़

ट नामक टाइम बॉ स पुनरावृ य के साथ काम के टु क ड़े वत रत कए जाते ह । येक ट क शु आत म ट

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

इसे लपेटकर एक ट एक टाइम बॉ संग पुनरावृ है जसके दौरान कु छ काय होते ह

दै नक बैठक के दौरान हर दन लागू और चचा क जाती है और शु आत म इसक योजना बनाई जाती है और अंत म
व ेषण कया जाता है। यह ब त है है ना ले कन यह सब श दावली अनुमान पूव ापी बैठक वेग बनडाउन
चाट ... या
आइए इनम से येक अवधारणा पर करीब से नज़र डाल।

अनुमान वेग और बनडाउन चाट

हमने बताया है क ट म आने वाले येक काय का अनुमान लगाया जाना चा हए। अनुमान कै से काम करता है दरअसल इस
सवाल का जवाब दे ने के लए सबसे पहले हम यह समझने क ज रत है क हम या अनुमान लगाने क को शश कर रहे ह। कसी
भी काय के बारे म सोच इसे सॉ टवेयर वकास से संबं धत होने क आव यकता नह है। उदाहरण के लए कमरे क सफाई को एक
काय के प म माना जा सकता है।
आप इस काय का मू यांक न कै से कर सकते ह आप बता सकते ह क यह काफ क ठन काय है इसक ज टलता का आकलन
करना और आप यह भी कह सकते ह क इसे पूरा करने म आपको दन तक का समय लगेगा समय म काय क लंबाई का
आकलन करना । म ट म तय कर सकती है क वह समय पर या ज टलता म अनुमान लगाना चाहती है। जब ट म समय पर
ट काय का अनुमान लगाती है तो ट म के सद य को समय इकाइय म सोचना चा हए आमतौर पर दन और घंटे जो काय
के काया वयन म लग सकते ह। य द ट म काय क ज टलता का अनुमान लगाने का नणय लेती है तो
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

ट म के सद य को व भ कार क इकाइय म सोचना चा हए। आमतौर पर इन इकाइय को कहानी ब कहा जाता है। कहानी य
इं गत करती है य क हम उपयोगकता कहा नय का व ेषण कर रहे ह याद रख
येक ट के दौरान ट म ारा पूरा कए जाने वाले कहानी ब क सं या को ट म का वेग कहा जाता है।

कहानी के ब को पसंद करने वाले लोग या कु छ अ य ज टलता इकाइय उदाहरण के लए ट शट के आकार

और समय पर अनुमान लगाने को ाथ मकता दे ने वाले लोग के बीच ब त बड़ी लड़ाई है। काय को पूरा करने म कतना समय लगेगा
यह सोचने के बजाय कभी कभी काय क ज टलता का आकलन करना आसान होता है। हालाँ क अंत म वसाय के मा लक हमसे
या उ मीद करते ह यह बता रहा है क सु वधा कब समा त होगी। अ े तक वतक से आप इस लड़ाई को जीत सकते ह चाहे आप
कोई भी प ल इस लए अंत म यह वा तव म मायने नह रखता। फु त ले म वा तव म जो मायने रखता है वह यह है क काम तेज ी से
प ंचाया और दया जाता है। कसी भी कार का अनुमान य द अ तरह से कया जाता है तो आपको पूवानुमेयता क एक बु नयाद
समझ मलेगी जो न के वल पारद शता के लए ब क तेज ी से वतरण क न व के लए ब त मह वपूण है। हा थय म अनुमान लगाएं क
या यह आपको खुश करता है ले कन पारदश और फु त ले बन।

टअ तरह से चला या नह यह समझने म स म होने के लए बनडाउन

येक ट के अंत म चाट च का व ेषण कया जाता है। बनडाउन चाट एक चाट है जो तब मा ा और पूण कए गए
काय क मा ा के बीच संबंध ा पत करता है।

च । काय समय चाट

Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

ए सअ ट म दन क सं या दखाता है इस उदाहरण म . वाई अ अनुमा नत काय क सं या का तनधव

करता है इस उदाहरण म हम मानते ह क कहानी ब म काय का अनुमान लगाया गया है और कहानी ह ट म काय के
ब ।
हरी रेख ा म नवाण का त न ध व करती है ट योजना म नयो जत और अनुमा नत सभी काय ट के अंत तक एक
अ तरह से संतु लत समान ग त के साथ समा त हो गए ह। लाल रेख ा ट क वा त वक त का त न ध व करती है।

ट के अंत म चाट का व ेषण करने से आपको अंदाजा हो जाता है क ट कै से चला।

इस उदाहरण म हम अनुमान लगा सकते ह क पहले दन के लए वा तव म कु छ भी नह आ या डेवलपस अपने काय
क त को अपडेट करना भूल गए फर अचानक तीसरे दन ट म वा तव म उ पादक हो गई फर एक र रहा है अगले दन
के दौरान ग त फर कसी ने अपराध कया और आठव दन ट म कु छ काय को जोड़ा एक र नग ट म काय को जोड़ना म
म NO NO है और उसके बाद लगभग र था ट के अंत तक ग त ले कन फर भी कु छ काय अधूरे रह गए।

वे कहते ह क लाल रेख ा जतनी अ धक हरे रंग के करीब होती है ट उतना ही अ धक आदश होता है। हमने ऐसा होते ए
कभी नह दे ख ा। ट म जो उस तक प ंचने क को शश करती ह कभी कभी चाट म अपने अनुमान और या को समायो जत
करने का यास करती ह इस लए अंत म यह अ ा लगता है। ऐसा मत करो। इस या को आपको उ पादक बनने म मदद करनी
चा हए न क यह महसूस करने के लए क आप उ पादक ह जब क वा तव म आप नह ह। य द आप कु छ नवाण चाहते ह तो यहां
आपके लए एक Spotify ले ल ट है http soti.fi tZJfgO।

बैठक
जैसा क हमने पहले ही बताया म वभ कार क बैठक को नधा रत करता है। ट ला नग रे ो े टव डेमो मी टग और डेली
म सबसे लोक य ह। इनके अलावा हम बैक लॉग ू मग और बैक लॉग शोधन बैठक के बारे म सोच सकते ह। आइए सं ेप म बात
कर क इनम से येक बैठक का या अथ है।

ट ला नग मी टग के दौरान उ पाद मा लक के साथ ट म तय करती है क या

काय उ पाद बैक लॉग से ट बैक लॉग म चले जाएंगे। वे काय का अनुमान भी लगाते ह और इकाइय क मा ा औसत ट म के
वेग तक प ंचने पर उ ह ानांत रत करना बंद कर दे ते ह। ट म को फोक ड रखने के लए इस मी टग के दौरान ट गोल को
प रभा षत कया जाता है।
ट नयोजन स के ठ क बाद शु होता है। ट म ल य को ा त करने और उन सभी कहा नय को पूरा करने के लए कड़ी
मेहनत करती है जनके लए उ ह ने तब कया है। येक काय दवस क शु आत दै नक म मी टग से होती है। इस बैठक
के दौरान ट म के येक सद य ने कल बात क आज या करने क योजना है और या बाधाएं ह। आज सुबह का ायाम न के वल
ट म को समका लक और क त रखता है ब क
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

येक ट म के सद य को अपना काय दवस शु करने से ठ क पहले सुबह म कु छ बाधा को हल करने का अवसर भी दे ता है।

एक बार ट ख म हो जाने के बाद यह व ेषण करना एक अ ा वचार है क यह सफल रहा है या नह और यह

समझने के लए क इसे ऐसा य बनाया गया है। ट पूव ापी बैठक
इस उ े य के लए ब कु ल मौजूद है। इस बैठक के दौरान ट म तीन चीज के बारे म बताती है

• उनका मानना है क जो आ वह अ ा आ

• उनका मानना है क वह ठ क नह आ

•अ चीज को रखने के लए या कया जा सकता है और ऐसा नह होने से रोका जा सकता है

अ बात

पूव ापी बैठक कई कारवाई ब के साथ समा त होनी चा हए। ये ब सभी के लए यमान होने चा हए एक ज मेदार
को स पा जाना चा हए और आदश प से एक समय सीमा होनी चा हए। अगली पूव ापी बैठक के दौरान ट म पछली पूव ापी बैठक
से कारवाई ब पर ग त का व ेषण करेगी।

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

डेमो मी टग पूरी कं पनी के लए सावज नक हो सकती ह और उनका उ े य यह दखाना है

पछले पुनरावृ के दौरान या कया गया है।

म बोड
म बोड उ पाद बैक लॉग और ट बैक लॉग दोन क त का त न ध व करता है। ट के दौरान काय टू डू त से
पूण त म जा सकते ह। ब त सीधा लगता है एक बार काय पूरा हो जाने के बाद इसे पूण त म ले जाया जाता है
ले कन काय वा तव म कब कया जाता है कया गया क प रभाषा क अवधारणा को पेश करके म इस का उ र दे ता है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

कए गए क प रभाषा इस बात का औपचा रक ववरण है क काय को पूरा करने के लए कन मानदं ड को पूरा करना
चा हए। उदाहरण के लए कु छ ट म कोड के पूरा होने पर काय को पूरा मान सकती ह जब क अ य के वल परी ण पास होने के
बाद कए गए काय पर वचार कर सकते ह। हम लगता है क यह पहले से ही तैनात और उ पादन म चलने के बाद कए गए काय पर
वचार करने के लए समझ म आता है। दोन करने के लए और हो गया रा य के बीच काय कई चरण से गुज र सकता है उदाहरण
के लए करने के लए ग त म समी ा परी ण तैनाती के लए तैयार पूण । फर से येक ट म काय चरण को अपनी आव यकता
के अनुसार ढाल लेती है। कु छ ट म के लए के वल तीन रा य का होना पया त हो सकता है टू डू इन ो ेस डन।

यह भी उ लेख नीय है क ट बोड म सी मत सं या म काय होते ह। म ट म ट म के वेग के अनुसार त ट काय क

सं या को सी मत करती है।
च दखाता है क य द ट म का वेग कहानी ब से मेल खाता है तो म ट बोड कै सा दख सकता है।

च । म ट बोड

बैक लॉग म ाथ मकता वाले आइटम शा मल ह। उनम से कु छ का अनुमान पहले ही बैक लॉग ू मग और या शोधन बैठक के
दौरान लगाया जा चुक ा है। ट योजना बैठक के दौरान काय को ट बोड म ले जाया जाता है। ट बोड म के वल अनुमा नत
आइटम होते ह।
ट काय के अनुमान का योग ट म के औसत वेग से अ धक नह हो सकता। ट के दौरान कोई भी ट बोड म काय नह जोड़
सकता य क यह अंत म वेग को भा वत करेगा। कभी कभी कु छ अपवाद होते ह और ट म काय को ट म ले जाने पर सहमत हो
सकती है य द उसी अनुमान के कसी अ य काय को इससे हटा दया जाता है।

जैसा क आप दे ख सकते ह भले ही म चु त और लचीला है फर भी यह क ठन नयम बना दे ता है य द आप

इसे पु तक ारा लागू कर। फर भी यह न त प से एक अ ा सॉ टवेयर वकास ढांचा है जसे अपनी या को लागू
करते समय वचार करना चा हए य क यह पहले से ात सम या के लए एक कोण और अ ा कोण दान करता है।
सामा य तौर पर भले ही आपको लगता है क आप नह ह आप अपनी वयं क क टम या म कु छ म सु वधा को शा मल
कर लगे।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

Kanban
जब हमने म पर चचा करना शु कया तो हमने इसे जो कु छ भी आप चाहते ह से वा तव म स त या
का मू यांक न कया और इसे दया। हमारी राय म कानबन इस पैमाने पर का हकदार है। कानबन म कोई मी टग नह होनी
चा हए कोई वशेष भू मका नह है और कोई टाइम बॉ संग पुनरावृ यां नह ह। कोई अनुमान नह है और कोई वेग गणना नह
है। कानबन म आपके पास के वल एक ही तबंध हो सकता है वह है त काय चरण म काय क सीमा। उदाहरण के लए हम
कह सकते ह क ग त म कॉलम म एक ही समय म पांच से अ धक काय जमा नह हो सकते ह। हम टू डू कॉलम म काय क
सं या को भी सी मत कर सकते ह । वा तव म यह एक ब त अ ा वचार है य क कानबन म टू डू कॉलम म जो कु छ भी
आता है उसे यह गारंट दे ने के लए जतनी ज द हो सके वत रत कए जाने क उ मीद है क आव यकता के बारे म ान अभी
भी ताजा है।

आमतौर पर सॉ टवेयर जो कानबन बोड को डजाइन करने के लए उपयोग कया जाता है वह त कॉलम काय क सीमा न द करने क

अनुम त दे ता है।

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

समय च
म से वेग मी क याद रख कानबन म साइ कल समय नामक एक ब त ही मह वपूण मी क भी है । साइ कल समय वह
समय है जो कसी काय को करने के लए से पूण कॉलम म जाने के लए लेता है। औसत च समय जतना छोटा होगा
ट म उतनी ही अ धक कु शल होगी। इस तरह आप इस मी क को कम करते ह

• बड़े काय को छोट छोट इकाइय म बांटना सीख

• काय के बीच नभरता कम कर

• यान क त रहना

• काय के पूरा होने का ज मनाएं

Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

दरअसल साइ कल का समय कम करने से गुण व ा बढ़ाने म भी मदद मलती है। या आप सहमत ह
क कु छ छोट चीज़ का नमाण करने म गल तयाँ करना क ठन है जसम कई नभरता के साथ कसी वशाल चीज़ क
तुलना म अ य काय से नभरता नह है
भले ही यह छोटा सा टु क ड़ा आपके स टम को तोड़ दे इसे हटाना आसान है य क यह
एक व न हत वशेषता का त न ध व करता है।

कु छ अ ययन लीड टाइम नामक मी क को भी दशाते ह । लीड टाइम बीच का समय है

जब तक यह वा तव म पूरा नह हो जाता तब तक काय का नमाण। इस लए इसका मतलब है क मु य समय मूल प से च
समय और वह समय है जो काय को बैक लॉग से टू डू कॉलम म ले जाने म लगता है। इस मी क को कम करने से आपको अपना
वसाय सुचा प से चलाने म भी मदद मलती है। उदाहरण के लए ओ गा ने जन कं प नय म काम कया उनम से एक म सीईओ
शकायत कर रहा था क उसने एक साधारण काय बनाया है जस पर वह वा तव म काम करना चाहता था और इसे बार बार गत कर
दया गया था जब तक क यह ायी प से टडबाय म नह रहा। दो साल बीत चुके थे और यह काय अभी भी बैक लॉग म था इसम
न त प से कु छ गलत है। अगर आपको कभी पता चले क आपके काय इतने लंबे समय से बैक लॉग म बैठे ह तो वे या तो आपके
वसाय के लए मह वपूण नह ह तो कृ पया उ ह हटा द या आपके वसाय को नुक सान हो रहा है।

अपने वसाय को भा वत न कर अपने काय को ाथ मकता द और इसे तुरंत करने के लए कॉलम म ानांत रत कर

कानबन बोड
कानबन बोड ब त हद तक म बोड के समान है। त बोड काय क सं या सी मत करने के बजाय यह उ ह त कॉलम सी मत
करता है। च दखाता है क कानबन बोड कै से दखाई दे सकते ह।

च । कानबन बोड
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

उ ाथ मकता वाले काय बैक लॉग के शीष पर रहते ह। बैक लॉग के ऊपर से काय इसे टू डू कॉलम म बना रहे ह। टू डू
कॉलम काय तक सी मत है । ग त म कॉलम काय तक सी मत है। एक बार जब सीमा समा त हो जाती है तो ट म इस बात
पर वचार मंथन करती है क सम या त कॉलम को कै से साफ कया जाए।

त कॉलम काय क सं या को सी मत करने से यह समझाने म भी मदद मलती है क अड़चन कहाँ है। क पना कर क आपका
एक कॉलम टे टग है। य द इस कॉलम म काय क सं या सीमा से अ धक हो रही है यह मानते ए क सीमाएं पहले से ही ट म के
सद य क सं या म समायो जत क गई ह इसका मतलब है क परी ण आपक वकास या क बाधा है। इसके आधार पर आप
कु छ मह वपूण नणय ले सकते ह जैसे नए लोग को काम पर रखना या ऑटोमेशन टे ट क सं या बढ़ाना।

ठ क है ले कन मुझ े या उपयोग करना चा हए

हमने कई नए नयम और अवधारणाएं पेश क ह। आइए उनका योग कर।

• म वभ कार क बैठक से भरा होता है जब क कानबन को नयोजन स के अलावा कसी वशेष

बैठक क आव यकता नह होती है और यहां तक क यह भी वा तव म स त नह है क इसका
उपयोग कब कै से और कहां कया जाता है।

• म व श भू मका उ पाद वामी वसाय वामी म मा टर क मांग करता है जब क

कानबन म कोई स त भू मका नह है।

• म काम को टाइम बॉ संग पुनरावृ य म वभा जत करता है जसे ट कहा जाता है जब क

कानबन म काम करने वाले पुनरावृ य पर कोई व श समय सीमा नह है। ट म जब भी काम के
लए तैयार महसूस करती है तो अगले काम क योजना बनाना शु कर दे ती है।

• म बोड पर त ट काय क सं या को सी मत करता है जब क कानबन त कॉलम बोड पर

काय क सं या को सी मत करता है।

• म ट म के वेग पर नभर करता है जब क कानबन लीड और साइ कल टाइम मे स का स मान करता

है।

भले ही हमने कई अलग अलग चीज पर चचा क हो हमने यह नह बताया क कब

उपयोग करने के लए या। जैसा क इस अ याय म कई बार उ लेख कया गया है यह तय करना ट म पर नभर है क या उपयोग
करना है। आपको पु तक और न ही कानबन ारा म का उपयोग करने क आव यकता नह है। आप उन दोन को मला सकते ह
और जो कु छ भी आपके वसाय और आपक ट म क ज रत पर लागू होता है उसका उपयोग कर सकते ह। ं बन नामक एक
प त भी है अरे हाँ सॉ टवेयर इंज ी नय रग मचु रन से भरा है https en.wikipedia.org wiki
Ivan Vladimirovich Michurin जो सामान को एक साथ मलाना और नए वचार याएं उपकरण और परेख ा ा त
करना पसंद करते ह।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

सॉ टवेयर डेवलपमट े मवक या टू ल को अपनाना आमतौर पर एक ब त ही वाभा वक या है

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

• पूण क प रभाषा हमने येक अ याय को तब पूरा कया जब पाठ समा त हो गया था और हम दोन ारा समी ा

क गई थी जब च समा त हो गए थे और जब तकनीक समी क और मु य संपादक ारा पूरा अ याय

वीकार कया गया था।

• साइ कल का समय हमने येक अ याय को छोटे ा य म वभा जत करने का यास कया
काम का ह सा जनम से येक सर पर नभर नह था इस लए हम कु शल और उ पादक हो सकते थे।

• ग त म मद क सी मत सं या हमने को शश क क तीन से अ धक आइटम ग त पर न ह । पहले हम म से

के वल दो थे। सरा अगर कोई व तु थी जस पर कसी अ य ारा काम कया जा रहा था उदाहरण के
लए हमारे पास एक म है जसने हम च के साथ मदद क और यह ग त म कॉलम म फं स गया था
तो हम अपने म को पग करगे और पूछगे क या उसे कु छ मदद क ज रत थी।

• पूव ापी बैठक हमने अपनी सफलता के बारे म बात क और अपनी कमजो रय पर वचार कया। येक नए
अ याय के साथ हम बेहतर और बेहतर बनना चाहते थे। ईमानदारी से हम पूव ापी इतना अ ा उपकरण

मला जसने इसे बेहतर बनाने म मदद क क हम आपको इसे अपने गत वकास के लए उपयोग करने
क सलाह भी दे ते ह

• बोड हमारे पास एक सुंदर भौ तक बोड है जसे हम नए से समृ करते ह

हर ह ते आइटम। यह इस तरह दखता है
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

च । इस पु तक के काय के लए बोड

जैसा क आप दे ख सकते ह चु त अवधारणा को लगभग हर चीज पर लागू कया जा सकता है। आइए दे ख क हम उ ह इस पु तक म शा मल

क जाने वाली सॉ टवेयर नमाण या म कै से लागू कर सकते ह। इसके अलावा आइए अंत म ट म से मल
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

हमारी ट म और या
अब जब हमने सॉ टवेयर वकास म भू मका ट म और व भ या का वणन कया है तो अंत म हमारे सॉ टवेयर को वक सत करना शु

करने का समय आ गया है। हमारे ारा व णत लगभग सभी भू मका को इस पु तक म व तार से समझाया जाएगा जब हम अपना ऑनलाइन पा म

मंच वक सत करते ह। इसे और अ धक वा त वक बनाने के लए हमने वा त वक लोग क एक वा त वक ट म हमारे अ े दो त को इक ा कया है। वे

नमाण या के सभी आव यक चरण से गुज रते ए एमवीपी के नमाण म खुशी खुशी हमारी मदद करगे आव यकता डजाइन वकास परी ण और

तैनाती को इक ा करना। या कै सी दखेगी या यह झरना म कानबन ं बन या कु छ और होगा खैर यह न त प से कु छ और होगा याद रख हम

या को ट म क व श ता और ावसा यक ल य के लए अनुकू लत करते ह।

हमारा मु य ल य आपको यह जानने म मदद करना है क सॉ टवेयर कै से वक सत कया जाता है और या भू मकाएँ होती ह

इस या म आव यक ह। हमारा मा य मक ल य ऑनलाइन पा म मंच के लए एक एमवीपी बनाना है। इस लए हमारी या ने अ याय के

म के कारण अनु मक कोण का पालन कया कु छ आगे पीछे पुनरावृ य के साथ य क हम चु त ह और इस पु तक को लखते ही चीज बदल ग ।

हमने प से बैठक क योजना बनाई थी और हमारा अपना काय बोड था और न त प से हमने ग त म कॉलम म काय क सीमा पर यान दया

और हमने अपने च के समय को कम करने क पूरी को शश क ।

अब समय आ गया है क आप हमारी व श ट म से मल च

Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

च । हमारी ट म म भू मकाएँ

हमारी ट म एक ॉस फ़ं नल ट म है भले ही हम शु म का उपयोग नह कर रहे ह ।

ट म के सद य से मल

• वसाय के वामी इ लया। इ लया एडेरा क सीईओ ह जो दै नक आधार पर नए एडएरा लेटफॉम का

उपयोग करने म काफ च रखती ह।

• उ पाद बंधक इवान। इवान ओ गा के साथ काम करता है और वह उ मशीलता और बंधन कौशल
के साथ एक ब त ही तभाशाली इंज ी नयर है।
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

• डजाइनर साफ और ओलेग। सफ कं यूटर साइंस से आते ह

पृ भू म यूए स अनुसंधान के लए एक बड़ी च है और हाल ही म इस े म अपने मा टर थी सस का

सफलतापूवक बचाव कया है। ओलेग यूआ ई इंज ी नय रग म जा गर है। वह कसी भी डज़ाइन को एक

त याशील और अनुकू ली वेब इंटरफ़े स म बदलने म स म है।

• बैक एंड ई और ना दया। ई इस पु तक के लेख क म से एक ह और

एक ब त ही अनुभवी और ावहा रक सॉ टवेयर इंज ी नयर। ना दया एक अ त सॉ टवेयर इंज ी नयर ह

जो कसी भी स टम को के ल करने म स म ह। यहां तक क वे भी जो उन तकनीक पर आधा रत ह जन पर

उसने पहले कभी काम नह कया है

• DevOps ना दया और ओ गा। ओ गा इस पु तक के लेख क म से एक है और ना दया वही अ त लड़क है जो

ई के साथ बैक एंड का नमाण करेगी।

• ं टएंड ओ गा और यूज ीन। यूज ीन हमारा ब त अ ा पूण टै क है

डेवलपर म जो ौ ो ग कय या और श ा म च रखते ह। यूज ीन वैसे इस पु तक के तकनीक

समी क ह।

• गुण व ा आ ासन मैरीना और वायलेट। इन दोन अ त लड़ कय को मैनुअ ल और वचा लत सॉ टवेयर परी ण म

अनुभव कया जाता है और ये दोन उ पाद बंधक और डेवलपर ट म के साथ मलकर काम करते ह ता क कम

च समय और बढ़ ई गुण व ा क गारंट के लए आव यकता और सॉ टवेयर या के बीच पुल ा पत

कया जा सके ।

हमारी ट म के सबसे मह वपूण सद य आप ह। आपक भू मका पूरी कताब म अलग अलग होगी।

हम उ मीद है क आप उनम से येक का आनंद लगे।

सारांश
इस अ याय म हमने सॉ टवेयर वकास या म व भ भू मका पर चचा क ।

हमने व भ टू ल और े मवक भी दे ख े ह जनका उपयोग सॉ टवेयर नमाण क नया म कया जा रहा है। हमने हर ट म क या के

अ य सभी ट म क या से अलग होने के त य को दशाया है य क हर ट म इतनी अलग और अनूठ है।

Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

अपने आप का परी ण कर

आप पहले से ही व भ या और व भ भू मका के बारे म ब त कु छ जानते ह। आपके लए खुद को जांचने का समय आ गया है।

• आप अपनी ऑनलाइन कान के लए एक वेब पेज बनाना चाहते ह। आप पहले से ही जानते ह क इसे कै से

संर चत और व त करना है। आप कससे अपने वचार का एक मोटा रेख ा च बनाने के लए कहगे

• डजाइनर

• उ पाद बंधक
• ं ट एंड डेवलपर

• जब डजाइन और च ण क बात आती है तो आप Adobe उ पाद म ब त अ े ह।

आप ावसा यक वचार को रफ के च और लो फडे लट और हाई फडे लट मॉकअप म आसानी से
डाल सकते ह। तुम कौन हो

• दे वऑ स

• साइट व सनीयता इंज ी नयर

• यूए स डजाइनर

• आपके पास पहले से ही आपके स टम का एक अ तरह से प रभा षत डज़ाइन है। आप कससे वेब
इंटरफे स बनाने के लए कहगे

• बैक एंड इंज ी नयर

• ं टएंड इंज ी नयर
• व े षक वशेष

• आपक वकास या के दौरान आव यकता को लगातार बदला और समायो जत

कया जा रहा है। आप कस कार के सॉ टवेयर वकास ढांचे का उपयोग करगे

• झरना
• फु त ला
Machine Translated by Google

अ याय भू मकाएँ उ रदा य व और काय णा लयाँ

• अपने बोड म आप अपने परी ण कॉलम को अ धकतम आइटम तक सी मत रखते ह। आप कस कार के बोड

का उपयोग कर रहे ह

• कानबन बोड

• म बोड

य द आपने डज़ाइनर यूए स डज़ाइनर ं टड इंज ी नयर एजाइल कानबन बोड का उ र दया है तो आप अगले अ याय पर

जाने के लए अ ेह

अगले अ याय म हम अपने सॉ टवेयर पर काम करना शु करगे। हम उ पाद बंधक क टोपी पहनगे और अपने उ पाद
क आव यकता मह वपूण मील के प र और समय सीमा को प रभा षत करगे। या आप अपने सॉ टवेयर उ पाद के
बंधन के लए तैयार ह हम ह च लए चलते ह
Machine Translated by Google

अ याय

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

इस अ याय म हम उ तरीय को प रभा षत करके या शु करने जा रहे ह

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

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

© ओ गा फ़ लपोवा और ई वलाओ ओ.
फ़ लपोवा और आर. वलाओ ए से ज़ेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

उ पाद बंधक के साथ सा ा कार

सॉ टवेयर कं प नय म काम करने का एक बड़ा फायदा यह है क हम बात करने के लए वा त वक लोग क तलाश म कोई समय बताने
क ज रत नह है। वे हर दन हम घेर लेते ह। इस पु तक के लए ओ गा ने उ पाद बंधक सागर द ा का सा ा कार लया जो वतमान
म OptioPay म उनके साथ काम कर रहे ह। यह इंटर ू माच से अ ैल के बीच आ था।

लोग उ पाद बंधक कै से बनते ह और या

वे सौदा करते ह
ओ गा आपक भू मका का वा तव म या मतलब है
सागर वतमान म OptioPay म मेरी भू मका एक उ पाद बंधक और एक उ पाद वामी का म ण है। एक उ पाद बंधक
के प म म अपने उ पाद के ावसा यक ल य को ा त करने के लए ज मेदार ं जसम मुख उ पाद संके तक KPI ल य को ा त
करने क रणनी त को प रभा षत करना शा मल है। एक उ पाद वामी के प म म उ पाद बैक लॉग के बंधन के लए ज मेदार ं जसम
उ पाद बैक लॉग आइटम को प से करना उ पाद बैक लॉग म आइटम को ऑडर करना ट म के भीतर कए गए काय के मू य को
अनुकू लत करना शा मल है।

ओ गा आप कतने समय से उ पाद बंधक के प म काम कर रहे ह

सागर म से एक उ पाद बंधक के प म काम कर रहा ं। इससे पहले मेरा शीषक गेम डजाइनर था जसम उ पादन
भू मका के कु छ त व शा मल थे। एक गेम डज़ाइनर के प म म अवधारणाएँ तैयार क ँ गा और एक खेलने यो य अनुभव बनाने के लए
उ ह जीवन म लाऊँ गा।
यह उ पादन या के आधार पर है इस लए वाभा वक प से मुझ े कु छ उ पाद बंधन काय के लए उजागर करना।

ओ गा तुमने या पढ़ा
सागर मेरे पास बंधन अ ययन म नातक क ड ी है और ड जटल मी डया म मा टर ड ी है। मेरे मा टर ड ी पा म का
ल य नातक को कौशल के एक लचीले दशन क सूची के साथ काम के लए तैयार करना था न क एक वशेष ता के बजाय मुझ े
व भ कै रयर पथ से अवगत कराना। जो सबसे अलग थे वे ोड न रोल थे। अपने परा नातक के दौरान मुझ े ऐसे गु मले ज ह ने
मुझ े सखाया और उस माग म मेरा मागदशन कया जसे आज उ पाद बंधन के प म जाना जाता है।

ओ गा आपने एक उ पाद बंधक के प म अपना क रयर कै से शु कया

सागर सं मण इस उ र जतना सरल नह था। मेरे सहकम ने जाने का फै सला कया
उ पाद बंधक क भू मका से। मने वाभा वक प से अंतर को भर दया और भू मका को संभाला।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

ओ गा आप अपने दन म सबसे यादा कस चीज का आनंद ले रहे ह

सागर वकास ट म के साथ चुनौ तय से नपटना और उन पर काबू पाना। सभी कड़ी मेहनत को पूरा होते दे ख ने से बेहतर
कु छ नह है और इस बात का सबूत है क इसका सकारा मक भाव पड़ रहा है

ओ गा या आपको तनाव से नपटना है कहाँ से आता है

सागर कभी कभी हाँ ले कन यह लगभग हमेशा बंधनीय होता है। यादातर समय यह तनाव
अतीत म दे ख ी गई प र तय के बारे म मेरे दमाग म खुद को पीसा गया है।
ये नकारा मक वचार को पु करने लगते ह। इससे नपटना आसान है वीकार कर क यह जीवन का एक सामा य ह सा है
और इसे र कया जा सकता है और कया जाएगा। ऐसे म कू ल रहना बेहद ज री है।

उ पाद वामी और उ पाद बंधक के बीच अंतर

ओ गा हम उ पाद वामी नामक भू मका के बारे म जानते ह। उ पाद वामी और उ पाद बंधक के बीच या अंतर है

सागर मेरे लए उ पाद वामी और उ पाद बंधक के बीच मह वपूण अंतर है

उ पाद के ावसा यक ल य को ा त करने के लए ज मेदार बनाम म ट म के भीतर या भू मका नभाता है।
म गाइड के अनुसार उ पाद वामी होना चा हए

• उ पाद बैक लॉग आइटम को प से करना

• ल य को सव म प से ा त करने के लए उ पाद बैक लॉग म व तु को ऑडर करना और

मशन

• वकास दल ारा कए जाने वाले काय के मू य का अनुकू लन करना

• यह सु न त करना क उ पाद बैक लॉग सभी के लए यमान पारदश और है और दखाता है क

म ट म आगे या काम करेगी तथा

• यह सु न त करना क वकास दल इसम मद को समझता है

उस तर तक उ पाद बैक लॉग जसक आव यकता है।

जब क मेरे लए एक उ पाद बंधक

• ावसा यक ल य को ा त करने के लए रणनी त बनाता है

• बाजार और ाहक क आवाज का त न ध व करता है

• एक द घका लक रोडमैप तैयार करता है

Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

• मू य नधारण और त ध व ेषण करता है तथा

• उ पाद वजन के मा लक ह और बाक हतधारक के साथ इस वजन के संचालन के लए पूरी ज मेदारी लेते ह।

आइ डया से उ पाद तक के पथ पर भागीदारी

ओ गा वचार से काम करने वाले उ पाद के रा ते पर आप इस या म कतने शा मल ह

सागर म इस या के लगभग हर चरण म शा मल ं। य द कोई नया वचार ावसा यक ल य और से मेल खाता है

तो यह एक या से गुज रता है जसम मुझ े न न ल खत चीज करना शा मल है

• सबसे मह वपूण बात वचार को मा य करना है यह सोचने का सबसे कम खच ला समय है क आपका

वचार काम करेगा या नह । जतनी ज द हो सके इसे ोटोटाइप कर इसका परी ण कर और इससे
भी बेहतर इसे बेच

• य द वचार कारगर सा बत होता है तो प रभा षत कर क आपका एमवीपी या है सु न त कर क आपके

हतधारक इस बात से अवगत ह क एमवीपी म या शा मल है

• अगला यह जानना है क आप और आपक ट म इस बात पर सहमत ह क आपके एमवीपी के भीतर पहले

या नमाण करना है

• वकास के दौरान य द कोई कारण हो जैसे क नया बाजार

अंत या नए तयोगी जो धुरी के लए एक मजबूत मामला बनाते ह फर ऐसा करने के लए तैयार
रहते ह तथा

• इसके अंत म सु न त कर क उ पाद को दा ओर वत रत कया गया है

अंततः ावसा यक ल य को पूरा करने के लए सही समय पर बाजार।

ओ गा रोडमैप पर डालने के लए आपके वचार कै से आते ह हतधारक कौन ह

सागर वचार ब त जगह से आते ह। हर वभाग और हर समारोह से।
यादातर ाहक ाहक उ पाद और अ य समान उ पाद पर बारीक से काम करने वाले लोग से। म इसम शा मल लोग को याद
दलाने क को शश करता ं क वचार स ते ह ले कन इसके बाद जो होता है वह वा तव म महंगा हो सकता है। इस लए वचार को
एक त कया जाता है और ावसा यक ल य और उ पाद के व मलान कया जाता है। य द कोई मेल है तो वे एक व श
वचार सूची पर जाते ह जसे उन KPI के व रेट कया जाता है जन पर वे भाव डाल सकते ह। य द वे तमाही के भीतर सकारा मक
प से काम कर रहे KPI को भा वत करते ह तो उ ह तेज ी से ै क पर रखा जाता है और परी ण के लए सबसे तेज़ तरीके से
ोटोटाइप कया जाता है। अ सर असफल होना और तेज ी से असफल होना मेरे लए सबसे अ ा काम कया है

अ धकांश मामले।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

ओ गा या ाथ मकता वसाय क ज रत पर आधा रत है या इसका मतलब यह है क आप

उ पाद बंधक को वसाय क अ ठोस समझ होनी चा हए
सागर पछले के अपने उ र म म उन मानदं ड का उ लेख करता ं जनका उपयोग म वचार को कन ाथ मकता
म मैप करने के लए करता ं। यह मै पग भी KPI पर आधा रत है जो ावसा यक ल य और ज रत को यान म रखकर तैयार
क गई है। य क समझ है ब त ज़ री है। एक उ पाद बंधक के प म आपको ल त KPI के बराबर या उससे भी अ धक
खरीदारी करने क आव यकता है। आपके उ पाद क सफलता उस वसाय पर नभर करती है जो वह उ प करता है लगभग सभी
ावसा यक मामल म । इस कारण से कु छ कं प नय के पास उ पाद वकास के दौरान वसाय के भाव को बढ़ाने के लए एक
वसाय वामी होता है।

वभ ावसा यक े के उ पाद का बंधन

ओ गा व भ ावसा यक े म उ पाद के उ पाद बंधक होने म या अंतर है
सागर म गे मग वसाय से आने के अपने अनुभव से बोल सकता ं
फनटे क आपके दन त दन और तकनीक का मूल सभी उ ोग म समान रह सकता है ले कन आपको एक सफल उ पाद
के लए ावसा यक आव यकता के अनुकू ल होने क आव यकता है।
य द आप बदलने के लए तैयार ह और गल तयाँ करने के लए तैयार ह तो इसे सीखना आसान है।

सबसे बड़ा पच
ओ गा मुझ े एक उ पाद बंधक के प म अपने क रयर के सबसे बड़े पच के बारे म बताएं।
सागर जब म एक टू ले गेम पर काम कर रहा था हमारा ल य दै नक तधारण KPI को बढ़ाना था। तधारण बढ़ाने
के लए हमने एक मनी गेम पेश कया जसम पुर कार ी मयम वाले स हत थे जसे आप रोजाना वापस आने पर अ धक कमाते
ह। इसे शु करने के बाद मने दे ख ा क इसने वा तव म अ ा काम कया इस लए मनी गेम जसका हमारे खला ड़य ने आनंद
लया से अ धक लाभ उठाने के लए मने शीष पर एक मु करण सु वधा पेश क । अब आप खेल मु ा म भुगतान कर सकते ह ता क
बना ती ा कए मनी गेम को तेज ी से पूरा कया जा सके । IA B ने थोड़े समय के लए इसका परी ण कया और आ ामक होने का
फै सला कया और इसे सभी खला ड़य के लए लाइव कर दया। रलीज के तीन से चार महीने बाद हमने बना यह जाने क इसका कारण
या है राज व म लगातार गरावट दे ख ी। एक महीने के लए डेटा और कु छ ए बी परी ण म ब त खोदने के बाद मुझ े एहसास आ क
यह मु करण सु वधा के रलीज होने के कारण आ था जसे मने शीष पर पेश कया था। इस सु वधा ने उपयोगकता को समय के
साथ इन गेम टोर का उपयोग करके ी मयम आइटम क ॉप इन खरीदारी बनाने के लए ी मयम आइटम तेज ी से ा त करने के लए
भुगतान करने क अनुम त द ।

ए बी परी ण ब त ही सरल श द म एक ही चर के दो सं करण जैसे वेब पेज का परी ण है यह जांचने के लए क कौन अ धक

बेचता है या बेहतर पांत रत होता है। आमतौर पर यह थोड़ा सा बदलाव होता है इस लए इसम हेरफे र करना और ज रत पड़ने पर इसे वापस
करना आसान होता है।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

सबसे बड़ी सफलता

ओ गा मुझ े उ पाद बंधक के प म अपने क रयर क सबसे बड़ी सफलता के बारे म बताएं।
सागर एक ब त ही तभाशाली छोट ट म के साथ म एक ऐसा खेल लेने म स म था जस पर म काम कर रहा था
एक दन म शु आती अंक का राज व मू य बनाने से लेक र अंक के मू य के अ े राज व तक। जब म उस खेल पर काम कर
रहा था तब म वष म राज व म गुना वृ करने म स म था। शु आती आँक ड़ के कारण यह गेम बंद होने वाला था जो आशाजनक
नह लग रहा था ले कन एक सम पत ट म के लए ध यवाद हम इसे चालू करने म स म थे।

जैसा क आप दे ख सकते ह एक उ पाद बंधक का जीवन एक बड़ी चुनौती है जहां ट म खेलती है

एक बड़ी भू मका। आइए अब इस चुनौती पर करीब से नज़र डाल और इसे सुलझाएं

तैयारी
जतना हम अपने हाथ को गंदा करना चाहते ह और अपने उ पाद पर काम करना शु करते ह हम इसे बना कसी तैयारी
के नह कर सकते। हम यह सु न त करना चा हए क सभी हतधारक ारं भक आव यकता समय सीमा मील के प र
और जो खम पर संरे खत ह ।
हम यह सु न त करना है क ज मेदारी और वा म व ट म के सद य के बीच सही ढं ग से वत रत कया गया है और ट म म हर
कोई उनके भाव को समझता है
प रयोजना म। य द बाहरी ाहक ह तो हम यह गारंट दे नी होगी क हम उनके साथ एक सहज या और सही संचार चैनल
ा पत कर। हम सब कु छ यमान और रखने के लए एक ले खत काय अनुबंध के साथ आ सकते ह। यहां आपके मु य
क वड यता और पारद शता ह। कसी को यह महसूस न होने द क मह वपूण नणय उनक राय पर वचार कए बना कए जा रहे
ह। कसी को पीछे मत छोड़ो।

सभी को प रयोजना म उनके भाव और उनके मह व को महसूस करना चा हए। सभी को यह महसूस होना चा हए क वे प रयोजना
को उसक सफलता क ओर ले जा रहे ह। तब अ नवाय प से एक होगा।

आव यकताएँ और रोडमैप
पूरी ट म को इक ा करने से पहले आपको उ तरीय आव यकता के बारे म सोचना चा हए और एक सरल रोडमैप बनाना चा हए।
हे भगवान अके ले आप च ला सकते ह। य द यह एक छोटा और सरल ोजे ट है तो आप इस ेन ए सरसाइज को अके ले करने
पर वचार कर सकते ह और फर इसे ट म के सामने पेश कर उनक राय पूछ सकते ह। अ धक हतधारक के साथ अ धक ज टल
प रयोजना के लए आप न त प से इन मह वपूण बूट ै पग कलाकृ तय के लए के वल एक ही ज मेदार नह बनना चाहते ह।
मुख लोग को प रभा षत कर और उनके साथ वचार मंथन कर।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

कसी ऐसे को पकड़ जसके पास ावसा यक समझ हो कोई तकनीक हो और य द लागू हो तो
ाहक क ओर से कसी ज मेदार को पकड़। इन सभी लोग के साथ कह जाएं जहां आप बना कसी कावट के
रणनी त स कर सक।
ऑ फस के बाहर क जगह बेहतर काम करती है अगर इसम कु छ कृ त और बाहरी ग त व धयाँ ह तो और भी अ ा
या आपने सोचने के क त और फै लाने वाले तरीक के बारे म सुना है क जब आप अ ययन करते ह तो आपका दमाग बदल जाता
है खैर पता चला इन तरीक के बारे म नह भूलना कसी भी वचार मंथन स के लए भी उपयोगी है। आप मेज के चार ओर बैठते
ह आप कु छ सम या तुत करते ह। कु छ समय के लए आप वा तव म इस सम या पर यान क त करते ह और समाधान पर काम
करने का यास करते ह। कु छ समय बाद टहलने के लए जाना एक अ ा वचार है जहाँ आपके वचार आसपास क कृ त क तरह
वतं प से चल सक। यह हमारे दमाग के चार ओर क सीमा को खोलने म मदद करता है और कु छ गैर मानक और सरल
समाधान पर आता है।

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

ऐसा लगता है क हम इस खंड के मु य वषय से र भाग गए ह। आव यकताएँ और रोडमैप याद है तो आपने

उ तरीय आव यकता को प रभा षत करने के लए एक छोटा समूह इक ा कया है। आगे या होगा यह कै से करना
है इस बैठक म या चचा होनी चा हए
उ पाद के ारं भक सं करण के बारे म सोच और लख क इसम या वशेषताएं ह।
या आपको एमवीपी के बारे म त वीर याद है यह एक के टबोड से शु होता है। य द हम इसके बारे म सोचते ह तो हम
आव यक आव यकता को लगभग तुरंत ही प रभा षत कर दगे

• इसम प हए होने चा हए।

• इसम एक बोड होना चा हए।

• इसम कसी कार का तं होना चा हए जो बोड को एक कृ त करता है और

एक साथ प हए।

• इसे बोड से जुड़े प हय का उपयोग करके आगे बढ़ना चा हए।

• इसम ेक मैके न म होना चा हए।

Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

ये अप रहाय आव यकताएं ह। इनके बना हमारा के टबोड के टबोड नह है। फर आप कु छ अ सु वधा को प रभा षत कर

सकते ह जैसे बोड के सुंदर डजाइन एग नॉ म स कू दने क मता व ुत मोटर जो भी हो।

इस लए आपको कसी ऐसे क आव यकता है जसे ावसा यक समझ हो और कोई तकनीक भी हो। ावसा यक समझ रखने वाला

आपको यह प रभा षत करने म मदद करेगा क यह या कोई अ य वशेषता ावसा यक सफलता और ावसा यक KPI के लए अप रहाय है

या नह जब क तकनीक तकनीक प पर काया वयन के कु छ नुक सान को इं गत कर सकता है। यह सब एक इंज ी नय रग या है।

इंज ी नय रग रचना मकता नवाचार ौ ो गक और या के बारे म है। व कपी डया भी यह जानता है

इंज ी नय रग संरचना मशीन साम य उपकरण णा लय या और संगठन के नवाचार डजाइन नमाण और

रखरखाव के लए व ान ग णतीय व धय और अनुभवज य सा य का रचना मक अनु योग है।

व कपी डया https en.wikipedia.org wiki Engineering

अपनी उ तरीय आव यकता को प रभा षत करने के बाद आपको अपनी उ तरीय आव यकता को प रभा षत करने क आव यकता है

रोडमैप य द इसम पैसा शा मल है तो जो कोई भी इस पैसे का भुगतान करता है वह प रयोजना के मह वपूण वतरण मील के प र जानने म

च रखेगा। य द कोई पैसा शा मल नह है तो ट म को अपने उ पाद के टु क ड़े वत रत करने के मह वपूण दन के बारे म पता होना चा हए।

तारीख य मह वपूण ह सबसे पहले हमारे अनुभव से समय सीमा वा तव म या और ग त को श दान कर रही है। कु छ डलीवरी मील

के प र और त थय क योजना के बना आप सु न त हो सकते ह क कु छ भी कभी भी वत रत नह कया जाएगा। पूण तावाद क कोई सीमा

नह है। चीज को हमेशा के लए पॉ लश प र कृ त और बेहतर बनाया जा सकता है। डलीवरी क तारीख इस कभी न ख म होने वाली सुधार या

को रोकने म मदद करती ह। सरा और यह ब त ववादा द लग सकता है समय सीमा ब त ेरक है। समय सीमा नामक कु छ श द जो

आमतौर पर तनाव और दबाव से मेल खाता है ेरक कै से हो सकता है खैर ऐसा इस लए है य क येक उपल का ज मनाया जाना चा हए

हा सल मील के प र होना चा हए

पूरी ट म के साथ मनाया। ट म आमतौर पर मील के प र तक प ंचने के लए कड़ी मेहनत करती है और ल य हा सल होने पर खुश हो जाती है। समारोह

को अपनी ट म क सं कृ त का ह सा बनाएं। कड़ा प र म कर मेहनत के साथ खेल

इस लए आपके साथ एक तकनीक का होना वा तव म मह वपूण है। यह तकनीक आपको अपना रोडमैप बनाने के लए ब त मोटे

अनुमान पर चलने म मदद करेगा। आइए उदाहरण के लए एमवीपी के टबोड के रोडमैप के बारे म सोच।

• प हय का नमाण स ताह

• ब बोड स ताह
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

• प हए को बोड से जोड़ स ताह

• ेक लगाना तं संल न कर स ताह

• परी ण स ताह

कु ल मलाकर आपके पास स ताह का ोजे ट है। बेशक असल जदगी म चीज इतनी आसान नह ह गी। आपको ट म के आकार ट म

के सद य के कौशल बाहरी नभरता क पना कर क डजाइन एक बाहरी एजसी ारा न मत है बजट कानूनी नी तय और यहां तक क वष के

मौसम पर भी वचार करना होगा उदाहरण के लए कु छ लोग स दय के दौरान थोड़ा उदास और कम े रत महसूस करते ह जो उ पादकता को

भा वत करता है। सरी ओर लोग ग मय के दौरान अ धक पाट करते ह जो हगओवर से पी ड़त लोग को भी भा वत कर सकता है। हालां क चता न

कर आपके मील के प र को सट क त थय म आव यक प से करने क आव यकता नह है। वे लंबी और ज टल प रयोजना के लए ह त या

महीन का त न ध व कर सकते ह। सट क त थय को तब तक समायो जत कया जा सकता है जब तक प रयोजना आगे बढ़ती है। साथ ही आपके पास

अपनी शानदार ट म है जो कक ऑफ मी टग के दौरान रोडमैप समायोजन म आपक सहायता करेगी।

शु करना
अब जब क आपके पास पहले से ही अपनी मोटे तौर पर व णत आव यकताएं और रोडमैप ह तो आप कक ऑफ मी टग के लए अपनी ट म को इक ा

कर सकते ह । इसे एक गंभीर ले कन मनोरंज क घटना बनाएं। गंभीर है य क हम एक नई प रयोजना शु कर रहे ह और सभी को हमारे कं ध पर भारी

ज मेदारी के साथ गठबंधन कया जाना चा हए। मज़ा य क नए ोजे ट मज़ेदार होने चा हए य क ट म एक नए एडवचर म ह सा लेने वाली है। य क

उ सव होगा।

य क बड़ी सफलता हमारा इंतजार कर रही है और हम इसके लए तैयार रहना चा हए। जब लोग कक ऑफ मी टग छोड़ते ह तो उ ह न न ल खत मद पर

पूरी तरह से गठबंधन कया जाना चा हए

• प रयोजना कस बारे म है

• यह प रयोजना य मह वपूण है

• येक क ज मेदा रयां या ह

• ड लवरेब स और मह वपूण मील के प र या ह

• हम मह वपूण प रणाम कै से ा त करने जा रहे ह

Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

हर बैठक एक एजडे से शु होती है। कक ऑफ मी टग कोई अपवाद नह है।

अपना एजडा ब त प से तैयार कर और भाग लेने वाले सभी लोग को भेज ।
अपने लए कोई छोटा ववरण न रख। कक ऑफ मी टग का एजडा कु छ इस तरह हो सकता है

• प रयोजना का ववरण मनट

• हम यह य कर रहे ह मनट

• आव यकता क चचा मनट

• नभरता क चचा जैसे तकनीक ज रत या तीसरे प क नभरता मनट

• समयरेख ा और रोडमैप मनट

• भू मकाएं और ज मेदा रयां मनट

• और उ र मनट

वैक पक प से आप ाहक का ववरण य द कोई हो या क प रभाषा य द पहले नह थी संचार चैनल

तकनीक चचा बजट अनुमान आ द शा मल कर सकते ह। याद रख येक प रयोजना ब त है अ तीय और शु करने के लए
वभ कोण क आव यकता होती है।

उदाहरण के लए इस पु तक को लखने के लए य क यह भी एक प रयोजना है हमारी आरं भक या

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

हमारे ल नग लेटफॉम ोजे ट के लए या पूरी तरह से अलग थी। हमने पु तक के पहले तीन अ याय को अपनी
ट म को भेज ा इस लए उ ह प रयोजना और इसक आव यकता पर संरे खत कया गया और हमने आव यकता और रोडमैप
पर वचार मंथन करने के लए उनके साथ एक बैठक क । रोडमैप टाइमलाइन को पु तक के अ याय क समय सीमा म समायो जत
कया गया था य क उ पाद इस पु तक के लेख न के दौरान बनाया गया था। साथ ही हमारी ट म म न के वल उन लोग को शा मल
कया गया है ज ह हमने पछले अ याय म तुत कया था। हमारी ट म आप ह। और यह त य प रयोजना को और भी शानदार बनाता
है। आप तैयार ह आप बेहतर थे य क आप पहले से ही इस पर ह
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

तब ता और समय सीमा

तब ता श द हर प रयोजना और प रयोजना के हर सेकं ड के लए बेहद मह वपूण है। आइए इस श द क प रभाषा पर करीब से नज़र डाल बस इसे Google

कर जैसा क च म दखाया गया है

च ा । तब ता श द क प रभाषा
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

समानाथ श द दे ख समपण भ न ा ज मेदारी भार

तब ता का अथ है प रयोजना और उ पाद के त समपण और यही उनक सफलता क न व म से एक है। इसका मतलब है ट म के
सद य के त वफादारी।
एक प रयोजना के न पादन के दौरान आप एक न त समय सीमा के लए तब होते ह। यह संभावना है क दबाव
और कु छ मा ा म तनाव होगा जो ज री नह क ट म के सभी सद य के बीच समान प से वत रत कया जाए।

इस प रयोजना के लए यह मह वपूण है क ट म का येक सद य इसके लए तब हो और वे जो कर रहे ह उसका पूरा

वा म व ले ल। य द ट म के कम से कम एक सद य म यह भावना हो क यह मेरा काम है और म घर जा रहा ँ के बजाय यह मेरी
प रयोजना है और म इसके लए पूरी तरह से जवाबदे ह ँ तो प रयोजना पूरी तरह से सफल नह होगी।

हम उन प रयोजना म रहे ह जहां चीज उ मीद के मुता बक नह चल रही थ । क ठन समय सीमा आएगी और अभी ब त
काम कया जाना बाक था। कु छ ट म एक अनोखा जीव बनकर इससे नपट रही थ कु छ बड़ा सुसंगत मजबूत और ढ़ न यी। वे

तब मील का प र हा सल करने क को शश करगे चाहे कु छ भी हो। वे न के वल प रयोजना से संबं धत काय म ब क कॉफ

बनाने भोजन लाने और कु छ गत मु का यान रखने म भी एक सरे क मदद करते थे। ये ट म तूफ ानी मौसम के दौरान और
उसके बाद सबसे अ दो त बन जाएंगी।

अ य ट म म सद य ऐसा वहार करगे जैसे वे एक ट म ही नह ह हर एक को

वे बस अपना काम करना जारी रखगे समय सीमा के करीब आने क चता नह करगे और ट म के अ य सद य क परवाह नह करगे।

कहने क ज रत नह है पहले मामले म ट म ने पूरी तरह से तब फ चर सेट दे ने क समय सीमा को पूरा कया जब क
सरे मामले म कु छ सु वधा को छोड़ना पड़ा और लाइंट के साथ कु छ क ठन बातचीत करनी पड़ी। जब हमने सरी ट म से पूछा

वे समय सीमा के बारे म च तत य नह थे और पहले से सहमत सु वधा को वत रत नह कर रहे थे उ ह ने जवाब दया क यह उनक
गलती नह थी। गलती बंधन क थी। उनक राय म उ पाद बंधक समय सीमा और तब ता के लए ज मेदार था।

अपनी ट म के साथ ऐसा कभी न होने द। पूरी ट म ज मेदार है। येक और

येक ट म सद य प रयोजना का वा म व रखता है। पहली कक ऑफ मी टग के दौरान इस वचार को पा रत करना ब त
मह वपूण है। सभी को जवाबदे ह बनाएं सभी को मह वपूण महसूस कराएं और सभी को तं का एक अ नवाय ह सा बनाएं

सफलता।

हर कसी को अपनी ज मेदारी का एहसास कराने का एक ब त ही सरल तरीका है क उनक राय के बारे म ब त कु छ पूछ
और जब सफलता क बात हो तो हम या हम श द का योग कर और जब असफलता क बात आती है तो म या म श द
का योग कर।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

यह उ पाद बंधक नह है जो एक प रयोजना का नमाण कर रहा है यह वह ट म है जो ले जा रही है

प रयोजना सफलता के पथ पर अ सर है। यह उ पाद बंधक नह है जो ड लवरेब स क तारीख तय कर रहा है यह एक ट म है जो उन

तारीख का अनुमान लगाती है और उन पर सहमत होती है।

यह उ पाद बंधक नह है जो ा त ल य का ज मना रहा है यह वह ट म है जो पूरी तरह से क ठन पाट कर रही है। इन सबका मतलब यह

नह है क जब चीज गलत हो जाती ह तो उ पाद बंधक यह कहकर ज मेदारी से भाग सकता है हम एक ट म के प म प रयोजना को

वत रत करने म वफल रहे। इस मामले म आपको एक उ पाद बंधक के प म खड़ा होना चा हए और अपनी वफलता को मान लेना

चा हए। और हमारा व ास कर य द आपक ट म वा म व और ज मेदा रय क सं कृ त को आ मसात करती है तो हर एक सद य ऐसा ही

करेगा।

हमारे एमवीपी के लए आव यकताएँ

अब हमारे एमवीपी के लए आव यकता को इक ा करना शु करने का समय आ गया है। जैसा क इस पु तक म पहले कहा गया है

एमवीपी यूनतम वहाय उ पाद के लए है ले कन वा तव म इसका या अथ है शु आत के लए इसका कोई उ र नह है यह सफ

नभर करता है ... ले कन वा तव म कस पर

एमवीपी के बारे म सोचते समय हम पयावरण और ल य को समझने क ज रत है। इसे थोड़ा और करने के लए आइए इस

छोटे से अ यास को कर

उ. या बाजार म इसी तरह के कोई अ य उ पाद ह

बी ल त दशक या ह या यह एक व श आला बाजार के लए है

सी. या मुझ े लोग को अपना उ पाद चुनने के लए मनाने के लए कसी कार क सफलता सु वधा क आव यकता

है

डी. उ पाद के समा त होने तक मुझ े कब तक इसे वक सत करने क अनुम त है

ई. या म बाहरी पा टय पर नभर ं उदाहरण के लए या मुझ े अपने उ पाद क ब शु करने के लए

कसी कार के माणन या लाइसस क आव यकता है

सूची अनंत हो सकती है और यह एक सम या हो सकती है य क यह आपको डमो टवेट कर सकती है। तो एमवीपी के बारे म सोचते

समय अंगूठे का पहला नयम है इसे सरल और सं त रख। जन मह वपूण का उ र दे ने क आव यकता है वे हमेशा इस बात पर नभर

करगे क आप कस कार के उ पाद को शप करने वाले ह। कु छ उदाहरण अनुसरण करते ह

उ. आप एक नया सामा जक नेटवक बना रहे ह। य द आपके सोशल नेटवक म लोग को सर से वच करने या शु

से ही आपके साथ जुड़ने के लए एक अ तीय व य ब यूएसपी नह है तो आप इसे उन सभी बु नयाद

सु वधा के बना श पग के बारे म नह सोच सकते जो अ य दान कर रहे ह पो ट को पसंद करना और

साझा करना खोज करना साम ी काय म का आयोजन आ द।

Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

बी। आप एक उ पाद ए स का नमाण कर रहे ह और यह हाल ही म सावज नक आ क कं पनी

अ फा एक समान उ पाद वाई श पग कर रही है। दोन उ पाद बाजार म अगली बड़ी चीज
ह गे य क वहां कोई अ य नह है। यह बेहद ज री है क आप या तो पहले ह या कम से
कम सरी कं पनी ारा अपना उ पाद लॉ च करने के बाद ब त लंबा इंतजार न कर। यह वीकाय
है क आप बाजार म सबसे पहले एमवीपी के दायरे को कम करते ह और फर आपके ारा छोड़ी
गई सभी सु वधा को ज द से कवर करते ह।

C. बाजार म पहले से ही कई ए लके शन ह जो आपको खाना बनाना सखाते ह। उनके पास कई

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

जो अ यास हमने अभी यहाँ कया है वह ब त ही सरल है ले कन ब त सरल भी है। वा त वक जीवन म

और जब इसम पैसा शा मल हो तो एक पूण बाजार अनुसंधान जो खम मू यांक न और रपोट क जानी चा हए। इ ह को यान म
रखते ए नणय लया जाएगा। क पना क जए क आपके पास वकास के लए महीने के लए पैसा है और उसके बाद आपको
तुरंत अपना उ पाद बेचना शु करना होगा इस लए लॉ च के महीने बाद आप पहले से ही उन ल य तक प ंच रहे ह जन पर आप
और आपके नवेशक सहमत थे। यह तबंध आप इसे पसंद करते ह या नह आपके एमवीपी को भा वत करेगा।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

उपरो सभी से आपको जो बनाए रखने क आव यकता है वह यह है क शु करने से पहले एमवीपी के बारे म सोचना मह वपूण है और आप हमेशा

नणय को पूरी तरह से नयं त नह कर सकते य क आप बाहरी कारक पर नभर हो सकते ह।

हमारे अपने व श मामले पर वापस आना यह काफ दलच है और हम आपको बताएंगे

य हम न के वल अ य कं प नय के खलाफ त धा कर रहे ह ब क खुद के खलाफ भी त धा कर रहे ह। यह हा या द लगता है है ना ले कन

अगर आप इसके बारे म सोचते ह तो यह सच है। हमारे पास पहले से ही एक ऐसा लेटफॉम है जो ब त सारी सु वधा को उजागर करता है और हम एक

नया नमाण करना चाहते ह जहां पहले सं करण समान सु वधा क पेशकश नह करगे। अ खबर यह है क हमारे पास एक ब त अ यूएसपी है

हमारी साम ी। यह यूएसपी हम न के वल हमारे बाहरी त धय के खलाफ ब क खुद के खलाफ भी छू ट दे गा य क साम ी नह बदलेगी। इस तरह हम

अपने एमवीपी के बारे म अलग तरीके से सोच सकते ह अगर हम सफ खर च से बाजार म शा मल हो रहे ह तो हम सोच रहे ह गे।

एडेरा म हमारे पास उपयोगकता के तीन सेट ह छा श क और शासक। तो ये रहा

हमारा पहला नणय है एमवीपी के वल छा के आवेदन को कवर करेगा। यह नणय नीले रंग से नह कया गया था हम जानते ह क हमारे पास एक

अ े एमवीपी के साथ आने के लए अ धक समय नह है इस लए न त प से हम मंच के सबसे मह वपूण उपयोगकता पर यान क त करगे हमारे

वा त वक ाहक। इसके अलावा हम दै नक आधार पर पा म शु या शा सत नह कर रहे ह इस लए हम साम ी बंधन णाली के बना शु आती दन

म पूरी तरह से रह सकते ह और वकास ट म को यह सब स प सकते ह इस लए वे इसे डेटाबेस पर मै युअ ल प से करते ह उदाहरण के लए।

फ़ोकस सेट करने के बाद आइए अपने लेटफ़ॉम के लए उ तरीय सु वधा क एक सूची ता लका बनाएं। हम सु वधा को ता कक

लॉक म वभा जत कर रहे ह जो ए लके शन अनुभाग से मेल खाएंगे जैसे

ए. ी लॉ गन लॉ गन और पंज ीकरण

B. पा म दे ख उन पा म क सूची ज ह उपयोगकता नामां कत कर सकता है

C. डैशबोड य उपयोगकता ारा कए जा रहे पा म क सूची

डी. पा म य नामांक न करने से पहले

ई. कोस ू नामांक न के बाद

एफ. ोफ़ाइल य उपयोगकता जानकारी संपा दत कर

ये हमारे ारं भक आवेदन के भाग ह। अब हम उनका और अ धक वणन करगे

ववरण और उनम से कसम या शा मल कया जाना है। उसके लए हम एक टे बल बनाएंगे और

येक सु वधा को हम उस ए लके शन के अनुभाग म असाइन कर जससे वे संबं धत ह। सभी सु वधा को उपयोगकता छा के प र े य म व णत कया

गया है।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

ता लका । श ा मंच एमवीपी के लए सु वधाएँ

वशेषता खंड ववरण

पंज ीकरण फॉम ए ई मेल और पासवड के साथ एक सरल प। उपयोगकता ोफाइल से न के बाद

पंज ीकरण पूरा कर सकता है।

लॉ गन फॉम ए ई मेल और पासवड और एक लॉ गन बटन के साथ एक साधारण फॉम।

पासवड क वसूली ए एक फॉम जहां उपयोगकता अपना ई मेल पता टाइप कर सकता है इस लए एक रीसेट लक

भेज ा जाता है।

ने वगेशन प सब ए लके शन के अनुभाग के साथ एक ने वगेशन बार। हेडर क तरह हमेशा दखाई दे ता है।

फ़टबाल सब ए लके शन के अनुभाग के साथ एक ने वगेशन बार। हेडर क तरह हमेशा दखाई दे ता है।

सभी पा म क सूची बनाएं बी उपल सभी पा म के साथ एक सरल सूची भ व य म इस सूची के बढ़ने पर पृ ां कत

करना पड़ सकता है लोग इसके बारे म अ धक जानने के लए पा म पर लक कर सकते

ह।

सभी नामां कत क सूची बनाएं सी उपयोगकता ारा नामां कत सभी पा म और उनक त के साथ एक साधारण सूची
पा म भ व य म पृ ां कत क जा सकती है । उपयोगकता कर सकते ह

इसे जारी रखने के लए पा म पर लक कर या य द यह पहले ही समा त हो चुक ा है तो

े डग क जांच कर।

सभी जानकारी सूचीब कर डी उपयोगकता को यह महसूस होगा क वे पा म म या करगे और उ ह पा म के ल य

पा म के बारे म क या आव यकता होगी।

एक कोस म दा खला ल डी उपयोगकता पा म म नामांक न कर सकता है। यह जीवन म के वल एक बार ही कया जा

सकता है।

कोस कर इ उपयोगकता पा म क साम ी दे ख सकता है और इसके साथ बातचीत कर सकता है

यह।

एक वी डयो तुत कर और चलाएं E उपयोगकता ऐसे वी डयो चला सकता है जो पा म से बंधे ह ।

पाठ तुत कर इ उदाहरण के लए श ण उ े य के लए एक ीकरण उपयोगकता के लए दान

कया गया है।

तुत कर और उ र द a इ उपयोगकता एक ो री का उ र दे सकता है जो पा म से संबं धत है। प रणाम ढ़ता

ब वक पीय ो री भंडारण म सहेज ा जाता है इस लए यह कभी खो नह जाता है।

जारी
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

ता लका । जारी

वशेषता खंड ववरण

अपनी राय बताएं इ य द उपयोगकता का अनुमान सही था या

गलत।

सही तुत कर इ य द उपयोगकता चाहता है या पहली बार गलत अनुमान लगाया है तो उ र

उ र का खुलासा कर।

एक कोस पूरा कर इ पा म के पूरा होने पर उपयोगकता को अं तम े डग ा त होती है। यह य

एकमा ऐसा य है जसे उपयोगकता पा म समा त होने के बाद ए सेस कर
सकता है।

उपयोगकता ोफ़ाइल दे ख डी उपयोगकता अपने गत डेटा क जांच कर सकते ह।

पासवड बदल डी य द वतमान पासवड सही है तो उपयोगकता अपना पासवड बदल सकता है।

गत डेटा बदल डी उपयोगकता अपना नाम लग और ज म दन बदलने या जोड़ने म स म है।

जब हम उन सु वधा को नधा रत करना शु करते ह जो हम एमवीपी के लए करना चाहते ह तो यह भी होना शु

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

सारांश
इस अ याय म हमने अपने ोजे ट क शु आत क । हमने इसे ठ क से करने के लए एक ोजे ट मैनेज र क टोपी पहनी थी।
हमने कई वष के अनुभव के साथ उ पाद बंधक सागर के साथ एक सा ा कार कया था इस लए हम इस भू मका के बारे म एक
वा त वक भावना ा त कर सकते ह।
हम रोडमैप अनुमान आव यकता कक ऑफ़ जैसे श द से प र चत हो गए
बैठक और ाथ मकता। हमने चचा क क कसी ोजे ट को सही ढं ग से बूट ै प करना और शु आत से ही सभी को मह वपूण
महसूस कराना कतना मह वपूण है। हमने ट म के सद य क जवाबदे ही वा म व और ज मेदारी पर चचा क । हमने एमवीपी के लए
आव यकता को इक ा करने के बारे म भी चचा क ।
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

हमने न के वल आव यकता का व ेषण करने के तरीके पर चचा क ब क यह भी चचा क क कै से इक ा कया जाए

इस पु तक के साथ हम जस प रयोजना का नमाण करने जा रहे ह उसके लए ारं भक आव यकताएं।

अगले अ याय म हम अपनी वकास या के डजाइ नग चरण क ओर बढ़गे। हम एक डजाइनर क

टोपी पहनगे और चचा करगे क डजाइनर अपना काम कै से करते ह। उपयोगकता कहा नयां मॉकअप वायर े म... या आप
इन शत के लए तैयार ह तो च लए शु करते ह ले कन पहले एक व रत जांच करते ह

अपने आप का परी ण कर

• एमवीपी के लए या खड़ा है

• मनी वै यू ोजे ट

• यूनतम वहाय उ पाद

• अ धकतम वहाय उ पाद

• यूनतम संवेदनशील उ पाद

• आपक ट म म ढांचे का पालन कर रही है आप बैक लॉग के साथ ब त कु छ करते ह काय को

ाथ मकता दे ते ह और उ ह ट म म वत रत करते ह। आप दै नक बैठक पूव ापी और योजना जैसी
ग त व धय म भाग लेते ह। तुम कौन हो

• ोजे ट मैनेज र
• साइट व सनीयता इंज ी नयर

• उ पाद बंधक
• उ पाद वामी

• आपने पहले ही ारं भक आव यकता को प रभा षत कर दया है और वसाय के मा लक के साथ एमवीपी के लए

ावसा यक ल य पर सहम त क है। ट म अभी भी इस बात से अनजान है क या हो रहा है।

आपको ASAP को कस तरह क बैठक म इक ा करना चा हए

• दै नक टडअप

• पूव ापी बैठक

• बयर और गु बार के साथ ऑफसाइट काय म

• ोजे ट कक ऑफ मी टग
Machine Translated by Google

अ याय आव यकताएँ तब ता और समय सीमा

• हर कसी क जवाबदे ही और ज मेदारी क भावना पैदा करने के लए कस तरह के सवनाम का

इ तेमाल कया जाना चा हए

• म या म

• आप

• हम या हम

• यह

य द आपने उ र दया यूनतम वहाय उ पाद उ पाद वामी ोजे ट कक ऑफ़ मी टग हम या हम तो आप अगले

अ याय पर जाने के लए अ ेह
Machine Translated by Google

अ याय

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

इस अ याय म आप एक डजाइनर क टोपी पहनगे और आप दे ख गे क एक अ ा डजाइन

ाइंग क मता के बारे म नह है। एक अ ा डजाइन लोग उनक ज रत और सम या और ज रत को संबो धत करने
और सम या को हल करने के तरीक के बारे म है। सही डज़ाइन अपने उपयोगकता को यान के क म रखता है। इस लए इस
अ याय म हम उपयोगकता क त डज़ाइन के बारे म बात करने जा रहे ह।

यह अ याय आपके उ पाद के डज़ाइन के बारे म नह है यह अ याय आपके उ पाद के बारे म है

उपयोगकता। यह डज़ाइनर बनने के तरीके के बारे म नह सखाता है ब क उपयोगकता के यान के क के प म डज़ाइन
या को चलाने के बारे म कु छ अंत दे ता है।

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

नोट य द आपको लगता है क आपको इस अ याय को छोड़ दे ना चा हए य क आप उतने रचना मक नह ह या य क

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

य द आप हम पर व ास नह करते ह तो Creative Confidence नामक पु तक दे ख https

www.creativeConfidence.com । डी. कू ल https dschool.stanford.edu के रचनाकार ारा लखी गई

यह पु तक बताती है क आप रचना मक य ह और अपनी रचना मकता म कै से व ास रख।

डजाइन या ा इसक शु आत और अंत

इस लए आपक ावसा यक आव यकता को लखा जाता है आपका रोडमैप प रभा षत कया जाता है ड लवरेब स न द कए जाते ह और भू मकाएँ

साफ़ कर द जाती ह। अब अंत म यह कु छ डज़ाइन का समय है है ना

नह यह सही नह है। डजाइन का समय उसी ण शु आ जब वचार आपके दमाग म आया ... या उससे भी पहले। उस सम या के बारे म सोच जसे

आप हल करने का यास कर रहे ह। ब त से लोग से पूछ क या उ ह भी ऐसी ही सम या है और वे इसे कै से हल करना चाहगे। लोग से बात करना उनक

संभा वत सम या क पहचान करना और संभा वत समाधान के बारे म सोचना डजाइन या का एक आंत रक ह सा है। आपक डजाइन या ा कसी

सम या क पहचान के ण से शु होती है और जब आप उसके समाधान क क पना करते ह तो यह ती हो जाती है। यह या ा बना मं जल क या ा है य क

आदश प से यह कभी समा त नह होती वा त वक काया वयन के बाद आप अपने उपयोगकता को त रखना चाहते ह आप उनक नरंतर त या

ा त करना चाहते ह और आप चाहते ह क वे आपके उ पाद से यार कर। उसके लए आपको यह यार लगातार उ ह वापस दे ना होगा।
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

अपने मैसे जग ऐप के बारे म सोच। या आपने कभी खुद को इसे घूरते ए पकड़ा है
आपका त काल उ र नह होगा ले कन म आपको व ास दलाता ं क आपने अपने मैसे जग ऐप को ब त बार दे ख ा है। तीन
ब या इसका आपके लए कोई मतलब है ज़ री नह
फर च को दे खए।

च ा । जब कोई आपको संदेश टाइप कर रहा हो तो संदेश क तीन ब वाली त या

या आपको ये डॉट् स याद ह कु छ ए लके शन आपको प से बताएंगे क आपका तवाद टाइप कर रहा है च
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । जब आपका तवाद कोई संदेश टाइप कर रहा हो तो टे ली ाम क तीन ब वाली त या

कृ पया मुझ े यह न बताएं क आप इन तीन ब के दौरान अपने मैसे जग ऐप को नह दे ख रहे ह

अपने चेहरे पर जा ई प से झपकाएं। दे ख ो कतनी हो शयार है मैसे जग ऐप वा तव म इस छोटे से ववरण के बना पूरी तरह से
काम कर रहा होगा ले कन ब त ही सरल डज़ाइन का यह छोटा सा टु क ड़ा हम इसके उपयोगकता को इसे दे ख ने म अ धक
समय तीत करता है य द यह त या मौजूद नह है। ये छोट छोट चीज आपको हर जगह लगभग हर चीज म मल सकती ह।
इस तरह क चीज के बारे म शु आत म सोचना असंभव है जब आपको अपने उ पाद के बारे म थोड़ा सा भी अंदाजा हो। ये चीज
आपको अपने उपयोगकता से मलने वाले नरंतर फ डबैक के प रणाम व प होती ह न क बदलते झान का उ लेख करने के
लए। नया कु ल पागल ग त से घूम रही है। यह असंभव है क जो चीज कल आंख को भाती थ वे कल भी वैसी ही रहगी। अगर
आप चाहते ह क आपके उ पाद नया क और उपयोगकता क ज़ रत के अनुकू ल ह तो हमेशा अपने आस पास दे ख ते रह
और हमेशा अपने उपयोगकता को सुनते रह।
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

और उपयोगकता कहा नयां

पछले भाग म हमने उपयोगकता और उनक ज रत के बारे म काफ चचा क थी। उपयोगकता।

या आप एक वशेष बंधन ा पत कर सकते ह कसी ऐसी चीज़ के साथ संबंध जसे उपयोगकता कहा जाता है

जब म एक अमूत श द उपयोगकता के बारे म सोचता ं तो पहली बात जो मेरे दमाग म आती है वह है रोबोट सो फया। मुझ े कोई जानकारी नह है

क य । उपयोगकता के साथ एक वशेष लगाव बनाने के लए डजाइनर व क अवधारणा के साथ आए पस ना एक गत उपयोगकता

है। आपको उस या लोग के समूह क क पना करने म स म होना चा हए जो आपके उ पाद का उपयोग करेगा। आपका उ पाद हमेशा कसी न

कसी सम या का समाधान करेगा ले कन यह सम या नया म सभी के लए सामा य नह है। यह लोग के कु छ व श समूह के लए कु छ व श सम या

का समाधान करेगा।

उदाहरण के लए य द आप एक ऐसा उ पाद बनाते ह जो गभवती म हला को उनके वजन पर नज़र रखने म मदद करता है तो आप तुरंत

अपने उपयोगकता आधार को म हला तक सी मत कर सकते ह जो क एक ब त ही वशेष त है जो गभवती है। आपको यह भी यान म

रखना होगा क आपका व कस कार उन उपकरण का उपयोग करता है जन पर आपका सॉ टवेयर उ पाद चलने वाला है। उदाहरण के लए

व भ आयु वग के लोग व भ तरीक से ौ ो गक का उपयोग करते ह। यही बात व भ पेश पर भी लागू होती है।

हम सब क अपनी कहा नयाँ ह हमारे उपयोगकता अपवाद नह ह। उपयोगकता कहा नयां या ह उपयोगकता

कहा नयां ऐसी कहा नयां ह जो डजाइनर को उनके व क पहचान करने और उनके साथ एक वशेष बंधन बनाने म मदद करती ह। आप

बस अपनी आंख बंद कर और एक कहानी लेक र आएं जसम यह शा मल हो क आपके उ पाद का उपयोग कै से कया जाता है। उदाहरण के लए

आइए एक वसायी क क पना कर जो हमारे सीखने के मंच का उपयोग कर रहा है।

वष य सफल वसायी म टर बै ग स एक स मेलन से घर आते ह

जहां उनसे लॉकचेन के बारे म कु छ क ठन सवाल पूछे गए। वह अपना लैपटॉप खोलता है अपने पसंद दा श ण मंच क वेबसाइट खोलता है

और खोज बॉ स म लॉकचैन टाइप करता है। प रणाम व प दो पा म दखाई दे ते ह उनम से एक महीने का गहरा कोस है और सरा एक

ारं भक पा म है जसम घंटे लगते ह। चूं क म टर बै ग स ने अपने दशक से वादा कया था क वह अगले दन जवाब दगे इस लए उ ह ने सरे

कोस म दा खला लया। वह स मेलन के बाद वषय म गहराई से जाने के बारे म सोचता है इस लए वह अपनी टू टडी सूची म पहला कोस जोड़ता है।

मुझ े पूरा यक न है क आप इस तरह क ढे र कहा नयाँ लेक र आ सकते ह। इस कहानी के प रणाम के प म हमारे पास या है

हमारे पास वा तव म हमारे सीखने के मंच के बारे म ब त कु छ है या आपको नह लगता इस लए हमारे मंच म कसी कार का खोज तं

होना चा हए जो उपयोगकता को पा म क खोज करने क अनुम त दे । पा म क प रणामी सूची म उनम से येक के लए पा मक

लंबाई द शत होनी चा हए। पा म को टू टडी सूची म ले जाने क संभावना भी होनी चा हए । या आप दे ख सकते ह क के वल एक

उपयोगकता कहानी से आप कतनी अंत ा त कर सकते ह

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

हम हमारे म टर बै ग स भी मले जो एक गंभीर ह जो अपने म लैपटॉप और फोन दोन का उपयोग करते ह

दै नक जीवन। वह स य है और वह लॉकचेन ौ ो ग कय के बारे म सीखना चाहता है। ता लका

उसक वशेषताएं दान करता है।

ता लका । एले स बै ग स का व

नाम एले स बै ग स

आयु

श ा पीएच.डी.

जॉब पेशा फनटे क उ ोग म वसायी

आय $ K वष

जीवन शैली स मेलन दश नय या ा

व ईमानदार खुला रचना मक

उपयोग पैटन कु शल पीसी उपयोगकता

कोण और तकनीक उपयोग बड़े लाउड आधा रत कं यूटर स टम ऑनलाइन प काएं ऑनलाइन
श ा अमेज़ ॅन ऑनलाइन टकट सेवाएं

अपने उपयोगकता को जानना अ ा नह लगता भले ही आपने इसे अभी बनाया हो या आपके बचपन म का प नक दो त थे
रचना मक होना एक ब ा होना है सभी सीमा को हटा द और अपनी क पना को बहने द। आप जतनी अ धक कहा नयां सुनाएंगे
आप उतने ही अलग अलग उपयोगकता के साथ आएंगे और अ धक उपयोग पैटन आप पहचान पाएंगे। अपने उपयोगकता और
उनक कहा नय के बारे म सोचने से आपको उनके साथ एक वशेष लगाव ा पत करने म मदद मलेगी।

कहा नयां बनाना अ ा लगता है और सॉ टवेयर नमाण क नया म एक सामा य वचार मंथन अ यास है ले कन यह न त
प से पया त नह है। आपको बाहर जाकर अपने उपयोगकता से भी मलना होगा ले कन यह एक और कहानी है। अभी के लए
यान रख क जब हम उपयोगकता के बारे म बात करते ह तो हम कु छ अमूत सं ा के बारे म बात नह कर रहे ह हम अपने
व के बारे म बात कर रहे ह और हम पहले से ही उनसे एक वशेष भावना मक लगाव रखते ह।

डजाइन के कार
चूं क हमारी पु तक सॉ टवेयर वकास के लए सम पत है वशेष प से वेब ए लके शन सॉ टवेयर वकास के लए हम
वेब के लए डजाइन पर यान क त करगे।
कु छ साल पहले वेब के लए डज़ाइन के बारे म बात करना काफ आसान था। वेब के लए कसी भी डज़ाइन को वेब डज़ाइन कहा
जा सकता है और हर कोई जो वेब के लए कु छ डज़ाइन कर रहा था
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

अनु योग को वेब डज़ाइनर कहा जा सकता है । वेब और ा फक डज़ाइन या ट और ड जटल डज़ाइन के बीच हमेशा अंतर रहा है

ले कन वेब के लए डज़ाइन को के वल वेब डज़ाइन कहा जाता है।

हालां क चीज वक सत होती ह वेब बदलता है इस लए वेब के लए डज़ाइन भी बदलता है। यह अ धक ज टल हो जाता है यह के वल

प रंग टाइपो ाफ और त के बारे म नह है। यह उपयोगकता और उपयोगकता के अनुभव के बारे म है। यह उपयोगकता को उनक

आव यक जानकारी दान करने क ग त के बारे म है। यह उस डेटा क मा ा के बारे म है जो हम घेरता है। हम एक बड़े डेटा युग म रहते ह और

अपने उपयोगकता को सही दशा म इं गत करने क कला वतमान बड़ी डजाइन चुनौती है।

सरल श द वेब डज़ाइन को श द के एक बड़े टै ग लाउड म वभा जत कया गया है और

अवधारणाएं। आपने उनम से कु छ को सुना होगा UX डज़ाइन UI डज़ाइन इंटरे न डज़ाइन IxD ए नमेशन डज़ाइन सूचना

आ कटे चर डज़ाइन आ द।

ये के वल कु छ फसी श द नह ह जो पहले से ही अ धक ज टलता का प रचय दे ते ह

पया त ज टल े आज हम जस नया म रह रहे ह उसके ारा ये उभरी ई वृ याँ ह। इन े को प र कृ त और वभा जत करने

से डजाइनर और इंज ी नयर को एक व श े म वशेष ता और इसम महारत हा सल करने म मदद मलती है।

आपक सेवा या उ पाद म इतनी अ धक जानकारी हो सकती है। बेशक आप चाहते ह क यह आपके उपयोगकता के लए हो।

आप चाहते ह क आपके उपयोगकता जो कु छ भी चाहते ह उसे खोज और इसे सरल और तेज़ तरीके से ढूं ढ। इसके लए आपको अपनी जानकारी

को सव म संभव तरीके से तैयार करने क आव यकता है। तो यहां हम सूचना वा तुक ला डजाइन के बारे म बात कर रहे ह।

आप जस तरह के आवेदन का नमाण कर रहे ह उसके आधार पर उनके बीच अलग अलग रा य और सं मण ह गे। उदाहरण के लए

जब उपयोगकता लॉग इन करता है तो उपयोगकता ारा लॉ गन बटन हट करने के बाद लॉ गन पृ और वा त वक ए लके शन पृ के बीच एक

सं मण होता है। जब आप पृ पर कु छ खोजते ह तो आपको उस त के बीच एक सं मण क आव यकता होती है जब आप खोज बटन

दबाते ह और उस त के बीच जहां प रणाम पृ पर दखाई दे ते ह।

इन मामल म आप अपने उपयोगकता का मनोरंज न करने के लए कु छ एनीमेशन डज़ाइन का उपयोग कर सकते ह जब क ए लके शन त

बदलती है।

जस तरह से उपयोगकता आपके ए लके शन के बारे म महसूस करता है वह उपयोगकता अनुभव डज़ाइन ारा प रभा षत कया

जाता है और जस तरह से उपयोगकता आपके ए लके शन के साथ इंटरै ट करता है वह इंटरै न डज़ाइन ारा प रभा षत कया जाता है।

इंटरफ़े स बनाने का तरीका उपयोगकता इंटरफ़े स डज़ाइन ारा प रभा षत कया गया है ।

बेशक ये सभी े एक सरे को काटते ह ओवरलैप करते ह मलाते ह और पूरी तरह से भट करके जोड़ते ह

आप एक सहज और अ उपयोगकता या ा का एक अनूठा वाद है।

आपको शायद ही कोई ऐसी ट म मलेगी जसम हमारे ारा व णत सभी भू मका म लोग ह गे। आपको ऐसे लोग मलगे जो कई े म

अ े ह। कभी कभी एक ही सारा काम कर दे ता है।

उदाहरण के लए Feedzai म जस कं पनी म हम दोन काम कर चुके ह वहाँ यह शानदार था

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

वह आदमी जो ारं भक हाथ से तैयार कए गए मॉकअप से पूरी डजाइन या को HTML और CSS म वा त वक काया वयन तक

चलाएगा। मुख री डज़ाइन चरण के दौरान UX डज़ाइन म वशेष ता ा त एक बाहरी कं पनी को उपयोगकता अनुसंधान के मा यम से

चलाने और उपयोगकता या ा के लए सही इंटरफ़े स को प रभा षत करने म मदद करने के लए काम पर रखा गया था।

ओ गा के साथ काम करने वाली एक अ य कं पनी ने पूरे डजाइन को एक बाहरी एजसी को स प दया था। या आप इसके बारे म हमारी

ईमानदार राय चाहते ह ऐसा तब तक न कर जब तक क आपका बजट वा तव म सी मत न हो। डज़ाइन कं पनी के वसाय मशन और से

पूरी तरह से अलग हो जाता है और प रवतन को चलाना ब त क ठन होता है। य द संभव हो तो अपने वयं के डज़ाइनर को बोड पर रखने का

यास कर कोई ऐसा जो आपके उ पाद को उसी तरह से जीते ह जैसे आप करते ह।

OptioPay म हमारे पास रचना मक वभाग है जसका नेतृ व उ पाद बंधक ारा कया जाता है। इस

वभाग एक कला नदशक से बना है एक अ त लड़क जो आसानी से सरल और शानदार दखने वाले ा फ स बना सकती है और

पूरे ज टल स टम को डजाइन कर सकती है। एक यूआ ई इंज ी नयर भी है एक म त डजाइनर इंज ी नयर दमाग वाला लड़का। वह पूरी

डजाइन या को चलाने म स म है और उसक वा त वक श साम ी को लागू करने म न हत है। वह कसी भी डजाइन को पकड़

सकता है और उसे उ पादन के लए तैयार पूरी तरह उ रदायी और अनुकू ली इंटरफे स म बदल सकता है।

हमारे लए कु ल काला जा जैसा दखता है वह उसके लए ब कु ल है। एक UX डज़ाइनर भी है जो उपयोगकता के अनुभव को

ावसा यक आव यकता से जोड़ता है। वह उपयोगकता अनुसंधान चलाता है मॉकअप बनाता है उन पर पुनरावृ त करता है जब तक

क वे उपयोगकता के लए पूरी तरह से न ह और उ ह UI इंज ी नयर को स प द। जस कं पनी म ई काम करती है वहां के वल दो

डज़ाइनर होते ह जो सभी काम करते ह वे पूरी डज़ाइन या को चलाते ह जो क बजनेस ेन टॉ मग और लो फडे लट वायर े म से

लेक र हाई फडे लट मॉकअप तक और ं टएंड डेवलपस को स पते ह।

अलग अलग ज रत के लए अलग अलग तरीक क आव यकता होती है ले कन एक बात न त प से सच है य द आपके उ पाद

म एक यूज र इंटरफे स है तो यह वचा लत प से उपयोगकता उ मुख हो जाता है इस लए डजाइन क श को कभी कम मत समझो।

आपका उपयोगकता संपूण डज़ाइन और अनुभव अवधारणा के क म होना चा हए।

यूज र इंटरफे स और यूज र ए सपी रयंस

पछले भाग म हमने व भ कार के डज़ाइन और उनके बीच के मुख अंतर पर चचा क है। बहस ववादा द वाता और लॉग लेख का मु य

ोत यूज र इंटरफे स यूआ ई और यूज र ए सपी रयंस यूए स के बीच का अंतर है। इन दो े के बीच सबसे धुंधली सीमा है। उपयोगकता

अनुभव के लए हमेशा एक उपयोगकता इंटरफ़े स क आव यकता होती है।

एक इंटरफ़े स लगभग सब कु छ हो सकता है और ज री नह क कु छ दखाई दे । उदाहरण के लए एले सा के पास एक यमान यूज र इंटरफे स

नह है ले कन इसके पास एक शानदार यूज र ए सपी रयंस है

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

आप कभी कभी ऐसे उ पाद पा सकते ह जनम भयानक इंटरफे स होते ए भी ब त अ ा उपयोगकता अनुभव होता है। उदाहरण के लए अमेज़ ॅन

वेब स वसेज एड यूएस शासन कं सोल म आ यजनक दमाग उड़ाने वाला यूआ ई नह है ले कन इससे कोई फक नह पड़ता य क इसम अ त उपयोगकता

अनुभव है। जब भी हम कसी सम या पर नज़र रखने या कु छ सेवा जोड़ने के लए AWS डैशबोड पर जाते ह तो हम पता होता है क कहाँ लक करना है कहाँ

खोजना है और आव यक जानकारी खोजने के लए या टाइप करना है जैसा क च म दखाया गया है।

च ा । एड यूएस कं सोल बस एक नय मत यूआ ई फर भी एक अ ा और श शाली यूए स

एक बदसूरत यूआ ई ले कन महान यूए स का एक और उदाहरण लन स कं सोल है। कं सोल आपको कमांड लाइन इंटरफे स म आपके ारा टाइप कए गए

कमांड के मा यम से आपके स टम को संचा लत करने क अनुम त दे ता है।

कोई फसी बटन नह कोई सुंदर रंग नह । बस पाठ और तीर। ले कन यह वही है जो कं सोल को इतना श शाली बनाता है। उनके पास वकषण नह है

वे सीधे मु े पर जाते ह। यही कारण है क नया भर के डेवलपस लन स को पसंद करते ह लन स का इंटरफ़े स बदसूरत है ले कन इसम यह श शाली कं सोल

है जो इसे कभी भी छोड़े बना सब कु छ करने क अनुम त दे ता है आइए वम को एक उदाहरण के प म लेते ह। वम एक टे ट ए डटर है जसे आप कं सोल पर

चला सकते ह। य द आप कं सोल का उपयोग कर रहे ह तो वम के बारे म अ धक जानकारी ा त करना आसान है। बस मैन वम टाइप कर। यह आपको वम टे ट

ए डटर का पूरा यूज र मैनुअ ल दे गा च ।

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । यू न स शेल मैन वम कमांड

वम ो ामस के लए एक ब त अ ा टे ट ए डटर है। इसके इंटरफे स म टे ट कमांड होते ह। इसम बटन ए नमेशन े डएंट या कोई

फसी ां ज़शन नह है।

फर भी यह ब त श शाली है और डेवलपस इसे पसंद करते ह। यह मजेदार भी है और इसम कु छ ई टर अंडे भी ह।

उदाहरण के लए वम इंटरफे स म हे प टाइप करने का यास कर। आप कु छ ऐसा दे ख गे जो च म दखाया गया है।

च । वम का ई टर अंडा सहायता
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

वेबसाइट के ब त सारे उदाहरण ह जनम खराब UI अभी तक ब ढ़या UX है। उदाहरण के लए Hackernews https

news.ycombinator.com Reddit https www.

reddit.com े ग ल ट https craigslist.org ये बदसूरत ले कन ब त लोक य वेबसाइट के उदाहरण ह। इस लए आप दे ख सकते

ह क आप एक भावशाली यूज र इंटरफे स के बना एक श शाली उपयोगकता अनुभव ा त कर सकते ह। या यह सरी तरफ हो सकता है या आपके

पास एक सुंदर यूज र इंटरफे स हो सकता है ले कन खराब यूज र ए सपी रयंस हो सकता है ओह हाँ आप कर सकते ह एक उदाहरण के प म वडोज

को ल। यह वा तव म एक ब त अ ा इंटरफ़े स है यह ब त आधु नक और फसी दखता है ले कन उदाहरण के लए अपनी वायरलेस से ट स को बं धत

करने का यास कर। आपको यह थोड़ा ज टल लगेगा और सहज ान यु ब कु ल भी नह होगा।

एक सेवा का एक और उदाहरण जसम ब त ही आकषक UI म कु छ UX सम याएं ह Invision https www.invisionapp.com है।

Invision एक बेहतरीन उ पाद है जो आपको अपने डज़ाइन ोटोटाइप बनाने और परी ण करने क अनुम त दे ता है। हम इसका काफ इ तेमाल करते ह। इसम

सहज ां ज़शन अ े रंग और अ े फ ट के साथ एक ब त ही आकषक इंटरफ़े स है ... वा तव म यह भी ब त अ ा काम करता है। हालाँ क इसम कु छ UX

सम याएँ ह। उदाहरण के लए क पना कर क आप ोटोटाइप डैशबोड पर ह जहां आपके पास ब त सारे ोटोटाइप ह इस लए आपको ॉल करने क

आव यकता है। उदाहरण के लए एक बड़ा ोटोटाइप पृ है जैसा क च म दखाया गया है।

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च ा । Invision इंटरफ़े स म एक बड़ा ॉल करने यो य ोटोटाइप पृ

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

क पना क जए क आप लगभग आधे पृ को ॉल करते ह और कु छ वशेष जांचना चाहते ह

ोटोटाइप। तो आप उस पर लक कर च ।

च ा । ॉल करने के बाद कसी एक ोटोटाइप का चयन कर

ोटोटाइप उसी पृ पर खोला जाता है आप उसम जो करना चाहते ह वह करते ह और फर आप ाउज़र ने वगेशन फलक पर वापस लक करते

ह। आप या उ मीद करते ह आप ठ क उसी ान पर वापस आने क उ मीद करते ह जहां आप ोटोटाइप पर लक करने से पहले थे पृ के म य म।

इसके बजाय या होता है च म दखाया गया प र य होता है।

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । ोटोटाइप पृ पर वापस लक करने के बाद आप उस वा त वक ान के बजाय डैशबोड के शीष पर

वापस आ जाते ह जहां आप पहले थे

यह एक भयानक उपयोगकता अनुभव है। यह संभावना है क आप उस ोटोटाइप को करीब से दे ख ना चाहते ह जो आपके ारा
अभी अभी चेक कए गए ोटोटाइप के बगल म है। इस लए हर बार जब आप वापस जाते ह तो आपको फर से ॉल करने और उस
ान क तलाश करने के लए मजबूर कया जाता है जहां आप पहले थे।
आप वहाँ ब त सारे उ पाद पा सकते ह जनम एक ब ढ़या UI और ब ढ़या UX सभी एक साथ ह।
उदाहरण के लए Google ाइव अ ा दखता है अ ा लगता है और अ ा काम करता है। ट् वटर एक और उदाहरण है
जो अ ा दखता है और उपयोग करने म काफ सहज है। फ़े सबुक और इं टा ाम ऐसी चीज़ के बेहतरीन उदाहरण ह जो न
के वल अ दखने वाली और उपयोग म आसान है ब क इतनी सं ामक भी है। उ ह ने अपना यूए स लाख लोग को अवशो षत
करने और बेक ार अनंत ॉल म अपना समय बताने के लए बनाया है। यह एक ही समय म आ यजनक और डरावना है।

बेशक आप एक ही उ पाद म खराब UI और खराब UX के उदाहरण पा सकते ह। उदाहरण के लए Microsoft ारा

Skype खरीदने के बाद यह बदसूरत और उपयोग म क ठन हो गया च ।
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । काइप एक ही समय म खराब यूआ ई और खराब यूए स का उदाहरण

तो UI और UX डज़ाइनर या करते ह एक बार जब वे अपना काम करना शु कर दे ते ह तो वे

उपयोगकता और उ पाद क ज रत और ावसा यक उ े य के साथ संरे खत करने के लए कु छ पूछने चा हए। उनके
वभाव म भ ह। तो UI डज़ाइनर इस तरह के से संबं धत होगा

• मुझ े कन रंग का उपयोग करना चा हए

• मुझ े कौन से फ ट का उपयोग करना चा हए

• कॉप रेट पहचान या है

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

जैसा क आप दे ख सकते ह यूज र इंटरफे स डजाइनर उन चीज के बारे म च तत है जो आप दे ख सकते ह। जब क उपयोगकता अनुभव

डजाइनर इस तरह के पूछगे

• हमारे उपयोगकता कौन ह

• उ पाद का उपयोग करते समय उपयोगकता को या हा सल करना चा हए

• इस उ पाद के ावसा यक ल य या ह

इस कार उपयोगकता अनुभव डजाइनर उन चीज के बारे म च तत है जो आप महसूस कर सकते ह।

UX डज़ाइनर अ धक वसाय उ मुख है।

UI और UX दोन डज़ाइनर उपयोगकता के लए च तत ह। पहला इस बारे म च तत है क उपयोगकता या दे ख ता है और सरा इस बारे म

च तत है क उपयोगकता कै सा महसूस करता है। एक साथ काम करते ए UI और UX डज़ाइनर बेहतरीन उ पाद वत रत कर सकते ह और हम

उपयोगकता खुश कर सकते ह।

डजाइन या डजाइनर इसे कै से चलाते ह

डजाइन या कै से संर चत है या आप बस अपने डजाइनर के पास जाते ह और उ ह बताते ह अरे म कु छ ऑनलाइन कान बनाना चाहता

ं और फर डजाइनर सफ इसे ख चता है खैर यह ब त अ ा होगा य द सब कु छ इतना आसान हो। वा तव म डजाइन या काफ

थकाऊ है। हमने अपने एक दो त एक डजाइनर से यह बताने के लए कहा क वह अपनी या कै से चलाती है। यहाँ उसका सं त जैव है

नाम यु जया माओ

ववरण ब लन म त एक UX UI डज़ाइनर। उपयोगकता क त डज़ाइन पर यान क त करते ए डज़ाइन सम या को हल

करना माट उपयोगकता इंटरफ़े स बनाना और उपयोगी इंटरै न क क पना करना पसंद करता है।

ल डइन https www.linkedin.com in mayujia

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

सं ेप म हम उसे मालू कहते ह। यहाँ मालू क कहानी उसक डजाइन या के बारे म है।

. और उपयोगकता कहा नयां

मालू आमतौर पर य और उपयोगकता कहा नय से शु होता है। वह अ धकतम तीन

बनाने और कागज पर सबसे मह वपूण उपयोगकता कहा नयां लखने क सलाह दे ती ह।

. सूचना वा तुक ला

उपयोगकता कहा नय को लखने और व बनाने के बाद मालू सूचना वा तुक ला के साथ आगे

बढ़ता है। वह उ पाद क संरचना और व ा के प म सूचना वा तुक ला को प रभा षत करती है।

वह इस बारे म सोचने क सलाह दे ती है क उपयोगकता आपके उ पाद म कौन से काय कर सकते ह और आपके

पूरे उ पाद म उपयोगकता का वाह या है।

एक अ सूचना वा तुक ला सु न त करती है क आपका डज़ाइन ता कक प से समूहीकृ त और

पर र संबं धत है। च को दे ख ।

च ा । Malu . ारा Instagram ए लके शन क सूचना वा तुक ला का एक उदाहरण

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

. के चग

सूचना संरचना के बारे म सोचने के बाद मालू कागज पर कु छ आकृ तयाँ बनाता है जैसा क
च म दखाया गया है यह महसूस करने के लए क उ पाद कै सा दखता है।

च । मालुस ारा हाथ से तैयार कए गए रेख ा च

एक बार जब उसे लगता है क उसके रेख ा च पूरी उपयोगकता कहानी से मलते ह और उसका तनधव

करते ह तो वह परी ण के लए आगे बढ़ती है। मालू पीओपी ए लके शन https marvelapp.com

pop का उपयोग करता है जो उसे व भ डवाइस समुलेटर म कसी भी पेपर मॉक अप का परी ण करने क

अनुम त दे ता है।

. वायर े म

एक घर बनाने क तरह आपके पास पहले से ही आपके आवेदन सूचना वा तुक ला

का एक कं काल है और आपने कागज पर कु छ के च भी आजमाए ह। अब आपको यह
सु न त करने के लए फश के पौधे को ख चने क ज रत है क ल वग म और कचन
सही जगह पर ह।
येक पृ के उ े य को ा पत करने के लए उनक बातचीत आ द।
एक वायर े म आपको त व के लेसमट का बोध कराता है
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

पृ और उनका एक सरे से संबंध ले कन रंग ाफ स र या टाइपो ाफ के बना। अपनी न के अलावा

इंटरै न को समझाने के लए नोट् स बनाना न भूल।

य द आप आईओएस या एं ॉइड ऐप डजाइन कर रहे ह तो मालू पहले उनके ा फकल यूज र इंटरफे स जीयूआ ई

दशा नदश के बारे म अ धक जानने के लए कु छ समय नकालने क सलाह दे ते ह।

• आईओएस https developer.apple.com ios human interface guidelines

• एं ॉइड https material.google.com

मालू वायर े म डजाइन करते समय न न ल खत वषय पर वचार करने क अ य धक अनुशंसा करता है

• सबसे मह वपूण या ज रत ह

• पेज म या साम ी और काय होने चा हए

• या त व समझ म आते ह

• या पेज पर कु छ मह वपूण गायब है

• या कोई बात उपयोगकता को मत करती है

• हम पृ के बीच संबंध कै से बना सकते ह

जैसा क च म दखाया गया है आप वा त वक साम ी को बदलने के लए धूसर े का उपयोग करके कम न ा वाले वायर े म डज़ाइन

कर सकते ह।

च । मालू ारा लो फडे लट वायर े म

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

आप एक उ फ़डे लट वायर े म भी डज़ाइन कर सकते ह। यह वा त वक साम ी के साथ य डजाइन के करीब है। वायर े म
करने के लए डजाइनर के पास कई तरीके ह। मालू ने इसे के च का उपयोग करके डजाइन कया है। या को व रत और कु शल बनाने
के लए उसके पास Android iOS और वेब के लए अपनी वायर े म कट ह।

आप वायर े म कट के कई मु त संसाधन भी पा सकते ह। शु आत म आप कर सकते ह

जान क कसी ए लके शन म कतने बु नयाद त व होने चा हए।

आप Omnigraffle https www.omnigroup.com omnigraffle जैसे टू ल का भी उपयोग कर सकते ह।

वायर े म बनाने के लए ए सर http www.axure.com और बालसामीक https balsamiq.com ।

. ोटोटाइप

वायर े म के बाद हम यह जांचना होगा क हमारा डज़ाइन काम करता है या नह ।

मालू क या उसक के च फ़ाइल को इन वज़न म अपलोड करने और एक व रत लक करने यो य
ोटोटाइप बनाने क है।

परी ण के दौरान आपको यह समी ा करने क आव यकता है क उ पाद का वाह सुचा और सुसंगत
है या नह । कभी कभी मालू वक लो का एक बड़ा बोड बनाने के लए सभी न को ट करना पसंद
करता है। जब आप सभी न को पेन से जोड़ते ह तो यह पता लगाना ब त आसान है क या गुम है
और कहां कु छ ता कक गलती है। मालू इस समय आपक डेवलपर ट म के साथ बात करने क भी सफा रश
करता है। ट म के वचार मंथन के प रणाम च म दखाए गए ह।
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । मालुस ारा पेपर ोटोटाइप

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

. य डजाइन

वायर े म वीकृ त ह। हाँ हम य डजाइन के साथ शु कर सकते ह वजअल डज़ाइन बनाने से पहले एक

सेकं ड क। म आपको और ेरणा ा त करने क सलाह ं गा। अपने उ पाद के लए शैली क समझ ा त करना

सहायक होता है। Pinterest खोल उदाहरण के लए जैसा क च म दखाया गया है मूडबोड बनाने

के लए कु छ क वड इनपुट कर। मालु

च । मालु ारा Pinterest मूडबोड

के च खोल और कु छ जा कर च
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । मालू ारा के च म य डजाइन

.उ न ा ोटोटाइप

इस ब पर आप अपने उ पाद को लागू करने के लए पहले से ही भूख े हो सकते ह। ऐसा करने

से पहले मालू अपने ोड ट को दोबारा टे ट करती है। वह एक उ फ़डे लट ोटोटाइप बनाने के
लए Invision का उपयोग करती है। वह इसे सर को वचार मंथन के लए डज़ाइन दखाने का
एक अ ा तरीका मानती ह।

पया त नह मुझ े पता है हर कोई ग त डजाइन और एनीमेशन पसंद करता है ...

ठ क है आप कु छ फसी ए नमेशन दखाने के लए स ांत ज टनमाइंड प सेट आ टर
इफे ट् स या यहां तक क सफ क नोट इन ए लके शन के लोगो को च म द शत कया
गया है का उपयोग कर सकते ह। बातचीत जो आप करने का इरादा रखते ह। मालु
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । उपकरण जनका उपयोग उ न ा ोटोटाइप और ए नमेशन को डजाइन करने के लए कया जा सकता है

. हडओवर

सभी परी ण और वचार मंथन के बाद मालू अपनी के च फ़ाइल के साथ साथ अ य डज़ाइन फ़ाइल को

व त करता है और उ ह डेवलपस क ट म को स प दे ता है। चलो कोड

हमारे ऑनलाइन श ा मंच को डजाइन करना

अब जब हमने जान लया है क अ य डज़ाइनर अपनी डज़ाइन या को कै से ढाँचा बनाते ह तो हम डज़ाइनर होने का दखावा कर सकते ह

और अपने ऑनलाइन श ा लेटफ़ॉम को के च करना शु कर सकते ह। हम मालू क या के कु छ चरण और स ांत को लागू करते ह। इस

खंड म हम वणन करगे क हमने वा त वक काया वयन के लए सब कु छ तैयार करने के लए या कया।

ारं भक वचार मंथन

तो हमने दमागी तूफ ान से शु कया। ई सफ और ओ गा एक साथ बैठे और ओ गा ने हमारे एमवीपी से अपे ा के बारे म बताया। हमने

पसन के बारे म बात क और अपनी म टर बै ग स कहानी के अलावा कु छ और उपयोगकता कहा नय के साथ आए। सफ ने कई सवाल कए। उसके

पास कई अलग अलग कोण और कोण से सभी के साथ आप पर बमबारी करने क वशेष मता है। आमतौर पर जब हम उसके साथ वचार

मंथन स से गुज रते ह तो हम एक नचोड़ा आ न बू जैसा महसूस करते ह ले कन यह वा तव म अ ा लगता है य द आप कभी भी अपना उ पाद वयं

बनाते ह तो सु न त कर क आपके पास साफ जैसा है। इस के पास आलोचना मक और तेज दमाग होना चा हए शम ला नह होना

चा हए और ज ासु और भावुक होना चा हए। इस लए गहन वचार मंथन के बाद हमने ये रेख ा च च कागज पर बनाए ह।
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । ऑनलाइन शै क मंच के लए ारं भक वचार मंथन मॉकअप

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

साथ ही वचार मंथन के दौरान हम भ व य के लए कु छ वचार लेक र आए

काया वयन जैसा क ता लका म दखाया गया है।

ता लका । भ व य के काया वयन के लए वचार

का वग करण आसान ने वगेशन के लए पा म म े णयां जोड़ और उनके ारा खोज और फ़ टर करने क अनुम त
पा म द।

अनुशंसा छा को उन पा म के आधार पर पा म के सुझ ाव ा त होते ह जनम उ ह ने पहले नामां कत

य कया था और उनक खोज डेटा गोपनीयता कानून के कारण हम इसके लए वशेष सहम त क
आव यकता हो सकती है ।

माण प एक बटन होना चा हए जस पर लक कर छा अपना माणप तैयार कर सके जब भी

पीढ़ उ ह लगे क वे तैयार ह ।

हम टै ड ने वगेशन का एक दलच वचार भी लेक र आए ह चेक मॉकअप

सं या . जब उपयोगकता अपने पा म खोलता है तो पा म टै ब म खोले जाते ह इस कार हम एक समय म एक
से अ धक पा म खोलने क अनुम त मलती है। आप एक ही कोस को अलग अलग टै ब म एक से अ धक बार भी खोल
सकते ह। उदाहरण के लए क पना क जए क आप अभी भी एक टै ब म पा म का वी डयो दे ख सकते ह और सरे टै ब म
परी ण कर सकते ह।

वायर े म
सफ के साथ शु आती वचार मंथन के बाद हमने ओलेग को सभी प रणाम दए और उ ह ने के च का उपयोग वायर े म बनाने
के लए कया। च वह है जो इससे नकला है।
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । ऑनलाइन पा म मंच के वायर े म

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

आप दे ख सकते ह क हमारा उ पाद कतनी धीरे धीरे आकार लेने लगा है। या यह यारा नह है

उपयो गता परी ण

या आपको याद है क हमारा उपयोगकता हमारे डजाइन का क है हम अपने उ पाद को अपने उपयोगकता के लए डज़ाइन करते ह इस लए हम अपने

उपयोगकता पर इसका परी ण करना चा हए आमतौर पर पहले ोटोटाइप तैयार होने के बाद उ ह वा त वक उपयोगकता के साथ परी ण करना पड़ता

है।

आप उपयोगकता परी ण कै से चलाते ह आप उपयोगकता को अपना ोटोटाइप द उ ह बताएं क वे या ह

हा सल करने क ज रत है और दे ख क वे इसे कै से हा सल कर सकते ह। आप उनके चेहरे के भाव को फ मा सकते ह वे जो कहते ह उसे लख सकते ह

और सभी सम या और संभा वत समाधान का पता लगा सकते ह।

आप कै से जानते ह क आपको अपने शोध को कतने उपयोगकता के साथ चलाना चा हए ता कक उ र होगा जतने अ धक उपयोगकता बेहतर

ह गे पता चला क यह पाँच उपयोगकता परी ण करने के लए पया त है पाँच ऐसा य नीलसन नॉमन समूह ने उपयोगकता क सं या और कसी

उ पाद म पाई जाने वाली यो य सम या क सं या के बीच न न ल खत अनुपात च का पता लगाया है ।

च । परी ण उपयोगकता क सं या और यो य सम या के बीच का अनुपात पाया गया

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

जैसा क आप दे ख सकते ह पांच उपयोगकता से शु होकर सम या क सं या म वृ नह होती है

अ धकता। इस कार आगे उपयोगकता परी ण करने का यास वा तव म इसके लायक नह है।

एक और ब त मह वपूण बात जो इस चाट से है वह यह है क बना कसी उपयोगकता के एक उपयोगकता के साथ परी ण करना बेहतर है।

एक परी ण उपयोगकता के साथ आप तक यो य सम या का पता लगा सकते ह यह आपके उ पाद क सम या का एक तहाई है।

नीलसन नॉमन ुप https www.nngroup.com एक अमे रक कं यूटर यूज र इंटरफे स

और यूज र ए सपी रयंस कं स टग फम है। परी ण उपयोगकता क सं या उपयो गता संबंधी सम या
के बारे म अ धक जानकारी ा त करने के लए इस लेख को दे ख https www.nngroup.com
articles why you only need to test with users

इस लए हमने एक उपयोगकता के साथ उपयोगकता परी ण करने का नणय लया। हमने उ ह मॉकअप दया

उपयोगकता और समझाया क हम उससे ऑनलाइन श ा मंच के साथ बातचीत करने क उ मीद कर रहे ह। च उपयोगकता क सहभा गता को

दशाता है।

च । यो यता परी ण बना कसी उपयोगकता के एक उपयोगकता के साथ बेहतर

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

हमारा यूज र एक वष य पु ष था जसका पेशा आईट म है। हम कह सकते ह क परी ा

तभागी एक भारी ऑनलाइन पा म उपयोगकता था। एक तरफ इसका मतलब था क उ ह पहले से ही इस बात का अंदाजा था क इस तरह के

शै क लेटफॉम को कै से दखना चा हए और उनक ज रत और अपे ा को जानना चा हए।

सरी तरफ इसका मतलब था क उसक उ मीद पहले से ही प पाती थ । समान शै क वेबसाइट के गहन उपयोग के कारण हो सकता है क वह

अलग अलग यूज र इंटरफे स के लए उपयोग कया गया हो और उनक तलाश क हो भले ही वे इ तम न ह । ता लका परी ण के दौरान दज कए गए

प रणाम को दशाती है।

ता लका । व भ पृ क उपयो गता परी ण

पृ प रणाम

. ी लॉ गन पेज पृ प से उपयोगकता के लए संर चत है और ब त सहज ान यु है। उपयोगकता क दो मुख

अपे ाएँ थ
−व भ े म वी डयो का वग करण

माणन या उपयोगकता शंसाप के संभा वत ीकरण। उपयोगकता वा तव म जानना चाहता है क यह

लेटफॉम सर क तुलना म बेहतर य हो सकता है।

. पंज ीकरण पृ उपयोगकता मत है क पंज ीकरण फॉम को छोड़ दया गया है। उ ह उ मीद थी क इसे क म रखा जाएगा।

लॉ गन बटन को पंज ीकरण फॉम के ऊपर रखा जाना चा हए।

नाम फ़ बेमानी है। उपयोगकता चाहता है क उसके पास कम से कम फ़ ह

यथासंभव भर।

इसके अ त र उपयोगकता अपे ा करता है अ य ऑनलाइन शै क लेटफाम से

क वह फे सबुक या गूगल एपीआई के मा यम से पंज ीकरण कर सकता है।

. लॉ गन पेज फ पो जश नग के बारे म वही ट पणी के लए।

. डैशबोड मेरे पा म उपयोगकता अपने सबसे हाल के पा म पर जोर दे ने क अपे ा करता है।

पृ उपयोगकता आगे इसी तरह के पा म के लए सफा रश दे ख ना चाहता है।

लॉगआउट बटन ब त सं त है ब कु ल नह दखाना चा हए। उपयोगकता ज री नह क लॉगआउट करना

चाहता हो। वह उ मीद करेगा क से ट स अनुभाग लॉगआउट बटन के ान पर होगा।

उस े पर लक करके वह सफा रश ए गो रथम को बेहतर बनाने म मदद करने के लए अपनी ोफ़ाइल

पा म वरीयता आ द को समायो जत करने के बीच चयन कर सकता है। और सबसे नीचे लॉगआउट

संभावना है।

खोज काय मता गायब है। उपयोगकता का कहना है क यादातर मामल म वह जानता है क वह या ढूं ढ

रहा है और इसे तेज ी से ढूं ढना चाहता है।

जारी
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

ता लका । जारी

पृ प रणाम

. वषय के साथ पा म उपयोगकता को मत करने वाली पहली चीज़ कोस टे ट बटन है। बटन का उ े य नह है।

पृ लेआ उट उपयोगकता के लए असामा य तीत होता है। बेहतर पा म अवलोकन के लए उपयोगकता

यह अपे ा करेगा क वषय को एक सरे के नीचे बा ओर सूचीब कया जाए। दा ओर मशः सं त

वषय ववरण और अव ध। यहां सच फ भी गायब है।

. पा म वषय पृ लेआ उट ब त सहज और आसानी से समझने यो य लगता है ले कन उपयोगकता को वषय क साम ी के बारे

म अ धक ववरण दे ख ने क उ मीद है उदाहरण के लए वी डयो के नीचे एक सं त ववरण के पम

अव ध श क अ य उपयोगकता क ट प णयां और इसी तरह। इस ब पर ब वक पीय

अपे ाकृ त अ या शत ह।

जैसा क आप दे ख सकते ह हम कु छ दलच उपयो गता सम या का पता लगाने म स म थे जो न त प से हमारे मंच के

नमाण म हमारी मदद करगे। आदश प से हम सभी सम या का समाधान करगे और परी ण को फर से चलाएंगे। हालां क अ धकांश

दे ख ी गई सम या को काया वयन के दौरान भ व य क वशेषता के प म संबो धत कया जा सकता है इस कार हम मॉकअप को वैसे

ही छोड़ने जा रहे ह जैसे वे अभी के लए ह।

व वल डज़ाइन
मॉकअप तैयार होने के बाद और उपयोगकता परी ण कया जाता है अब समय आ गया है क हम एक वजअल डज़ाइन बनाना शु कर। अब

हम यूआ ई के बारे म बात कर रहे ह जसम इसके रंग बॉडर बटन आकार और अ य य त व ह। इस ब पर हम रंग फ़ॉ ट बटन आकार या

डज़ाइन स टम के अ य त व को पेश नह करने जा रहे ह य क यह कॉप रेट पहचान का ह सा है और हमारे पास कोई नगम नह है हम

सफ अपना एमवीपी बना रहे ह। इस लए हम इसे े के ल छोड़ दगे। उदाहरण के लए लॉ गन और पंज ीकरण पृ का डज़ाइन दखेगा जैसा

क च म दखाया गया है।

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

च । लॉ गन और पंज ीकरण पृ के लए य डजाइन

इन डजाइन को एडेरा के हमारे डजाइनर एले ज ा स रक ारा डजाइन कया गया था। वह वा तव म इस पु तक के अ धकांश च को डजाइन

करने के लए ज मेदार है। उसक कड़ी मेहनत और अ त काम के लए उसे भुगतान करने के लए पया त बयर नह होगी

एक उ पाद डजाइनर के साथ सा ा कार

यह अ याय वा त वक डजाइनर क सा य कहा नय से भरा है। बेशक हम आपको उनम से एक टे न रेइमजेन के साथ एक सा ा कार के बना नह छोड़

सकते जसका म यम ोफ़ाइल च म दखाया गया है।

च । https medium.com @stanbugaev टे न रीमजेन उ पाद डजाइनर

Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

यह इंटर ू कु छ समय पहले रकॉड कया गया था यह इस समय असूचीब रहा है और अब इसे नया के साथ
साझा करने का समय आ गया है तो यह है https youtu.be WSEdKyOuat ।
सा ा कार ब लन म हमारे अपाटमट म आ और बा ओर से लड़का इ लया है
ओ गा के भाई एडएरा के सीईओ।

सारांश
इस अ याय म हमने डजाइन इसके व भ कार के साथ साथ व भ कार के लोग के बारे म बात क है जो इस
पर काम करते ह। हमने UI और UX के बीच मु य अंतर पर चचा क और हमने ऐसे उदाहरण का पता लगाया जनम
अ े या बुरे UI और या UX ह। हमने उपयो गता परी ण के बारे म बात क और हमने चचा क क आपके उ पाद
का ठ क से परी ण करने के लए आपके पास कतने उपयोगकता होने चा हए। हमने अपने शै क मंच के साथ
उपयो गता परी ण चलाया। हमने उन सु वधा पर वचार मंथन कया जो हमारे लेटफॉम म होनी चा हए और इसके लए
हाथ से तैयार कए गए मॉकअप और लो फडे लट और हाई फडे लट वायर े म वक सत कए। नीचे दे ख क आप इसे
कतनी अ तरह समझते ह।

अपने आप का परी ण कर

• यूआ ई के लए या खड़ा है

• उपयोगी इंटरनेट

• उपयोगकता आय

• यो ा इंटरफ़े स

• अ तीय इंटरफ़े स

• आप कु छ वेबसाइट खोलते ह और एक य संभोग सुख ा त करते ह। आप सबसे सुंदर रंग ब त अ े

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

• खराब डजाइन के साथ अ ा काया वयन

• ब तअ ा UI ले कन मत करने वाला UX
Machine Translated by Google

अ याय उपयोगकता क त डज़ाइन

• भयानक प रयोजना बंधन ले कन अ ा उ पाद बंधन

• अ ा ं टएंड ले कन खराब बैक एंड

• नीलसन और नॉमन समूह के अनुसार अ धकांश उपयो गता सम या को खोजने के लए कतने उपयोगकता
पया त होने चा हए

• जतने अ धक संभव ह

• एक उपयोगकता पया त है नह के बजाय एक के साथ इसका उपयोग करना बेहतर है

एक।

• पांच उपयोगकता पया त होने चा हए य क पांच उपयोगकता के साथ परी ण करने से लगभग

यो य सम याएं सामने आएंगी।

• उपयो गता परी ण क आव यकता नह है उ पाद बंधक उ पाद म सभी सम या क खोज

कर सकते ह।

• इस अ याय के अनुसार हमारे डजाइन के क म या या कौन होना चा हए

• उ पाद
• उपयोगकता

• वसाय
• अनुभव

य द आपने उपयोगकता इंटरफ़े स ब तअ ा UI ले कन मत UX उपयोगकता उपयोगकता का उ र दया है तो आप अगले

अ याय पर जाने के लए अ ेह

अब हम अपने एमवीपी के वा त वक काया वयन के लए तैयार ह अगले अ याय म आप एक बैक एंड डेवलपर बनगे
और हमारे उपयोगकता के लए हमारे ए लके शन के डेटा को बनाने उपयोग करने और द शत करने के लए तैयार करने के
लए डेटाबेस सवर और एपीआई के साथ अ य ले कन श शाली ह सा करगे। या आप क र के लए तैयार ह च लए
चलते ह
Machine Translated by Google

अ याय

बैक एंड डेवलपमट

हम एक लंबा सफर तय कर चुके ह हम उ मीद है क आप भी उतने ही उ सा हत ह जतने हम ह य क यह पहला अ याय है
जहां हम कोड लखगे।
पछले अ याय म हमने अपने उ पाद के डजाइन काया वयन पर चचा क थी। आप
दे ख ा क कै से अवधारणा चरण से सब कु छ वक सत आ वाह मॉकअप और वायर े म से गुज रते ए अपने अं तम य चरण
तक प सेल सही।
इस अ याय म हम अपना बैक एंड ए लके शन बनाकर अपना ोजे ट शु करने जा रहे ह
जो बाद म ं टएंड ए लके शन के लए आव यक हर चीज का समथन करेगा। हम ोजे ट को बूट ै प करके शु करगे इस लए
इसे इस तरह से बनाया जा सकता है जसे हम बाद म तैनात कर सक। हम डेटा टोरेज और ए लके शन को संर चत करने के तरीक
के बारे म बात करगे और भ व य म संभा वत असु वधा को कम करने के लए एक अ े आ कटे चर के साथ आएंगे।

यान रख क यह अ याय ब त सारे नए श द का प रचय दे गा और हम कई प रभाषाएँ और सं त ा याएँ दान करगे

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

नोट य द आप इस अ याय को छोड़ने के बारे म सोच रहे ह य क आप अ य वषय म अ धक ह जैसे क

ं टएंड तो हम आपको दो बार सोचने के लए आमं त करते ह। हम मानते ह क भले ही आप वकास वाह
के एक तरफ अ धक झुक ते ह ले कन सामा य प से चीज एक साथ कै से काम करती ह इस बारे म कु छ
ान होना मह वपूण है। चता न कर य क हम अ धक व तार म नह जाएंगे ले कन बैक एंड ोजे ट को
बूट ै प करने के लए आव यक सभी चरण और बैक एंड ए लके शन को डज़ाइन करते समय हम जो वचार
करने क आव यकता है। हम उ मीद है क आप अब आ त ह और आप दे ख ते रहगे

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय बैक एंड वकास

ढे र के बारे म...
हमने न न ल खत टै क पर फै सला कया य क हम लगा क यह वही है जसे हम बेहतर तरीके से समझा सकते ह और इसके बारे म अ धक

भावुक हो सकते ह। हम यह नह कह रहे ह क यह सबसे अ ा टै क है असल म हम नह मानते क कोई सव े टै क है हमारा मानना है

क आप जो करना चाहते ह उसके लए अ े टै क का एक सेट है प रयोजना क कृ त के आधार पर सर क तुलना म कु छ बेहतर।

ऐसी कई चीज ह जो आपको यह तय करने म मदद कर सकती ह क या चुनना है या तो य क आप एक व श ो ा मग भाषा

के साथ अ धक सहज ह या य क आपके पास एक व श सम या को हल करना बेहतर है या सफ इस लए क आप कसी तरह मजबूर

ह एक व श टै क का उपयोग कर य क आपक कं पनी पहले ही उस पर नवेश कर चुक है।

हम आमतौर पर इस तरह क चचा म शा मल नह होते ह य क वे हम कह नह ले जाते ह।

हमने जावा म बैक एंड ए लके शन लखने का फै सला कया। य मूल प से य क ई लगभग वष से जावा के साथ

काम कर रहा है और उनका मानना है क यह न के वल सीखने के लए ब क उ पादन प र य के लए भी एक ब त अ भाषा है। फर

कोई चचा नह यह ई क गत राय है और सावभौ मक स य नह है

सभी उदाहरण जैसे क इं टॉलेशन कमांड आ द उबंटू लन स का उपयोग करके कए जाएंगे

सं करण . एलट एस। य द आपके पास कोई अ य णाली है तो आपको हमारे ारा यहां कए जाने वाले सभी काय का मलान आपके

स टम से करना होगा ले कन फर से हम शत लगाते ह क इसे हटाना इतना क ठन नह होगा।

इस अ याय क साम ी को पा म अपूण कहा जाता है। इसम पूरी प रयोजना शा मल है ले कन कु छ ह से ऐसे ह ज ह

काम करने के लए आपको पूरा करना होगा। माणीकरण अ यास जैसे कु छ अ यास के लए आपको पूरी तरह काया वत प रयोजना

का उपयोग करने क आव यकता होगी।

बैक एंड अनु योग को प रभा षत करना

सबसे पहले आइए प रभा षत कर क हम वा तव म कस बारे म बात कर रहे ह। जब हम ं टएंड और बैक एंड के बारे म बात करते ह

तो हम लाइंट सवर मॉडल का उ लेख करते ह। तो बैक एंड वह ह सा है जो लाउड पर कह सवर पर चलता है और कई चीज के अलावा

सामा य श द म डेटा से नपटने के लए ज मेदार है। इसका मतलब है क यह ाहक से डेटा दान करने के अनुरोध ा त करने के लए ज़ मेदार

है ता क वे द शत कर सक।

यह आसान लगता है ले कन बैक एंड से संबं धत ब त सारे वषय ह। कहां

हम डेटा टोर करते ह हम इसे कै से ए सेस करते ह कौन कौन सा डेटा दे ख सकता है इन सभी वषय को बैक एंड ए लके शन ारा

नयं त कया जाता है। हम आपके लए इसे इस तरह से तोड़ने का यास करगे क आप उन सभी अ भनेता को समझ सक जो हमारे ारा

अभी अभी व णत क गई भू मका म भू मका नभाते ह।

Machine Translated by Google

अ याय बैक एंड वकास

ोजे ट बूट ै पग
अब जब हमने तय कर लया है क हम जावा म अपना काया वयन करने जा रहे ह तो हम प रयोजना के नमाण के लए एक तरीके के साथ आने क

ज रत है। एक प रयोजना के नमाण म प रयोजना को अंत म न पादन यो य बनाने के लए सभी आव यक कदम होते ह। हमारे व श मामले म

इसका अथ है सभी मॉ ूल नभरता को संक लत करना और एक बंडल बनाना जो ए लके शन सवर पर चल सकता है।

उसके लए हम ट लख सकते ह या मान सकते ह क हम इसे मै युअ ल प से कर सकते ह ले कन हमारा व ास कर आजकल प रयोजनाएं

वा तव म ब त ज द बड़ी हो जाती ह और एक उ चत ब ऑटोमेशन टू ल के बना उ ह बनाना लगभग असंभव है। हमारे मामले म हम मावेन का

उपयोग करगे य क यह जावा ोजे ट बनाने के लए आमतौर पर वीकृ त वा त वक मानक उपकरण है।

मावेन जावा पर चलता है इस लए आइए पहले ओरेक ल से जावा डेवलपमट कट इं टॉल कर य क हम अपनी प रयोजना को

संक लत करने और चलाने के लए भी इसक आव यकता होगी। उसके लए हम कसी तृतीय प भंडार का उपयोग करगे। बस एक ट मनल खोल

और न न ल खत टाइप करना शु कर

sudo add apt repository y ppa webupd team java

सुडो एपीट अपडेट ा त कर

sudo apt oracle java installer ा पत कर

sudo apt oracle java set default ा पत कर

य द सब कु छ ठ क रहा तो आपको जावा वजन चलाते समय कु छ ऐसा ही दखना चा हए।

जावा सं करण . .

जावा ट एम एसई रनटाइम एनवायरनमट ब . . बी

Java HotSpot TM बट सवर VM ब . b म त मोड

पर यान न द जब तक क यह . से शु होता है हम जाने के लए तैयार ह। अब मावेन को ा पत करते ह। आइए एक

तृतीय प भंडार का भी उपयोग कर

सुडो ऐड एपीट रपॉ जटरी वाई पीपीए नेटकालसन मेवेन

सुडो एपीट अपडेट ा त कर

sudo apt get assume हाँ maven ा पत कर

सुडो एलएन एसएफ यूएसआर बन एमवीएन यूएसआर बन एमवीएन

सब तैयार बस एमवीएन वजन चलाएं और आपको न न जैसा कु छ दे ख ना चा हए

अपाचे मावेन . . ea b b dbb b b d e f b bc e

मावेन होम usr share maven

जावा सं करण . . व े ता Oracle Corporation

Machine Translated by Google

अ याय बैक एंड वकास

जावा होम usr lib jvm java oracle jre

डफ़ॉ ट ान en US लेटफ़ॉम ए को डग UTF

OS नाम लन स सं करण . . जेने रक आक amd प रवार यू न स

और यह सबकु छ है। हमारे पास वकास के लए वातावरण तैयार है ले कन हम एक क भी आव यकता है

ब त मह वपूण बात एक संपादक। फर से इस चचा म उ लग सकती है और अभी भी कह नह ले जा सकती है इस लए म के वल उस चचा को छोड़

ं गा जसका हम उपयोग करना चाहते ह। इसे IntelliJ IDEA कहा जाता है और आप https www.jetbrains.com पर सामुदा यक सं करण मु त

म डाउनलोड कर सकते ह।

वचालन उपकरण बनाएँ मावेन

मावेन के बारे म ई को जो अ ा लगता है वह यह है क इसका उपयोग करना आसान है पढ़ने म आसान है और इसम ब त सारे लगइ स ह जो आपके

जीवन को आसान बना सकते ह। अपनी प रयोजना बनाने के लए हम काफ मा ा म कॉ फ़गरेशन लखने क आव यकता है य क यह कई नभरता

पर नभर करता है।

हम यहां ऐसा नह करगे। हम आपके लए यह दे ख ना और भी दलच लगता है क चीज कै से शु होती ह य क उसके बाद सब कु छ वैसा ही होता है।

मावेन प रयोजना को बूट ै प करने या आकटाइ स का उपयोग करके कं काल बनाने का एक तरीका दान करता है। हमारे मामले म हम कसी भी मौजूदा

आकटाइप का उपयोग नह करगे हम इसे ै च से लखकर खुद ोजे ट बनाएंगे। प रयोजना को प रभा षत करने के लए हम pom.xml ोजे ट ऑ जे ट

मॉडल फ़ाइल का उपयोग करते ह। इनम से येक फाइल एक मावेन मॉ ूल को प रभा षत करती है। आइए ट pom.xml से शु कर जो हमारे ोजे ट का

वेश ब है। सबसे पहले हम ोजे ट को हो करने के लए एक फो र बनाते ह उदाहरण के लए इसे कोस कहते ह। बस उस फ़ो र म वच कर जहां आप सब

कु छ रखना चाहते ह पा म बनाएं

फ़ो र और न न ल खत pom.xml अंदर

एमके डीआईआर प रयोजनाएं

सीडी प रयोजनाएं
एमके डीआईआर पा म

सीडी पा म

ब ली EOF pom.xml

xml सं करण . ए को डग UTF

ोजे ट xmlns http maven.apache.org POM . . xmlns xsi http www.

w .org XMLSchema instance

xsi schemaLocation http maven.apache.org POM . . http maven.

apache.org xsd maven . . .xsd

modelVersion . . modelVersion

groupId com.example groupId

Machine Translated by Google

अ याय बैक एंड वकास

artifactId पा म artifactId

सं करण . नैपशॉट सं करण

पैके जग पोम पैके जग

ोजे ट
ईओएफ

हमने कु छ शेल कमांड का उपयोग कया है उदाहरण के लए फ़ो र बनाने के लए mkdir । य द आप इन आदे श से प र चत

नह ह तो कृ पया इ ह गूगल कर http lmgtfy.

com q shell commands ।

यह प रयोजना का मूल मॉ ूल है। आप इसे एमवीएन इं टॉल पर कॉल करके पहले ही बना सकते ह। यह अभी तक कु छ भी

नह बनाएगा य क यह खाली है। हमारा सुझ ाव है क इस ब पर आप अपनी पसंद का एक एक कृ त वकास पयावरण IDE खोल हम

IntelliJ IDEA का उपयोग करगे जैसा क हमने पहले कहा था । पहली चीज जसे आप प रभा षत करते ह वह है प रयोजना नदशांक जसका

अथ है वे मू य जो व श प से आपक प रयोजना क पहचान करते ह

. groupId अ तीय होना चा हए आमतौर पर अ धकांश ोजे ट कं पनी या ोजे ट के डोमेन नाम का उपयोग

करते ह य द यह मामला है। हमारे मामले म हम com.example का उपयोग करगे।

. व पण सा य आईडी मॉ ूल रखने वाले फ़ो र का मलान करना। हमारे मामले म

पा म।

. सं करण हमारी प रयोजना का वतमान सं करण।

. पैके जग मॉ ूल का कार। इस मामले म हम कहते ह क यह एक पोम है

मॉ ूल जसका अथ है क यह एक मॉ ूल है जो अ य को धारण करेगा
मॉ ूल।

चूं क हमारी प रयोजना अभी भी वकास के अधीन है और कोई रलीज नह ई है इस लए हम यय नैपशॉट का उपयोग करते ह। इसके

बारे म चता न कर आप इसके बारे म अ धक जान सकते ह य द आप द तावेज़ ीकरण क जाँच करके चाहते ह ले कन जैसा क आप मोटे तौर पर

जानते ह क इसका या मतलब है यह सफ मावेन को बताता है क आपक प रयोजना अभी भी वकास के अधीन है और प रवतन के अधीन है।

जैसा क हमारी प रयोजना एक जावा प रयोजना है हम इसे कसी तरह संक लत करने क आव यकता है और इसके लए मावेन

आपके लए ऐसा करने के लए पहले से ही एक लगइन है। आइए इसे अपने ट pom.xml म शा मल कर

...

गुण

java.सं करण . java.सं करण

maven.compiler.plugin.version . . maven.compiler.plugin.version

गुण
Machine Translated by Google

अ याय बैक एंड वकास

लगइन बंधन

लगइ स

लगइन

artifactId maven compiler plugin artifactId

सं करण $ maven.compiler.plugin.version version

कॉ फ़गरेशन

source $ java.version source

target $ java.version target

कॉ फ़गरेशन

लगइन

लगइ स

लगइन बंधन

लगइ स

लगइन

artifactId maven compiler plugin artifactId

लगइन

लगइ स
ब

...

अपने ट पीओएम के ॉपट से न म अपनी नभरता और लगइ स के सं करण को रखना हमेशा एक अ ा वचार है इस लए इसे

आपके ारा बनाए गए सभी उप मॉ ूल के बीच साझा कया जाता है।

इससे भ व य म अप ेड करना और यह सु न त करना आसान हो जाता है क सभी मॉ ूल एक ही सं करण का उपयोग कर रहे ह। हाँ...

आपको कसी व श मॉ ूल के लए कसी भ सं करण का उपयोग करने क आव यकता हो सकती है ले कन आप बाद म उस प रभाषा को

हमेशा ओवरराइड कर सकते ह इस लए इसके बारे म चता न कर।

हमने अभी जो न द कया है वह यह है क हम जावा . म अपना ोजे ट लखगे और हम जावा . पैके ज तैयार करना चाहते ह।

लगइन बंधन अनुभाग वह जगह है जहां आप उपयोग कए जाने वाले लगइ स सं करण और कॉ फ़गरेशन न द करते ह। ब से न का

मतलब है क आप चाहते ह क यह ोजे ट उस लगइन कॉ फ़गरेशन का उपयोग करे जसे आपने अभी बंधन अनुभाग म प रभा षत कया

है।

ऐसा करने से ोजे ट म येक मॉ ूल इस कॉ फ़गरेशन का उपयोग करेगा जसका अथ है क आपको इसे येक मॉ ूल के लए लखने क

आव यकता नह है।

यह संभावना है क आप पूरी प रयोजना म सामा य काया मकता का उपयोग करगे इस लए यह है

एक मॉ ूल बनाने के लए एक अ ा अ यास जो आपके सामा य काय को रखता है। आम तौर पर यह मॉ ूल जतना संभव हो उतना

कम नभरता वाला एक साधारण मॉ ूल है इस लए को शश कर क भारी ढांचे को शा मल न कर। हमारे मामले म हम कॉम स नामक एक

मॉ ूल बनाने जा रहे ह
Machine Translated by Google

अ याय बैक एंड वकास

एमके डीआईआर कॉम स

सीडी कॉम स

ब ली EOF pom.xml xml

सं करण . ए को डग UTF ोजे ट xmlns http

maven.apache.org POM . . xmlns xsi http www. w .org XMLSchema instance

xsi schemaLocation http maven.apache.org POM . . http maven. apache.org xsd

maven . . .xsd modelVersion . . modelVersion

artifactId कॉमन artifactId

सं करण . नैपशॉट सं करण

पैके जग जार पैके जग पैरट

groupId com.example groupId

artifactId पा म artifactId

सं करण . नैपशॉट सं करण

रले टवपाथ .. pom.xml relativePath parent ोजे ट

ईओएफ

इस लए हमने अभी कॉम स नामक एक मॉ ूल बनाया है जो सभी कॉ फ़गरेशन को इनहे रट करता है

मु य ट मॉ ूल जैसा क हमने पैरट से न म बताया है। जैसा क आपने दे ख ा होगा यह नया मॉ ूल सरे मॉ ूल से अलग है य क यह ऐसा

मॉ ूल नह है जो अ य मॉ ूल रखता है ब क एक वा त वक JAR आ टफै ट उ प करता है। JAR और कु छ नह ब क कोड वाली एक ज़प फ़ाइल है

जसे चलाया जा सकता है। हम माता पता और नवजात सामा य ब े के बीच संबंध को पूरा करने के लए बस एक और काम करने क ज रत है। हम

माता पता को यह बताना होगा क यह मॉ ूल उसी का है। उसके लए हम मॉ ूल नामक एक से न बनाते ह और कॉम स मॉ ूल को पैरट पोम म

शा मल करते ह

...
मॉ ूल

मॉ ूल कॉम स मॉ ूल

मॉ ूल

...
Machine Translated by Google

अ याय बैक एंड वकास

जैसा क पहले कहा गया था प रयोजना के लए कॉ फ़गरेशन काफ बड़ा हो जाता है इस लए हम आपको अं तम सं करण पर एक नज़र डालने और

इसे ए स लोर करने संरचना से प र चत होने के लए आमं त करते ह ले कन फर से इसके बारे म यादा चता न कर। इस छोटे से अ यास का उ े य सफ

आपके लए शत को सीखना है और मावेन का उपयोग करके ै च से ोजे ट कै से बनाना है। य द आप अब अपने ोजे ट क जड़ म मावेन इं टॉल चलाते

ह तो आप दे ख गे क कॉम स मॉडल भी बनाया गया है

...

जानकारी रए टर सारांश

जानकारी

जानकारी पा म सफलता . s

जानकारी कॉम स सफलता . सेकं ड

जानकारी

जानकारी सफलता का नमाण कर

जानकारी

जानकारी कु ल समय . सेकं ड

जानकारी समा त T

जानकारी अं तम मेमोरी एम एम

जानकारी

हमने अभी जो कया वह मावेन का उपयोग करके एक प रयोजना संरचना बनाना था। हालां क वहाँ है

कोई कोड नह है या कु छ भी नह बनाना है इस तरह आप ै च से एक ोजे ट बनाते ह। यह संरचना जो हमने अभी बनाई है वक सत होने के लए तैयार

है इस लए हम अ धक नभरता लगइ स जोड़ना शु कर सकते ह या यहां तक क अपने नए मॉ ूल भी बना सकते ह य द आप च रखते ह क यह

पूरा होने पर कै सा दखता है तो आप पूरी प रयोजना पर एक नज़र डाल सकते ह।

डेटाबेस
जैसा क पहले कहा गया है बैक एंड डेटा को संभालने के लए ज मेदार है। इसका मतलब है क यह इन डेटा को लाने और सं हीत करने के लए

ज मेदार है और इसके लए यह डेटाबेस का उपयोग करता है।

सॉ टवेयर इंज ी नय रग म यादातर समय जब हम डेटाबेस का उ लेख करते ह तो हम रलेशनल डेटाबेस RDBMS क बात कर रहे

होते ह ले कन कसी भी कार के संग ठत डेटा को डेटाबेस कहा जा सकता है। डेटाबेस कई कार के होते ह लगातार इन मेमोरी रलेशनल कॉलम टोर

डॉ यूमट टोर या यहां तक क लेन टे ट फाइल। समय बीतने के साथ सूची बड़ी हो सकती है और नए चलन म आते ह ले कन हमारे मामले म हम

संबंधपरक डेटाबेस के बारे म बात करगे।

Machine Translated by Google

अ याय बैक एंड वकास

भले ही हाल ही म गैर संबंधपरक डेटाबेस ब त लोक यता ा त कर रहे ह

वष से संबंधपरक डेटाबेस अभी भी ापक प से उपयोग कए जाते ह। आइए रलेशनल डेटाबेस के कु छ फायदे और नुक सान के
बारे म बताते ह ता क आप ठ क से समझ सक क हम कस बारे म बात कर रहे ह।

पेशेवर

. संर चत डेटा जसके कारण कोई दोहराव नह है

. डेटा पर तबंध अनु योग से कम दोषपूण डेटा के लए अ णी

. डेटा के बीच संबंध म बाधाएं हो सकती ह यह सु न त करके संबंध बनाना सुर त है क वे वा तव म

मौजूद ह।

. लेन दे न संबंधी समथन जसका अथ है क हम एक स बना सकते ह संचालन का एक सेट कर

सकते ह और अगर कु छ गलत हो जाता है तो वे सभी वापस आ जाते ह और हम पछली त
म समा त हो जाते ह।

.अयस से अलगाव उनके ारा तब तक कोई प रवतन नह दे ख ा जाता है

प रवतन का प रचय दे ने वाला स एक तब ता ारा बंद कर दया गया है यह वा तव म अलगाव
तर पर नभर करता है जो इस ीकरण के दायरे से बाहर है ।

दोष
. ै तज प से के ल करना आसान नह है अ धक उदाहरण जोड़कर और न के वल हाडवेयर को
अप ेड करके । बस एक साइड नोट सामा य तौर पर अ धकांश व े ता ऐसी सु वधा भी दान नह
करते ह। इस लए उस सम या के समाधान के लए NoSQL डेटाबेस वक सत कए गए। Amazon
AWS से Aurora RDBMS एक इन बीच समाधान दान करता है जहां एक ल टर बनाना
संभव है जहां रीड वकलोड वत रत कया जाता है। मुझ े कहना होगा कु छ नह से बेहतर

. डेटा को सामा यीकृ त कया जाता है जसका अथ है क कभी कभी कु छ सरल जानकारी एक
करने के लए हम ज टल बनाने या दशन म क मय को जोड़ने क आव यकता होती है

. कोई ज टल व तु नह य क वे यादातर सरल कार जैसे सं या तार त थय आ द के साथ

काम करती ह।
Machine Translated by Google

अ याय बैक एंड वकास

या इसका मतलब यह है क हम हमेशा RDBMS का उपयोग करना चा हए बलकू ल नही हम अपनी ज रत के हसाब से जो कु छ भी फट बैठता

है उसका बेहतर इ तेमाल करना चा हए। सामा य तौर पर ई हमेशा एक हाइ ड कोण के बारे म सोचना पसंद करते ह डेटा क संरचना के लए

आरडीबीएमएस का उपयोग करते ह और जब हम ज टल व तु क आव यकता होती है तो खोज मता के साथ एक द तावेज़ टोर का उपयोग करते ह

उदाहरण के लए।

हमारे मामले म और वकास के उ े य के लए हम एक ऐसे डेटाबेस का उपयोग करगे जसक हम आव यकता नह होगी

ा पत करने और कॉ फ़गर करने के लए। इसे H कहा जाता है और हम इसे ए बेडेड के प म उपयोग कर सकते ह जसका अथ है क यह हमारे

ए लके शन के अंदर चलेगा। बेशक उ पादन प र य के लए यह एक वक प नह है ले कन यह वकास के लए काफ अ ा समाधान है इस लए हम बाक

सभी क परवाह नह करते ह। य द हम बाद म डेटाबेस को बदलने का नणय लेते ह तो कोई सम या नह है य क हम एक ऑ जे ट रलेशनल मै पग

ओआरएम लाइ ेरी का उपयोग करगे जो डेटाबेस व े ता को सभी नदश का सार और अनुवाद करता है जो हम चाहते ह। यह संभव है मु य प से SQL

चड वेरी ल वेज वशेष भाषा जो डेटा को टोर करने संशो धत करने और पुन ा त करने के लए डेटाबेस से बात करने के लए उपयोग क जाती है

के मानक होने के कारण और अ धकांश व े ता उस मानक का पालन करते ह।

डेटाबेस क मा को डज़ाइन करते समय हम अ सर एं टट रलेशन ईआर डाय ाम का उपयोग करते ह जहाँ हम सं ा टे बल और उनके

संबंध को बताते ह। जस उदाहरण का हम अभी नमाण कर रहे ह उसके लए हम के वल दो सं ा के साथ काम करगे उपयोगकता और पा म

जैसा क च म दखाया गया है।

च ा । उपयोगकता और पा म ता लका का इकाई संबंध आरेख

आरेख म हम उपयोगकता और पा म सं ा के बीच संबंध ा पत कर रहे ह।

यह संबंध एक एन टू एन संबंध है जसका अथ है क एक उपयोगकता कई पा म म नामांक न कर सकता है और एक पा म कई उपयोगकता ारा

नामां कत कया जा सकता है प रणाम व प एक नई इकाई जसे user course कहा जाता है

खेलने के लए आता है। इस नई इकाई म उपयोगकता और पा म नकाय क ाथ मक कुं जी दोन शा मल ह गी। इन कुं जय को इस नई इकाई

म वदे शी कुं जी के प म जाना जाता है।

Machine Translated by Google

अ याय बैक एंड वकास

इससे पहले क हम जारी रख आइए कु छ शत को प रभा षत कर जनका हमने अभी उ लेख कया है। हम आपको आमं त करते ह

उनके बारे म अ धक जानने के लए इसम व कपी डया और गूगल आपक मदद कर सकते ह।

. टे बल कॉलम और रो टे बल एक चर है जो डेटा को a . म रखता है

तंभ और पं फै शन। डेटा पं य का उपयोग करके ता लका म आता है जब क कॉलम यह नधा रत करते ह क

कौन सा डेटा है ए सेल शीट के समान ।

. ाथ मक कुं जी एक कुं जी जो व श प से एक पं क पहचान करती है

मेज़ । आधु नक क मा म ाथ मक कुं जी अ सर एक सं या होती है जसे पं बनाते समय असाइन कया जाता है।

. वदे शी कुं जी एक कुं जी जो कसी अ य ता लका पर एक पं क पहचान करती है। इसम

य द आप उपयोगकता कुं जी को पा म कुं जी के साथ जोड़ते ह तो आप कह सकते ह क उपयोगकता X पा म

Y कर रहा है।

. संबंध प रभा षत करता है क टे बल एक सरे से कै से संबं धत ह। एन टू एन

संबंध का प रणाम सरी ता लका म होता है जसम दोन ता लका क ाथ मक कुं जी वदे शी कुं जी के पम

होती है टू एन संबंध का प रणाम अ धक ता लका म नह होता है ले कन प क ाथ मक कुं जी का

ज करते ए संबंध के एन प पर एक वदे शी कुं जी का प रणाम होगा।

ये ब त ही बु नयाद चीज ह जो आपको रलेशनल डेटाबेस के बारे म जानने क ज रत है। अगर तुम

साहसी महसूस कर आप अभी भी पहले सरे और तीसरे सामा य प के लए Google पर जा सकते ह ले कन इन अवधारणा को आमतौर पर

व णत तरीके से पचाने म आसान नह होता है।

तो इस तर पर हमारे पास दे ख भाल करने के लए तीन टे बल ह उपयोगकता पा म और उनका संबंध user course। SQL टे टमट के दो

मु य कार ह डेटा डे फ नशन ल वेज DDL और डेटा मॉ ड फके शन ल वेज DML । वे काफ ा या मक ह पूव का उपयोग क मा बनाने या

प रभा षत करने के लए कया जाता है क हमारा डेटा कै से सं हीत और व त होता है। उ रा का उपयोग उस क मा के साथ बातचीत करने के लए कया

जाता है जसे हम प रभा षत करते ह डेटा डाल अपडेट कर और हटाएं। हम उनके बारे म व तार से नह जानगे य क हमारे पास एक अ ा टू ल है जो हमारे

लए ऐसा करेगा। इसे ल वबेस कहा जाता है और यह एक ओपन सोस लाइ ेरी है जो हम डेटाबेस क मा को प रभा षत करने और उनके प रवतन पर नज़र

रखने म मदद करती है। हम आपको संपूण डेटाबेस संरचना के लए ल वबेस ोजे ट वशेष प से चजलॉग.ए सएमएल फ़ाइल क जांच करने के लए

आमं त करते ह। ब त ज टल आइए के वल उ ह से मलान करने का यास कर ज ह हमने इस अ याय म पहले प रभा षत कया था

बदलसेट

आईडी

लेख क ई वलाओ
Machine Translated by Google

अ याय बैक एंड वकास

एटटे बल

टे बलनाम उपयोगकता

कॉलम

नाम आईडी

कार ब गनट
ऑटोइ मट सच

बाधाएं

ाथ मकक सच कॉलम

कॉलम

नाम create time कार

डेटाटाइम डफ़ॉ ट वै यूकं यूटेड

CURRENT TIMESTAMP कॉलम

नाम अपडेट टाइम कार

डेटाटाइम कॉलम

नाम उपयोगकता नाम

type VARCHAR बाधाएं

अश झूठा

कॉलम

कॉलम

नाम पासवड कार

VARCHAR कॉलम

नाम नमक

type VARCHAR कॉलम

नाम नाम

type VARCHAR
createTable

changeSet

changeSet

id

लेख क ई वलाओ
Machine Translated by Google

अ याय बैक एंड वकास

एटटे बल

ता लका का नाम पा म

कॉलम

नाम आईडी

कार ब गनट
ऑटोइ मट सच

बाधाएं

ाथ मकक सच कॉलम

कॉलम

नाम create time कार

डेटाटाइम डफ़ॉ ट वै यूकं यूटेड

CURRENT TIMESTAMP कॉलम

name update time

type datetime
createTable

changeSet

changeSet

id

लेख क ई वलाओ

एटटे बल

टे बलनाम user course कॉलम

नाम आईडी

कार ब गनट
ऑटोइ मट सच

बाधाएं

ाथ मकक सच कॉलम

कॉलम

नाम create time कार

डेटाटाइम डफ़ॉ ट वै यूकं यूटेड

CURRENT TIMESTAMP
Machine Translated by Google

अ याय बैक एंड वकास

कॉलम

नाम अपडेट टाइम कार

डेटाटाइम कॉलम

नाम user id कार

BIGINT बाधाएं

अश झूठा

कॉलम

कॉलम

नाम कोस आईडी कार

ब गनट बाधाएं

अश झूठा

कॉलम

createTable

addForeignKeyConstraint

baseTableName user course

baseColumnNames user id

बाधानाम fk user course user id संद भतटे बलनाम उपयोगकता

संद भत कॉलमनाम आईडी

addForeignKeyConstraint

बेसटे बलनाम उपयोगकता कोस बेसकॉलमनाम

कोस आईडी बाधानाम

एफके उपयोगकता कोस कोस आईडी संद भतटे बलनाम कोस

संद भत कॉलमनाम आईडी

changeSet

हम एक आईडी उपयोगकता नाम पासवड आ द के साथ उपयोगकता नाम क एक ता लका को प रभा षत करके शु करते ह। फर हम

एक ता लका पा म को प रभा षत करते ह जो अभी के लए के वल आईडी और कु छ अ य मेटाडेटा जैसे नमाण समय और अ तन समय वशेष

प से ै क रखने के लए उपयोगी है प रवतन का । फर हम user course नामक एक संबंध ता लका को प रभा षत करते ह जहां हम कहते ह

क यह उपयोगकता ता लका और पा म ता लका से संबं धत है। ाथ मक कुं जी पर यान द यहां हम पूरी तरह से कह सकते ह क ाथ मक

कुं जी user id और course id एक साथ हो सकती है ले कन हम चाहते ह क लोग ह

Machine Translated by Google

अ याय बैक एंड वकास

एक ही पा म म एक से अ धक बार नामांक न करने म स म ले कन एक ही समय म नह । यह पूरी तरह से मा य लगता है क आप एक

पा म म दा खला लेते ह इसे समा त करते ह और बाद म आप इसे फर से शु करना चाहते ह पा म का एक नया उदाहरण सब कु छ

खाली ो री उ र आ द के साथ।

अब जब आप उ सुक ह क यह सब कै से काम करता है तो हमारे ोजे ट को खोल और इसे a . के प म संक लत कर

संपूण ोजे ट का ट फ़ो र

एमवीएन लीन इं टाल DskipTests

एक बार जब आप इसके साथ कर लेते ह तो डेटाबेस बनाने के लए न न ल खत चलाएँ

सीडी ल वबेस

एमवीएन ल वबेस अपडेट

यह आपक tmp नद शका म कु छ डेटाबेस फ़ाइल बनाएगा। य द आप वडोज का उपयोग कर रहे ह

आपको ल वबेस ोजे ट के pom.xml के url पैरामीटर म अ ायी फो र को बदलना पड़ सकता है और साथ ही पर स टस लेयर. ॉपट ज

फाइल पर स टस लेयर मॉ ूल के अंदर म भी बदलना पड़ सकता है। इस तर पर आपके पास आपके स टम म एक साधारण डेटाबेस

बनाया गया है। य द आप इस आदे श को फर से चलाते ह तो आप दे ख गे क कु छ भी नह होता है य क लागू करने के लए कोई नया चजलॉग

नह है। अब य द आप एक कॉलम जोड़ना चाहते ह उदाहरण के लए आप नया प रवतन सेट बना सकते ह ोजे ट को संक लत कर सकते

ह और कमांड को फर से चला सकते ह और के वल वही नया प रवतन चलेगा। ब त ब ढ़या है ना

य द कसी कारण से आप इसे आज़माते समय अपने डेटाबेस म सम या के साथ समा त होते ह या आप

इसे हटाना चाहते ह बस अपने tmp फ़ो र म पा म से शु होने वाली सभी फाइल को हटा द

आरएम ट एमपी पा म।

और हम डेटाबेस के साथ कर रहे ह। य द आप इस वषय म च रखते ह और आप इसम थोड़ा और गहराई से जाना चाहते ह तो

इंटरनेट पर ब त सारी साम यां ह। हम आपको इसे जांचने के लए आमं त करते ह

माणीकरण
माणीकरण कसी इकाई को यह सा बत करने का तरीका है क आप वा तव म ह जो आप कहते ह क आप ह। यह संभव होने के लए

एक ा धकरण खेल म आता है। एक अ ा उदाहरण न न ल खत है सरे दे श म जाने पर आप अपना पासपोट अपने साथ ले जाते ह।

एक बार जब आप अपने गंत पर प ंच जाते ह तो आपको अपना पासपोट भारी अ धकारी को स पना होगा।

इस उदाहरण म आप मा णत करने क को शश कर रहे इकाई ह पासपोट आपके माणीकरण का टोकन है और अ धकारी माणक है

जसका अथ है क वह आपको इस त य के आधार पर प ंच दे गा या नह दे गा क वह उस ा धकरण पर भरोसा करता है जसने आपको जारी

कया है पासपोट।
Machine Translated by Google

अ याय बैक एंड वकास

सॉ टवेयर इंज ी नय रग म यह अलग नह है। माणीकरण को लागू करने के कई तरीके ह कई तरीके और तकनीक ह और या

अनुमान लगाएं हां हर चीज के लए सबसे अ ा तरीका काम करने जैसी कोई चीज नह है हर मामला एक मामला है। यहां तक क HTTP बे सक

ऑथ टके शन के लए जो माणीकरण के सबसे हतो सा हत तरीक म से एक है य क उपयोगकता और पासवड एक ही अनुरोध म साथ साथ या ा

करते ह और हर एक अनुरोध के लए इसे शा मल कया जाना चा हए एक जगह है। OAuth ोटोकॉल जसका उपयोग हम अपने ोजे ट के लए

करगे उपयोगकता को मा णत करने के लए कहते समय HTTP बे सक ऑथट का भी उपयोग करता है और भुगतान सेवा दाता PSP अ य

उदाहरण के साथ साथ मचट के सवर पर नो ट फके शन पुश करने के लए बे सक ऑथ का भी उपयोग करते ह। इस खंड के दायरे से बाहर।

OAuth आजकल उपयोग कए जाने वाले सबसे लोक य माणीकरण ोटोकॉल म से एक है। हमारा मानना है क इसके इतना लोक य

होने का कारण यह है क आप कसी व सनीय ा धकारी को माणीकरण स प सकते ह। क पना क जए क आप अपनी खुद क वेबसाइट बनाना

चाहते ह ले कन आप अपने माणीकरण तं को लागू नह करना चाहते ह। उदाहरण के लए आप बस इस भाग को Google या Facebook को

स प सकते ह। ले कन यह के वल उन तरीक म से एक है जो OAuth माणीकरण के लए दान करता है। इसे ा धकरण कोड अनुदान कहा जाता

है।

हमारे उदाहरण म हम रसोस ओनर पासवड े ड शय स ांट का उपयोग करगे जसका अथ है क उपयोगकता हमारे अ धकार के साथ मा णत करने

के लए एक उपयोगकता नाम और एक पासवड दान करेगा। तैयार चलो शु करते ह इस अ यास के लए पूरी प रयोजना पा म का उपयोग

कर।

हमारी प रयोजना के अंदर वच कर और इसे संक लत कर

एमवीएन लीन इं टाल DskipTests

फर बाक एपीआई नामक मॉ ूल के अंदर वच कर और इसे चलाएं य द आपके पास नह है

डेटाबेस सेट अप कर बस ल वबेस मॉ ूल के अंदर एमवीएन ल वबेस अपडेट चलाएं ।

एमवीएन tomcat रन

हमने अपने मॉ ूल के साथ एक tomcat Maven लगइन कॉ फ़गर कया है ता क हम अपने ए लके शन के साथ एक सवर चला

सक। जावा अनु योग को चलाने के लए टॉमकै ट वा त वक सवर म से एक है ले कन न त प से उनम से ब त सारे ह। यह पर सुनने वाला

एक पोट खोलेगा। आइए अब एक उपयोगकता को मा णत करने का यास कर

कल यू वेबएप टे ट ए स पो ट लोकलहो ट ओथ टोकन एच साम ी कार ए लके शन ए स www फॉम यूआ रएलएनकोडेड डी

grant type password&username test @example.com&password a$

आप दे ख गे क त या है

ुट invalid grant error description खराब े ड शयल

Machine Translated by Google

अ याय बैक एंड वकास

वा तव म यह ठ क है... वह उपयोगकता अभी तक हमारे डेटाबेस पर मौजूद नह है आइए इसे पंज ीकृ त कर

कल वी ए स पो ट लोकलहो ट एपीआई वी सावज नक उपयोगकता एच साम ी कार ए लके शन जेसन डी उपयोगकता नाम

test@example.com पासवड a$

कल यू वेबएप टे ट ए स पो ट लोकलहो ट ओथ टोकन एच साम ी कार ए लके शन ए स www फॉम यूआ रएलएनकोडेड डी

grant type password&username test @example.com&password a$

अब त या म दो टोकन होते ह

access token c f bdf bab d ce f bc

token type bearer refresh token d ee cb db f bd f e

expires in scope पढ़ना लखना

आइए वणन कर क हमने अभी यहां या कया। माणीकरण सवर पर कसी उपयोगकता को मा णत करने के लए हम HTTP मूल

माणीकरण का उपयोग करके अपने माणीकरण सवर पर कॉल को मा णत करने क आव यकता है इस लए हम े ड शयल वेबएप उपयोगकता

और परी ण पासवड का उपयोग करते ह। फर हम अपने उपयोगकता े ड शय स जसे हमने अभी बनाया है के अनुरोध के शरीर को पास करते ह।

प रणाम व प हम दो टोकन ा त होते ह

. ए सेस टोकन टोकन जसे हम बाद म अनुरोध करने के लए उपयोग करगे।

इस टोकन का उपयोग सवर के संसाधन तक प ँचने के लए कया जाता है और यह आमतौर पर एक अ पका लक टोकन

होता है। इससे सुर ा बढ़ जाती है य क अगर कसी कारण से कोई इस टोकन पर पकड़ बना लेता है तो इसक प ंच लंबे

समय तक नह होगी।

. री े श टोकन टोकन हम एक नया ए सेस टोकन ा त करने के लए उपयोग करगे

एक बार जसका हम उपयोग कर रहे ह वह समा त हो जाता है।

य द हम अभी अभी ा त आ ए सेस टोकन समा त हो गया है तो हम उपयोगकता को न भेज कर इसे नवीनीकृ त कर सकते ह

े ड शयल फर से ऐसा तब होता है जब उदाहरण के लए आप या दन के बाद अपने फोन पर एक ऐप खोलते ह आपको अपने े ड शय स को फर

से टाइप करने क आव यकता नह है । टोकन को नवीनीकृ त करने के लए हम न न ल खत काय करने ह गे

कल यू वेबएप टे ट ए स पो ट लोकलहो ट ओथ टोकन एच साम ी कार ए लके शन ए स www form urlencoded d

grant type refresh token&refresh

टोकन d ee cb db f bd f e
Machine Translated by Google

अ याय बैक एंड वकास

और आपको एक नई जोड़ी ए सेस और री े श टोकन ा त होते ह। हमारे सेटअप क सादगी के लए हम इन सभी टोकन को मेमोरी म टोर

कर रहे ह। इसका मतलब यह है क जब हम सवर को पुनरारंभ करते ह या य द हम बाद म उ पादन म अपने सवर फाम म नए सवर जोड़ने का

नणय लेते ह तो ये टोकन अब मा य नह ह गे। इसे लगातार टोरेज डेटाबेस क तरह म टोर करके या JSON वेब टोकन JWT का उपयोग

करके आसानी से तय कया जा सकता है जो ऑटो न हत टोकन ह जहां टोकन वयं उपयोगकता और उनके सुर ा पहलु का वणन करता
है। अब आप न न ल खत क तरह अनुरोध करने के लए टोकन का उपयोग शु कर सकते ह याद रख क आपके लए टोकन अलग ह

कल वी ए स ानीयहो ट ा त कर एपीआई वी सुर त उपयोगकता मी एच साम ी कार ए लके शन जेसन एच

ा धकरण वाहक c f bdf bab d ce f bc

जहाँ आपको कु छ ऐसा ही मलेगा

id password null name null age null gender null username test@example.com

सं ेप म हम आपको एक नए श द से प र चत कराना चाहते ह जो माणीकरण के साथ साथ चलता है। यह श द ा धकरण है।

लोग अ सर उनका पयोग करते ह ले कन वे वा तव म ब त ह। हमने पहले से ही माणीकरण को उस तं के प म प रभा षत

कया है जो कसी को स या पत करता है क वा तव म वे कौन ह या वे या कहते ह जब क ा धकरण का अथ मूल प से वे ए सेस करने के

लए अ धकृ त ह। उदाहरण के लए अभी हमारा ऑनलाइन श ा मंच के वल छा तक प ंच दान करेगा ले कन भ व य म यह शासक

और श क तक प ंच दान करेगा। जब उपयोगकता मा णत करता है तो ा धकरण अ सर भू मकाएँ न द करके कया जाता है। हमारे

मामले म हम छा भू मका असाइन करते ह। भ व य म हम डेटाबेस म कु छ मेटाडेटा रखने क आव यकता हो सकती है इस लए जब

उपयोगकता लॉ गन करते ह तो हम उ चत भू मकाएं डाल सकते ह।

वकास
आइए कु छ को डग करना शु कर इस खंड के लए आप पा म अपूण प रयोजना का उपयोग करगे। शु करने से पहले आइए हम

वणन कर क हमारे आवेदन क संरचना कै से क जाती है। हम अपने ए लके शन को लॉ जकल मॉ ूल म वभा जत करते ह जहां उनम से

कु छ भौ तक मॉ ूल म भी अनुवाद करते ह।

टै क इस कार है च ।
Machine Translated by Google

अ याय बैक एंड वकास

च । आवेदन ढे र

पदानु म व न हत लॉक के साथ काम करता है जहां शीष पर मॉ ूल दे ख सकते ह

उनके नीचे के सभी मॉ ूल ले कन सरी तरफ नह । ऐसा करना एक अ ा अ यास है य क य द भ व य म आप कोई
नई प रयोजना लेक र आते ह तो इन मॉ ूल का पुन उपयोग करना आसान और साफ हो जाता है। आइए वा त वक जीवन
के उदाहरण के साथ आते ह यह ब त संभव है क कसी ब पर हम ाहक बंधन णाली सीएमएस क आव यकता हो।
चूं क यह एक ही डेटाबेस म काम करेगा हम आसानी से ढ़ता परत साझा कर सकते ह जहां हमारे पास पहले से ही सभी
ऑ जे ट् स ह जो डेटाबेस सं ा और संबंध को मैप करते ह। आइए अब येक मॉ ूल और प रयोजना म उनक भू मका का
सं त प रचय द।
Machine Translated by Google

अ याय बैक एंड वकास

डेटाबेस

डेटाबेस मॉ ूल वह डेटाबेस इंज न है जसे हमने ोजे ट के लए चुना था। हमारे मामले म हमने H का उपयोग करना चुना। हमारे दायरे और

इस मॉ ूल के बीच का पुल ग डेटा हाइबरनेट और H ाइवर क मदद से कया जाता है। अमूतता क ये परत हम भ व य म डेटाबेस के

साथ अंतः या के बारे म यादा चता कए बना डेटाबेस इंज न को बदलने म स म होने म मदद करती ह। सामा य तौर पर हम अपनी

अ धकांश प रयोजना के लए इन सार त व के साथ रहने म स म होना चा हए ले कन कभी कभी हम कु छ सु वधा का उपयोग करने के

लए उ ह बायपास करने क आव यकता होती है जो ढांचे ारा सम थत नह ह। यह कसी भी तरह ठ क है ले कन आपको यह जानने क

ज रत है क एक बार ऐसा करने के बाद आप कु छ नभरता का प रचय दे सकते ह जसे भ व य म संभालना ज टल हो सकता है। इस लए हो

सके तो हम इससे बचना चा हए।

ढ़ता परत
ढ़ता परत उन सु वधा का समूह है जो हम अपने डेटाबेस के साथ बातचीत करने के लए बनाते ह। इसम हम जावा ऑ जे ट् स के मा यम से

प रभा षत करते ह क हमारा डेटाबेस हमारे अनु योग के लए कै सा दखता है। हम रपॉ जटरी के एक सेट को भी प रभा षत करते ह जो

के एक सेट से कम नह ह जो क हमारी ऊपरी परत डेटा लाने और टोर करने के लए उपयोग करगी। ये रपॉ जटरी उन सं ा का उपयोग

करती ह ज ह हम अपनी ता लका को मैप करने के लए प रभा षत करते ह

उनके कॉलम और उन ता लका के बीच संबंध।

सेवा परत
यहां वह जगह है जहां अ धकांश तक रहता है। यह मॉ ूल डेटा को टोर करने बदलने और पुन ा त करने के लए ढ़ता परत के साथ बातचीत

करने के लए ज़ मेदार है। इस मॉ ूल म हम अपने डेटा को सं हीत करने से पहले स या पत भी करते ह और हम यह भी प रभा षत करते ह क

दोषपूण संचालन को कै से नयं त कया जाना चा हए। उदाहरण के लए य द ऊपरी मॉ ूल कु छ ऐसा लाने का यास करते ह जो मौजूद नह है

तो हम एक ु ट दे ते ह।

य द वे पहले से मौजूद कसी चीज़ को सं हीत करने का यास करते ह तो हम एक और ु ट दे ते ह। उन ु टय को तब ऊपरी मॉ ूल ारा

नयं त कया जाता है जस तरह से वे सोचते ह क सबसे अ ा है। उ ह उ चत ु ट कोड के साथ दबाया या चा रत कया जा सकता है उदाहरण

के लए कॉल करने वाले लाइंट।

सेवा एपीआई

स वस एपीआई इंटरफे स का एक सेट है जसे स वस लेयर लागू करता है ता क ऊपरी मॉ ूल को स वस लेयर के वा त वक काया वयन

क बारी कय से नपटना न पड़े। यह इतना नह है ले कन यह प रयोजना क ज टलता पर संभा वत वृ को रोकने का एक तरीका है। क पना

क जए क भ व य म हम एक भुगतान के साथ आना चाहते ह

Machine Translated by Google

अ याय बैक एंड वकास

मापांक । ब त संभव है क इस भुगतान मॉ ूल को स वस लेयर क सु वधा का भी उपयोग करने क आव यकता हो ले कन हम

इसे अलग बनाना चाहते ह। इस तरह हम इस मॉ ूल को एक तरफ रख सकते ह और फर भी सेवा परत के साथ संवाद करने म स म
हो सकते ह य क एपीआई हम ात है।

आरईएसट एपीआई और प रवतन परत

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

पंज ीकरण लागू करना

इस अ यास के लए पा म अपूण प रयोजना का उपयोग कर।
या आपको अ याय से पंज ीकरण फॉम सु वधा याद है आइए अब इसके बैक एंड ह से को ै च से लागू
कर ता क आपको यह महसूस हो क बैक एंड म एंड टू एंड फ चर को कै से लागू कया जाए।

इस लए हमसे अनुरोध है क उपयोगकता को लेटफॉम पर खुद को पंज ीकृ त करने म स म बनाएं। आपने पहले ही
दे ख ा होगा क हमारे पास एपीआई पर दो अलग अलग े ह सुर त और सावज नक। वे काफ आ म ा या मक ह जनता को
माणीकरण क आव यकता नह है और
Machine Translated by Google

अ याय बैक एंड वकास

सुर त करता है। न त प से उपयोगकता पंज ीकृ त होने से पहले मा णत नह कर सकते ह यह समापन ब सावज नक होना चा हए।
PublicUserController.java फ़ाइल खोल। अब हम आपको फर से कु छ नई जानका रय से प र चत कराना चाहते ह। REST API
डज़ाइन करते समय हम व श कार के संचालन के लए HTTP व धय पर भरोसा करते ह

. ा त कर डेटा पुन ा त करने के लए यु । कसी भी त म आपको संशो धत नह करना चा हए

डेटा ऐसे अनुरोध को कॉल करते समय जब तक क आप कसी कार क ै कग नह करना चाहते
ले कन डेटा से संबं धत कभी नह । GET अनुरोध करने वाले ाहक कभी भी यह उ मीद नह करगे क
डेटा बदल सकता है। जीईट एंडपॉइंट्स अश ह जसका अथ है क उ ह कॉल करने से कभी कोई
साइड इफे ट नह होगा।

. पो ट हम इसका इ तेमाल नई इकाइयां बनाने के लए करते ह। इसका मतलब है क अगर

आप एक और नकाय बनाने का यास करते ह जो समान है उदाहरण के लए एक ही उपयोगकता

नाम वाले दो उपयोगकता इसे वफल होना चा हए। उस पर और बाद म

उदाहरण।

. PUT पूण नकाय को अ तन करने के लए यु होता है। इसका मतलब यह है क जब कोई उपयोगकता
इस तरह क कॉल करता है तो यह उ मीद क जाती है क पूरी व तु को नए भेज े जाने के साथ बदल
दया जाए।

. पैच इकाई म गैर शू य त व को बदल दे ता है। इसका उपयोग कया जाना चा हए उदाहरण के लए य द
हम के वल उपयोगकता का नाम अपडेट करना चाहते ह ले कन संपूण उपयोगकता नह । डेटा अपडेट
करने का यह सबसे बेहतर तरीका है। सामा य तौर पर हम लोग को PUT का उपयोग करने और PATCH
को इसके प म उपयोग करने के लए हतो सा हत करते ह।

. हटाएं नकाय को हटाने के लए इस प त का उपयोग कर। कभी कभी हटाना वा तव म एक भौ तक हटाना

नह होता है ले कन सफ एक अमा यता है जो इसे अब ल टग या पुन ा त GET के लए दखाई नह
दे रहा है गंदे के लए कसी कार के झंडे के प म काम कर सकता है।

ठ क है हमारे उदाहरण पर वापस हम एट यू यूज र मेथड को लागू करना चाहते ह इस लए हम

एक पो ट व ध का पदाफाश करने क ज रत है।

@RequestMapping व ध RequestMethod.POST
@ResponseStatus HttpStatus.CREATED
public UserV Dto create @RequestBody UserV Dto userV Dto
वापसी प रवतनV .user Dto userService.create userV Dto.toUser
Machine Translated by Google

अ याय बैक एंड वकास

हम यहाँ जो कर रहे ह वह न न ल खत है हम UserV Dto को एक उपयोगकता म बदल रहे ह

हमारी सेवा परत और नीचे वाले को समझ userV Dto.toUser । फर हम इस उपयोगकता ऑ जे ट को हमारी सेवा परत पर
हमारी सेवा एपीआई के मा यम से भेज ते ह। हम एक मनट म उस पर प ंचगे आइए इस बात पर यान द क अभी यहाँ या हो रहा है। फर
यह सेवा उसी व तु के साथ त या करती है जो अ धक जानकारी से समृ होती है जैसे क यूज र आईडी य क यूज र आईडी तभी
बनाई जाती है जब हम यूज र को डेटाबेस म टोर करते ह । हम इस प रणाम को ा त करते ह और इसे फर से UserV Dto म बदल दे ते ह
और इसे उपयोगकता को एटे ड क डफ़ॉ ट त या त के साथ वापस भेज दे ते ह। जब संभव हो उ चत HTTP कोड का
उपयोग और पयोग ं टएंड लाइंट इसके लए आपको ध यवाद दगे। आपने दे ख ा होगा क हम समापन ब न द नह कर रहे ह ले कन
चता न कर वा तव म हम इसे क ा तर api v public users पर न द कर रहे ह।

इस मामले म या होता है क एक इकाई बनाने का समापन ब समापन ब क जड़ के समान है ले कन न त प से POST व ध

के साथ।
आइए अब सेवा परत के काया वयन पर एक नज़र डाल। हम यहां जो करने क आव यकता है वह न न ल खत है जांच क
उपयोगकता पहले से मौजूद नह है और य द ऐसा होता है तो वफल हो जाता है इनपुट को मा य कर मु य प से उपयोगकता नाम
और पासवड और एक आईडी के साथ वापस आने वाले डेटाबेस पर जानकारी सं हीत कर ता क उपयोगकता को बाद म संद भत कया
जा सके । उपयोगकता के ई मेल पते को स या पत करने के लए आइए रेगुलर ए स ेशन regex का उपयोग कर। सौभा य से हम इसके
साथ आने क आव यकता नह है य क ब त से लोग ने इसे पहले ही कर लया है और ईमानदारी से क ं तो इस तरह क चीज है जहां
आप आमतौर पर बग पेश करते ह ... एचट ट पी

ईमेलरेगे स.com ।

az $ & ` .az $ & `

x x x b x c x e x f x x x b x d x f x x x b x c

x e x f @ az az az . a z az

az ।

az az x x x b x c

x e x f x x a x x f x x x b x c x e x f

काफ बड़ा आपको नह लगता हो सकता है क आम तौर पर इन रेगे स के साथ आने के साहस को गले लगाने के लए यह
एक अ ा वचार नह है। कोड म दोन रेगे स पहले से मौजूद ह इस लए आपको कु छ भी करने क आव यकता नह है। आइए के वल
उपयोगकता बनाने के तक को कोड कर।

@ ांज ै नल
@ ओवरराइड

सावज नक उपयोगकता बनाएँ उपयोगकता उपयोगकता पहले से ही ExistsServiceException फकता है

मा य यूज़ र एशन उपयोगकता
Machine Translated by Google

अ याय बैक एंड वकास

अगर userRepository.findByUsernameIgnoreCase user.getUsername null

नया पहले से ही ए ट ट् स स वस ए से शन फक उपयोगकता नाम पहले से मौजूद है।

अं तम ग नमक UUID.randomUUID । toString

user.setPassword passwordEncoder.encode user.getPassword Salt
user.setSalt नमक
वापसी userRepository.save user

नमक आ ख़र ये बला है या पहली चीज पहले हम स यापन कहते ह हम इसम शा मल ह गे

इसके बाद और अ धक ववरण और फर स यापन होने के बाद सबसे पहले हम यह जानने क ज रत है क या
हमारे पास पहले से ही एक ही उपयोगकता नाम वाला उपयोगकता है हमारे मामले म ई मेल पता। य द ऐसा है तो हम एक
अपवाद फक दे ते ह। हम यहां जस तरह का अपवाद फकते ह वह मह वपूण है य क हमने बाक एपीआई पर एक अपवाद
अनुवाद नयं क ा पत कया है
परत जो इस अपवाद को सही HTTP ु ट कोड म अनुवा दत करेगी आप इसे DefaultExceptionHandler.java म दे ख
सकते ह । एक बार जब हम उस चेक के साथ अ े हो जाते ह तो हम यूज र पासवड पर काम करगे। नमक तकनीक हमारे
डेटाबेस पर पासवड को थोड़ा और खंगालने के लए एक अ तकनीक है। यह आसान है य क जब हम डेटाबेस पर पासवड
हैश करते ह तो इनपुट हमेशा एक ही आउटपुट उ प करेगा इस लए ऐसा ऐसा कया जा सकता है। तो क पना क जए क
कोई कसी तरह हमारे डेटाबेस डेटा को चुरा लेता है। पहली चीज जो वे को शश करगे वह सभी हैश पासवड को समान प से
समू हत करना होगा। फर वे सबसे लोक य का पता लगाने क को शश करगे जो क सबसे कमजोर होने वाला उ मीदवार है य क
यह एक आम है। एक बार जब हमारा अ ा हैक र उस लोक य पासवड का पता लगा लेता है तो इसका मतलब है क उसी हैश
वाले अ य सभी उपयोगकता के पास वह पासवड होगा बमर ... नमक इस सट क सम या को हल करता है। पासवड म कु छ
या क जानकारी जोड़ने से हैश कए गए पासवड हमेशा अलग ह गे इस लए य द कसी कारण से इस हैक र को एक पासवड
मल जाता है भले ही अ य उपयोगकता के पास समान पासवड हो तो यह उनके जीवन को और क ठन बना दे गा। कू ल है ना
और फर भी इतना सरल। इसका मतलब यह है क जब हम कसी उपयोगकता को मा णत करते ह तो हम इसे यान म रखना
होगा और ठ क वही काम करना होगा उपयोगकता इनपुट म नमक जोड़ और डेटाबेस पर हमारे पास हैश कए गए पासवड से तुलना
कर।

एक बार जब हम इसके साथ हो जाते ह तो हम अपने ारा उ प सभी डेटा हैश पासवड और नमक को एक साथ सेट
करते ह और उपयोगकता को बचाते ह। स यापन के लए य द आप अभी भी च रखते ह तो यह उतना ही सरल है
Machine Translated by Google

अ याय बैक एंड वकास

संर त शू य मा य उपयोगकता नमाण उपयोगकता उपयोगकता

Preconditions.checkNotNull उपयोगकता उपयोगकता शू य नह हो सकता।

Preconditions.checkNotNull user.getUsername उपयोगकता नाम र नह हो सकता।

Preconditions.checkNotNull user.getPassword पासवड खाली नह हो सकता।

अगर EMAIL REGEX.matcher user.getUsername .matches

नई PreconditionFailedServiceException फक उपयोगकता नाम मा य नह है।

अगर PASSWORD REGEX.matcher user.getPassword .matches

नई PreconditionFailedServiceException फक पासवड मा य नह है।

आइए इसे आजमाएं सब कु छ संक लत कर mvn install DskipTests क जड़ पर

प रयोजना । तो च लए कु छ यास करते ह

कल वी ए स पो ट लोकलहो ट एपीआई वी सावज नक उपयोगकता एच साम ी कार ए लके शन जेसन डी

उपयोगकता नाम परी ण @ उदाहरण। पासवड गु त

त या

कारण पूव शत वफल उपयोगकता नाम मा य नह है।

और एक

कल वी ए स पो ट लोकलहो ट एपीआई वी सावज नक उपयोगकता एच साम ी कार ए लके शन जेसन डी

उपयोगकता नाम test@example.com पासवड गु त

कारण पूव शत वफल पासवड मा य नह है।

कल वी ए स पो ट लोकलहो ट एपीआई वी सावज नक उपयोगकता एच साम ी कार ए लके शन जेसन डी

उपयोगकता नाम test@example.com पासवड w secret $

id password null name null age null gender null username test @example.com
Machine Translated by Google

अ याय बैक एंड वकास

और अब य द आप उसी उपयोगकता के साथ पुन यास करते ह

कल वी ए स पो ट लोकलहो ट एपीआई वी सावज नक उपयोगकता एच साम ी कार ए लके शन जेसन डी उपयोगकता नाम

test@example.com पासवड w secret $

कारण वह संसाधन पहले से मौजूद है उपयोगकता नाम पहले से मौजूद है।

इससे पहले क हम और उदाहरण जारी रख आइए आपको बताते ह क URL संरचना कै से काम करती है

जब आप आरईएसट का उपयोग करते ह। हम पहले ही तरीक पर चचा कर चुके ह। यह मह वपूण है य क यूआ रएल के साथ व धयां संचालन के सेट को

प रभा षत करती ह। सामा य तौर पर यह एक अ ा अ यास है क जब आपके URL वा त वक संसाधन जैसे क उपयोगकता पा म काय म आ द क ओर

इशारा करते ह तो ब वचन प म सं ाएं होती ह। जब या क बात आती है तो कोई आम सहम त नह होती है कु छ या का उपयोग करते ह अ य अंडर कोर

और या का उपयोग करते ह जैसे search start stop । सामा य तौर पर हम अंडर कोर के साथ कोण पसंद करते ह य क यह प से बताता

है क आप कु छ ऑपरेशन कर रहे ह और सामा य प से संसाधन से नपट नह रहे ह। आइए संचालन और URL संरचना और उनके प रणाम के साथ एक ता लका

प रभा षत कर। उदाहरण उपयोगकता के संसाधन के साथ है जैसा क ता लका म दखाया गया है।

ता लका । उपयोगकता पर आरईएसट तरीके संसाधन

यूआ रएल ात पद रखना पैबंद मटाना

.. उपयोगकता पुनः ा त करता है बनाता है a उपयोगकता क सूची को एक नए से उपयोग नह कया हटाता है a

उपयोगकता क सूची नया उपयोगकता बदल दे ता है इ तेमाल नह कया गया का सं ह

व जत और खतरनाक कार का उपयोगकता

.. उपयोगकता उपयोगकता ा त करता है उपयोग नह कया गया उपयोगकता आईडी के साथ डेटा उपयोगकता के लए व श उपयोगकता को हटाता है

आईडी . के साथ को एक नए के साथ बदलता है डेटा बदलता है आईडी . के साथ

आईडी . के साथ

अब इस पर यादा जोर मत दो जैसे जैसे आपक ज़ रत आगे बढ़गी आप उ ह सीखगे।

आइए पैच काय मता शा मल कर। या आपको इसके बारे म याद है यह वह है जसका उपयोग कसी इकाई क जानकारी को अ तन करने के लए कया

जाता है ले कन के वल वे त व जो हम चाहते ह गैर शू य वाले । इस लए यह कॉल पहले से मा णत उपयोगकता के साथ क जानी चा हए इस लए हम इसे अपने

URL क सुर त शाखा पर करने क आव यकता है। SecuredUserController.java फ़ाइल खोल और PATCH को कोड करना शु कर।

@RequestMapping मान id वध RequestMethod.PATCH

सावज नक UserV Dto पैच @AuthenticationPrincipal UserDetailsImpl उपयोगकता

@PathVariable id लंबी आईडी

@RequestBody UserV Dto userV Dto

Machine Translated by Google

अ याय बैक एंड वकास

अगर id.equals user.getId

नई ForbiddenServiceException फक आपका उपयोगकता नह ।

वापसी प रवतनV .user Dto userService.patch id userV Dto.

योगकता के लए

हो सकता है क आपने इसे आते ए नह दे ख ा हो ले कन इस काया वयन म दो चीज ह जन पर कु छ वचार

करने क आव यकता है। पहला यह है क य द उपयोगकता स म है तो हम आईडी पास करने क आव यकता य है ठ क है हम
वा तव म इसे पास करने क आव यकता नह है ले कन इस तरह आप REST मानक का अनुपालन कर रहे ह। इस लए हम आपको
ऐसा करने के लए ढ़ता से ो सा हत करते ह भले ही इसक आव यकता न हो। फर भी य द आप वा तव म ऐसा करते ह तो
सावधान रह। हमारे मामले म हमने यह जांचने के लए स यापन जोड़ा क या संपा दत करने का यास करने वाला उपयोगकता
संसाधन का वा त वक वामी है और य द ऐसा नह है तो हम के वल एक न ष अपवाद को फक दे ते ह जसे नष ु ट कोड म
मैप कया जाएगा। इस तरह आप अपने एपीआई को भ व य के लए तैयार करते ह। याद रख क अभी के लए हम के वल छा को ही
अनुम त दगे ले कन भ व य म हम ाहक सेवा के लए उपयोगकता क कु छ जानकारी को संपा दत करने के लए स म करना चाहगे और
इस तरह यह पहले से ही अध तैयार है बाक कोड के लए यह आ म ा या मक लगता है हम सफ इतना कहगे क आप ैके ट के अंदर
एक वै रएबल इस मामले म आईडी न द करते ह और आप इसके मान को Long id वै रएबल म इंज े ट करने के लए @PathVariable
का उपयोग करते ह।

तो सेवा परत के बारे म या अभी के लए हमने के वल PATCH को लागू कया है

उपयोगकता का नाम ले कन हम इसे उन सभी वशेषता तक बढ़ा सकते ह ज ह संपा दत कया जा सकता है आईडी न त
प से शा मल नह है । पासवड पर वशेष यान द जसके लए कु छ अ त र ोसे सग क आव यकता होती है न क के वल
एक त ापन क ।

@ ओवरराइड
@ ांज ै नल

सावज नक उपयोगकता पैच लंबी आईडी उपयोगकता उपयोगकता

याद रख क य द उपयोगकता मौजूद नह है तो यह ो नह मला

अं तम उपयोगकता सं हीत उपयोगकता ा त कर आईडी

अगर user.getName null

storeUser.setName user.getName

भ व य म और जोड़

वापसी userRepository.save storedUser

Machine Translated by Google

अ याय बैक एंड वकास

यह आसान है है ना आइए इसे आजमाएं

कल वी ए स पैच लोकलहो ट एपीआई वी सुर त उपयोगकता एच साम ी कार ए लके शन जेसन एच ा धकरण वाहक

d cda f ea a

b c cf b d नाम परी ण

हमने के वल उस उपयोगकता को संशो धत करने का यास कया जो हमारा नह है इस लए हम मलता है

कारण नष आपका उपयोगकता नह ।

आइए अब इसे अपने उपयोगकता के साथ आजमाएं

कल वी ए स पैच लोकलहो ट एपीआई वी सुर त उपयोगकता एच साम ी कार ए लके शन जेसन एच ा धकरण वाहक

d cda f ea a

b c cf b d नाम परी ण

हम एक अपडेट मलता है

आईडी पासवड अश नाम परी ण आयु अश लग अश उपयोगकता नाम

test@example.com

जैसा क आप दे ख रहे ह नाम अब परी ा है। आइए स या पत कर क या यह वा तव म कायम है।

कल वी ए स ानीयहो ट ा त कर एपीआई वी सुर त उपयोगकता मी एच साम ी कार ए लके शन जेसन एच ा धकरण वाहक

d cda f ea a

b c cf b

और वा तव म यह है

आईडी पासवड अश नाम परी ण आयु अश लग अश उपयोगकता नाम

test@example.com

हम उ मीद है क आपको समझ म आ गया होगा क चीज कै से काम करती ह। यादातर मामले सुंदर ह

वैसा ही। हम पुट के ब त बड़े शंसक नह ह हम सब कु छ पैच के साथ कोड करना पसंद करते ह ले कन कु छ उपयोग के मामले हो सकते ह। वैसे भी य द

आप कु छ लागू करना भूल जाते ह तो PUT व ध बग का कारण बन सकती है सब कु छ अ धले खत हो जाता है।

DELETE के लए यह मूल प से वही है हम आईडी को पथ चर के प म ा त करते ह और

हम ऑपरेशन करते ह जसका आमतौर पर वा त वक वलोपन नह होता है ब क के वल एक न यता होती है।

कु छ परी ण क को डग शु करने के लए हमने आपके लए एक परी ण सूट पहले ही तैयार कर लया है। च लए अब उस वषय पर चलते ह
Machine Translated by Google

अ याय बैक एंड वकास

पर ण
हमारे पास परी ण से संबं धत एक सम पत अ याय होगा जहां हम सबसे सामा य कार के परी ण का वणन करगे और उ ह कब
लागू कया जाना चा हए। फर भी यह समझ म आता है क हम अपने ारा लखे गए कोड पर कु छ परी ण शा मल करते ह। हम कु छ
इकाई या बेहतर एक करण परी ण करगे य क हम डेटाबेस या माणीकरण णाली जैसी अ य णा लय का उपयोग करगे।

इस कार के परी ण आमतौर पर संचालन के एक सेट को कॉल करके और हम जो उ मीद करते ह उसके प रणाम पर जोर दे क र
कए जाते ह। आइए बस me उदाहरण दे ख । हम जो करते ह वह उपयोगकता को मा णत करता है और me एंडपॉइंट को कॉल करता
है और हम उ मीद करते ह क लौटाया गया उपयोगकता स म वही उपयोगकता है जसे हमने मा णत कया है । तो हम न न ल खत
लखते ह

@परी ण

सावज नक शू य getUserInTheSessionTest अपवाद फकता है

अं तम MockHttpServletResponse प रणाम mockMvc.perform get api v
सुर त उपयोगकता मुझ े

.header ा धकरण वाहक getAccessToken

.ContentType MediaType.APPLICATION JSON
।और वापस
। त या हा सल करो

जोर द result.getStatus । isEqualTo HttpStatus.OK.value

अं तम UserV Dto उपयोगकता readJson result.getContentAsString UserV Dto.
क ा
जोर द user.getUsername । isEqualTo testUser.getUsername

परी ण उपयोगकता AbstractRestApiTest.java वग ारा येक परी ण के लए सेट कया गया है। हम जो जाँच कर रहे
ह वह यह है क HTTP प रणाम कोड ठ क कार का है और लौटाया गया उपयोगकता वह वा त वक उपयोगकता है जसका उपयोग
हम माणीकरण म करते ह।

हम उपयोगकता के नमाण का परी ण कै से कर सकते ह हम कई चीज को कवर करने क आव यकता है जैसे क सभी वैध
डेटा के साथ एक उपयोगकता बनाना अमा य डेटा जैसे अमा य उपयोगकता नाम या पासवड और यहां तक क उस मामले म जहां
हम पहले से मौजूद उपयोगकता को पंज ीकृ त करने का यास करते ह। न न ल खत मामला बाद वाला है।
Machine Translated by Google

अ याय बैक एंड वकास

@परी ण

सावज नक शू य createAUserTwiceTest अपवाद फकता है

अं तम MockHttpServletResponse प रणाम mockMvc.perform post api v

सावज नक उपयोगकता

.ContentType MediaType.APPLICATION JSON

.content writeJson UserV Dto.builder .withUsername ex @example.com

.withPassword a$ .build

।और वापस

। त या हा सल करो

AssertThat result.getStatus । isEqualTo HttpStatus.CREATED.value

अं तम MockHttpServletResponse result mockMvc.perform post api v

सावज नक उपयोगकता

.ContentType MediaType.APPLICATION JSON

.content writeJson UserV Dto.builder .withUsername ex @example.com

.withPassword a$ .build

।और वापस

। त या हा सल करो

AssertThat result .getStatus । isEqualTo HttpStatus.CONFLICT.value

पहली कॉल के लए हम CREATED HTTP त क अपे ा करते ह ले कन सरी कॉल के लए हम CONFLICT ु ट कोड

क अपे ा करते ह। अ धक परी ण जोड़ने के लए वतं महसूस कर परी ण ढांचे से प र चत ह परी ण लखना मजेदार है और यह

भ व य म होने वाले प रवतन के लए आपके कोड को सुर त करेगा।

यह आपके कोड के लए र ा क पहली पं है इस लए इसका उपयोग कर परी ण चलाने के लए आपको एक परी ण डेटाबेस क

आव यकता है ले कन चता न कर हमने आपके लए इसे पहले ही तैयार कर लया है ल वबेस मॉ ूल के अंदर वच कर और चलाएं

एमवीएन तरल पदाथ अ तन Ptest

यह आपके tmp फ़ो र म एक परी ण डेटाबेस बनाएगा फर से वडोज उपयोगकता आपको इसे बदलने क आव यकता हो सकती

है । अब रे ट एपीआई मॉ ूल पर वापस जाएं। य द आप एमवीएन परी ण चलाते ह तो यह मॉ ूल म मौजूद सभी परी ण को चलाएगा ले कन

आप क ा के नाम को न न क तरह न द करके के वल एक वग से परी ण चला सकते ह

एमवीएन परी ण Dtest RestApiUserTest

Machine Translated by Google

अ याय बैक एंड वकास

और आप परी ण चर म परी ण नाम जोड़कर एक एकल परी ण भी न द कर सकते ह

एमवीएन परी ण Dtest RestApiUserTest getUserInTheSessionTest

सारांश
इस अ याय म हमने चचा क क कै से एक बैक एंड ए लके शन को संर चत कया जा सकता है और कु छ ौ ो ग कयां आम तौर
पर शा मल होती ह। हमने अपनी डेटाबेस परत को प रभा षत करके शु कया फर हमारी सेवा परत जब तक हम शीष पर नह
प ंच गए जो हमारे आवेदन का वेश ब है बाक एपीआई।

हमने कु छ काया वयन उदाहरण दान कए ह ता क आप जावा के लए ग े मवक का उपयोग करके बैक एंड
वकास से संपक कर सक। अंत म हमने अपने कु छ कोड बेस को कवर करने के लए कु छ एक करण परी ण बनाए।

अगले अ याय म हम अपने ए लके शन के ं टएंड को लागू करना शु करगे।

हम इसे बैक एंड माणीकरण और संसाधन हेरफे र पर हमने जो कु छ कया है उससे जोड़ दगे। बने रह
Machine Translated by Google

अ याय

ं टएंड डेवलपमट
इस अ याय म हम एक ं टएंड डेवलपर क टोपी पहनने जा रहे ह और पछले अ याय म वक सत कए गए बैक एंड के लए डजाइनर

ने जो कु छ भी कया है उसे कने ट कर।

या आपने महसूस कया है क हम जस भू मका के बारे म बात करते ह वह वा तव म कसी चीज़ को कसी चीज़ से जोड़ रही है

उ पाद बंधक ावसा यक आव यकता और वकास को जोड़ता है डज़ाइनर उ पाद और ावसा यक ल य को उपयोगकता क ज़ रत

से जोड़ता है बैक एंड डेवलपर डेटा को उ पाद से जोड़ता है और अंत म वा तव म अभी तक नह हमारा ं टएंड डेवलपर बैक एंड और डज़ाइन

को कने ट करेगा . हां सॉ टवेयर वकास सभी को जोड़ने के बारे म है

कई लॉक।

हम सॉ टवेयर इंज ी नयर लोग और ौ ो गक को जोड़ने का ल य रखते ह। कु छ लोग ौ ो गक और उसक ग त को एक सम या

के प म दे ख ते ह और हम यह दखाना चाहते ह क वा तव म यह एक सम या समाधानकता है। आइए इसे एक साथ कर चरण दर चरण।

पछले अ याय म हमने अपने डेटा के लए पद के पीछे क तैयारी क थी। इस अ याय म हम उपयोगकता के लए डेटा लाने और इसे उपयोगकता

इंटरफ़े स म द शत करने के लए तैयार कए गए समापन ब का उपयोग करगे।

यहां ो ा मग भी होगी इस लए इस त य को वीकार कर क बना को डग के कोई सॉ टवेयर नमाण नह होता है और कु छ कोड लखने के

लए तैयार रह। ले कन मने पछले अ याय म कु छ कोड लखा था कु छ लोग कह सकते ह। हाँ यह सच है। हालां क यह थोड़ा अलग है। बैक एंड

और ं टएंड कोड के बीच मु य अंतर इस त य पर नभर करता है क आप सीधे अपने ाउज़र म ं टएंड कोड के प रणाम तुरंत दे ख सकते ह।

नोट य द आप पूरी तरह से आ त ह क ं टएंड आपके लए नह है तो आप इस अ याय को छोड़कर

परी ण और DevOps पर आगे बढ़ना चाह सकते ह। या हो सकता है क आप पहले से ही एक अनुभवी
ं टएंड डेवलपर ह और यह अ याय आपके लए थोड़ा बु नयाद लग सकता है ले कन अगर आपको लगता
है क को डग क ठन है और आप इसके लए नह बने ह और पछले अ याय म आपके लए पहले से ही पया त
को डग थी तो कृ पया एक मनट ल गहरी सांस ल और फर से वचार कर।

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय ं टएंड डेवलपमट

इस अ याय म हम यह दखाने क मजेदार या से गुज र रहे ह क यह कतना आसान है

ो ाम इंटरफे स और उ ह वैसा ही बनाय जैसा आप चाहते ह क वे दख।

अ वीकरण इस अ याय म आने वाले सभी कोड नमून का परी ण ोम सफारी और फ़ायरफ़ॉ स ाउज़र म कया गया था। हम

गारंट नह दे ते क ये नमूने Internet Explorer म काम करते ह।

चलो कोड
अपना पसंद दा टे ट ए डटर खोल और टाइप कर नम ते मेरे यारे दो त और दल ठ क ऐसे ही। अब इस फाइल को
hello.html के प म सेव कर।

य द आप macOS पर TextEditor का उपयोग करते ह तो फ़ॉमट चुन लेन टे ट बनाएं

अपनी फाइल को सेव करने के बाद उसे डबल लक से ओपन कर। आप दे ख गे क आपका ाउज़र कै सा है
वडो खुलती है जैसा क च म दखाया गया है।

च ा । आपक पहली HTML फ़ाइल एक ाउज़र म तुत क गई

या आप और अ धक खोजना चाहते ह या यह अभी तक पया त आ त नह था फ़ाइल को फर से संपादक म खोल और बस

कु छ चीज़ जोड़

div style text align center

h नम कार मेरे य म
span style color red &hearts
h

img src http thecatapi.com api images get format src&type gif
div
Machine Translated by Google

अ याय ं टएंड डेवलपमट

फ़ाइल को सहेज इसे अपने ाउज़र म खोल और आप कु छ इस तरह दे ख गे च ।

च ा । पाठ म रंग जोड़ना छ वय के साथ खेलना और उसे क त करना

वषय

हर बार जब आप पेज को री े श करते ह तो ब ली क त वीर बदल जाएगी। यह है वा तव म कै से

इंटरनेट काम करता है यह सफ ब लय से भरा है बाक सब सफ शोर है।

हर बार जब आप कै ट को बदलना चाहते ह तो पेज को र े श करना थोड़ा नराशाजनक होता है

च । आइए बस कोड क अं तम पं जोड़। अपने टे ट ए डटर म फ़ाइल खोल और न न अनुभाग जोड़

div style text align center

h नम कार मेरे य म span style color red &hearts h

img src http thecatapi.com api images get format src&type gif
div
Machine Translated by Google

अ याय ं टएंड डेवलपमट

const src http thecatapi.com api images get format src&type gif

सेटइंटरवल

document.getElementsByTagName img .src src &ts Date.now

आप इस कोड को beforeyouskip.html फ़ाइल से कॉपी कर सकते ह।

ाउज़र म पेज को र े श कर और दे ख । आप दे ख गे क हर सेकं ड म ब ली क त वीर बदल जाती है।

या आप अभी भी हमारे साथ ह हम जानते ह क ब लयाँ अ त होती ह ले कन हम कु छ काम करना है।

कोड क कु छ पं य के साथ आप पृ पर चीज को के त करने म स म थे पाठ म एक च और कु छ रंग जोड़ सकते थे और पृ को ताज़ा

कए बना चीज को बदल सकते थे। यह कतना अ त है और भले ही को डग क या आपको इस अ याय को पढ़ना जारी रखने के लए पया त

आ त न कर रही हो मुझ े यक न है क ब ली है। तो आइए समझने क को शश करते ह क ं टएंड या है और यह कहां से शु होता है।

ं टएंड कहां से शु होता है

हमने डजाइन पर चचा क है हमने कु छ गहरे बैक द सीन बैक एंड भाग को भी लागू कया है। ं टएंड कहां से शु होता है दरअसल इसक शु आत

हो चुक है। डजाइन के बारे म सोचते समय हम इस बात से च तत थे क ं टएंड डेवलपस इसे कै से लागू करगे। अपने बैक एंड पर काम करते ए हम पहले से

ही सोच रहे थे क हम डेटा को ं टएंड तक कै से प ंचाएंगे।

तो ं टएंड या है ं टएंड हमारे ए लके शन का एक य ह सा है और इसके और बैक एंड के बीच एक कने न है। इस कार ए लके शन का

एक चेहरा होने के अलावा ं टएंड म कु छ अ य भाग होते ह जो इस चेहरे को म त क से जोड़ते ह जो बैक एंड पर त होता है।

साथ ही ं टएंड अनु योग को डेटा ा त करना चा हए और इसे आकषक और ग तशील प म द शत करना चा हए

माग। या आपको वह च याद है जो हमने ं टएंड के भाग को समझाने के लए ख चा था जैसा क च म दखाया गया है
Machine Translated by Google

अ याय ं टएंड डेवलपमट

च ा । HTML CSS और JS ं टएंड डेवलपमट के तीन तंभ

आप दे ख ते ह क इसम अ नवाय प से तीन भाग होते ह HTML हाइपरटे ट माकअप ल वेज CSS कै के डग
टाइल शीट और JS जावा ट । ये सब या ह HTML कोड हमारे इंटरफ़े स क संरचना को प रभा षत करता है CSS इसक
शैली को प रभा षत करता है और जेएस प रभा षत करता है क यह ओवरटाइम कै से बदलता है और यह गारंट दे ते ए बैक एंड
के साथ संचार करने के लए ज़ मेदार है क डेटा म होने वाले सभी प रवतन हमारे इंटरफ़े स म चा रत होते ह। ये अ भाग वकास के
तीन तंभ ह। बेशक आपने वेब डेवलपमट के बारे म ब त सारी चीज़ सुनी ह गी ब त सारे buzzwords जैसे कम sass त या
redux vue.js बूट ै प साम ी डज़ाइन सवर र हत उह ले कन याद रख अंत म ाउज़र वा तव म इन तीन चीज को समझ सकते
ह और उनक ा या कर सकते ह HTML CSS और JavaScript। मूल प से ाउज़र हमारे एचट एमएल कोड को पास करता है
इसे हमारे सीएसएस कोड के साथ टाइल करता है और जो कु छ भी हम इसे करने के लए कहते ह उसे लागू करने के लए हमारे
जावा ट कोड क ा या करता है।

दरअसल आप इन तीन का इ तेमाल पछले भाग म कर चुके ह इसे जाँचे

out हमारे द तावेज़ क संरचना HTML ारा प रभा षत क गई है

div

h नम कार मेरे य म span & दल h

img src ...
div
Machine Translated by Google

अ याय ं टएंड डेवलपमट

टाइल रंग संरेख ण आ द CSS ारा प रभा षत कया गया है

div style text align center

h नम कार मेरे य म span style color red &hearts h

img src ...

div

और अंत म पृ के ग तशील भाग ब ली क त वीर को बदलना ारा प रभा षत कया गया है

जावा ट

const src http thecatapi.com api images get format src&type gif

सेटइंटरवल

document.getElementsByTagName img .src src &ts Date.now

तो आप पहले ही उन सभी को आजमा चुके ह। साथ ही हम पता चला क ं टएंड वकास या के शु आती चरण म शु होता है। अब आप

शायद अपने आप से पूछ ं टएंड कहाँ और कब समा त होता है खैर यह वा तव म कभी ख म नह होता है। एक बार जब आपका आवेदन उ पादन के लए

भेज दया जाता है तो आप खुद को प रवतन और सुधार क नरंतर या म पाएंगे।

आपको यह गारंट दे नी होगी क आपका उ पाद आधु नक वेब मानक नए उपयोगकता क ज़ रत और नए ावसा यक ल य के अनु प

है। आपक मु य इ ा हमेशा शीष पर रहना है। इस लए आपके ए लके शन के लए ं टएंड वक सत करने क या साथ ही इससे संबं धत कोई भी या

तब तक नह के गी जब तक क आप अपने उ पाद से बाहर नकलने का फै सला नह करते ह और इसे वेब क बड़ी जंगली नया म अके ला छोड़ दे ते ह।

आइए तीन तंभ म से येक के बारे म अ धक व तार से चचा कर।

माकअप और डोम
माकअप हमारे आवेदन का कं काल है। माकअप आपके पृ क संरचना और इसक साम ी के लए लेसहो र को प रभा षत करता है। कु छ दशक से अ धक

म वक सत के लए HTML का उपयोग वेब पेज और वेब ए लके शन बनाने के लए कया जाता रहा है।

सं ेप म HTML द तावेज़ टै ग के एक सेट उनक वशेषता और इन टै ग क साम ी से बना है।

Machine Translated by Google

अ याय ं टएंड डेवलपमट

• HTML टै ग एक कं टे नर के प म दे ख ा जा सकता है जो एक श दाथ को प रभा षत करता है

संल न साम ी। येक टै ग को कोण को क म लखा जाता है जैसे p पैरा ाफ टै ग । टै ग खुल और
बंद हो सकते ह उदाहरण के लए p कसी अनु े द के ारंभ को प रभा षत करता है जब क p
उसके अंत को प रभा षत करता है।

• HTML वशेषता कु छ टै ग म कु छ वशेषताएँ हो सकती ह जो बताती ह और

टै ग कं टे नर के सम ट स के अलावा उसके बारे म थोड़ा और प रभा षत कर।
वशेषता के अलग अलग मान हो सकते ह। गुण अंदर लखे गए ह

उ ाटन टै ग और उनके मान समान च के बाद उ रण च के अंदर लखे जाते ह। उदाहरण के लए

शीषक वशेषता को कसी भी टै ग पर लागू कया जा सकता है और जब आप इस शीषक वाले त व पर माउस
घुमाते ह तो टे ट द शत होने का भाव पैदा होगा उदाहरण के लए p शीषक मेरा अ ा पैरा ाफ
p .

• HTML टै स क साम ी टै स के अंदर जो भी टे ट दखाई दे ता है वह है

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

च ा । ाउज़र कै से अनु यु शीषक वशेषता के साथ अनु ेद तुत करता है

ब त सारे अलग अलग टै ग ह जनका उपयोग आपके द तावेज़ क संरचना के लए कया जा सकता है। हमारे पास है
पैरा ाफ टै ग p के बारे म पहले ही बोल चुके ह आपने इमेज के लए टै ग img दे ख ा है ले कन इससे पहले क हम कु छ अ य टै स
पर आगे बढ़ आइए DOM के बारे म बात करते ह।

द तावेज़ व तु मॉडल
DOM डॉ यूमट ऑ जे ट मॉडल मूल प से कसी भी वेब पेज को खोलने के बाद ाउज़र ारा बनाई गई एक संरचना है। इसे
एक पेड़ के प म दशाया गया है य क ाउज़र रडर इंज न ऊपर से नीचे तक माकअप कोड पढ़ता है च ।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

च । डोम तनधव

इस आरेख म आप पहले से ही दे ख सकते ह क html नामक कु छ मूल त व है और इसम शीष और शरीर नामक त व ह। कसी अ य

HTML टै ग पर आगे बढ़ने से पहले आइए उनके बारे म बात करते ह।

तो html त व आपके पूरे वेब पेज को घेर लेता है। यह ाउज़र को बताता है क यह द तावेज़ एक HTML द तावेज़ है इस लए

ाउज़र ठ क से जानता है क इसे कै से पढ़ना और ा या करना है। html टै ग के अंदर दो मु य कं टे नर होते ह head और body ।

head टै ग म आपके वेब पेज के बारे म सभी मेटा डेटा शा मल ह इसका शीषक ववरण भाषा कोई भी खोज इंज न अनुकू लन एसईओ

संबं धत डेटा फ़े वकॉन पथ आ द।

आपके पृ पर दखाई दे ने वाली सभी साम ी मु य भाग के अंदर होनी चा हए

टै ग। यह समझ म आता है वा तव म सर सं त वणना मक जानकारी के लए है और शरीर बाक सभी के लए है। इस कार बना साम ी वाली
html फ़ाइल क मूल संरचना इस कार दखाई दे गी

html

सर सर

बॉडी बॉडी
html

यान द क टै ग उनके अंदर क साम ी वाले बॉ स क तरह होते ह। ब से म हो सकता है

अ य बॉ स और उनम अ य बॉ स भी हो सकते ह। इस लए एचट एमएल टै ग म हेड और बॉडी टै ग होता है और बदले म बॉडी टै ग म वेबपेज

क संरचना और साम ी को प रभा षत करने वाले कई अ य टै ग ह गे।

Machine Translated by Google

अ याय ं टएंड डेवलपमट

शीषक
आइए कु छ टै स के बारे म बात करते ह। हम पहले ही पैरा ाफ टै ग के बारे म बात कर चुके ह p ।

p टै ग के अंदर क साम ी एक नए अनु े द के प म दखाई दे गी।

य द आप अपने पेज के शीषक को हाइलाइट करना चाहते ह तो आप शीषक टै ग का उपयोग कर सकते ह। है डग टै ग सबसे बड़े हे डग

से शु होते ह h और सबसे छोटे हे डग h तक चलते ह। इस कार आपके बीच म h h h और h ह। अपनी

html फ़ाइल म व भ शीषक टै ग म साम ी बनाने का यास कर और जांच क यह आपके ाउज़र म कै सा दखता है

h नम ते पाठक h

h नम ते पाठक h

h नम ते पाठक h

h नम ते पाठक h

h नम ते पाठक h
h नम ते पाठक h

यह च म दशाए अनुसार दखेगा।

च ा । HTML शीषक h से h तक टै ग करते ह

हाइपर लक
बेशक हाइपर लक के बना इंटरनेट नह है। या आप व कपी डया का उपयोग करते ह या आपने कभी खुद को उस त म पकड़ा है जहां

आप दे ख रहे थे मान ली जए याम दे श क ब लयाँ और . घंटे के बाद लॉकचेन ौ ो ग कय और मा रजुआ ना वैधीकरण के भाव के बारे म

सब कु छ जानने के बाद समा त हो ग व कपी डया हाइपर लक बुरे ह। आइए दे ख क HTML या है

Machine Translated by Google

अ याय ं टएंड डेवलपमट

इस बुराई को पैदा करने के लए टै ग का इ तेमाल कया जाता है। टै ग को एंक र कहा जाता है और इसे a लखा जाता है। या आपको
वशेषता के बारे म याद है यह टै ग के वल तभी काम करता है जब आप इसे href नामक वशेषता दान करते ह href का अथ हाइपरटे ट
संदभ है । समझ म आता है है ना य द हम उस को कह भेज ना चाहते ह तो हम उसे एक संदभ दान करना चा हए क कहाँ जाना है।
टै ग क वा त वक साम ी वह पाठ होगी जसे आप पृ पर एक लक के प म दखाना चाहते ह। मान ल क हम उस को Google
वेबसाइट पर भेज ना चाहते ह और हम चाहते ह क google श द पृ पर हाइपर लक के प म दखाई दे । तब माकअप कोड न न के प
म दखेगा

a href https www.google.com Google a

आप अपनी खुद क वेबसाइट के पृ को भी संद भत कर सकते ह उ ह सापे पथ दान कर सकते ह।

पथ अपे ाकृ त सापे या नरपे हो सकता है। नरपे पथ का अथ है क आप अपने या कसी अ य सवर
क जड़ से शु होने वाला संपूण पथ दान करते ह और सापे पथ का अथ है क आप वतमान द तावेज़ को
अपे ाकृ त पथ दान करते ह।

इस लए उदाहरण के लए य द हमारे पास हाइपर लक .एचट एमएल नामक एक पृ है और हम कसी को

हाइपर लक .एचट एमएल नामक सरे पृ पर संद भत करना चाहते ह जो उसी पथ म त है तो हम न न ल खत काय करगे

a href hyperlink .html सरे पेज पर जाएं a

इस अ याय के लए कोड फ़ो र के अंदर html पृ hyperlink .html और hyperlink .html क जाँच कर।

डफ़ॉ ट प से लक उसी टै ब म खुलते ह जहां आप ह। य द आप लक को नए टै ब म खोलना चाहते ह तो आप blank मान

के साथ ल य नामक एक अ य वशेषता दान कर सकते ह

a href https www.google.com target blank Google नए टै ब म a

इमे जस
जैसे इंटरनेट हाइपर लक के बना मौजूद नह हो सकता वैसे ही यह छ वय के बना मौजूद नह हो सकता।

आप पहले ही इमेज टै ग का उपयोग कर चुके ह इसे img के प म लखा जाता है। इसम src छ व का ोत नामक एक वशेषता
होनी चा हए ले कन इसम कोई साम ी नह है य क इसक साम ी वा तव म छ व ोत ारा प रभा षत क गई है। चूँ क सभी html टै स
को खोलना और बंद करना आव यक है यह अपने आप बंद हो जाता है। ऐसे टै ग को से फ लो जग टै ग कहा जाता है। तो यह इस कार
लखा गया है

img src http via.placeholder.com x

Machine Translated by Google

अ याय ं टएंड डेवलपमट

एंक र टै ग क href वशेषता क तरह src वशेषता म भी नरपे या सापे दोन मान हो सकते ह। तो आप छ वय
को अपनी html फ़ाइल के पास रख सकते ह और उ ह अपने src वशेषता म एक सापे पथ दान कर सकते ह। उदाहरण के
लए य द हम img फ़ो र के अंदर cat.png नामक एक छ व डालते ह तो हम इस छ व को img टै ग का उपयोग करके इस
तरह द शत कर सकते ह

img src img cat.png

डफ़ॉ ट प से छ व अपने मूल आकार म दखाई दे गी। कभी कभी यह वा तव म उपयु नह होता य क छ व का
आकार हमारे पृ के लेआ उट म फट नह हो सकता है। इस सम या को हल करने के लए एचट एमएल व नदश आपको आईएमजी
टै ग पर लागू चौड़ाई और ऊं चाई वशेषता का उपयोग करने क अनुम त दे ता है। य द आप उनम से के वल एक को न द करते ह
तो सरा उसी के अनुसार के ल करेगा। आकार को नरपे मान जैसे प सेल म न द कया जा सकता है

img src img cat.png चौड़ाई px

या सापे मू य म तशत म यह मूल त व के सापे तशत होगा । य द हमारी छ व बॉडी टै ग का सीधा ब ा है तो सापे
चौड़ाई शरीर के सापे होगी और न के सट क ह से पर क जा कर लेती है जसे हम इं गत करते ह

img src img cat.png चौड़ाई

Image.html नामक फ़ाइल म कोड क जाँच कर। ाउज़र पृ का आकार बदलने का यास कर। आप दे ख गे क जस
छ व के लए प सेल म चौड़ाई न द क गई है वह हमेशा समान रहती है सरा जसके लए तशत म आकार न द कया गया
है ाउज़र आकार के अनुसार समायो जत हो जाएगा।

जब वेब पेज त व आसानी से उस डवाइस के आकार म समायो जत हो जाते ह जसम वे खोले जाते ह तो
इसका मतलब है क वे उ रदायी और अनुकू ली ह।

उ रदायी और अनुकू ली आजकल वेब क ब त मह वपूण अवधारणाएँ ह। ब त सारे उपकरण ह और आप चाहते ह क

आपका उ पाद उन सभी म चले। या शायद नह
इस लए अपने यूज र को समझना बेहद ज री है। आपको अ तरह से पता होना चा हए क कन उपकरण का सबसे अ धक
उपयोग कया जा रहा है और सु न त कर क आपका उ पाद उन उपकरण पर सही है। आजकल सॉ टवेयर मोबाइल पहले के
तमान के आधार पर बनाया जा रहा है जसका अथ है क नंबर एक ाथ मकता यह सु न त करना है क उ पाद मोबाइल
उपकरण पर अ तरह से दखाई दे गा। यह काफ समझ म आता है आजकल लोग डे कटॉप उपकरण क तुलना म मोबाइल
उपकरण का ब त अ धक उपयोग करते ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

फाम
चूं क हमने उपयोगकता के बारे म बात करना शु कया है आइए उनके साथ बातचीत और संचार के बारे म सोच। कई

बार अपने उपयोगकता को कु छ साम ी द शत करने के अलावा आप उपयोगकता से कु छ डेटा या कु छ पु करण ा त करना चाहते ह।

जब म ये श द लख रहा ं यह मई है जसका अथ है क EU GDPR यूरो पयन यू नयन जनरल डेटा

ोटे न रेगुलेशन आज से शु हो गया है।

अपने उपयोगकता से डेटा मांगते समय इस कानून क श को कम मत समझो ले कन इससे पहले क आप कानून
के बारे म सोच आप जानना चाहगे क आप अपने उपयोगकता से डेटा पूछने के लए HTML का उपयोग कै से करते ह
है ना HTML व नदश म form . का उपयोग करके इसे करने का एक तरीका है
उपनाम। फ़ॉम टै ग के अंदर आपके पास उपयोगकता डेटा मांगने के लए ब त सारे इनपुट हो सकते ह। आइए इन इनपुट े के बारे म
बात करते ह।
इनपुट टै ग इनपुट भी व समापन टै ग ह जनम सट क इनपुट फ़ कार को न द करने वाली कई
वशेषताएं हो सकती ह। डफ़ॉ ट प से और आपको इसके लए कोई वशेषता दान करने क भी आव यकता नह है इनपुट
टे ट कार का होगा। यह एक सामा य इनपुट है जहां आप कोई भी टे ट लख सकते ह

इनपुट

यह वेबपेज पर रडर करेगा जैसा क च म दखाया गया है।

च ा ।स य और न य इनपुट टै ग

type to . नामक वशेषता दान करके व भ कार के इनपुट ा त करना संभव है

इनपुट टै ग। मान ब त भ हो सकते ह उदाहरण के लए

• पासवड

• सं या

• दनांक

• ईमेल

• चेक बॉ स

• सीमा

• तलाशी
Machine Translated by Google

अ याय ं टएंड डेवलपमट

उदाहरण के लए यह फॉम

फॉम ए न नाम

इनपुट कार टे ट लेसहो र अपना नाम टाइप कर पासवड इनपुट कार पासवड

आयु इनपुट कार नंबर ईमेल इनपुट कार ईमेल लेसहो र

example@gmail.com आपका पसंद दा रंग इनपुट कार रंग लेसहो र ईई

जम तथ इनपुट कार तथ फॉम

च म दखाए अनुसार तुत करेगा।

च । वभ कार के इनपुट फ़ वाला प

Machine Translated by Google

अ याय ं टएंड डेवलपमट

फ़ाइल form.html म व भ कार के इनपुट फ़ वाले कोड क जाँच कर।

बेशक अब आप खुद से पूछ ठ क है और मुझ े इस सारे डेटा का या करना चा हए उस
एक उ चत है और इस ब पर सादा HTML पया त नह है। कसी तरह हम इस डेटा को एक करने और सं करण भंडारण
या कु छ कारवाई करने के लए इसे हमारे बैक एंड को दे ने क आव यकता है। आइए बाद म इस पर वापस आते ह।

अपने पृ के त व को कु छ श दाथ दान करने के अलावा आप दे ना चाहते ह

आपका पृ कु छ संरचना और कु छ मह वपूण डवीजन को प रभा षत करता है। इस लए HTML व नदश आपको एक ब त ही
मह वपूण त व दान करता है जसे div कहा जाता है। डव टै ग का अथ है वभाजन। इस टै ग से कोई शैली जुड़ी नह है ले कन
साम ी के टु क ड़ को एक सरे से अलग करना और उ ह अलग ढं ग से टाइल करना ब त उपयोगी है।

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

• इनलाइन त व उसी पं म दखाई दे ते ह जहां वे ह

आ ान कया। उदाहरण के लए a img span इनलाइन त व ह।

• अवयव लॉक कर पूरी लाइन पर क जा कर और अगला त व होगा

नई लाइन से दान कया गया। div p हे डग ए लमट h h लॉक
ए लमट ह।

आपने दे ख ा होगा क हमने ैन त व के बारे म एक उदाहरण के प म बात क थी

इनलाइन त व। ैन त व एक छोटा और अ य टै ग है जो कोई संदभ या व श शैली दान नह करता है। फर भी यह एक ब त ही
मह वपूण टै ग है जैसा क डव है य क इसका उपयोग इनलाइन म लपेट गई साम ी को शेष पं से अलग शैली म करने के लए कया
जा सकता है।
उदाहरण के लए

div व रत span style color Brown भूरा लोमड़ी आलसी कु े के ऊपर से कू द जाती है div
Machine Translated by Google

अ याय ं टएंड डेवलपमट

कोड का यह टु क ड़ा च म दखाए गए अनुसार तुत कया जाएगा।

च । पूरे वा यांश के अंदर एक श द को टाइल करने के लए इ तेमाल कया जाने वाला ैन ए लमट

हम HTML इसके व नदश व भ टै स हमने कवर नह कया है उदाहरण के लए सूची टै ग ul और ol या मी डया

टै ग जैसे video या ऑ डयो उनक वशेषता और व भ कार के जा जो इस सरल ले कन श शाली माकअप भाषा
का उपयोग करके ा त करना संभव है ले कन हम मानते ह क हमने आपको इस वषय के बारे म च रखने वाली जानकारी क खोज
करने म स म होने के लए पया त जानकारी दान क है। आइए इसे इस सरल अ यास से दे ख ।

HTML के बारे म ायाम

एक साधारण html पृ बनाएँ जसम न न ल खत शा मल ह

• हैडर आपका नाम बता रहा है

• आपक त वीर

• अपने बारे म कु छ पैरा ाफ

• य द आपके पास कोई सामा जक खाता नह है तो आपके सामा जक ोफाइल के लक उदाहरण के लए

ल डइन जीथब या सफ https www.apress.com के लए एक लक

• उस का नाम और ई मेल पूछने के लए एक सरल फ़ॉम जोड़ जो

अपनी ोफ़ाइल और सब मट बटन पढ़ना

अंत म आपका पृ इस च के समान दखना चा हए।

Machine Translated by Google

अ याय ं टएंड डेवलपमट

च ा । समान रडर कए गए प रणाम उ प करने के लए एक माकअप बनाएं

आप इस पृ के लए ायाम.html फ़ाइल के अंदर कोड पा सकते ह।

अब जब आप अपने वेब पेज के लए HTML संरचना बनाने म वशेष ह तो च लए उ ह टाइल करना शु करते ह
Machine Translated by Google

अ याय ं टएंड डेवलपमट

शैली
बेशक हम अपने वेब पेज का आनंद नह ले सकते य द यह सफ सादा काला पाठ है भले ही यह पैरा ाफ डवीजन एंक र
और अ य अ े घटक म अ तरह से संर चत हो। हम अपने पेज को आकषक बनाने और कसी भी डवाइस के कसी भी
ाउज़र म चलने म स म बनाने के लए रंग फ ट आकार संरेख ण त पृ भू म और कई अ य चीज को समायो जत करने
क आव यकता है।
यह वह जगह है जहां सीएसएस काम आता है और इस खंड म हम व भ कार के लेआ उट और रेडी टू गो डज़ाइन स टम
के अलावा इस बारे म बात करने जा रहे ह।

CSS एक ऐसी भाषा है जसका उपयोग HTML माकअप के लए टाइ लग नयम का वणन करने के लए कया जाता है।

कै के डग श द के वल एक ाथ मकता योजना को प रभा षत करता है जब एक से अ धक टाइल नयम एक ही त व से मेल खाते ह।

टाइ लग नयम एक साधारण ा प म लखा गया है नयम का नाम और उसके बाद कोलन और उसका मू य।
इस लए उदाहरण के लए लाल पाठ के रंग का नयम इस कार दखेगा

लाल रंग

बेशक नयम को कसी चीज़ पर लागू कया जाना चा हए वे सफ हवा म नह उड़ सकते।

नयम को कसी व श त व या त व के समूह पर लागू कया जा सकता है। यह उस तरीके पर नभर करता है जस तरह से
आप उन नयम को न द करने का नणय लेते ह। CSS नयम को न द करने के अ नवाय प से तीन तरीके ह

• इनलाइन CSS नयम टै ग के अंदर दए गए त व से जुड़ा होता है

शैली नामक वशेषता p शैली रंग लाल नम कार ये रहा लाल पैरा ाफ़ p

• आंत रक टाइलशीट CSS नयम आपक html फ़ाइल के शीष त व के अंदर टाइल टै ग के अंदर लखे
गए ह। नयम को चयनकता ारा प रभा षत लॉक के अंदर लखा जाना चा हए। उदाहरण के
लए रंग लगाने के लए लाल
सभी अनु े द के लए नयम आप न न ल खत लखगे

शैली
पी
लाल रंग

शैली
Machine Translated by Google

अ याय ं टएंड डेवलपमट

• बाहरी टाइलशीट CSS नयम उसी तरह लखे जाते ह जैसे वे

शैली टै ग के अंदर लखा जाएगा के वल बाहरी फ़ाइल म जसम .css ए सटशन है और वशेष टै ग
link का उपयोग करके HTML फ़ाइल म आयात कया गया है जसम href वशेषता के अंदर CSS
फ़ाइल का पथ शा मल है link rel stylesheet href style.css

उनम से येक के या फायदे ह य द आपको के वल एक व श त व को बदलने क आव यकता है तो आप इनलाइन

शैली के लए जा सकते ह। य द आपको त व के व भ समूह के लए समान शै लय को न द करने क आव यकता है ले कन
यह ब त अ धक शै लयाँ नह ह तो आप उ ह शैली टै ग के अंदर एक ही फ़ाइल म आंत रक प से बना सकते ह ले कन य द
आपके पास व भ शै लय या ए नमेशन का वणन करने वाली एक बड़ी ज टल टाइलशीट है त व के व भ समूह के लए
आपको बाहरी टाइलशीट का चयन करना चा हए। इनलाइन टाइल.एचट एमएल इंटरनल टाइल.एचट एमएल और ए सटनल
टाइल.एचट एमएल फाइल क जांच तीन कार के टाइलशीट उपयोग के लए कर।

आपने दे ख ा होगा क जब हम style टै ग के अंदर या in . शैली के नयम को न द करते ह

बाहरी फाइल हम नयम को संबं धत त व के लॉक म लपेटते ह जस पर शैली लागू होनी चा हए

पी
लाल रंग
फ़ॉ ट आकार बड़ा

या इसका मतलब यह है क हम के वल टै ग के लए शै लयाँ न द कर सकते ह या होगा अगर हम नह चाहते क सभी

पैरा ाफ एक जैसे दख वा तव म जस लॉक म हम शैली के नयम को न द कर सकते ह वह ब त ज टल हो सकता है। इस
लॉक को चयनकता कहा जाता है और यह वेब वकास क सबसे मह वपूण अवधारणा म से एक है।

चयनकता उन त व के समूह को प रभा षत करता है जन पर हम कु छ व श शैली लागू करना चाहते ह। इसे टै ग वग

आईडी या उनके म ण ारा व णत कया जा सकता है।

पता चलता है क एचट एमएल त व म आईडी और क ाएं संल न हो सकती ह और ये हो सकते ह

सीएसएस चयनकता के साथ साथ उपयोग कया जाता है। आइए उनके बारे म बात करते ह।

• त व क आईडी एक वशेषता आईडी है जसका मान व श प से त व क पहचान करना चा हए।

उदाहरण के लए p id first यह मेरा पहला पैरा ाफ है p
Machine Translated by Google

अ याय ं टएंड डेवलपमट

• त व का वग एक वशेषता है जो एक से अ धक क पहचान कर सकता है

त व आमतौर पर तब उपयोग कया जाता है जब आपको एक ही तरह से एक से अ धक त व को टाइल करने या

चुनने क आव यकता होती है। उदाहरण के लए p class important इस पैरा ाफ म कु छ मह वपूण

जानकारी है p

जस तरह से हम वग और आईडी के लए चयनकता लखते ह वह टै ग के लए चयनकता को लखने के तरीके से भ होता

है। इस लए

• टै ग के लए चयनकता के वल एक टै ग नाम है

•p पैरा ाफ टै ग का चयन करता है

• img img टै ग का चयन करता है

• डव आईएमजी डव लॉक के अंदर आईएमजी टै ग का चयन करता है

• त व क आईडी के लए चयनकता से पहले आईडी का मान है

• थम थम आईडी वाले त व का चयन करता है

• क ा के लए चयनकता को एक ब से पहले वग के नाम के प म लखा जाता है

• .important उन सभी त व का चयन करता है जनम मह वपूण वग है

• p.important उन सभी अनु े द का चयन करता है जनम मह वपूण वग है

• div img.important उन सभी छ वय का चयन करता है जो डव के अंदर ह और जनक क ा

मह वपूण है

• first .important फ ट आईडी वाले एलीमट के अंदर के सभी ए लमट का चयन करता है जसका वग

मह वपूण है

w c पेज पर चयनकता के बारे म अ धक जानकारी ा त कर https www.w schools.com cssref

css selectors.asp.
फ़ाइल selectors.html म भी कोड क जाँच कर।

अब जब आप जानते ह क त व का चयन कै से कर और उन लॉक को लख जनम सीएसएस नयम शा मल ह गे आइए वयं नयम

के बारे म बात करते ह। हम कौन से नयम लागू कर सकते ह हम सीएसएस के साथ या कर सकते ह मुझ े लगता है क आजकल आप के वल

पूछ सकते ह हम CSS के साथ या नह कर सकते य क आजकल CSS वा तव म श शाली है य द आप के वल सीएसएस के साथ

न मत प रयोजना पर गूगल करते ह तो आप पूरी तरह से च कत हो जाएंगे। बेशक इस पु तक म हम सीएसएस के साथ मोना लसा का कोई

च नह बनाएंगे। हम के वल सामा य नयम के बारे म बात करने जा रहे ह। बाक सब तुम करोगे ठ क है
Machine Translated by Google

अ याय ं टएंड डेवलपमट

आइए मूल बात से शु कर। रंग क । टे ट का रंग बदलने के लए आप रंग लागू करते ह
कसी भी मू य के साथ शासन कर जसक आपको आव यकता है। रंग के मान व भ व प म नद कए जा सकते ह

• वयं रंग का नाम जैसे काला लाल पीला आ द

• हे साडे समल रंग कोड जैसे ff आद

• आरजीबी व नदश जैसे आरजीबी आरजीबी

इसी तरह आप बैक ाउं ड का रंग भी बदल सकते ह। आप इसके बजाय पृ भू म रंग सीएसएस नयम या पृ भू म
नयम का उपयोग कर सकते ह। दोन के बीच अंतर यह है क जहां पृ भू म रंग नयम का उपयोग पृ भू म के रंग को प से
प रभा षत करने के लए कया जाता है वह पृ भू म नयम म अ धक गुण हो सकते ह उदाहरण के लए पृ भू म छ व। येक
भाग जसे पृ भू म नयम के भीतर न द कया जा सकता है उसे गत संप म भी न द कया जा सकता है जैसे पृ भू म
छव पृ भू म त आ द। w schools पृ म पृ भू म CSS नयम के बारे म अ धक जांच https
www.w schools.com

cssref css pr background.asp.

आपक पृ भू म के लए कु छ े डएंट न द करना भी संभव है। उदाहरण के लए

ढाल
पृ भू म रै खक ढाल नीला पीला

आइए आकार के बारे म बात करते ह। आप सीएसएस और उनक चौड़ाई और ऊं चाई गुण का उपयोग करके अपने त व
के लए आकार न द कर सकते ह। इन गुण के मान नरपे या सापे हो सकते ह।
उदाहरण के लए

डव
ऊं चाई px
चौड़ाई

आइए फ ट के बारे म बात करते ह। फ़ॉ ट् स वेब वकास का एक वशेष ह सा ह जहां घंट के बाद घंट बात करना
संभव है य क टाइपो ाफ वा तव म डजाइन और यहां तक क वा तुक ला क पूरी अवधारणा के साथ ब त अ धक सहसंब है।
वभ कार के संदेश दे ने के लए व भ कार क टाइपो ाफ का उपयोग कया जाता है और कु छ व श फ ट ह ज ह हम कु छ
व श चीज से जोड़ते ह। उदाहरण के लए आप पंक पो टर बनाने के लए उसी फ़ॉ ट का उपयोग नह करगे जैसा क आप एक
वै ा नक पेपर लखने के लए करगे। अलग र
Machine Translated by Google

अ याय ं टएंड डेवलपमट

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

• फ़ॉ ट फ़ै मली फ़ॉ ट फ़ै मली न द कर उनम से कई के लए दान कर

मैदान छोड़ना। उदाहरण के लए

पी
फ़ॉ ट प रवार टाइ स यू रोमन टाइ स से रफ़

• फ़ॉ ट आकार फ़ॉ ट आकार न द कर। फर से आप नरपे इकाइय जैसे प सेल या सापे

इकाइय जैसे एम म म फ़ॉ ट आकार न द कर सकते ह। em वतमान फ़ॉ ट आकार के बराबर
है जो आमतौर पर px है।

पी
फ़ॉ ट आकार . em

• फ़ॉ ट शैली इटै लक तरछ या सामा य हो सकती है

पी
फ़ॉ ट शैली इटै लक

• फॉ ट वेट अपने फॉ ट का वजन न द कर

पी
फ ट क मोटाई बो

टे ट दखने के तरीके को बदलने के लए फ़ॉ ट व पण के अलावा सीएसएस आवेदन करने क अनुम त दे ता है

पाठ के लए ही असं य नयम। लेटर े सग व टकल एलाइन डायरे न लाइन हाइट टे ट आइडट और टे ट ांसफॉम
जैसे गुण कु छ ऐसे गुण ह ज ह टे ट पर लागू कया जा सकता है। w schools पृ म उनके बारे म अ धक ववरण दे ख https
www.w schools.com css css text.asp।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

CSS के बारे म समझाने के लए एक और ब त मह वपूण बात इसका बॉ स मॉडल है जो दखाया गया है

च म। येक त व एक बॉ स क तरह है और इसका आकार इसक साम ी मा जन पै डग और बॉडर के आकार से बना है।

च । सीएसएस बॉ स मॉडल

इस लए य द आप अपने div क चौड़ाई को px के प म प रभा षत करते ह और मा जन पै डग या बॉडर गुण जोड़ते ह तो

आपको त व क अं तम चौड़ाई ा त करने के लए उनका योग करना चा हए। आइए इन तीन गुण के बारे म बात करते ह

• मा जन त व के बाहर एक ान को प रभा षत करता है। यह गुण शीष दाएँ नीचे और बाएँ हा शया

मान से बना है

मा जन px px px px

य द आप के वल एक मान न द करते ह तो त व का सभी प के लए समान हा शया होगा

मा जन px

आप मा जन टॉप मा जन राइट मा जन बॉटम और मा जन ले ट ॉपट ज का उपयोग करके येक प को

अलग अलग न द कर सकते ह।

• सीमा त व के चार ओर एक सीमा को प रभा षत करता है। यह बद दार हो सकता है

धराशायी ठोस गोल। सीमा रेख ा क मोटाई भ हो सकती है। आप त व के व भ प के लए अलग

अलग सीमाएँ भी न द कर सकते ह और न त प से आप सीमा के लए रंग को प रभा षत कर सकते ह।

सीमा धराशायी े px
Machine Translated by Google

अ याय ं टएंड डेवलपमट

• पै डग क सीमा के बीच आंत रक ान को प रभा षत करता है

त व और उसक साम ी। जस तरह से आप पै डग को प रभा षत करते ह वह हा शये के समान है

पै डग px px px px

या

पै डग px

पै डग मा जन और बॉडर के साथ खेलने के लए बॉ स model.html फ़ाइल को चेक कर।

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

व यास

CSS क सबसे मह वपूण चुनौ तय म से एक यह है क डेवलपस और डज़ाइनर को पेज पर अपनी साम ी को इस तरह से वत रत करने
का एक आसान तरीका दान करना है जो अ ा दखता है और व भ न आकार म टू टता नह है।

यह ब कु ल है क आप नह चाहते क आपक साम ी मक प से वत रत हो

पृ पर ऊपर से नीचे तक। आप कु छ ड कु छ ब से कु छ दलच संरचना चाहते ह। वतमान समय के अ े और फसी
सीएसएस से पहले लोग टे बल ो ामर नरक का उपयोग करके अपनी साम ी क संरचना करगे।

उसके बाद लोग सीएसएस क लोट संप के आधार पर पूरी तरह से त लेआ उट और लेआ उट तैयार करगे लोट ले ट त व
को मूल त व के बा ओर चपके रहने के लए कहेगा जब क लोट राइट त व को दा ओर रहने के लए कहेगा। सापे चौड़ाई के साथ

यह कम या यादा लचीले लेआ उट बनाने क अनुम त दे गा।

अब जब हम लचीले लेआ उट के बारे म बात कर रहे ह तो ले सबॉ स के बारे म बात करने का समय आ गया है ए
लोक य सीएसएस टू ल जो समझने म आसान गुण का उपयोग करके लचीले उ रदायी लेआ उट बनाने क अनुम त दे ता है।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

ले सबॉ स लचीला बॉ स कं टे नर के अंदर त व को एक पं या कॉलम म एक व श म म और

उपयु तरीके से रखने का एक तरीका है। ले सबॉ स गारंट दे ता है क भले ही त व के आकार
ग तशील ह लेआ उट कसी भी डवाइस के लए लचीला रहता है। ले सबॉ स का उपयोग करने के लए
कं टे नर म ड ले ले सबॉ स ॉपट लागू कर कं टे नर ड ले ले स

ले सबॉ स कं टे नर के अंदर त व को कॉलम या एक पं म द शत कया जा सकता है।

आप इसे ले स दशा संप को मान कॉलम के साथ लागू करके न द कर सकते ह

या पं । आप कसी भी तरह से आइटम को संरे खत कर सकते ह जो आपको पसंद है संरेख ण आइटम संप का उपयोग करके और

आप त व को ज रत पड़ने पर लपेटने के लए कह सकते ह यह उ रदायी लेआ उट के लए उपयोगी है। ले सबॉ स के बारे म और भी ब त

कु छ है इस गाइड का उपयोग करके इसके साथ थोड़ा खेलने क को शश कर https css tricks.com snippets css a guide to

flexbox ।

ब त पहले नह दशन संप के लए एक और मू य ले सबॉ स क मदद के लए आया था ड।

ड लेआ उट वेब पेज क साम ी को दो आयामी ान म संचा लत करने के लए एक श शाली उपकरण

है। आप अपने लेआ उट के लए कॉलम और पं य दोन के लए नयम न द करते ह। कं टे नर को यह
बताने के लए क यह एक ड बन जाएगा उसी तरह उपयोग कर जैसे आप ले सबॉ स के लए करगे
बस दशन गुण के लए ले स मान को ड के साथ बदल कं टे नर ड ले ड

यान द क हमने कहा था क ड ले सबॉ स क मदद करने के लए आया था इसे बदलने के लए नह । ये दोन

श शाली लचीले उ रदायी लेआ उट ा त करने के लए उपकरण एक सरे के पूरक हो सकते ह। उनके बीच मु य अंतर यह है क ड

आयामी अंत र म काम करता है जब क ले सबॉ स एक आयामी र ान के लए ब त अ ा है जहां हम आव यक वहार करने

के लए कॉलम या पं य क आव यकता होती है। ड कु छ ऐसा है जो लेआ उट तर पर अ धक संचा लत होता है जब क ले सबॉ स साम ी

तर पर अ धक संचा लत होता है। ले सबॉ स साम ी को सुनता है और इसे समायो जत करता है जब क ड मूल प से संरचना को नद शत

करता है। इस लए बड़े पैमाने पर लेआ उट को प रभा षत करने के लए ड का उपयोग कया जाना चा हए जब क ले सबॉ स का उपयोग

लचीले त व के लए छोटे पैमाने पर कया जा सकता है। दोन के साथ खेलो। ड के लए गाइड यहाँ पाया जा सकता है https

css tricks.com snippets css complete guide grid .

अब आप न के वल रंग आकार और फ ट को प रभा षत करने के लए ब क पृ पर त व क त के लए भी CSS का उपयोग करने के

बारे म ब त कु छ जानते ह। मुझ े लगता है क यह आपके ान को मजबूत करने और इस सरल अ यास के साथ खुद को जांचने का समय है।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

सीएसएस के बारे म अ यास

या आपको हमारे ल नग लेटफॉम के मॉकअप याद ह या आपको लॉग इन और र ज टर करने के लए पेज याद ह हमने अभी जो

सीखा है उसका उपयोग html को ायाम .html के अंदर पांत रत करने के लए कर

जो च म दखाया गया है।

च । लागू शैली के साथ लॉ गन न

• मु य साम ी के लए दो तंभ लेआ उट बनाने के लए ले सबॉ स और ड स टम दोन के अपने ान को लागू कर और

लेबल और इनपुट त व को उसी तरह द शत कर जैसे वे मॉकअप पर द शत होते ह।

• लॉ गन कं टे नर इनपुट त व और बटन को मॉकअप क तरह दखने के लए मा जन पै डग और बॉडर के अपने ान

को लागू कर।

• सभी टे ट और बैक ाउं ड को ठ क उसी तरह रंग दे ने के लए टाइ लग रंग और पृ भू म के अपने ान को लागू कर

जैसा वह मॉकअप पर दखाई दे ता है।

ए सरसाइज समाधान.एचट एमएल म खुद को जांच।

मुझ े आशा है क आपको UI इंज ी नयर होने और इसके अनुसार उपयोगकता इंटरफ़े स बनाने म मज़ा आया होगा

हमारे डजाइनर ारा न मत मॉकअप। आइए अब दे ख क वतमान ौ ो ग कयां इन काय म बेहतर दशन करने म हमारी मदद कै से कर सकती

ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

डजाइन स टम
सं ेप म एक डज़ाइन स टम पहले से लागू कए गए CSS नयम के साथ पूव प रभा षत HTML घटक का एक सेट है जो
आपके सभी डज़ाइन को प रभा षत करता है जो आपके उ पाद के रंग क मा से शु होता है और इसक साम ी को नधा रत
करने के लए क ा को प रभा षत करता है। डज़ाइन स टम को प रभा षत करने के बाद आप टाइल को प रभा षत करने
तव क त ज टल CSS नयम को लखने और ां ज़शन के लए ए नमेशन बनाने के बारे म च तत ए बना अपने सॉ टवेयर
क रचना करने क या का आनंद लेते ह। य द आप अपने उ पाद के लए अपना खुद का डज़ाइन स टम बनाना चाहते ह तो
आपको बधाई और शुभकामनाएँ। य द आप हमारी तरह उसके लए पया त संसाधन और धैय नह रखते ह तो आप उनम से कसी
एक का उपयोग कर सकते ह जो पहले से मौजूद है।

म आपको उनम से कु छ उदाहरण ं गा।

बूट ै प एक बेहतरीन ढांचा है जो इंटरफे स बनाने के लए आव यक हर चीज के साथ आता है। इसे https
getbootstrap.com पर दे ख । यह ओपन सोस है और पूरी तरह से है। फ़ाइल bootstrsap.html क जाँच कर जहाँ
हम दखाते ह क बूट ै प के ड स टम और घटक को टाइल करने के लए क ा का उपयोग करके हमारे लॉ गन फ़ॉम को कै से
काया वत कया जाए।
एक अ य लोक य ढांचा फाउं डेशन https foundation.zurb.com है।
Google के लोग ारा वक सत एक अ य को मटे रयल डज़ाइन कहा जाता है और यह हो सकता है
https material.io design पर पाया गया ।
इन सभी णा लय के पीछे का वचार ब त सरल है डेवलपस को वकासशील उ पाद पर यान क त करना चा हए और
इन उपकरण को उ ह आव यक य भाव को तेज और मै ीपूण तरीके से ा त करने म मदद करनी चा हए। हालाँ क य द आप
चीज को अपनी इ ानुसार काम करने के लए अपने आप को उपकरण के साथ काफ लंबे समय तक लड़ते ए पाते ह और आप
जानते ह क आप CSS कोड क कु छ पं य को लखकर इस भाव को ा त कर सकते ह तो बस टू ल को छोड़ द और अपना खुद
का CSS कोड लख। याद रख आपके वकास के समय को कम करने के लए उपकरण यहां ह न क इसे बढ़ाने के लए

ी ोसेसर और टे लेट इंज न

जैसा क आप दे ख सकते ह HTML और यहां तक क CSS कोड लखना कोई रॉके ट साइंस नह है। हालाँ क इसके लए कु छ
अनुशासन क आव यकता होती है य क आप आसानी से एक वशाल कोडबेस के साथ समा त हो सकते ह जसे बनाए रखना
क ठन है ले कन यह ब कु ल भी मु कल नह है। हालां क डेवलपस नया के सबसे आलसी लोग ह इस लए वे हर तीक का गंभीर
प से मू यांक न करते ह जसे उ ह लखना है और आसानी से कह सकते ह यह ब त वब ज़ है या ब त बार दोहराया गया कोड
है चलो इसके बारे म कु छ करते ह इस लए उदाहरण के लए जब HTML कोड क बात आती है तो उ ह ने तय कया क उ ाटन
के तीक
Machine Translated by Google

अ याय ं टएंड डेवलपमट

और लो जग टै ग और सम उ े य म योगदान नह करते ह इस लए वे नई भाषा के साथ आए जहां उ ह ने इसे हटा दया। या उदाहरण

के लए हम अपनी वेबसाइट के येक पृ म पादलेख जैसी चीज़ के लए कोड य दोहराना चा हए डेवलपस DRY और KISS स ांत को

ब त पसंद करते ह इस लए वे अपने जीवन को आसान बनाने के लए लगातार नई भाषा के साथ आते ह।

DRY स ांत का अथ है खुद को न दोहराएं और KISS का अथ है इसे सरल रख बेवकू फ

इन भाषा को HTML के लए ी ोसेसर या टे ले टग इंज न कहा जाता है और मूल प से ो ा मग भाषाएं ह जो कोड पुन यो यता

के साधन दान करके और कोड क मा ा को कम करके वकासशील समय को कम करती ह। इन भाषा म लखने के बाद आपको ांस पलर

नामक वशेष उपकरण लागू करने ह गे जो इस कोड को फर से HTML और CSS म बदल दगे ता क ाउज़र उ ह संसा धत कर सक। उनम से

ब त सारे ह।

तो HTML के लए आपके पास उदाहरण के लए न न ल खत ह

• एचएएमएल एचट एमएल ए ै न माकअप ल वेज

• जेड टे लेट इंज न

• मूंछ

• हडलबारजेएस

आइए उदाहरण के लए HTML और जेड म लखे गए कोड क तुलना कर। इस पर वचार करो

एचट एमएल कोड का टु क ड़ा

div class container

div id main class row

h लॉग इन कर h

फॉम

div class form group

लेबल फॉर ईमेल ईमेल लेबल

इनपुट कार ईमेल वग फ़ॉम नयं ण आईडी ईमेल

div
फॉम

div
div
Machine Translated by Google

अ याय ं टएंड डेवलपमट

जेड म आप ऐसा कु छ करगे

कं टे नर
main.row

h लॉग इन कर
प

.फॉम ुप
लेबल के लए ईमेल ईमेल
इनपुट email.form control type email
लेसहो र yourmail@example.com

यह एचएएमएल म ब त समान होगा

कं टे नर
main.row

h लॉग इन कर
प

.फॉम ुप
label for ईमेल ईमेल
input email.form control placeholder youremail@example.com type
email

जैसा क आप दे ख सकते ह HTML के लए टे लेट इंज न अनाव यक कोड को हटाते ह और यहां तक क टे लेट के अंदर
टे लेट का पुन उपयोग करने के साधन भी दान करते ह इस लए उदाहरण के लए आपके पास फ़टर के लए एक टे लेट हो सकता
है और इसे अ य टे लेट म शा मल कर सकते ह इस लए आपको कोड को दोहराने क आव यकता नह है। यह काफ उपयोगी है।

सीएसएस के लए भी कु छ ऐसा ही है। CSS के लए दो सबसे लोक य टू ल ह

सैस https sass lang.com और कम http lesscss.org ।

Sass एक CSS ए सटशन भाषा है जसका अथ है सटे टकली व मयकारी टाइल शीट् स । कम
सीएसएस के लए एक और ी ी ोसेसर है जो जावा ट म लखे गए सैस से े रत है और जसक
टै गलाइन है इट् स सीएसएस ज ट थोडी मोर।

सैस और लेस दोन ारा द जाने वाली एक ब त ही उपयोगी चीज है चर। क पना क जए क आपके पास कु छ व श रंग ह
जनका उपयोग आप पूरे पृ पर व भ त व म करते ह। मान ली जए गुलाबी f fe । आपको इस कलर कोड को उन सभी
जगह पर दोहराना होगा जहां आप इसका इ तेमाल करना चाहते ह।
क पना क जए क कसी कारण से आपको इस कोड को थोड़ा ह का गुलाबी रंग म बदलना होगा
Machine Translated by Google

अ याय ं टएंड डेवलपमट

ffb c . बेशक एक अ सु वधा है जसे ढूँ ढ़ और बदल ले कन फर भी यह थकाऊ है।

आप Sass या उससे कम म या कर सकते थे बस गुलाबी नामक एक चर घो षत करना और पूरे कोड म इसका उपयोग और पुन उपयोग
करना है

चर

@गुलाबी f fe

@ ह का गुलाबी ह का @गुलाबी

उपयोग
एक

।संपक

रंग @ गुलाबी

ए होवर

रंग @ ह का गुलाबी

अब अगर आपको अपने गुलाबी रंग को कसी गहरे या ह के रंग म बदलना है तो आप

इसे के वल एक ही ान पर बदल वह कतना शानदार है
अपने कोड को पुन यो य और मै ीपूण बनाने के लए भाषा समथन क पेशकश के अलावा दोन
Sass and Less कु छ रेडी टू यूज़ कं पोनट लाइ ेरी ड स टम के लए सपोट अलग अलग थीम आ द क पेशकश करते ह। य द
आप CSS का उपयोग करके वेब को सुंदर बनाने के इस वषय म ह तो हम आपको इन सभी के साथ दे ख ने और खेलने के लए ढ़ता से
सलाह दे ते ह। औजार।

ग तशील साम ी
अब जब हम जानते ह क HTML और CSS का उपयोग करके अपने यूज र इंटरफे स को कै से लागू कया जाए तो उ ह लाइव करने का
समय आ गया है इस खंड म जैसा क आप पहले ही अनुमान लगा चुके ह गे हम जावा ट के बारे म बात करने जा रहे ह जावा ट
एक उ तरीय ा या क गई ो ा मग भाषा है।

हाई लेवल ो ा मग ल वेज होने का मतलब है क कोड मशीन क तुलना म इंसान के यादा करीब है इस लए
इंसान के लए इसे पढ़ना आसान है। ा या कए जाने का अथ है क इसे न पा दत होने से पहले संक लत करने
क आव यकता नह है जैसे उदाहरण के लए जावा । रनटाइम के दौरान ाउज़र ारा इसक ा या क जाती
है।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

एक ओर ा या क गई और संक लत भाषा नह होने से वकास का समय कम हो जाता है य क हर बार जब आप इसे बदलते ह

तो आपको कोड संक लत करने क आव यकता नह होती है सरी ओर यह अ धक ु ट वण है य क आप के वल रनटाइम के दौरान
ु टय क खोज कर सकते ह।

कृ पया यान द हालां क जावा ट भाषा का आधा नाम जावा है इसका जावा ो ा मग भाषा से
कोई लेना दे ना नह है कु छ लोग यह भी कहते ह जावा ट टू जावा कार टू कापट क तरह है।

चूं क जावा ट लाइंट साइड पर चलता है इस लए ाउज़र के गुण तक इसक प ंच होती है

ाहक क फर से आपके ारा ए सेस क जाने वाली और उपयोग क जाने वाली जानकारी के बारे म सावधान रह डेटा
सुर ा कानून नह सोते ह

वकास उपकरण कं सोल

जावा ट को आज़माने का सबसे आसान तरीका वकास उपकरण कं सोल का उपयोग करना है। यह अ धकांश ाउज़र म मौजूद है।
हम यहां ोम डेवलपर टू ल दखाएंगे। च दखाता है क आप इसे कै से खोलते ह।

च । Chrome म डेवलपर टू ल कं सोल खोलना

Machine Translated by Google

अ याय ं टएंड डेवलपमट

कु छ णा लय म आप के वल F दबा सकते ह। MacOS म आपको कमांड वक प I को दबाना होगा इसे अलग होना चा हए है

ना डेवलपर टू ल खुलने के साथ कं सोल पर लक कर

टै ब। अब आप कु छ जावा ट कोड टाइप कर सकते ह और यह तुरंत इसे न पा दत करेगा। टाइप कर उदाहरण के लए उसके बाद

एंटर कर। आप कु छ ऐसा दे ख गे जो च म दखाया गया है।

च । जावा ट ोम दे वटू ल कं सोल म या वत कया गया

अब new Date टाइप कर और Enter पर लक कर। दनांक एक अंत न हत जावा ट फ़ं न है जो

दनांक और समय के साथ संचालन क अनुम त दे ता है।

अलट टाइप कर नई त थ और आप एक नई त थ के साथ एक पॉपअप दे ख गे। अलट एक और है

अंत न हत जावा ट फ़ं न जो इन बदसूरत पॉपअप को द शत करता है। कृ पया इसका इ तेमाल न कर।

चर
जावा ट म चर भी ह। जावा ट म एक चर घो षत करने के लए क वड var . का उपयोग कर

चर के नाम के बाद। उदाहरण के लए टाइप कर var myVar एंटर पर लक कर और अब myVar टाइप कर। नंबर द शत कया

जाएगा। वर ए टाइप कर वर बी ।

अब a b टाइप कर। कं सोल का उपयोग करके चर के साथ थोड़ा खेल।

जावा ट स हत
बेशक ाउज़र के कं सोल म जावा ट लखना एक मजेदार या है ले कन आप पहले से ही सोच रहे ह गे ठ क है और म इसे अनु योग

म कै से उपयोग क ं म वहां कु छ चीज टाइप करने वाले उपयोगकता के ाउज़र कं सोल पर नह जा रहा ं। बेशक तुम नह हो आप अपने

जावा ट कोड को अपने पृ म उसी तरह शा मल करते ह जैसे आप अपना सीएसएस शा मल करते ह। उदाहरण के लए आप script टै ग का

उपयोग करके और वहां कु छ जावा ट लखकर येक HTML फ़ाइल के लए इसे आंत रक बना सकते ह

DOCTYPE html

html lang en
सर

मेटा वणसेट UTF

शीषक जावा ट अलट शीषक

सर
Machine Translated by Google

अ याय ं टएंड डेवलपमट

शरीर

चेतावनी नई त थ

body
html

य द आप ाउज़र म इस पृ अलट.एचट एमएल को खोलते ह तो वतमान त थ वाला पॉपअप होगा

के जैसा लगना।

यह बाहरी भी हो सकता है और src वशेषता के साथ खाली ट टै ग का उपयोग करके आपके html पृ म आयात कया जा सकता है

script src script.js script

आइए दे ख क हम जावा ट का उपयोग करके वेबपेज पर दनांक कै से द शत कर सकते ह। जावा ट अनुम त

HTML त व क साम ी को बदलना। आप document.getElementBy... फ़ं न म से कसी एक का उपयोग करके त व का संदभ ा त कर सकते ह।

उदाहरण के लए

document.getElementById कं टे नर

अब आप इस त व क व भ वशेषता तक प ंच सकते ह जसम आंत रक HTML शा मल है जो इस त व के अंदर जो कु छ भी लखा

गया है उसे प रभा षत करता है। य द आप इस मान को बदलते ह तो यह वतः ही पृ पर बदल जाएगा। उदाहरण के लए य द हम आईडी date के साथ

एक div बनाते ह उसका संदभ ा त करते ह और उसके आंत रक HTML को नई दनांक का मान न द करते ह तो हम div के अंदर दखाई दे ने वाली

तारीख के साथ समा त हो जाएंगे

फ़ाइल date.html

शरीर
div id date div

document.getElementById date .innerHTML new date

body

हालां क यह थोड़ा बदसूरत लग रहा है या आपको नह लगता या होगा य द हम एक त थ द शत करना चाहते ह जैसे

आज मई है । हम ऐसा कै से करगे नई त थ ारा बनाई गई त थ व तु

फ़ं न म ब त सी व धयाँ ह जनका उपयोग हम व भ दनांक गुण तक प ँचने के लए कर सकते ह। उदाहरण के लए getMonth आपको वतमान

माह दे ता है getDate आपको दन दे गा

Machine Translated by Google

अ याय ं टएंड डेवलपमट

महीने क और इसी तरह। य द आप महीने के नाम का उपयोग करना चाहते ह तो आप अंतरा ीयकरण API new Date .toLocaleString en

us month long का उपयोग कर सकते ह।

जावा ट म दनांक व तु के बारे म अ यास कर

ाउज़र म दनांक आज मई है के प म दनांक द शत करने के लए दनांक फ़ं न के बारे म ान का उपयोग कर। एक आधार के पम

फ़ाइल ायाम .एचट एमएल का योग कर।

• चर के बारे म अपने ान को लागू कर।

• getElementById फ़ं न और इसक आंत रक HTML ॉपट का उपयोग कर।

• दनांक व तु के व भ गुण तक प ँचने के अपने ान को लागू कर।

ायाम समाधान.एचट एमएल म वयं क जाँच कर।

या होगा य द हम वतमान त थ के बजाय वतमान समय द शत करना चाहते ह हम कु छ ऐसा कर सकते थे

फ़ाइल समय.html

शरीर
div id time div

वर त थ नई त थ

document.getElementById time .innerHTML `अब यह $ date.

getHours $ date.getMinutes `

body

यान द क स को लस च के साथ जोड़ने के बजाय जैसा हमने पछले म कया था

ायाम मने जावा ट टे लेट शा दक उपयोग कया।

जावा ट म टे लेट लटर स डबल या सगल कोट् स के बजाय बैक टक `` कै रे टर म लपटे

ए ह। इन शा दक म उनके अंदर जावा टअभ याँ हो सकती ह जो डॉलर च और
घुंघराले े सज़ ारा इं गत क जाती ह $ expression ।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

य द आप इस फाइल को ाउज़र म खोलते ह तो आपको वतमान समय दखाई दे गा। या होगा य द आप हर बार कु छ बटन लक

करने पर इसे अपडेट करना चाहते ह JavaScript DOM ऑ जे ट ज ह आप document.getElementBy... फ़ं ंस का उपयोग करके

ा त करते ह म ईवट से संबं धत कु छ गुण होते ह जो उन पर लागू कए जा सकते ह उदाहरण के लए ऑन लक ऑन लर ऑनचज

ऑनड ल लक आ द। फर आप कसी भी या को कॉल कर सकते ह इस घटना पर। उदाहरण के लए

बटन.ऑन लक फ़ं न

चेतावनी बटन लक कया गया

आइए इसे अपने समय के अ तन के लए करते ह। हम पृ पर एक बटन त व बनाना है उसका संदभ ा त करना है और बताना
है क इसे समय div के आंत रक HTML को भरना चा हए
नया समय

फ़ाइल time with button.html

शरीर
div id time div

button id update अपडेट का समय button

वर बटन document.getElementById अपडेट

बटन.ऑन लक फ़ं न

वर त थ नई त थ

document.getElementById time .innerHTML `अब यह $ date.

getHours $ date.getMinutes $ date.getSeconds `

body

इस फाइल को अपने ाउज़र म खोल और बटन पर लक कर।

काय
या आपको याद है क डेवलपस कोड पुन यो य के लए यास करते ह यही कारण है क जावा ट म काय ह। हम के वल फं स का

उपयोग करके उन टे टमट् स को टाइप करने के बजाय उनम कु छ जावा ट टे टमट लपेट सकते ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

जावा ट म एक फ़ं न घो षत करने के लए फ़ं न टे टमट को फ़ं न के नाम के बाद फ़ं न को क

और फ़ं न बॉडी के लए घुंघराले े सज़ का आ ान कर

फं न माय फं न
जावा ट टे टमट

माय फं न

उदाहरण के लए हम उस कोड को डाल सकते ह जो टाइम ग बनाता है और इसे समय म लखता है

फ़ं न म div और इस फ़ं न को ऑन लक कॉलबैक के अंदर कॉल कर

फ़ं न अपडेटटाइम

वर त थ नई त थ

document.getElementById time .innerHTML `अब यह $ date.

getHours $ date.getMinutes $ date.getSeconds `

वर बटन document.getElementById अपडेट

बटन.ऑन लक अपडेटटाइम

या हर बार अपडेट कए गए समय को दे ख ने के लए एक बटन पर लक करना थोड़ा उबाऊ नह है या यह अ ा नह होगा

य द यह समय समय पर वयं को अपडेट करता रहे दरअसल जावा ट सेटइंटरवल नामक यह फ़ं न दान करता है। इस फ़ं न
को दो तक ा त होते ह एक कॉलबैक फ़ं न जसे समय समय पर कॉल कया जाना है और एक समय अंतराल जससे कॉलबैक लागू

कया जाना चा हए। उदाहरण के लए य द हम हर सेकं ड कु छ div म हैलो जोड़ना चाहते ह तो हम कु छ ऐसा कर सकते ह

सेटइंटरवल
textDiv.innerHTML हैलो

यान द क अंतराल के समय क इकाइयाँ मलीसेकं ड म दान क जाती ह इस कार

बराबर सेकं ड। हम कु छ काउं टर भी ट कर सकते ह और इसे सेटइंटरवल फ़ं न के अंदर अपडेट कर सकते ह

फ़ाइल सेट interval.html

वर काउं टर

var textDiv document.getElementById text

सेटइंटरवल
Machine Translated by Google

अ याय ं टएंड डेवलपमट

textDiv.innerHTML `हैलो पहले से ही $ काउं टर बार `

काउं टर

नोटे शन काउं टर का सीधा सा मतलब है क हम काउं टर क वै यू को एक एक करके बढ़ा रहे ह।

यह कथन काउं टर काउं टर . के लए एक शॉटकट है

जावा ट क संभावनाएं अनंत ह और हम एक और $ काउं टर खच कर सकते ह

पेज सफ इसके बारे म बात कर रहे ह। य द आप इस वषय के बारे म उ सा हत महसूस करते ह तो कु छ ऑनलाइन
पा म ल एक कोडकप म जाएं मीटअप म जाएं और सामान बनाना शु कर। सीखने के लए अपने हाथ को गंदा करने से
यादा कु शल कु छ नह है।

जावा ट म सेटटरवल के बारे म अ यास

पेज पर समय को वचा लत प से अपडेट करने के लए हमने पहले लागू कए गए सेटइंटरवल फ़ं न और अपडेटटाइम
फ़ं न दोन का उपयोग कर।

ायाम समाधान.एचट एमएल म वयं क जाँच कर।

आप पहले ही महसूस कर चुके ह है ना क डेवलपस आलसी और रचना मक ह

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

े मवक
बेशक आप के वल सादे जावा ट का उपयोग करके पूरे सॉ टवेयर को लख सकते ह ले कन इन सभी वष म डेवलपस
सो नह रहे थे और छोटे से बड़े पैमाने पर सभी कार के जावा ट अनु योग को बनाने बनाने और बनाए रखने म आपक
सहायता के लए ढांचे का एक समूह वक सत कया था। स jQuery Backbone Ampersand React
Angular Meteor Ember Vuejs से शु होकर... सूची अंतहीन है। उनम से कु छ पहले से ही पूव न मत थीम Sass और
कम समथन पुन यो य घटक उपयो गता काय लगइ स ऐड ऑन आ द के साथ आते ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

कोई कै से चुनता है क या उपयोग करना है मेरा सुझ ाव होगा के वल ढांचे का उपयोग करने के लए ढांचे का उपयोग न कर।
य द आपके पास एक साधारण वेब पेज है जसे आप सादे HTML CSS JS टै क का उपयोग करके वयं बना सकते ह और बनाए
रख सकते ह तो इसे कर अंत म चौखटे के साथ न मत सभी कोड को इस तकड़ी म ानांत रत कर दया जाएगा। बेशक य द
आपके पास बड़े पैमाने पर वा तुक ला है इससे नपटने के लए ब त सारे डेटा व भ सं मण तयां और बड़ी ज टलता है तो
पूरी तरह से हां ढांचे क जांच कर। यान रख क चौखटे के लए कु छ सीखने क अव ा क आव यकता होती है। तुलना ता लका
क जाँच कर और तय कर क आपको या और कै से चा हए।

कभी कभी जब आप एक ट म म काम करते ह और आप एक नई प रयोजना शु करते ह तो इस बात पर चचा हो सकती है

क या उपयोग करना है। ओ गा आमतौर पर इन मामल म या करती है ट म के सद य के भीतर अलग अलग ढांचे को वत रत
करती है कु छ समय सीमा नधा रत करती है मान ल स ताह के अंत म और मनट क तु तय को शे ूल कर। येक
को चुने ए ढांचे का उपयोग करके एक POC अवधारणा का माण तैयार करना होता है और उसे समूह के सामने तुत करना होता
है। फर समूह तय करता है क कौन सा ढांचा प रयोजना क सबसे यादा ज रत का जवाब दे ता है।

ओ गा गत प से Vue.js को पसंद करती है य क इसका उपयोग ब त ही बु नयाद ज रत के लए कया जा

सकता है बना उपकरण के वशाल समूह को ा पत कए और ज टल वा तुक ला के साथ बड़ी प रयोजना के लए भी बढ़ाया
जा सकता है। य द आप Vue.js सीखने म च रखते ह और इसके साथ दलच ोजे ट बनाते ह तो ओ गा ारा लखी गई इन
पु तक को दे ख

• सीखना Vue.js https www.packtpub.com web development

ल नग ूज

• Vue.js और बूट ै प वेब डेवलपमट https www.packtpub।

com web Development vuejs and bootstrap web development.

ब त पहले नह ब त सारे वेब डेवलपर DOM संरचना को संशो धत करने और सवर के साथ संचार करने के लए jQuery
https jquery.com का उपयोग कर रहे थे इस ढांचे ारा द जाने वाली हजार अ य चीज के बीच । वा तव म jQuery को
समझना और उपयोग करना आसान है। इसक सुंदरता इस बात म न हत है क यह DOM से संबं धत सभी काय को कतनी अ
तरह सरल करता है। उदाहरण के लए कोड क यह पं

document.getElementById container .innerHTML hello

बस ारा त ा पत कया जा सकता है

$ container .html hello

य द आप jQuery का उपयोग करते ह।

jQuery आपके वेब त व से नपटने के लए ब त सारे आसान काय दान करता है।
.hide .show .toggle .fadeOut .animate ये इनम से कु छ ही ह
संचालन आप jQuery का उपयोग करके अपने त व पर चला सकते ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

jQuery सवर के साथ संचार करने का एक आसान तरीका भी दान करता है। या आपको याद है क पछले
अ याय म हमने REST व धय GET POST PUT DELETE PATCH के बारे म बात क थी वे व धयाँ जो सवर से
संचा लत और पुन ा त करने के लए उपयोग क जाती ह jQuery इन व धय को दए गए एंडपॉइंट पर कॉल करने और
डेटा पुन ा त करने या इसे सवर पर पास करने का एक आसान तरीका दान करता है। jQuery क व ध को अजा स कहा
जाता है और यह एक यूआ रएल को एक तक के प म ा त करता है और जब आव यक हो सवर को पास करने के लए डेटा।

अजा स का अथ है अतु यका लक जावा ट और ए सएमएल। यह वा तव म वेब वकास म सबसे ामक

सं ता र म से एक है। सबसे पहले अजा स का उपयोग करके आप स ोनस और ए स ोनस कॉल दोन
चला सकते ह। सरा नेटवक के मा यम से डेटा प रवहन के लए अब कोई भी XML का उपयोग नह करता है।

अजा स व ध का उपयोग करने के लए आप साधारण कॉल $.ajax URL data . आ धका रक jQuery पृ
पर पूण द तावेज़ ीकरण दे ख http api.jquery.com jquery.ajax ।
AJAX व ध के अलावा jQuery .get और .post जैसे शॉटकट दान करता है। इस
जस तरह से आपको कॉ फ़गरेशन ऑ जे ट को पैरामीटर के प म पास करने क आव यकता नह है यह न द करता है क आप कसी व श

मामले म कस HTTP व ध का उपयोग करना चाहते ह।

आइए हमारे ए लके शन पर लॉग इन करने के लए jQuery का उपयोग कर। हम जानते ह क लॉ गन के लए एंडपॉइंट
ओथ टोकन है हम व ध POST का उपयोग करना होगा और हम इसे उपयोगकता नाम और पासवड पास करना होगा।

सबसे पहले हमारे सवर ए लके शन को चलाते ह। सवर एक करण फ़ो र के अंदर जाएं सु न त कर क आपके पास
जावा ा पत है और चलाएं

एमवीएन लीन इं टाल DskipTests

सीडी ल वबेस
एमवीएन ल वबेस अपडेट
सीडी ..
एमवीएन tomcat रन

अब अगर आप http localhost oauth token पर अपना पेज खोलते ह तो यह एक एरर दे गा। बेशक इसे
POST व ध के प म बुलाया जाना चा हए और सवर पर उपयोगकता नाम और पासवड पास करना चा हए। या आपको हमारा
लॉ गन पेज याद है जसे आपको टाइल करना था इस उदाहरण के लए हमने इसे बाक एपीआई src main webapp
फ़ो र म डाल दया है ता क यह हमारे सवर पर चले। यह जाँचने के लए क यह वा तव म चलता है localhost
login.html खोल।
य द आप कु छ डेटा के साथ फॉम भरते ह और लॉ गन बटन पर लक करते ह तो कु छ नह होगा।
हम जो करना चाहते ह वह यह है क बटन पर लक करके jQuery पो ट व ध है
Machine Translated by Google

अ याय ं टएंड डेवलपमट

उपयोगकता नाम और पासवड के साथ शपथ टोकन समापन ब पर कॉल कया जाता है। हम यह इं गत करने के लए क यह पासवड है हम

अनुदान टाइप संप भी पास करनी होगी। तो हमारी कॉल न न क तरह दखेगी

$.post http localhost oauth token

अनुदान कार पासवड

उपयोगकता नाम ईमेल

पासवड पासवड

हम ई मेल और पासवड के लए मू य कै से ा त करते ह या आपको याद है क यह कतना आसान है

डीओएम म हेरफे र करने और उससे चीज को पुन ा त करने के लए jQuery JQuery के साथ कु छ इनपुट से मू य ा त करने के
लए आप .val व ध का उपयोग कर सकते ह। इस लए उदाहरण के लए ई मेल इनपुट से मू य ा त करने के लए आपको $
email .val पर कॉल करना चा हए।
JQuery के अजा स तरीक के बारे म समझने के लए एक और मह वपूण बात यह है क वे वादे ह।

जावा ट म वादे ब त ही वशेष अतु यका लक काय ह जो भ व य म मू य लौटाते ह। हम उनके न पादन को

समा त करने क ती ा नह करते ह इसके बजाय हम दान कए गए कॉलबैक के साथ उन पर मेथड .then
कहते ह और यह कॉलबैक एक बार ॉ मस मेथड के न पादन को पूरा करने के बाद न पा दत कया जाएगा
या वै ा नक प से बोलते ए हल हो जाएगा। बेशक वादे भी वफल हो सकते ह वफलता के लए
कॉलबैक वादे क .catch व ध के अंदर न पा दत कए जाते ह।

इस कार हमारी पो ट म .then और .catch दोन तरीके संल न होने चा हए ता क हम कर सक

लॉ गन सफल होने पर या वफल होने पर कु छ कोड न पा दत कर। यह न न क तरह दखेगा

$.post http localhost oauth token

...

तब प रणाम

कु छ करो

कै च ुट

कु छ करो
Machine Translated by Google

अ याय ं टएंड डेवलपमट

लॉ गन सफल होने पर हम या करना चा हए ठ क है हम उपयोगकता को पा म पृ पर पुन नद शत कर सकते ह। आप बस इसे

window.location ॉपट असाइन कर सकते ह जसक आपको आव यकता है

window.location http localhost courses.html

बैक एंड के साथ लॉ गन पेज को एक कृ त करना

आधार के प म सवर एक करण फ़ो र के कोड का उपयोग कर। README.md फ़ाइल म बताए अनुसार सवर चलाएँ।
createuser.sh ट का उपयोग करके एक नया उपयोगकता बनाएं। इस अ यास म आपको उपयोगकता के साथ

test@example.com w secret$ े ड शयल के साथ लॉ गन करने म स म होना चा हए।

आपको के वल बाक एपीआई src main webapp फ़ो र के अंदर चीज को संशो धत करने क आव यकता है। वहां

आप तीन html फाइल css और js फो र दे ख सकते ह। हमने सीएसएस फ़ो र के अंदर टाइल.सीएसएस फ़ाइल म

आव यक सीएसएस नकाला है और हमने जेएस फ़ो र म jQuery कोड जोड़ा है और इसे login.html फ़ाइल म आयात कया है।

• oauth token url के साथ लॉ गन फ़ं न के अंदर $.post प त का उपयोग कर।

•
लॉ गन सफल होने पर उपयोगकता को course.html पृ पर पुन नद शत कर।

लॉ गन काय मता के काया वयन को समा त करने के लए आपको login.html फ़ाइल के अंदर script टै ग के अंदर कोड को
संशो धत करने क आव यकता है।

सवर एक करण समाधान फ़ो र म वयं को जांच।

इस उदाहरण म कसी तरह हम जानते थे क लॉ गन के लए समापन ब ओथ टोकन था हा कसी तरह का अथ है क मने

पछले अ याय को पढ़ा था जहां ई ने उन समापन ब को लागू कया था ।

सरी ओर यह सामा य मामला नह है क ं टएंड और बैक एंड लोग एक साथ एक कताब लखते ह इस लए पहले से जानते ह क

हर कोई आगे या करेगा। इस लए ं टएंड लोग को यह समझने क ज रत है क बैक एंड ारा दान कए गए एपीआई का उपयोग कै से

कर। इसके लए हम कॉ ै ट क बात करनी चा हए। हां जब हम डेवलपस एक साथ काम करते ह तो कभी कभी हम अपने काम को अ ा

और सुचा बनाने के लए कसी तरह के समझौते पर ह ता र करने पड़ते ह।

ं टएंड और बैक एंड के बीच अनुबंध

हमने पहले ही कहा है क जावा ट बैक एंड से डेटा ा त करने और इसे ं टएंड पर द शत करने के लए ज मेदार है यह लाइंट साइड

पर डेटा एक करने और बैक एंड को पास करने के लए भी ज मेदार है। बेशक इन सभी आंक ड़ का पालन करना चा हए
Machine Translated by Google

अ याय ं टएंड डेवलपमट

कु छ ा प हम बैक एंड को कु छ भी पास नह कर सकते य क यह नह जानता क इसक ा या कै से कर। साथ ही हम बैक एंड से डेटा

ा त नह कर सकते ह और यह जाने बना क डेटा कस ा प म आता है इसे ं टएंड पर द शत कर सकते ह। यही कारण है क डेवलपस

कसी कार का अनुबंध ा पत करने के लए ब त संवाद करते ह। आपको कभी नह मलेगा

ं टएंड और बैक एंड वभाग जो सफ अलग अलग काम करते ह। आप पहले ही दे ख चुके ह क या के कसी भी चरण म व भ भू मका

के लोग के बीच ब त अ धक संचार होता है उ पाद वामी वसा यय से और फर डेवलपस और डजाइनर से ब त सारी बात करता है डजाइनर

लगातार डेवलपस के साथ वचार मंथन म शा मल होते ह और बैक एंड डेवलपस को यह समझने के लए चचा म शु आती चरण म शा मल होना

चा हए क कस कार का डेटा है और इसे कब और कै से सं हीत पुन ा त और द शत कया जाना चा हए। ं टएंड डेवलपस डजाइनर के साथ यह

जानने के लए ब त संवाद करते ह क डेटा कै से द शत कया जाए और बैक एंड डेवलपस के साथ यह जानने के लए क कौन सा डेटा दान कया
जाएगा और कस ा प म।

इस तरह के समझौते को ा पत करने के व भ तरीके ह। हम आम तौर पर एपीआई ववरण के साथ एक JSON फ़ाइल को डज़ाइन करने के

लए करते ह इस तरह ं टएंड को काया वयन के लए तैयार होने क ती ा करने क आव यकता नह होती है हम के वल कु छ सवर त या का

मजाक उड़ा सकते ह और सवर साइड तैयार होने तक नकली डेटा के साथ काम कर सकते ह। . यह ब त होता है।

इस लए चूं क हम ई और ओ गा अपने ऑनलाइन पा म मंच के बैक एंड और ं टएंड पर काम कर रहे ह इस लए हम एक तरह

का अनुबंध ा पत करना पड़ा। ई ने एपीआई का वणन करते ए ओ गा के लए एक JSON फ़ाइल बनाई। यान द यह अभी भी ब त ही

बु नयाद एपीआई है यह पूण नह है ले कन यह काफ हद तक दखाता है क अनुबंध से हमारा या मतलब है।

JSON जावा ट ऑ जे ट नोटे शन वेब वकास म उपयोग कया जाने वाला एक सामा य ा प है।
यह ा प मनु य के लए पढ़ना आसान है ाउज़र के लए ा या करना आसान है आसानी से जावा ट
ारा पुनरावृ कया जा सकता है और कसी भी बैक एंड भाषा ारा आसानी से उ प कया जा सकता है।

तो पा म सूची से संबं धत इस JSON का ह सा न न ल खत जैसा दखता है हम इसक आव यकता है

पथ के बारे म जानकारी और पा म व तु के बारे म प रभाषा

रा ते

api v सावज नक पा म

ात

सारांश उपल पा म क सूची बनाता है।

ऑपरेशन आईडी सूची

Machine Translated by Google

अ याय ं टएंड डेवलपमट

त याएँ
ववरण उपल
पा म क पृ ां कत सूची। क मा $ref definitions PageCourseV Dto

प रभाषाएं
कोसV Dto
टाइप ऑ जे ट
ॉपट ज आईडी
टाइप इंट जर
फॉमट इंट नाम
टाइप ग ववरण

टाइप ग अव ध
घंटे

कार पूण ाक ा प
int स य कार

बू लयन
Machine Translated by Google

अ याय ं टएंड डेवलपमट

यह सफ एक छोटा सा उदाहरण है क JSON ऑ जे ट कै सा दख सकता है। बेशक यह पूण होने से ब त र है ले कन यह

मह वपूण है क यह मौजूद है और अ तत है इस लए हर कोई एक ही पृ पर है क एपीआई कै से दख सकता है।

कसी ब पर यह अनुबंध मनु य के लए पालन करने के लए ब त बड़ा और क ठन हो जाता है।

वहाँ ब त सारे उपकरण ह जो न के वल आपक एपीआई फाइल के अ े वजअलाइज़ेशन क अनुम त दे ते ह ब क उनके परी ण
क भी अनुम त दे ते ह। इनम से एक टू ल को वैगर https swagger.io कहा जाता है।
इसम एक ऑनलाइन संपादक है जहां आप अपना JSON या YAML पे ट कर सकते ह yaml अभी तक ापक प से उपयोग
कया जाने वाला एक अ य ा प है वशेष प से एपीआई का वणन करने के लए और अपने एपीआई का एक अ ा य ा त कर।
बस वैगर संपादक खोल https editor.swagger.io और वैगर पे ट कर।
json जसे आप बाक एपीआई ल य नद शका के अंदर पा सकते ह। आप कु छ ऐसा दे ख गे जो च म दखाया गया है।

च । वैगर ारा एपीआई का वजअलाइज़ेशन

य द आप व धय पर लक करते ह तो आप अंत न हत व तु के ववरण के साथ साथ ु ट और सफलता कोड का ववरण

दे ख गे च ।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

च । अंत न हत उपयोगकता व तु का व तृत ववरण

अब जब आप जानते ह क ं टएंड बैक एंड के साथ कै से संचार करता है एपीआई कै से काम करता है डजाइन को
कै से लागू कया जाए और इसे कै से काम कया जाए तो आप अपना पसंद दा ढांचा चुनने के लए तैयार ह और हमारे ए लके शन
के लए ं टएंड को लागू करना शु कर सकते ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

हमारे लेटफॉम के लए ं टएंड ए लके शन बनाना

हमने अपने लेटफॉम के लए लॉ गन पेज के लए एचट एमएल पेज को पहले ही लागू कर दया है और इसे सीएसएस का उपयोग करके टाइल

कया है। हमने jQuery का उपयोग करके सवर के साथ संचार भी ा पत कया है। आइए े मवक के साथ वकास के लए कु छ वाद ा त

कर और हमारे ं टएंड को वक सत करने के लए Vue.js और मटे रयल डज़ाइन स टम का उपयोग कर।

सबसे पहले सु न त कर क आपके स टम पर npm ा पत है https docs.npmjs.

कॉम ली इं टॉल । सं करण क संगतता के लए म सं करण . . का उपयोग करता ं। गत सलाह के प म nvm नोड सं करण

बंधक ा पत कर य क यह आपको व भ सं करण को ा पत करने और उ ह आव यकतानुसार वच करने क अनुम त दे गा। अब

Vue कमांड लाइन इंटरफे स ा पत करते ह

npm vue cli ga install ा पत कर

अब हम एक Vue ोजे ट बनाना चाहते ह। ऐसा करने के व भ तरीके ह हम चाहते ह

साम ी डजाइन का उपयोग करने वाले टे लेट का उपयोग करने के लए। इसे vuetifyjs https vuetifyjs.

com और इस टे लेट का उपयोग करके एक नई प रयोजना को बूट ै प करने के लए vuetifyjs nuxt टे लेट का उपयोग कर।

Vuetify जैसा क हमने पहले ही बताया एक मट रयल डज़ाइन े मवक है और nuxt https

nuxtjs.org Vue के लए डज़ाइन कया गया एक टू ल है जो पहले से ही उपयोग म आसान Vue े मवक को और भी आसान बना दे ता

है। जब हम UI भाग पर यान क त करते ह तो यह मूल प से सभी लाइंट सवर संचार और टग को सारग भत करता है।

तो च लए एक ोजे ट बनाते ह और इसे ं टएंड कहते ह

vue init vuetifyjs nuxt यपटल

अब ं टएंड फो र के अंदर वच कर और यान इं टॉल और यान रन दे व चलाएं

यान इं टाल

यान रन दे व

य द आपके पास यान ा पत नह है तो इसे व तर पर ा पत कर एनपीएम यान जी ा पत कर। य द आप अपना ाउज़र

लोकलहो ट पर खोलते ह तो आपको डफ़ॉ ट vuetify अनु म णका पृ दखाई दे गा। अंत न हत nuxt.js क खूबी यह है क यह

आपको पृ के बीच टग और ां ज़शन के आउट ऑफ़ द बॉ स काया वयन दान करता है। पेज फो र के अंदर त सब कु छ एक माग बन

जाता है। आगे बढ़ और पेज फो र के अंदर लॉ गन कर। हम एकल फ़ाइल घटक का उपयोग करने जा रहे ह।

Vue म सगल फाइल कं पोनट् स वे फाइल ह जनम टे लेट टाइल और ट सभी एक ही फाइल म होते ह।
आदश प से ये छोटे पुन यो य घटक ह।
Machine Translated by Google

अ याय ं टएंड डेवलपमट

बनाए गए येक पृ म टे लेट अनुभाग बनाएं और बस नीचे लख

अनुभाग का नाम। उदाहरण के लए

पेज login.vue टे लेट

div लॉ गन div
टे लेट

पेज register.vue टे लेट

div र ज टर div टे लेट

डफ़ॉ ट लेआ उट बदल ता क इसके ने वगेशन बार म इन पृ के लक ह

लेआ उट डफ़ॉ ट.vue टे लेट

...

v टू लबार फ ड ऐप ल ड ले ट लड v ेसर v ेसर

v btn लैट राउटर टू लॉ गन सट क

लॉ गन
v btn

v btn लैट राउटर to register सट क

र ज टर v
btn
v btn लैट राउटर to courses सट क
पा म
v btn

v टू लबार

...

टे लेट

इन बटन पर लक कर और जांच क पृ के बीच सं मण करना कतना सुंदर है च ।

Machine Translated by Google

अ याय ं टएंड डेवलपमट

च । पृ के बीच सं मण

यान द क ऐसा होने के लए हमने कै से कु छ नह कया

हमने लॉ गन और र ज टर पेज को लागू कया है। पा म पृ के लए एक मूल कोड भी है। ं टएंड फ़ो र म कोड क जाँच कर। डेवलपर

मोड म ं टएंड कोड चलाने के लए आपको यान इं टॉल और यान रन दे व चलाना होगा। यान द क इसे काम करने के लए आपको सवर को ऊपर

और चलाना होगा।

कु छ ीकरण

• हमने अपने अनुरोध को पुन नद शत करने के लए @nuxtjs proxy लगइन का उपयोग कया है
सवर जो लोकलहो ट के अंतगत त है । आप इसे म पा सकते ह

nuxt.config.js फ़ाइल

• हमने सवर के साथ संचार के लए vue resource लगइन का उपयोग कया है। आप संबं धत कोड को

api index.js फ़ाइल के अंदर पा सकते ह

• हम क कृ त टोर बंधन के लए Vuex का उपयोग करते ह। आप पा सकते ह

टोर के अंदर संबं धत त याएं उ प रवतन और गेटस

फ़ो र।

• यान द क हम पा म क सूची ा त करने और उ ह पा म पृ पर द शत करने के लए पा म समापन

ब का उपयोग करते ह। हालाँ क दशन वयं पूरी तरह से लागू नह होता है हम के वल पा म के नाम

का ट आउट लेते ह।

आपने अब तक जो सीखा है उसका उपयोग करके उ ह अ तरह से तुत कर

इस कोड के साथ खेल इसे बदल घटक जोड़ उनका उपयोग कर उनका पुन उपयोग कर उनका पयोग कर।

यह एक मजेदार और पागल या है

इडस
बेशक आप एक साधारण नोटपैड या वम संपादक का उपयोग करके अपना कोड लख सकते ह ले कन न त प से आपने पहले ही खुद से

पूछा है क वेब वकास के लए सबसे उपयु को डग वातावरण या है। फर उनम से ब त सारे ह। ओ गा वेब टॉम का उपयोग कर रही है यह

एक IntelliJ प रवार IDE है वही जो ई बैक एंड वकास के लए उपयोग कर रहा है। ले कन वहाँ
Machine Translated by Google

अ याय ं टएंड डेवलपमट

ब त सारे अ य ह उदा परमाणु वम हाँ वम को क ... Microsoft ारा वक सत वजअल टू डयो कोड IDE ने
हाल ही म ब त लोक यता हा सल क है। हां उन लोग ने अंततः ओपन सोस समुदाय के लए कु छ करना शु कर दया और
उ ह ने कु छ बेहतरीन प रणाम हा सल कए ह। मेरा सुझ ाव है क आप अपना पसंद दा संपादक चुनने से पहले इनम से कु छ संपादक
को आज़माएँ।

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

अब अगले अ याय पर चलते ह और सामान तोड़ते ह

Machine Translated by Google

अ याय

हमारे उ पाद का परी ण

पछले अ याय म हमने ं टएंड डेवलपमट को पूरा कया। या इसका मतलब यह है क हम वकास के साथ ह नह लेख न परी ण भी वकास का

ह सा है। इस अ याय म हम चचा करगे क कस कार के परी ण ह उ ह कै से करना है और उनका उपयोग कब करना है। इस अ याय म हम मैनुअ ल टे टर

और ऑटोमेशन टे टर के बीच के अंतर को समझाएंगे और कई टे टग लेटफॉम और े मवक पर चचा करगे। हम आशा करते ह क आपको यह पसंद आया होगा

और इस अ याय के अंत तक आप जान गए ह गे क यह वषय कतना मह वपूण है।

वभ कार के परी ण
वभ कार के परी ण व भ आव यकता क पू त करते ह। इसका मतलब यह नह है क एक को सरे के प म इ तेमाल कया जा सकता है या

कु छ कार सर क तुलना म बेहतर ह उन सभी का अपना उ े य है और प रयोजना क कृ त के आधार पर कु छ सर क तुलना म अ धक

मह वपूण हो सकते ह। यह खंड कु छ कार के परी ण पर चचा करता है ज ह हम मानते ह क हमारे उपयोग के मामले के लए सबसे मह वपूण ह ले कन

और भी ह और हम आपको एक नज़र डालने के लए आमं त करते ह य द आप ह

दलच ी लेने वाला।

इकाई का परी ण
जैसा क नाम से पता चलता है यू नट टे टग का मतलब कोड के एक छोटे से ह से इकाइय का परी ण करना है। इस कार का परी ण यथासंभव

गत प से कया जाता है जसका अथ है क यह सलाह द जाती है क परी ण कया जा रहा कोड कोड के अ य टु क ड़ से अलग चलता है। अ धकांश

मामल म जो परी ण कया जा रहा है वह एक व ध एक वग या यहां तक क एक मॉ ूल है और परी ण के मामले एक सरे से वतं होने चा हए

उदाहरण के लए परी ण बी को यह उ मीद नह करनी चा हए क परी ण ए ारा कु छ बनाया गया है ता क रा ता । ए लके शन क कृ त के आधार पर

सेटअप कम या यादा ज टल हो सकता है। हमारे मामले म उदाहरण के लए हम डेटाबेस कॉल को संभालने क आव यकता है इसका मतलब है क हम सब

कु छ इस तरह से सेट करना था क सभी डेटाबेस प रवतन के वल के दौरान मा य ह

परी ण कया और फर छोड़ दया।

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

इस कार का परी ण आपके कोड के लए र ा क पहली पं है। आप पूछ सकते ह य करते ह

य द म मै युअ ल प से स या पत कर सकता ं तो मुझ े यह परी ण लखने क आव यकता है यह एक अ ा और मा य ब है
ले कन के वल तभी जब आप यह मान ल क आपका कोड कभी नह बदलेगा और हम सभी जानते ह क अ धकांश मामल य द सभी
नह म यह सच नह है। यू नट परी ण लखना भ व य म आपके कोड आधार को तोड़ने के लए और प रवतन को रोक दे गा य क
आप कई काय क अपे ा पर जोर दे रहे ह। य द कल आपका नया सहकम कु छ बदलने का काय कर रहा है और आपके ारा पहले
उपयोग कए जा रहे कु छ पैरामीटर को हटा दे ता है तो परी ण वफल हो जाएगा।

कभी कभी पैरामीटरेटेड यू नट टे टग का उपयोग करना आम है जसका अथ है क इनपुट परी ण ढांचे ारा उ प होता
है न क परी ण लखने वाले ारा। यादातर मामल म इस तरह के परी ण को ा पत करना क ठन होता है य क परी ण
कए जा रहे मॉ ूल ब त ज टल होते ह। क पना क जए क हम उपयोगकता नमाण का परी ण करने के लए पैरामीटरयु परी ण
का उपयोग करना था। पासवड और ई मेल के साथ हमारे तबंध डेटा उ प करने के लए एक अ ा बीज दान करने के लए इसे
ज टल बना दगे। सरी ओर य द आपने अभी एक मेमोरी चर बनाया है जैसे क एक सूची या एक न ा जो सामा य है तो
पैरामीटरयु परी ण पूरी तरह से फट होगा। फर से सही काम के लए सही उपकरण

यू नट परी ण अ सर वकास के दौरान लखे जाते ह य क वे अ य सभी भाग को संल न कए बना तुरंत कोड का परी ण करने
का एक तरीका दान करते ह। कोड के व भ भाग को चलाने वाले कई परी ण दान करना भी एक अ ा अ यास है जैसे अगर
शाखाएं या लूप।
हमारे मामले म यह उदाहरण के लए उपयोगकता नमाण के परी ण पर त ब बत होगा। य द आप के वल परी ण मामले
दान करते ह जहां उपयोगकता नया है तो आप कभी भी उस मामले का परी ण नह कर रहे ह जहां हम अपवाद फकने क आव यकता
है य क आप उसी उपयोगकता को पंज ीकृ त कर रहे ह और कोड क वह शाखा बना कसी परी ण के छोड़ द जाएगी।

इकाई परी ण के लाभ ब त अ धक ह और हम सलाह दे ते ह क सभी प रयोजना म उनके पास है। सबसे पहले
यह हम वकास के ारं भक चरण म वसंग तय या ु टय को खोजने म मदद करता है। सरा जैसा क पहले उ लेख कया गया
है यह आपके कोड को तोड़ने से संभा वत भ व य के प रवतन या वशाल रफै टर क र ा करता है खासकर य द यह जावा जैसे
संक लन समय वाली भाषा म लखा गया है।

यू नट टे टग का नुक सान यह है क आमतौर पर टे ट लखने वाला एक ही होता है

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

हमारी प रयोजना के लए इकाई परी ण का एक उदाहरण उपयोगकता पंज ीकरण है। एक उपयोगकता का पंज ीकरण
एक अलग घटना है जो यादातर एक मॉ ूल का उपयोग करती है जहां कोई बातचीत नह होती है
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

े मवक कोड और डेटाबेस के अलावा अ य कोड। हम मु य प से इस परी ण के साथ स या पत करते ह क उपयोगकता

सफलतापूवक पंज ीकृ त है क उपयोगकता नाम वही है जो हमने दान कया है और यह क आईडी शू य नह है इकाई बनाते समय
आईडी लौटाना वशेष मह व का है य क हम तुरंत आव यकता हो सकती है नव न मत इकाई का संदभ ल ।

उपयोगकता को पंज ीकृ त करने के संबंध म कई अ य परी ण यू नट परी ण के प म भी लागू होते ह। इस तरह के परी ण
कोड क अ य शाखा को स या पत करगे जैसे क अमा य पासवड या उपयोगकता नाम जो पहले से मौजूद ह।

@परी ण

सावज नक शू य createAUserTest अपवाद फकता है

अं तम MockHttpServletResponse प रणाम mockMvc.perform पो ट api v
सावज नक उपयोगकता । साम ी कार MediaType.APPLICATION JSON ।
साम ी लख जसन UserV Dto.builder । उपयोगकता नाम के साथ ex @example.
com .withPassword a$ .build .andReturn .getResponse

AssertThat result.getStatus । isEqualTo HttpStatus.CREATED.value

अं तम UserV Dto उपयोगकता readJson result.getContentAsString UserV Dto.class

जोर द user.getUsername । isEqualTo ex @example.com

जोर द user.getId । isNotNull

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

चूं क इसम कई मॉ ूल शा मल ह इस कार के लए कई तकनीक का उपयोग कया जा सकता है

परी ण का। फर यह ज टलता पर नभर करता है और वकास से मॉ ूल को कतनी तेज ी से समा त कया जा सकता है।
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

बग बग परी ण जैसा क नाम से पता चलता है सही तूफ ान क ती ा करता है यानी सभी मॉ ूल तैयार होने के
लए लेख न या परी ण शु करने के लए तैयार ह। बग बग टे टग म सभी मॉ ूल एक बार म एक कृ त हो जाते ह इस लए
ब ग टे ट शु करने के लए अ य मॉ ूल को ट बग या मॉक करने क आव यकता समा त हो जाती है। नकारा मक प यह है क
सभी मॉ ूल को पूरी तरह से परी ण करने के लए तैयार होने क ती ा करने क आव यकता है। यह वीकाय लग सकता है ले कन
अगर कु छ मॉ ूल को पूरा होने म महीन लग जाते ह तो यह उ चत नह लगता। वृ शील परी ण मॉ ूल के लए मॉक या ट स
बनाकर इस सट क सम या का समाधान करता है जो अभी तक तैयार नह ह।

इस तरह का परी ण न त प से दो मॉ ूल के एक करण पर जोर नह दे गा

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

चु त वातावरण म जहां रलीज च आमतौर पर लगभग स ताह का होता है बड़ा

यादातर बग का इ तेमाल कया जाता है। यह भी सामा य नह है क आप एक पुनरावृ म खर च से दो या तीन मॉ ूल के
साथ आएंगे जसका अथ है क आप अपने ए लके शन को लॉक म बनाएंगे और पुनरावृ के आधार पर नए मॉ ूल जोड़गे। यह
इस त य क ओर जाता है क जब हम

वा तव म एक करण परी ण करने क आव यकता है अ धकांश मॉ ूल पहले से मौजूद ह और हम अ य मॉ ूल क ती ा कए

बना या ट स बनाने के बना एक करण परी ण लख सकते ह।
नकली डेटा के लए नकली या ाइवर।

हम आपको परी ण के कई उदाहरण दे सकते ह जो हम कर सकते ह ले कन हम आपको एक छोड़ दगे जो हम लगता है क

मह वपूण है य क इसम कई मॉ ूल शा मल ह यहां तक क कु छ ऐसे भी ह जो हमारे बैक एंड म उपयोग कए जा रहे ढांचे ारा
दान कए गए ह। हम परी ण करगे क इस मामले म ताज़ा टोकन ठ क से काम कर रहे ह या नह । री े श टोकन के ठ क से काम
करने के लए हम न के वल पछले री े श टोकन का उपयोग करके नई ए सेस ा त करने और टोकन री े श करने का यास करते ह
ब क हम यह भी स या पत करते ह क यह नया ए सेस टोकन मा य है और हम इसका उपयोग संर त एंडपॉइंट्स और संसाधन
तक प ंचने के लए कर सकते ह।

@परी ण

सावज नक शू य र े शटे ट अपवाद फकता है

अं तम ग ए सेसटोकनआ टर र े श रीडजसन mockMvc.perform पो ट oauth token । साम ी
टाइप मी डया टाइप। APPLICATION FORM URLENCODED
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

.header ा धकरण मूल d ViYXBwOnRlc Q

.content String.format grant type refresh token&refresh token s
getTokens .get refresh token
।और वापस
.getResponse । getContentAsString नया TypeReference मान च ग ग
.get access token

अं तम MockHttpServletResponse प रणाम mockMvc.perform get api v

सुर त उपयोगकता मुझ े

.header Authorization Bearer accessTokenAfterRefresh

.ContentType MediaType.APPLICATION JSON
।और वापस
। त या हा सल करो

जोर द result.getStatus । isEqualTo HttpStatus.OK.value

अं तम UserV Dto उपयोगकता readJson result.getContentAsString UserV Dto.
क ा
जोर द user.getUsername । isEqualTo testUser.getUsername

आप संपूण उदाहरण और नभरताएँ RestApiUserTest.java म पा सकते ह

और AbstractRestApiTest.java। इस परी ण क वीकृ त न के वल यह है क हम नए ए सेस टोकन के साथ कॉल कर
सकते ह ब क यह भी क हमारे ारा जेनरेट कया गया टोकन वा तव म उसी उपयोगकता के लए था।

स टम परी ण
स टम परी ण एक ऐसा श द है जो कई कार के परी ण को जोड़ता है। आमतौर पर यह परी ण चरण एक करण परी ण
के बाद होता है और इसका उ े य यह स या पत करना है क स टम पूरी तरह से ठ क से काम कर सकता है। हमारे मामले म
उदाहरण के लए यह परी ण होगा क ं टएंड और बैक एंड एक साथ ठ क से काम कर रहे ह। इस तरह के परी ण के लए उ पाद
के आंत रक भाग के बारे म कसी ान क आव यकता नह है कोड और तक वार इसे लैक बॉ स परी ण चरण बनाते ह।

लैक बॉ स परी ण या तो काया मक या गैर काया मक हो सकता है । काया मक परी ण यह जाँचने पर क त

है क या स टम ज द न द आव यकता को पूरा कर रहा है जब क गैर काया मक परी ण यह जाँचने पर क त है क
स टम भारी भार और तनाव क तय म कै सा दशन करता है। काया मक परी ण के कु छ उदाहरण म इंटरफ़े स शा मल है
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

ु टयां या अनु चत हड लग डेटाबेस संरचना या वहार म ु टयां और गलत काया वयन या काय मता जो गायब ह। इस
परी ण तकनीक के फायदे यह ह क य क परी क के पास आवेदन के आंत रक भाग के बारे म कोई जानकारी नह है वे
व नदश और वा त वक काया वयन के बीच वसंग तय को कसी ऐसे से बेहतर तरीके से इं गत करने म मदद कर सकते ह
जसके पास ान है य क वे प पाती नह ह। साथ ही इन परी क को इस काय को करने के लए ो ा मग कौशल रखने क
आव यकता नह है। सभी मामल का परी ण करना लगभग असंभव होना इस कार कु छ रा त को बना परी ण के छोड़ दे ना इस
तरह क परी ण तकनीक के मु य नुक सान म से एक है।

हम इस चरण के दौरान कए जाने वाले सभी संभा वत परी ण पर यान नह दगे जैसे
उनम से कई ह और प रयोजना क कृ त के आधार पर कु छ लागू हो सकते ह जब क अ य नह ह ले कन य द आप इस वषय
म च रखते ह और अ धक जानना चाहते ह तो थोड़ा और जानने के लए वतं महसूस कर Google होगा आपके दो त

वीकृ त परी ण
वीकृ त परी ण परी ण के अं तम तर म से एक है खासकर जब एक नया उ पाद श पग करते ह। इस परी ण चरण के दौरान
सॉ टवेयर ए लके शन का परी ण व नदश और काया वयन के बीच अनुपालन के लए कया जाएगा यह यान म रखते ए क
ावसा यक आव यकता या अनुबंध को भी पूरा कया जा रहा है। पछले परी ण चरण क तरह यह भी लैक बॉ स परी ण का
उपयोग करके कया जाता है। ये परी ण काया वयन से उ तर क अमूतता पर कए जाते ह इस पर यान दे ने के साथ क अं तम
ाहक उ पाद का उपयोग कै से करगे।

उ पाद क कृ त के आधार पर परी ण के दौरान दो चरण लागू हो सकते ह।

पहला चरण वह है जहां वीकृ त उसी कं पनी से संबं धत ट म ारा आंत रक प से क जाती है जसने उ पाद को लागू
कया था ले कन आमतौर पर ऐसा कोई नह जो वकास म शा मल था। ऐसी ट म म उ पाद बंधन ाहक सेवा वसाय वकास या
यहां तक क ब वभाग भी शा मल ह। सरा उन लोग या कं प नय ारा बाहरी प से कया जाता है जो वकास म शा मल नह थे।
इस मामले म एक ाहक वीकृ त परी ण हो सकता है जहां कं पनी जसने सेवा मांगी है वह यह स या पत करने के लए ज मेदार है क
सब कु छ ा पत अनुबंध के अनु प है या सरे मामले म यह एक उपयोगकता वीकृ त परी ण हो सकता है जहां अं तम
उपयोगकता का एक समूह परी ण और त या दान करने के लए ज मेदार होता है। कभी कभी इसे बीटा परी ण भी कहा जाता
है ।
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

तगमन परी ण
कसी उ पाद को बनाए रखने और वक सत करते समय र ेशन परी ण सबसे मह वपूण परी ण चरण म से एक है।
इसका उ े य यह सु न त करना है क नए कोड प रवतन सॉ टवेयर के पहले परी ण कए गए और र सं करण को
भा वत न कर।
भले ही आपको लगता है क मामूली और अलग अलग बदलाव का असर होने क संभावना नह है
पूरे स टम पर संभावना हमेशा बनी रहती है। जब हम ऐसा कहते ह तो हमारा व ास कर य क कभी कभी आप इसे आते
ए नह दे ख ते ह और भले ही आप ब A से ब B तक का पूरा कोड आधार जानते ह कसी ब पर आप कु छ तोड़ दगे।
कभी कभी यह आपका कोड भी नह होता है ले कन आपके ारा उपयोग कए जा रहे कु छ ढांचे। बस आपको एक उदाहरण
दे ने के लए के वल एक फ़ं न पर खाली सू चय को वीकार करने से जो आईएन लॉज के साथ हाइबरनेट का उपयोग कर
रहा है आपके कोड म एक बग पैदा कर सकता है। या इसका मतलब यह है क वे गलत ह अ ा यह ज टल है। य द आप ...
WHERE column IN .. का उपयोग करके SQL म एक वेरी लखने का यास करते ह तो यह वफल हो जाएगा तो
इसका यान कौन रखेगा मै पग लाइ ेरी या ो ामर इसके प रणाम व प अंतहीन चचा हो सकती है तो च लए इसे यह छोड़
दे ते ह मह वपूण बात यह है क आपको यह बात समझ म आ जाती है क हा नर हत लगने वाली एक छोट सी चीज भी आपके
कोड को तोड़ सकती है और आपको इसका एहसास तभी हो सकता है जब यह पहले से ही उ पादन म हो। इस मामले म य द
आपके पास पहले एक परी ण था जो खाली सू चय क जाँच कर रहा था और वफलता को वीकार कर रहा था तो खाली सू चय
को अनुम त दे ने के लए कोड को बदलकर वह परी ण वफल हो जाएगा न के वल वीकृ त के कोण से ब क इसका
प रणाम भी होगा एक ु ट म। तो जैसा क आप समझ सकते ह तगमन के दौरान आप नए परी ण नह लखते ह आप पछले
वाले को अपने नए सं करण के व चलाएँ। यही कारण है क यह अ यंत मह वपूण है क आप अपने कोड को अ धक से अ धक
साथक परी ण के साथ कवर कर। इस खंड इकाई एक करण णाली या वीकृ त म चचा कए गए पछले चरण म से कसी
पर भी तगमन परी ण कया जा सकता है ले कन सामा य तौर पर हमारी राय म वे यादातर यू नट इंट ेशन और स टम
टे टग के लए उपयोगी होते ह। कभी कभी इस कार का परी ण समय और संसाधन लेने वाला हो सकता है इस लए सु न त
कर क आप सही ल य को ल त कर रहे ह जो हमने पहले कहा है उससे थोड़ा वरोधाभासी है य क हर छोटा प रवतन आपके
कोड को तोड़ सकता है ले कन फर भी कभी कभी आपके पास होगा कु छ जो खम लेने के लए य द आप प रवतन को तेज ी से
शप करना चाहते ह। इस सम या को र करने का एक तरीका ऑटोमेशन म नवेश करना है।

सब कु छ वचा लत येक शाखा ध का पर इकाई और एक करण परी ण चलाएं स टम परी ण चलाने के लए

रात म नमाण कर और के वल वही छोड़ द जो मानव मैनुअ ल परी ण के लए वचालन के लए उपयु नह है उदाहरण के
लए वीकृ त परी ण।
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

कौन या परी ण कर रहा है

जतने अलग अलग तरह के टे ट होते ह उतने ही अलग अलग तरह के लोग भी टे ट करते ह। इस ब पर हम इस का उ र दे ना चा हए

परी ण कब शु होता है जैसा क आपने अनुमान लगाया होगा यह दे ख ते ए क आपने पछले अ याय को पढ़ा है कसी उ पाद का

परी ण ब त ारं भक चरण से शु होता है कभी कभी उ पाद के मौजूद होने से भी पहले।

जब हम अपनी आव यकता को प रभा षत करना शु करते ह और ावसा यक ल य और ज रत के बारे म सोचते ह तो हम पहले से ही

जानते ह क हम उ पाद क काय मता से या उ मीद करते ह इस लए हम क पना कर सकते ह और प रभा षत कर सकते ह क इसका परी ण

कै से कया जा सकता है। आदश प से परी ण प र य को काया वयन से पहले प रभा षत कया जाता है।

जब उ पाद के मा लक सु वधा को प रभा षत करते ह और उ ह डेवलपस को पास करते ह तो वे येक सु वधा और परी ण के स

प र य के लए वीकृ त मानदं ड को पहले से ही प रभा षत कर सकते ह। इस लए काया वयन के अंत म यह परी ण करना आसान है क या

कया गया है।

काया वयन के दौरान और उसके तुरंत बाद र ा क पहली पं डेवलपस ारा बनाई गई है। डेवलपस को यह गारंट दे नी चा हए क

कोड इकाई परी ण ारा कवर कया गया है और यह सु वधा इसके वीकृ त मानदं ड ारा व णत अनुसार काय कर रही है। आदश प से उ ह

कु छ वचा लत उपकरण भी लागू करने चा हए जो यह जांचते ह क पछली काय मता म से कोई भी टू टा नह है यू नट परी ण पहले से ही काम

करते ह ले कन कम से कम यह जांचना मह वपूण है क खुश पथ टू टा नह है।

है पी पाथ आपके उ पाद के मा यम से उपयोगकता क पूरी या ा है यह क पना करते ए क कोई सम या

नह ई है। इस लए उदाहरण के लए य द यह एक ई कॉमस लेटफॉम है तो है पी पाथ पंज ीकरण पृ पर शु
होता है और सफल चेक आउट पृ पर समा त होता है।

कु छ कं प नयां अपने परी ण करने के लए डेवलपस पर ब त अ धक भरोसा करती ह और वा तव म व ास करती ह क वे उ पाद क

गुण व ा क गारंट दे सकती ह य क वे इसका परी ण करने के लए कोई भी वचा लत समाधान वक सत कर सकते ह। इस कार इन कं प नय

के पास अपने कोड का परी ण करने वाले डेवलपस के अलावा कोई नह है। डेवलपस यू नट परी ण शायद कु छ वचा लत परी ण लखते ह

उ पाद बंधक कु छ खुश पथ शायद व भ ाउज़र म भी के लए उ पाद का परी ण करते ह और परी ण कया जाता है।

हालां क हम मानते ह क परी ण डेवलपस के अलावा अ य लोग ारा भी कया जाना चा हए। भले ही डेवलपस शानदार इंज ी नयर

ह कसी उ पाद के परी ण क मान सकता उसे तोड़ने क इ ा पर नभर करती है। उन कार परी ण को याद रख वे वा त वक

घटना के संपक म आ रहे ह। ऐसा इस लए है य क जब कार बाहर होती है तो उसे कु छ भी हो सकता है इस लए यह परी ण करना

मह वपूण है क यह ै श और कसी अ य पर कै से त या करता है

Machine Translated by Google

अ याय हमारे उ पाद का परी ण

अ या शत तयां। कार और हमारे ारा बनाए गए सॉ टवेयर म कोई अंतर नह है।

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

वभ कार के परी क ह। उ पाद के परी ण के सबसे सरल प म से एक है

इसे मै युअ ल प से जांचना। इस लए हमारे पास मैनुअ ल टे टर ह।

मैनुअ ल यूए परी क

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

एक यूए इंज ी नयर एक बार म चलता है। बयर ऑडर करता है। आदे श बयर। ऑडर बयर।
आदे श बयर। बयर के प म आदे श।

अरे हाँ अ े परी क आ यजनक प से रचना मक होते ह। वहाँ यह आदमी है हम भा यशाली थे

उसके साथ काम करना पूरी तरह से पागल प र य के साथ आएगा। कभी कभी वह हमारे पास आता और कु छ
ऐसा कहता तो मने इसे इनपुट फ़ म टाइप कया है QWADASDasodjaioqwehyq o q qasdasd
पेज को री े श कया बैक बटन पर लक कया और उसी समय सवर को रोक दया और फर यह ु ट ई।
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

और आप बस उसे खुली आँख से दे ख गे और सोचगे यार तुमने अभी या धू पान कया है या मेरे पास भी हो सकता है

वैसे यह आदमी सबसे बड़े म से एक म यूए इंज ी नयर क एक ट म का बंधन कर रहा है

अभी ब लन म टाटअप।
आपक ट म म मै युअ ल परी क का होना अ ा लगता है और इससे इसम योगदान होता है
सम गुण व ा न के वल इस लए क वे आपके सॉ टवेयर का परी ण कर रहे ह ब क इस लए भी क डेवलपस बेहतर
कोड लखना शु करते ह। ऐसा य हम आपको एक कहानी सुनाएंगे। एक बार ओ गा ने एक मैनुअ ल यूए इंज ी नयर वाली
ट म म ं टएंड डेवलपर के प म काम कया। हर बार इंज ी नयर ओ गा के पास जाता और कहता ओ गा मेरा एक सवाल है ...
ओ गा कांपने लगती य क आमतौर पर सवाल के बाद आने वाले बयान म ओ गा के कोड ारा पेश कया गया एक बग होगा।
ओ गा इस को बार बार न सुनने के लए सव म संभव गुण व ा दान करना चाहती थी इस लए वह न के वल अपनी को डग
तकनीक म सुधार करेगी ब क ट म के भीतर सम या जैसे कोड समी ा और जोड़ी ो ा मग म भी सुधार करेगी।

वचालन यूए परी क

बेशक मैनुअ ल जाँच मह वपूण है हालाँ क कभी कभी मैनुअ ल परी क के लए काय ब त दोहराव वाले हो जाते ह। जब तगमन
परी ण क बात आती है तो यह ब त और चताजनक हो जाता है।

बस एक अनु मारक तगमन परी ण उन आव यक काय मता क जाँच करने से संबं धत

है ज ह हर बार एक नई सु वधा शु करने के लए चलाना होता है ता क यह सु न त हो सके क इस
सु वधा ने कु छ भी तोड़ा नह है। इस सु वधा के लए परी ण तगमन परी ण के सूट म जोड़े जाते ह।

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

इस लए तगमन को ब त बार चलाना होगा और समय के साथ यह संसाधन क एक बड़ी बबाद बन जाएगा। इस या म
ब त सी चीज वचा लत क जा सकती ह। उदाहरण के लए य द हम वेब ए लके शन के साथ काम कर रहे ह तो हम इसका उपयोग
करके वचा लत परी ण लख सकते ह
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

े मवक जो ाउज़र इंटरै न का अनुक रण करते ह और उ ह यह जांचने का नदश दे ते ह क a

कु छ व श इंटरै न के प रणाम कु छ प रणाम पृ पर दखाई दे ने चा हए।

वचालन परी क वे ह जो प र य को प रभा षत करते ह और इन परी ण को लखते ह।

वचालन परी क जानते ह क लाइव वातावरण का अनुक रण करने के लए कोड कै से लखना है ढांचे का उपयोग करना है और बु नयाद ढांचे का लाभ
उठाना है।

उदाहरण के लए लॉ गन काय मता के परी ण के लए वचालन परी ण को न न क तरह लखा जा सकता है

ओपन लॉ गन

$ इनपुट लॉ गन । सेटवै यू test@test.com

$ बटन लॉ गन । लक कर

$ username . shouldHave text Hello test तब तक ती ा कर जब तक क त व को टे ट न मल जाए

वचालन परी ण के लए उपयोग कए जा रहे ढांचे के आधार पर उ ह कई ो ा मग भाषा म लखा जा सकता है। सेले नयम का उपयोग

करना आम है https

www.seleniumhq.org वचा लत परी ण के लए एक ढांचे के प म जो मु य प से जावा म लखा गया है। इस लए ब त सारे वचालन

परी क ह जो जावा म वचा लत सेले नयम परी ण लखने म वशेष ह। हालां क जावा ट स हत व भ ो ा मग भाषा म सेले नयम के लए

रैपर ह। कभी कभी उनका उपयोग करना और भी आसान होता है।

यह चुनना काफ आसान है क या उपयोग करना है य द आपके पास एक सम पत ऑटोमेशन परी क है तो उ ह भाषा और ढांचे को चुनने क

वतं ता द जसके साथ वे सहज ह।

य द आपके वचालन परी ण डेवलपस ारा लखे जाने चा हए तो वे उ ह अपनी पसंद क भाषा म लखगे। हमने उन कं प नय म काम कया है

जनके पास सम पत यूए इंज ी नयर थे जो जावा म संपूण परी ण सूट लख रहे थे जब क हमने उन कं प नय म भी काम कया है जहां ं टएंड डेवलपस

वचा लत या तथाक थत एंड टू एंड जावा ट म परी ण लखने के लए ज मेदार थे। जीत के लए लचीलापन

मैनुअ ल से ऑटोमेशन टे टर तक

मैनुअ ल यूए टे टर ऑटोमेशन टे टर कै से बनता है अ ा ब त कु छ सीखो। यह आव यक है क आप कोड लखना जानते ह । यह आव यक

है क आप वेब ोटोकॉल जैसे HTTP कै से काम करते ह इसक मूल बात समझ। बु नयाद ढांचे के उपकरण ट सवर और डेटाबेस क बु नयाद

समझ होना भी मह वपूण है। आदश प से आप पहले परी ण मान सकता म गहराई से गोता लगाते ह और फर कदम दर कदम आप कं यूटर व ान क

मूल बात सीखते ह और अपने आप को वचालन म मा हर करते ह।

Machine Translated by Google

अ याय हमारे उ पाद का परी ण

हालां क मै युअ ल परी क के लए एक और क रयर पथ है और हमने इसे होते दे ख ा है

ब त बार च । यान द क परी क आव यकता को समझने वीकृ त मानदं ड को प रभा षत करने उ पाद के
परी ण के व भ तरीक को प रभा षत करने के लए उ पाद बंधक के साथ मलकर काम करते ह ता क यह सु न त
हो सके क सभी सम थत ाउज़र कवर कए गए ह आ द।
इस कार समय के साथ वे उ पाद इसक चेताव नय वकास रणनी त ल य और ज रत क ब त तेज और अ
समझ वक सत करते ह। कसी समय ये लोग खुद को उ पाद बंधक या उ पाद वामी के पद पर पाते ह। इस लए य द
आप एक मैनुअ ल परी क ह तो आपके क रयर के कसी ब पर आपको दो संभा वत दशा के साथ तुत कया जा
सकता है वचालन परी ण या उ पाद बंधन। नणय काफ वाभा वक प से होगा और आप इसे नो टस भी नह करगे य द
आप उपकरण बु नयाद ढांचे ट और तकनीक म ह तो आप यादातर वचालन परी क पथ चुनगे य द आप या
उ पाद वकास और सुधार सु वधा क प रभाषा और उ पाद रणनी त का आनंद लेते ह तो आपको न त प से उ पाद बंधक
के माग का अनुसरण करना चा हए।

च । एक मैनुअ ल परी क का कै रयर पथ

य द आप वचालन परी क पथ का अनुसरण करने का नणय लेते ह तो परी ण ढांचे पर यान दे ने के साथ ो ा मग
भाषा म खुदाई शु कर। लाइंट सवर आ कटे चर संचार ोटोकॉल और वेब और मोबाइल टू ल क बु नयाद अवधारणा
का अ ययन कर जो डब गग और मॉ नट रग ए लके शन क अनुम त दे ते ह।

कसी ब पर आप कु छ माणप ा त करने का नणय ले सकते ह। परी क के लए सबसे स को ISTQB

अंतरा ीय सॉ टवेयर परी ण यो यता बोड https www.istqb.org कहा जाता है। इस माणीकरण के व भ
तर और उप तर ह। आईएसट यूबी
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

माणन क नया भर म मौजूद ह और परी ा का भुगतान कया जाना चा हए। आपको ऑनलाइन तैयारी के ब त सारे संसाधन मल सकते ह।

य द आप पाते ह क यह वषय आपके लए दलच है तो हमारा सुझ ाव है क आप उन तैयारी उपकरण का उपयोग कर। यहां तक क अगर आप

माणन के लए नह जाने का फै सला करते ह तो यह सीखने का एक ब त अ ा मौका है न के वल परी ण के कोण से ब क सॉ टवेयर

वकास क नया म उपयोग क जाने वाली या और मानक को समझने के लए भी।

उपकरण लेटफ़ॉम और े मवक

ऐसे कई उपकरण ह जो एक यूए परी क के जीवन को आसान बना सकते ह। ये उपकरण से लेक र वचा लत परी ण के लए कोड लखने के

लए उपयोग कए जाने वाले ज टल ढांचे के लए मै युअ ल परी ण व नदश को लखने क अनुम त दे ते ह।

इससे पहले क हम परी ण बंधन के लए उपकरण पर चचा शु कर आइए काय के लए उपकरण पर चचा कर

बंधन य क परी ण कु छ वकास काय से जुड़े होते ह।

फु त ली सॉ टवेयर ट म के लए सबसे स काय बंधन लेटफाम म से एक है JIRA https www.atlassian.com software

jira । यह एटल सयन ारा वक सत कया गया है और यह इतना श शाली है क हम क पना भी नह कर सकते क यह या नह कर सकता।

च दखाता है क JIRA बोड कै सा दखता है।

च । काय बंधन के लए JIRA बोड

Machine Translated by Google

अ याय हमारे उ पाद का परी ण

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

च दखाता है क वंडर ल ट कै सा दखता है।

च ा । वंडर ल ट
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

जी हाँ यह ब लन का मश र ट वी टावर बैक ाउं ड म है. बात यह है क ए लके शन को Wunderkinder नामक ब लन त टाटअप ारा

वक सत कया गया था। यह माइ ोसॉ ट ारा अ ध हत कया गया था ले कन यह अभी भी एक महान और उपयोग म आसान उ पाद बना आ है।

अपने काय को बं धत करने के लए कस सॉ टवेयर का उपयोग करना है यह आप पर नभर है। हम आपको जो बता सकते ह वह यह है क

Wunderlist और Trello जैसे टू ल का उपयोग के वल सॉ टवेयर से संबं धत काय के लए नह ब क ेड खरीद के लए कया जा सकता है। े लो कई

बोड और ट म रखने क अनुम त दे ता है इस लए इसका उपयोग अ धक ज टल प रयोजना के लए कया जा सकता है ले कन फर भी इसका उपयोग गत

उपयोग के लए कया जा सकता है। हम कसी ऐसे को नह जानते जो छोटे गत काय के लए जरा का उपयोग करता है। जब आप चु त ट म के भीतर

वक सत बड़ी सॉ टवेयर प रयोजना से नपटते ह तो JIRA मंच पर आता है।

अब जब हम इस बात का अंदाजा हो गया है क काय और वशेषता को प रभा षत करने के लए कन उपकरण का उपयोग कया जा सकता है आइए उन उपकरण

के बारे म बात करते ह जनका उपयोग परी ण मामल को प रभा षत करने के लए कया जा सकता है।

बेशक आप अपने परी ण मामल को एक साधारण टे ट फ़ाइल म लख सकते ह। आप ए सेल जैसे कु छ और संर चत संपादक का भी उपयोग कर सकते

ह। या आप काय के लए वशेष प से डज़ाइन और न मत कु छ सॉ टवेयर का उपयोग कर सकते ह। ये उपकरण हम परी ण मामल चरण और प रणाम क

संरचना करने म मदद करते ह।

आप रलीज च न द कर सकते ह और उन उपकरण को नरंतर एक करण और नरंतर वतरण पाइपलाइन से जोड़ सकते ह। जब आप परी ण मामल के

व नदश पर काम करते ह तो आप उ पाद बंधक और वकास ट म के साथ मलकर काम करते ह य क परी ण मामले म परी ण कए गए फ चर के

ावसा यक मू य और जो खम को त ब बत करना चा हए। डेवलपस को भी शा मल होना चा हए य क वे कु छ अपे त प रणाम या वकास पर भाव को लागू

करने के लए आव यक यास क मा ा पर मू यवान इनपुट दान कर सकते ह य द सु वधा अपे त वहार नह करती है। हालां क याद रख यह काफ मह वपूण

है क आप परी ण व नदश के लए जो कु छ भी उपयोग करते ह आप उसे कसी तरह अपने काय बंधन उपकरण के साथ एक कृ त करते ह अ यथा अपने काय

को संबं धत परी ण मामल म बं धत करना और संब करना काफ क ठन होगा। काय के एक भाग के प म एक परी ण मामले को न द करने क संभावना

है ले कन फर जब काय पूरा हो जाता है तो परी ण को भी माना जाएगा और आपको इसे तगमन परी ण सूट के एक भाग के प म बार बार चलाना होगा।

JIRA के लए Zephyr https bit.ly mpiThF नामक एक लगइन है । यह उपकरण परी ण को न द करने उ ह संबं धत काय से जोड़ने और जब

भी आव यक हो उ ह चलाने क अनुम त दे ता है। इसी तरह के एक अ य उपकरण को टे ाइल http www.gurock.com testrail कहा जाता है।

यह एक वेब आधा रत समाधान है जो JIRA के साथ समे कत प से एक कृ त होता है और आपके परी ण प र य से नपटने के लए सभी कार के तरीके दान

करता है जसम रपो टग और चाट जैसे सभी संभा वत य शा मल ह च ।

Machine Translated by Google

अ याय हमारे उ पाद का परी ण

च । टे टरेल https bit.ly TrocHO

परी ण मामल को न द करना पया त नह है कसी को उन परी ण को चलाने और परी ण वफल होने या पास होने पर स टम

को बताने क आव यकता होती है। इन परी ण को प रभा षत कया जा सकता है और मै युअ ल यूए परी क या उ पाद मा लक के बजाय

मै युअ ल प से चलाया जा सकता है। कु छ परी ण वचा लत हो सकते ह।

बेशक उ ह वचा लत करने के लए ब त सारे उपकरण और ढांचे ह जो उन लोग से शु होते ह ज ह को डग कौशल क आव यकता

होती है ज ह उ पाद बंधक ारा काया वत कया जा सकता है।

यूआ ई परी ण के लए सबसे लोक य परेख ा म से एक और य द आप इस े म कदम रखते ह तो शायद सबसे पहले आप

सुनगे सेले नयम। सेले नयम जावा म वक सत उपकरण का एक सेट है जो जावा ो ा मग भाषा का उपयोग करके सभी कार के वेब इंटरै न

को न पा दत करने क अनुम त दे ता है।

इनम से एक उपकरण एक टडअलोन जावा सवर है जो एक साधारण एपीआई के मा यम से कसी भी ाउज़र से जुड़ने क अनुम त दे ता

है। एक अ य उपकरण वयं ढांचा है एक जावा लाइ ेरी जसम ाउज़र पर जो कु छ भी आप क पना कर सकते ह उसे न पा दत करने के

लए कमांड क एक व तृत ृंख ला शा मल है एक व श यूआ रएल पर ाउज़र खोलने से शु होकर और लक करने होवर करने के साथ

आगे बढ़ना
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

टाइप करना त व को ख चना आ द। चूं क ाउज़र के साथ के वल एक साधारण बातचीत पया त नह है सेले नयम हम परी ण पर जोर दे ने के लए कु छ

शत क जांच करने के कई तरीके भी दान करता है।

आप सेले नयम के साथ कसी भी अ भकथन पु तकालय का उपयोग कर सकते ह जो आपको जोर दे ने क आव यकता है। आइए वचार कर

उदाहरण के लए लॉ गन काय मता। वचार कर क हम यह कहना चाहते ह क एक सफल लॉ गन के बाद उपयोगकता नाम वेबसाइट हेडर म कु छ

व श बॉ स म दखाई दे ता है। इस परी ण के लए हम उपयोगकता नाम और पासवड इनपुट करना होगा बटन पर लक करना होगा और टे ट

क जांच करनी होगी। सेले नयम लाइ ेरी का उपयोग करके इस परी ण के लए जावा कोड न न जैसा दखेगा

webDriver.findElement By.cssSelector इनपुट नाम उपयोगकता नाम ।

SendKeys उपयोगकता नाम

webDriver.findElement By.cssSelector इनपुट नाम पासवड ।

SendKeys पासवड

webDriver.findElement By.cssSelector .loginBtn . लक कर

assertTrue webDriver.findElement By.cssSelector .userbox .getText .

शा मल ह उपयोगकता नाम

थोड़ा बो झल ले कन फर भी पठनीय। ब त सारे े मवक और रैपर ह जो आपके जीवन को आसान बनाते ह। उदाहरण के लए

सेले नयम के लए एक आवरण है जसे सेलेनाइड http selenide.org कहा जाता है। यह सेले नयम बयान क बदसूरत वशाल ृंख ला को

सु चपूण और लघु मानव अनुकू ल दोन म लपेटता है। सेलेनाइड का उपयोग करते ए एक ही परी ण को न नानुसार लखा जा सकता है

$ इनपुट नाम उपयोगकता नाम । सेटवै यू उपयोगकता नाम

$ इनपुट नाम पासवड । सेटवै यू पासवड

$ .loginBtn . लक कर

$ .userbox . shouldHave text username

कमाल है ना

आप UI परी ण क को डग के लए कोई अ य भाषा पसंद कर सकते ह। उनम से ब त सारे के लए सेले नयम रैपर ह। उदाहरण के

लए जावा ट के लए नाइटवॉच नामक एक ब त अ ा और सु चपूण समाधान है http nightwatchjs.org । य द आप एक

जावा ट डेवलपर ह तो आपको अपने सु वधा े से बाहर नकलने और अपने UI के परी ण के लए अ य ो ा मग भाषा का उपयोग करने

क आव यकता नह है। आप अपना कोड और अपने परी ण दोन लखने के लए एक ही भाषा का उपयोग कर सकते ह और आपको करना चा हए।

नाइटवॉच का सटै स सेलेनाइड से काफ मलता जुलता है।

Machine Translated by Google

अ याय हमारे उ पाद का परी ण

नाइटवॉच का उपयोग करके लॉ गन काय मता के लए परी ण लखने के लए आप न न क तरह कु छ करगे

ाउज़र

.setValue इनपुट कार ईमेल उपयोगकता नाम

.setValue इनपुट कार पासवड पासवड

लक कर .loginBtn

.assert .userbox .toHaveText username

वचा लत परी ण कौन लखता है जैसा क हमने पहले ही बताया कभी कभी सम पत वचा लत यूए इंज ी नयर होते ह जो वचालन

को लागू करते ह कभी कभी इसे डेवलपस ारा करना पड़ता है। कु छ कं प नयां यूए वभाग म नवेश करती ह अ य कं प नयां गुण व ा के लए

ज मेदार डेवलपस क सं कृ त को बढ़ावा दे ती ह। हमने दे ख ा है क यूए वभाग म एक सद य होता है जो मै युअ ल परी ण से लेक र हर बार एक नई

रलीज होने पर उनके ारा लखे गए वचा लत परी ण को चलाने के लए एक ज टल बु नयाद ढांचे को प रभा षत करने के लए सब कु छ करेगा। हमने

मैनुअ ल टे टस ऑटोमेटेड टे टस रलीज मैनेज स और अनुभवी इं ा चर क मय से बना काफ बड़ा यूए वभाग भी दे ख ा है।

हमने कोई यूए वभाग भी नह दे ख ा है डेवलपस सभी परी ण लखगे और बु नयाद ढांचा क मय को हर बार चलाने के लए उ ह चलाने के लए सही

उपकरण ा पत करने म मदद मलेगी।

य द कोई यूए वभाग नह है और ट म के पास वचा लत परी ण लखने के लए पया त संसाधन नह ह तो उ पाद बंधक कु छ य

उपकरण का उपयोग कर सकते ह जो यूआ ई परी ण के लए पद के पीछे सेले नयम या कसी अ य ढांचे का उपयोग करते ह। उदाहरण के लए

कै टलन टू डयो https www.katalon.com एक श शाली ढांचा है जो ाउज़र इंटरै न को रकॉड करने क अनुम त दे ता है जसे हर

बार आपक आव यकता के अनुसार फर से चलाया जा सकता है यह दावा करते ए क रन का प रणाम वही है जैसा क यह था रकॉ डग का समय।

एक और उदाहरण पीएसडीआई है

https www.pingdom.com । यह उपकरण वेबसाइट नगरानी के लए डज़ाइन कया गया है और इसक वशेषता म से एक को

लेनदे न नगरानी https www.pingdom.com product कहा जाता है।

लेनदे न नगरानी । यह उपकरण मु त नह है ले कन इसका उपयोग करना आसान है। हालाँ क नकारा मक प यह है क यह के वल ोम म परी ण

चलाता है और य द आपको वा तव म अ य ाउज़र म अपने ए लके शन क जांच चलाने क आव यकता है तो आपको इसे वयं करना होगा।

चूं क हमने ॉस ाउज़र परी ण का उ लेख कया है इस लए हम ाउज़र टै क के बारे म बात करनी होगी

https www.browserstack.com । यह ॉस ाउज़र और ॉस डवाइस परी ण के लए एक श शाली वेब आधा रत टू ल

है। यह मु त नह है ले कन यह र ाउज़र का उपयोग करके मै युअ ल परी ण से लेक र वचा लत परी ण तक संभावना क एक व तृत

ृंख ला दान करता है। मूल प से आप कसी भी सेले नयम ढांचे का उपयोग करके अपने वचा लत UI परी ण लख सकते ह और उ ह अपने से

कने ट कर सकते ह
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

ाउज़र टै क खाता उन लेटफ़ॉम और ाउज़र को न द करता है जनम आपके परी ण चलाने ह।

ाउजर टै क संसाधन के समान एक अ य उपकरण जो आजकल ब त लोक य है वह है सॉस लै स https saucelabs.com ।

य द आप ॉस ाउज़र परी ण के लए पैसा खच नह करना चाहते ह और ाउज़र टै क या इसी तरह के उपकरण म नवेश नह करना चाहते ह

ले कन आपको अभी भी कई ाउज़र म चलाने के लए अपने परी ण क आव यकता है तो आप वयं सेले नयम ड सेट कर सकते ह । आपको अपने

ए लके शन का परी ण करने के लए आव यक ऑपरे टग स टम और ाउज़र के साथ मशीन भौ तक या आभासी ा पत करनी ह गी। फर आपको इन

व भ मशीन से जुड़ने वाले हब के प म काम करने के लए अपना सेले नयम सवर इं टस सेट करना होगा। आदश प से आपको कु छ बु नयाद ढांचे को

कॉ फ़गर करना होगा जो आपको मांग पर सभी परी ण चलाने क अनुम त दे ता है। इस कॉ फ़गरेशन के लए कु छ ो ा मग और DevOps अनुभव क

आव यकता होती है। आमतौर पर यह अनुभवी यूए इंज ी नयर या डेवलपस ारा कया जाता है

DevOps क मय ।

च ओ गा ने एक बार अपनी ं टएंड ट म के लए कए गए एक तु त से कु छ टू ल क तुलना का नशॉट है ता क वे यह तय कर सक क

वे UI परी ण के लए कस टू ल का उपयोग कर सकते ह।

च । वचा लत परी ण चलाने के लए व भ उपकरण क तुलना

य द आप यूए परी क को काम पर नह रख रहे ह या परी ण के लए संसाधन आवं टत नह कर रहे ह तो आप हमेशा कर सकते ह

एक भीड़ परी ण मंच के लए जाने का नणय लेते ह जो आजकल ब त लोक य है। मूल प से ये लेटफ़ॉम आपके ए लके शन को नया भर के

हजार परी क से जोड़ते ह। आप एक परी क के प म पंज ीकरण कर सकते ह और अपना दन व भ प रयोजना के बटन पर लक करके और बग

रपोट भरने म बता सकते ह या आप एक वसाय वा म व के प म पंज ीकरण कर सकते ह और बता सकते ह क या कै से और
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

जब आपको परी ण करने क आव यकता होती है। ऐसे लेटफाम के कु छ उदाहरण म test.io https test.io और
वषावन QA https www.rainforestqa.com शा मल ह।
जैसा क आप दे ख सकते ह वहाँ ब त सारे वक प ह। यह वा तव म कोई फक नह पड़ता क आप या चुनते ह वा तव
म या मायने रखता है क आप समय खच करने और परी ण करने के लए वा तव म मह वपूण परी ण पर पैसा खच करने के बीच
एक सही संतुलन पाते ह। यह मह वपूण है क आप बाधा का पता लगाएं और सट क प से प रभा षत कर क या वचा लत होने
क आव यकता है और या मै युअ ल प से परी ण कया जा सकता है। यह मह वपूण है क आप व भ परी ण कोण के सभी
जो खम और भाव का आकलन कर। यह भी वा तव म मह वपूण है क कम से कम आपके उ पाद का सुख द पथ कभी वफल न हो।
यह वही है जो आपके उपयोगकता को आपके उ पाद के त वफादार बनाता है।

हमारे उ पाद का परी ण

हम व भ कार के परी ण और व भ कार के परी ण म भाग लेने वाले व भ लोग के बारे म ब त चचा करते रहे ह। चचा
काफ ई हम कु छ काम करना है।
हम अपने मंच का परी ण करना होगा। पछले अनुभाग म आप पहले ही जांच कर चुके ह क बैक एंड मॉ ूल के लए इकाई और
एक करण परी ण कै से बनाया जाता है। अब यू नट परी ण के साथ कु छ ं टएंड कोड को कवर करते ह कु छ मै युअ ल परी ण
चलाते ह और हमारे यूज र इंटरफे स के लए कु छ वचा लत परी ण लखते ह। याद रख अब आप एक व वंसक क टोपी पहने ह गे।

अपने उ पाद के त कोमल मत बनो आपका मु य उ े य इसे तोड़ना है

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

हमारे मामले म हम ब त भा यशाली थे य क हमारा एक दो त वतमान म सीख रहा है क कै से

एक परी क बन गया और वह खुशी खुशी हमारे मंच का परी ण करने के लए सहमत हो गई। वह एक वा त वक है जसका
नाम नता लया है और वह वतमान म एक बक लक के प म काम कर रही है और आईट म वच करना चाहती है। उसने मैनुअ ल
टे टर बनकर इस या ा को अपनाने का फै सला कया। उसने एक जोड़ा बताया
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

ह त तक कु छ लेख पढ़ना ऐसे लोग से बात करना जो वतमान म यूए इंज ी नयर के प म काम करते ह और इस काम क
ग तशीलता को सीखते ए और अब वह अपने हाथ को गंदा करने के लए तैयार है।
इस लए हमने उसे एक लक दया जो इस तर पर हमारे ारा कए गए काया वयन क ओर इशारा कर रहा था और उसे पंज ीकरण
और लॉ गन काया मकता का परी ण करने के लए कहा। उसके परी ण का प रणाम एक परी ण के स व नदश प क और एक
बग रपोट था। आइए उन पर एक नजर डालते ह।

परी ण के मामल

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

च । लॉ गन और र ज टर काय मता के लए टे ट के स
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

बेशक आप परी ण करने के लए कई अ य प र य के साथ आ सकते ह। यह आप पर नभर है क आप परी ण के साथ

कतनी गहराई तक जाना चाहते ह। यह आपके वसाय क कृ त पर भी नभर करता है। य द हम अ य धक संवेदनशील ब कग अनु योग
से नपटते ह जो धोखेबाज और हैक स को आक षत कर सकते ह तो आपको सभी संभा वत प र य और उनके संयोजन के बारे म सोचने
क आव यकता है। य द आप अपने दो त के लए एक ऐसा ए लके शन बना रहे ह जो कसी भी समझदार डेटा से नपटता नह है तो आप
अ धक आराम से हो सकते ह।

बग रपोट
अपने प र य म व णत चरण का पालन करने क को शश करते ए नता लया ने पाया क कु छ ऐसे मामले ह जहां अपे त वहार
नह कया जा रहा है। वशेष प से उसने महसूस कया क गलत डेटा दान कए जाने पर कोई त या नह थी। उसने अपनी टे ट
के स शीट म उन परी ण मामल को लाल रंग के प म च त कया और एक साधारण बग रपोट बनाई च ।

च . लॉ गन काय मता के लए सरल बग रपोट

बेशक य द आप परी ण मामल और बग रपोट बनाने के लए डज़ाइन कए गए एक व श सॉ टवेयर का उपयोग करते

ह तो सब कु छ एक साथ जोड़ा जाएगा और डेवलपस और उ पाद बंधक के लए बग का पालन करना और उ ह काय म बदलना
ब त आसान होगा। ब स को ाथ मकता द जा सकती है और होनी चा हए और ठ क करने क उनक ाथ मकता उनक गंभीरता और
भाव पर भी नभर करती है। कु छ बग को शो टॉपर माना जा सकता है उ ह ठ क कए बना स टम काय करने म स म नह है। कु छ
बग को इतनी कम ाथ मकता माना जाता है क वे हमेशा के लए बैक लॉग के नचले भाग म समा त हो जाते ह बैक लॉग शु करण।
कु छ बग माने जाते ह... सु वधाएँ यह अ या शत है है ना दरअसल यह ो ामर के पसंद दा चुटकु ल म से एक है। जब कसी उ पाद
के मा लक या परी क ारा कु छ बग क ओर इशारा करते ए उनसे संपक कया जाता है तो वे कहते ह यह बग नह है यह एक
वशेषता है कभी कभी यह सच भी हो जाता है।

कु छ गलती से पेश क गई काय मता इतनी भयानक हो जाती है क यह एक नई सु वधा बन जाती है। हालां क ये लभ और सुख द
मामले ह यादातर मामल म बग स टम के लए कसी भी तरह हा नकारक होते ह।
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

बग क गंभीरता के बारे म सोचते समय हमेशा अपने उपयोगकता के बारे म सोच। उनक कतनी संभावना होगी

पी ड़त अगर यह बग ठ क नह कया जाएगा कतनी संभावना है क वे आपक सेवा का उपयोग करना बंद कर दगे

उदाहरण के लए य द मेरे पास अलाम घड़ी ए लके शन है और नूज़ काय मता टू ट गई है तो म शायद इसके बना जी वत र ंगा

वा तव म कु छ मामल म हम इस तरह क बग को एक वा त वक वशेषता मान सकते ह य क यह हम हमारी नयु य के लए समय

पर बनाएगी।

हालां क अगर र गग क काय मता ब कु ल भी टू ट जाएगी तो म इस ऐप का उपयोग करना बंद कर ं गा।

ं टएंड के लए यू नट टे ट

आप इकाई परी ण क अवधारणा से पहले ही प र चत ह। दरअसल आपने उ ह पहले ही दे ख लया है जब आप बैक एंड

डेवलपमट चै टर पढ़ रहे थे। अब हम before frontend tests फ़ो र म कोड को आधार के प म लगे और ं टएंड ए लके शन पर

कु छ यू नट परी ण को लागू करगे। हम एक परी ण धावक के प म मोचा का उपयोग करगे और एक अ भकथन पु तकालय के पम
अपे ा करगे। आपको बस उ ह npm या यान का उपयोग करके ा पत करना है

सीडी पा म ं टएंड

npm इं टॉल सेव दे व मोचा वेबपैक मोचा उ मीद

या

यान ऐड दे व मोचा वेबपैक मोचा उ मीद

अगला कदम हमारे package.json म टे ट ट जोड़ना है

पैके ज.जेसन

...

ट
दे व अगला

ब अगला नमाण

शु अगली शु आत

उप अगला उ प
परी ण मोचा वेबपैक आव यक परी ण सेटअप.जेएस परी ण इकाई .spec.js

...
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

अब परी ण के लए बु नयाद सेटअप जोड़ते ह और उ ह जोड़ना शु करते ह। एक फो र बनाएं

ना मत परी ण और एक setup.js फ़ाइल बनाएँ

परी ण सेटअप.जेएस

Global.expect आव यकता उ मीद

आइए एक परी ण उदाहरण बनाएं। टे ट यू नट म test.spec.js नाम क एक फाइल बनाएं

फ़ो र। वहां एक नकली परी ण जोड़

वणन कर परी ण

यह परी ण चलाना चा हए

उ मीद । बराबर

जावा ट म ब त सारे परी ण ढांचे समान वा य व यास दान करते ह। कोड क कु छ इकाई के लए एक बड़ा परी ण सूट न द

करने के लए वणन फ़ं न का उपयोग कर। फर उस फ़ं न का उपयोग कर जो छोटे परी ण व नदश और परी ण फ़ं न को वयं वीकार करता

है। परी ण फ़ं न परी ण क जा रही इकाई के कु छ ह स को कॉल करता है और कु छ प रणाम का दावा करता है। आइए उदाहरण के लए Vuex

टोर के गेटस मॉ ूल के तरीक क जांच यू नट टे ट के साथ कर

टोर गेटस.जेएस

लॉनाश से आयात ढूं ढ

नयात डफ़ॉ ट

पा म रा य रा य पा म

मा णत है रा य रा य.टोकन

माणन रा य रा य। ा धकरण

उपयोगकता रा य रा य। उपयोगकता

कोस टे ट फाइंड टे ट.कोस आईडी टे ट.कोसआईड

उपयोगकता पा म रा य रा य। उपयोगकता पा म

userCourses State State.courses.filter course course.enrolled true

इन व धय का परी ण करना आसान है य क हम उ ह रा य व तु पास कर सकते ह और जो हम पास करते ह उसके अनुसार हम कु छ

व श प रणाम क उ मीद कर सकते ह। उदाहरण के लए isAuthenticated व ध के लए य द हम बना टोकन के रा य व तु को पास

करते ह तो व ध को झूठ वापसी करनी चा हए और य द हम रा य व तु को टोकन के साथ पास करते ह तो व ध सही होनी चा हए
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

टे ट यू नट टोर गेटस. ेक .जेएस ड शन

isAuthenticated
यह टोकन मौजूद नह होने पर झूठ वापसी करनी चा हए उ मीद
getters.isAuthenticated .toBeFalsy it टोकन मौजूद होने पर सही
लौटना चा हए उ मीद getters.isAuthenticated token
asd .toBeTruthy

after frontend tests फ़ो र म कोड क जाँच कर। हमने Vuex पाने वाल के लगभग सभी तरीक को कवर कर
लया है। य द हम npm परी ण या यान परी ण का उपयोग करके परी ण चलाते ह तो हम च म कं सोल पर आउटपुट
ा त करगे।

च । Vuex टोर गेटस यू नट परी ण चलाना

या उन हरे रंग के चेक माक दे ख ना अ ा नह है ओ गा उ ह यार करती है

Machine Translated by Google

अ याय हमारे उ पाद का परी ण

आदश प से हम कु छ एंड टू एंड परी ण लखने चा हए थे ले कन हमारे पास अ धक र UI होने के बाद हम उन पर

काम करगे। हालाँ क कु छ UI परी ण को प रभा षत करने के लए नाइटवॉच या कसी अ य उपकरण का उपयोग करने के लए आपका
वागत है।

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

अपने आप का परी ण कर

• सॉ टवेयर वकास क नया म बग या है

• एक क ट जो कं यूटर के बल काटता है

• एक छोट म खी जो ो ामस को काटती है और उ ह काम करने से रोकती है

• स टम म एक खराबी जो इसे अपे त प से काम करने से रोकती है

• अपे त वहार के व सु वधा का वा त वक वहार

• आप एक परी ण के स प र य खोलते ह और आपके ारा व णत चरण का पालन करते ह

इससे पहले आप एक वेब पेज खोलते ह उस बटन पर लक कर जो कहता है हमसे जुड़ फॉम भर सरे

बटन पर लक कर और जांच क अगला पृ एक सफलता संदेश द शत करता है। आप

• एक उ पाद वामी

• एक वचालन परी क
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

• एक मैनुअ ल परी क

• एक डेवलपर

• उपरो म से कोई भी

• उपरो म से कोई भी ले कन वचालन परी क क संभावना कम है

• आपके कोड म एक फ़ं न है जो दो सं या का योग करता है। यह काय होने के लए एक आदश उ मीदवार

है

• एस यूएल इंज े न के खलाफ परी ण कया गया

• यू नट परी ण ारा कवर कया गया

• कु छ दशन बचमाक के खलाफ परी ण कया गया

• ाउज़र म मै युअ ल प से परी ण कया गया

• आज का दन बड़ा है हम अपने उ पाद का अं तम सं करण जारी कर रहे ह।

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

• बग रपोट बनाएं रलीज या को रोक उ पाद बंधक को बताएं क बग को ठ क कए जाने

तक रलीज को शप नह कया जा सकता है।

• इंटरनेट ए स लोरर क परवाह कसे है यह एक ाउज़र भी नह है। आइए रलीज के साथ आगे
बढ़

• IE उपयोगकता के ह से क जाँच कर य द यह ब त अ धक नह है तो इसे छोड़ द। अगर यह अ धक है

से अ धक आइए पहले बग को ठ क कर।

• इसे रलीज़ कर ले कन रलीज़ नोट् स म लख क IE म एक ात बग है। इसे ज द से ज द

ठ क कर और एक छोटा सं करण जारी कर।

पहले का सही उ र स टम म खराबी है ले कन वा तव म बग श द एक क ट के कारण कट आ जसने कु छ

स कट को खराब कर दया इस लए स टम म खराबी का प रचय दया।
Machine Translated by Google

अ याय हमारे उ पाद का परी ण

सरे का कोई सही उ र नह है। बेशक व णत याएं आमतौर पर एक मैनुअ ल परी क ारा क जाती ह ले कन अगर

ट म म कोई मैनुअ ल परी क नह है तो यह कोई भी हो सकता है यहां तक क एक वचालन परी क भी।

तीसरे का एकमा सही उ र यह है क फ़ं न को इकाई ारा कवर कया जाना चा हए

परी ण।

चौथा मु कल है और यह वा तव म कई कारक पर नभर करता है। कभी कभी आपको सभी को यह बताने के लए वा तव

म मजबूत होना पड़ता है यह पास नह होगा य क अगर स टम कु छ मह वपूण ब स के साथ लाइव हो जाता है तो अंत म

आप इसके लए ज मेदार ह गे य क आपने इसे पास होने दया है।

हालां क कभी कभी कु छ ावसा यक ल य के कारण बग वा तव म उ पादन म जा सकता है और उपयोगकता को इसके बारे म

पता होना चा हए। तो इंटरनेट ए स लोरर के बारे म कौन परवाह करता है कहने वाले को छोड़कर सभी उ र लागु कर सकते हे।

अगर इस परी ा के दौरान आपके भी कु छ ऐसे ही वचार थे तो बधाई हो आपने सॉ टवेयर परी क क टोपी सफलतापूवक पहन ली
है

यह ब त अ ा है क अब हम जानते ह क हमारे सॉ टवेयर का परी ण कै से कया जाता है ले कन यह और भी बेहतर होगा य द

हम आराम कर सक और इसके बारे म सोच भी न सक। यह ब त अ ा होगा य द हर बार जब हम अपने उ पाद को अपडेट करते ह तो

परी ण वचा लत प से अपने आप चलगे। यह भी ब त अ ा होगा अगर हम अपने लेटफॉम को ानीय प से अपनी मशीन पर चलाने के

बजाय कु छ अ े यूआ रएल खोलकर इसे या म दे ख सक। और या होगा अगर हर बदलाव पर हम सफ एक बटन दबा सकते ह और फर

पेज को अपडेट कया जाएगा लाइव कया जाएगा और परी ण चलाए जाएंगे या यह जा होगा दरअसल यह हक कत होगी। हम अगले

अ याय म सीखगे क इस वा त वकता का नमाण कै से कया जाता है। अ याय DevOps बु नयाद ढांचे नरंतर एक करण और नरंतर

वतरण के लए सम पत है। आप सीखगे क अपने उ पाद के साथ लाइव कै से जाएं और लाइव होने क या को वचा लत कै से कर। या यह

रोमांचक नह है च लए चलते ह
Machine Translated by Google

अ याय

चलो लाइव
पछले अ याय म हमने अपने सॉ टवेयर उ पाद के लए व भ परी ण तकनीक पर चचा क थी। हमने अपने सीखने के मंच का

परी ण करने के लए व भ तरीक का इ तेमाल कया और अब हम बता सकते ह ठ क है हमारा उ पाद लागू और परी ण कया गया है हम

कर चुके ह। मजाक था।

पहला हमारा उ पाद अभी तैयार नह आ है इसे अभी भी हमारे यान और यार क ब त आव यकता है और सरा इसे तैयार

नह माना जा सकता है य द हम इसे कसी को नह दखा सकते ह। आप इसे कै से दखाते ह इस समय आप अपने म को अपना काय

दखाने का एकमा तरीका उ ह अपने ान पर आमं त करना सीधे अपने कं यूटर के ाउज़र पर अपना वेबपृ खोलना और आपने जो

कया है उसक एक छोट तु त दे ना है। न त प से आपके म इसे पसंद करगे

ले कन ... या होगा य द आप अपने काम को अपने दो त से अ धक के लए उपल कराना चाहते ह जो आपके ान पर आ सकते

ह ये सभी वेबसाइट वै क नेटवक म कै से प ंचती ह और हम के वल www.google.com जैसे ाउज़र के बार म कु छ अ ा पता

टाइप करके उन तक कै से प ंच सकते ह य द हम अपने उ पाद को का शत करने और फर कु छ बदलने का बंधन करते ह तो इन

प रवतन को कै से चा रत कया जाता है अगर हम कोई बग मल जाए और उसे ठ क कर दया जाए तो हम उसे तुरंत ऑनलाइन कै से
उपल करा सकते ह हम कै से गारंट दे ते ह क नया म प रवतन का शत करने से पहले हमारे परी ण पास हो जाते ह हम कै से पता

चलेगा क हमारे उ पाद का उपयोग कया जा रहा है हम कै से पता चलेगा क हमारा उ पाद चल रहा है या नह य द हमारे सॉ टवेयर के

ोत कोड पर एक से अ धक काम कर रहे ह तो इसके स नाइज़ेशन क गारंट कै से द जाती है

इन और कई अ य सवाल के जवाब इस अ याय म दए जाएंगे जो सम पत है

कोड को स नाइज़ परी ण का शत और अ तत रखने के लए आव यक बु नयाद ढांचे और उपकरण के लए। हम उन

जा गर के बारे म भी बात करगे जो इन ज मेदा रय के शीष पर खड़े ह। आप इनम से येक पा क टोपी पहनगे और आप अ त और

श शाली महसूस करगे।

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय लाइव चल

अपने सॉ टवेयर ोजे ट को कै से का शत कर

अब जब आपने अपना वेब ोजे ट लागू कर दया है तो यह अपे ा से अ धक है क आप इसे का शत करना चाहते ह। इसे
नया को उपल कराने के लए आपको इसे कह चलाना होगा और इसे खोजने यो य बनाना होगा। आप पहले से ही जानते ह
क ोजे ट कै से चलाना है है ना आपने एक साधारण सवर लागू कया है और आप इसके साथ html पृ क सेवा करने म
स म ह। इसे खोजने यो य बनाने का या अथ है

खोजे जाने यो य होने का अथ है वै क नेटवक से जुड़े कसी भी कं यूटर से के वल प ंच यो य होना।

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

हाँ यह सुंदर है ले कन आप नह चाहते क आपका कं यूटर पर हो ठ क वैसे ही आपका

म आपके आवेदन तक प ंच सकते ह है ना इसके अलावा यूआ रएल के बारे म या या आप अपनी पसंद दा वेबसाइट
के IP पत को याद रखने और उ ह यान म रखने म स म ह गे ब कु ल नह और नजी अनुबंध के लए समय समय पर आईपी
पते बदलते रहते ह
आप अपने दो त को कु छ साथक नाम दे ना चाहते ह और आप अपने आवेदन को कसी अ य मशीन पर चलाना चाहते ह जो
आपक नह है
आइए अपनी सेवा को कह और हो ट करके शु कर जो आपका पसनल कं यूटर नह है।
सबसे पहले आप एक सम पत मशीन खरीद सकते ह और इसे अपने घर पर ा पत कर सकते ह। यह आपका अपना बेयर मेटल
सवर होगा।

एक बेयर मेटल सवर एक सम पत भौ तक मशीन है जो के वल एक करायेदार क ज रत को पूरा करती है। यह

श द इंटरनेट सेवा क मेज बानी के लए उपयोग क जाने वाली भौ तक मशीन को उनके आभासी और लाउड
म से अलग करने के लए पेश कया गया है।

यान रख क य द आप अपने सवर पर कु छ चलाना चाहते ह तो आपके पास वा तव म एक श शाली इंटरनेट कने न
होना चा हए जो कभी वफल न हो। आपको यह सु न त करना होगा क
Machine Translated by Google

अ याय लाइव चल

मशीन का आईपी पता न त है और आपको यह सु न त करना होगा क आप अपनी आव यकता को यान म रखते ए नवेश
कर। याद रख क आपको अपनी सेवा को के ल करने क आव यकता हो सकती है समय के साथ आपको अ धक ान अ धक मेमोरी या
अ धक श क आव यकता हो सकती है।
आप लाउड सेवा पर अपनी सेवा भी हो ट कर सकते ह। आपके पास उनम से ब त कु छ है सबसे अ धक उपयोग म से एक
एड यूएस अमेज़ ॅन वेब स वसेज है वहां आप वचुअल सवर के लए भुगतान कर सकते ह उससे कने ट कर सकते ह और वहां अपनी
सेवाएं चला सकते ह। आपके पास ड जटल महासागर Microsoft Azure Google लाउड सेवाएँ IBM लाउड समाधान आ द
ह। के वल आलसी नगम ही आजकल लाउड और आभासी समाधान दान नह करते ह।

यह तय करने के बाद क आपक सेवा को कहां हो ट करना है आप यह तय कर सकते ह क इसका नाम कै से रखा जाए।
इंटरनेट पर उपयोग कए जाने वाले शीष तरीय नाम के लए भुगतान कया जाना चा हए और उ ह खरीदने के बाद आप उ ह आसानी
से उस आईपी पते से जोड़ सकते ह जहां आपका ए लके शन चल रहा है। वै क नेटवक पर खोजी जाने वाली वेब सेवा के नाम बेचने
वाली सेवा को DNS दाता कहा जाता है।

DNS का अथ डोमेन नाम णाली है और यह मूल प से वह णाली है जो आईपी पते के लए

साथक नाम को मैप करती है जससे वे वै क नेटवक म खोज यो य और सुलभ हो जाते ह।

DNS दाता लोग को वे नाम खरीदने म स म बनाते ह जो वे चाहते ह और उ ह उन सेवा के लए मैप करते ह जनक उ ह
ावसा यक उ े य के साथ साथ के वल नजी के लए आव यकता होती है। नाम क सादगी याद रखने म आसानी और शीष तरीय डोमेन
कार के अनुसार लागत भ होती है।

शीष तरीय डोमेन डोमेन नाम का अं तम खंड है कु छ ऐसा जो नाम के बाद दखाई दे ता है .com .edu .org
आद

वहाँ व भ DNS दाता ह। जसका हम उपयोग करते ह उसे GoDaddy कहते ह

https www.godaddy.com ।
कई अ य वक प ह लाउड लेयर https www.cloudflare.com dns लॉडएनएस https
www.cloudns.net डएनएस https freedns.afraid.org namecheap https www.namecheap.com
domains freedns.aspx एक मु त डीएनएस दाता जसे https www. hosting.com product
freedns आ द कहा जाता है। अं तम नाम एक है थोड़ा डरावना हम वीकार करना चा हए ले कन जस समय म हम आसान डेटा
ए सेस के साथ रहते ह फे सबुक गूगल और अ य समान कम से कम यह नाम सट क लगता है।

जैसा क हमने पहले ही बताया डोमेन नाम क क मत अलग अलग हो सकती ह। आइए उदाहरण के लए GoDaddy पर
डोमेन नाम नाइस के लए खोज च ।
Machine Translated by Google

अ याय लाइव चल

च । डोमेन के लए क मत good.online

जैसा क आप दे ख सकते ह यह ब त स ता नह है।

आइए दे ख क य द हम नो टस डोमेन क तलाश करते ह तो या होता है च ।

च । डोमेन के लए क मत notnice.online
Machine Translated by Google

अ याय लाइव चल

वाह थोड़ा स ता है ना
य द आप अपनी वेब सेवा के लए डोमेन खरीदने का नणय लेते ह तो कन नाम पर चचा करने से पहले
अ ा लग रहा है DNS दाता क वेबसाइट पर उपल ता और क मत क जांच कर।
अपना डोमेन नाम खरीदने के बाद आपको इसे आईपी पते से जोड़ना होगा
हो ट का जहां आप अपनी सेवा चलाते ह। हो ट और डोमेन दाता दोन नदश दान करते ह क यह कै से करना है। फर
बस ाउज़र म नाम टाइप कर और अपनी सेवा तक प ँच

य द यह सब आपको थोड़ा ज टल लगता है तो चता न कर ब त सारी सेवाएँ ह जो आपके जीवन को आसान बना सकती ह।

उदाहरण के लए Wix https www.wix.com आपको एक साधारण ैग एंड ॉप वेबसाइट नमाण से डोमेन
पंज ीकरण तक क या ा दान करता है। आप तुरंत अपनी वेबसाइट बनाते ह आप इसे पंज ीकृ त करते ह और यह तुरंत नेटवक पर
उपल हो जाती है।
इसी तरह क एक अ य सेवा वर ेस https www.squarespace.com है। यह वेबसाइट बनाने क भी अनुम त
दे ता है जहां आप सैक ड़ आ यजनक टे लेट्स म से चुन सकते ह और त काल अपना डोमेन पंज ीकृ त कर सकते ह।

य द आप अभी भी अपनी सेवा वयं बनाना चाहते ह ले कन कसी तरह हो टग भाग को वचा लत करना चाहते
ह तो आपको अपनी फ़ाइल को हर बार बदलने पर सवर पर मै युअ ल प से कॉपी और पे ट करने क आव यकता नह है आप
वचा लत समाधान म से एक का उपयोग कर सकते ह जैसे एड यूएस https aws.amazon.com उसके ोकू https
www.heroku.com गूगल लाउड https cloud.google.com गूगल फायरबेस https
firebase.google.com आ द।
ये सेवाएं आपको एक सरल कमांड लाइन इंटरफ़े स दान करती ह जो कु छ कमांड के एक सेट के साथ आपक सेवा को प र नयो जत
करने का एक आसान तरीका स म करती है।

हम तैनाती के बारे म कब सोचना शु करते ह

य द आप पछले अ याय म पया त यान दे रहे थे और य द आप समानताएं बनाने म अ े ह तो आप पहले से ही इस का
उ र जान सकते ह।
बेशक हम काया वयन क शु आत म ही तैनाती के बारे म सोचना शु करना होगा। आपको यह जानने क
आव यकता है क आप जस भी प र नयोजन उपकरण का उपयोग कर रहे ह उसके साथ आपक सेवा कै से एक कृ त होगी।
इसका मतलब है क आपको आव यक बु नयाद ढांचा पहले से तैयार करना होगा इस लए जब भी आपका कोड शप करने
के लए तैयार हो तो आप इसे एक बटन के लक पर शप कर सकते ह।

बेशक जब आप कोड लखना शु करते ह तो तैनात करने के लए कु छ भी नह होता है। सबसे पहला
प र नयोजन यो य सं करण को तैयार होने म शायद कु छ समय लगेगा। तो आप सब कु छ पहले से कै से तैयार कर सकते ह
पयावरण का अनुक रण कर बहाना सब कु छ तैयार है। आप
Machine Translated by Google

अ याय लाइव चल

अपने आ कटे चर का एक वचार है और चीज एक सरे के साथ कै से इंटरै ट करगी उदाहरण के लए अंत न हत डेटाबेस बैक एंड
और ं टएंड । इन चीज के मॉक बनाएं और ऑनलाइन डाल। सु न त कर क यह काम करता है। तैनाती क या म तब तक सुधार
कर जब तक क यह या वचा लत न हो जाए। ऐसे ब त से टू ल ह जो इसम आपक मदद कर सकते ह। एक बार जब
आप प र नयोजन क अपनी वचा लत या ा त कर लेते ह तो आप अपने कोड के राजा होते ह। आप न त प से जानते ह क
एक बार जब आप अपना कोड बदल लेते ह तो आप इसे आसानी से लाइव कर सकते ह।

हालां क आपको यह सु न त करना होगा क इसे लागू करने से पहले सभी परी ण पास हो जाएं। आपको यह भी सु न त
करना होगा क य द आप कोड पर काम करने वाले अके ले नह ह तो कई डेवलपस का कोड आसानी से एक कृ त हो जाता है। यह पूरी
या भी ऑटोमे टक होनी चा हए। एक ही कोडबेस म एका धक उपयोगकता कोड को एक कृ त करने और प र नयोजन से पहले
परी ण और अ य कोड जांच चलाने क वचा लत या को सतत एक करण कहा जाता है।

एक कदम और आगे बढ़ एक करण और वचा लत परी ण के अलावा उ पादन के लए भेज े जाने के लए अपना कोड
तैयार कर और आपके पास नरंतर वतरण होगा।
अपने नरंतर वतरण के प रणाम को अपने हो टग लेटफॉम पर वचा लत प से तैनात कर
Voilà आपके पास अपनी सतत प र नयोजन भी है य द आप फसी बनना चाहते ह तो आप सभी नरंतर एक करण और नरंतर
प र नयोजन या को CI CD के प म सं त कर सकते ह
अगर मेरे पास रॉक बड होता तो म शायद इसे ही कहता ।
आपक नरंतर जा ई या को ा पत करने म आपक मदद करने के लए ब त सारे उपकरण तैयार ह ले कन उन पर चचा
करने से पहले आइए पहले कोड के बारे म सोच। हम इसे कहां रखना चा हए ता क इसे आसानी से जांचा जा सके परी ण कया जा
सके तैनात कया जा सके और वत रत कया जा सके यह ब कु ल है क हमारे कं यूटर पर सफ एक फो र उस काम के लए
पया त नह है।

म अपना कोड कहां रखूं

पछले खंड म हमने न कष नकाला था क सॉ टवेयर एक करण नमाण और प र नयोजन क वचा लत या को लगातार
चलाने म स म होने के लए हमारे कोड के लए हमारी मशीन पर रहना पया त नह है। कु छ क कृ त ान होना चा हए जहां हर
कोई जो वकास म शा मल है उसे कसी भी समय कोड मल सकता है और जहां कोड बदलने के बाद उसे अपडेट कया जा सकता
है।

हम सोचना चा हए। यह ान कै सा दखना चा हए शायद ॉपबॉ स या गूगल ाइव या कु छ

अ य लाउड सेवा जैसे iCloud खैर हो सकता है। यह क कृ त है आप ासं गक लोग के साथ प ंच साझा कर सकते ह
और आप फ़ाइल तक प ंच सकते ह उ ह बदल सकते ह उ ह हटा सकते ह और नए जोड़ सकते ह। यह सच है। आइए न न ल खत
प र य क क पना करने का यास कर आप और आपका म एक ही समय म कसी फ़ाइल पर काम करना शु करते ह। आप दोन
अपने लाउड को ए सेस करते ह फाइल डाउनलोड करते ह और काम करना शु करते ह। आपने पहले अपने प रवतन कर लए ह
इस लए आप फ़ाइल अपलोड कर।
Machine Translated by Google

अ याय लाइव चल

फ़ाइल को बदल दया जाता है। थोड़ी दे र बाद आपका दो त भी हो जाता है और फाइल को अपलोड भी कर दे ता है और फाइल को फर से

र लेस कर दया जाता है। फ़ाइल के इस नए सं करण म आपके प रवतन नह ह गे। उफ़

एक और प र य क क पना कर आप अपनी फाइल पर अके ले काम करते ह। आप कु छ प रवतन तुत करते ह फ़ाइल को त ा पत

करते ह अ धक प रवतन तुत करते ह फ़ाइल को फर से त ा पत करते ह अ धक प रवतन तुत करते ह और फ़ाइल को फर से

त ा पत करते ह। अचानक आपको एहसास होता है क स टम टू ट गया है। वा तव म इसे या तोड़ा आप फ़ाइल को कै से वापस करते ह

आप कै से जांचते ह क हाल के तीन सं करण म से कौन सा काम कर रहा था इस का उ र बोरो मर के पास है च ।

च . एक सं करण णाली के बना के वल ोत कोड का बंधन नह करता है

हमेशा क तरह बोरो मर सही है। कोड सं करण को नयं त करने म स म होने के लए हम के वल एक क कृ त लाउड स टम क

तुलना म कु छ और चा हए। हम एक सं करण नयं ण णाली क आव यकता है। और वे मौजूद ह उ ह एससीएम सोस कोड मैनेज मट टू स

या वीसीएस सं करण नयं ण णाली कहा जाता है।

उनम से ब त सारे ह एसवीएन अपाचे सबवजन https subversion.apache।

org GIT https git scm.com Mercurial https www.mercurial scm.org आ द।

डेवलपस के बीच GIT सबसे लोक य है। यह ोत कोड के बंधन क अनुम त दे ता है

सरल ले कन श शाली आदे श के एक सेट का उपयोग करना। उदाहरण के लए कसी दए गए फ़ो र पर git रपॉ जटरी बनाने के लए

आप git init चलाएंगे। हाल के प रवतन को ख चने के लए आप गट पुल कमांड चलाते ह। नई फ़ाइल जोड़ने के लए आप गट

ऐड चलाएंगे। एक बार जब आप कु छ फ़ाइल बदलते ह

Machine Translated by Google

अ याय लाइव चल

और आप उन प रवतन से संतु ह आपको उ ह तब करना होगा फर आप गट क मट चलाते ह जो आपने बदल दया है यह बताते ए एक साथक

तब संदेश दान करते ह। एक बार जब आप अपने तब प रवतन को बाक ट म के साथ साझा करने के लए तैयार हो जाते ह तो आप उ ह गट

पुश कमांड चलाने के लए े रत करते ह।

येक क मट म एक संब हैश होता है और आप कसी भी समय अपने कोड को कसी भी क मट म वापस कर सकते ह। य द आपका सहयोगी एक

ही फाइल पर काम कर रहा है तो गट यह सु न त करेगा क सभी प रवतन भंडार म समा त हो जाएं। य द प रवतन पर र वरोधी ह क पना कर क

आपने कोड क उसी पं को कसी और के प म बदल दया है git आपको चेतावनी दे गा और रपॉ जटरी के फर से एक सुसंगत त म होने से पहले

आपको उन संघष को हल करने के लए कहेगा।

आप अपने git अ यास को श त करने के लए इस य उपकरण का उपयोग कर सकते ह http git school.github।

आईओ वजअलाइ ज़ग गट .

यु हर बार जब आप कोड के एक टु क ड़े पर काम करते ह तो सु न त कर क आप हमेशा सबसे अ तन

सं करण पर काम करते ह और आप अपने प रवतन को ब त बार करते ह और ध का दे ते ह। यह आपको
संघष से बचने क अनुम त दे गा।

ठ क है गट कमांड चलाना अ ा लगता है ले कन कोड वा तव म कहां रहता है अभी भी कु छ लाउड सेवा होनी चा हए जहां कोड रहता है ता क हर

कोई इसे ए सेस कर सके ।

यह सच है आपके git रपॉ जटरी को बनाए रखने के लए ब त सारे समाधान ह।

Bitbucket https bitbucket.org gitlab https about.gitlab.com और github https github.com सबसे

लोक य ह। हम जीथब का उपयोग करते ह य क यह सीआई सीडी के लए ब त सारे उपयोगी उपकरण और एक करण दान करता है।

GitLab अब लोक यता हा सल कर रहा है य क यह DevOps क मान सकता के साथ सु वधा के एक सेट को स म बनाता है। सभी CI

CD पाइपलाइन पहले से ही इस टू ल म एक कृ त ह इस लए आपको इसे कसी और चीज़ के साथ एक कृ त करने क आव यकता नह है और इसका ं टएंड

Vue.js म लखा गया है जसम से ओ गा ब त बड़ी शंसक है

सतत एक करण और वचा लत परी ण

हम पहले ही चचा कर चुके ह क हमारे कोड को लगातार Git के साथ कै से एक कृ त कया जाए ता क आप सु न त हो सक क आपके सभी प रवतन

सावधानीपूवक सं हीत और सं करणब ह आइए अब बात करते ह क हर बार जब आप अपने कोड को पुश करते ह तो उसक जांच करते ह। पछले अ याय

म आपने सीखा क व भ कार के परी ण कै से लखे जाते ह। आइए अब दे ख क जब हम अपने कोड को अपने वीएससी पर धके लते ह तो हम उन परी ण

को वचा लत प से चलाने के लए कै से आमं त करते ह।

Machine Translated by Google

अ याय लाइव चल

आइए एक बात याद रख परी ण आमतौर पर चलते ह य क हम कु छ कमांड का आ ान करते ह

सही उदाहरण के लए पछले अ याय म हमने बैक एंड के लए कु छ यू नट टे ट लखे थे और उ ह चलाने के लए हम mvan
लीन टे ट Ptest कमांड को लागू करगे।

ं टएंड ऐप म हमारे पास यू नट टे ट थे जो npm टे ट कमांड के साथ चलगे

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

च । सैक ड़ कोड गुण व ा मे स ह ज ह चेक कया जा सकता है

सभी चीज क जांच कर ले कन पहले उन चीज क पहचान कर जो आपके वसाय के लए मह वपूण ह

ठ क है तो म अपनी मह वपूण चीज क जांच करने के लए कु छ आदे श को प रभा षत करता ं अब या तुम

पूछ सकते ह।
अब कसी तरह आपको अपने स टम को इन कमांड को चलाने के लए कहना चा हए। आप उ ह कब चलाते ह यह आपको
तय करना है। उदाहरण के लए आप एक पूव तब क बना सकते ह जो आपके प रवतन करने से पहले सभी जाँच को चलाएगा।
या यह ी पुश क हो सकता है।
हालां क ी क मट और ी पुश क आपक ानीय मशीन पर चलगे जो कई जांच होने पर आपक वकास या को धीमा कर
दे गा।
Machine Translated by Google

अ याय लाइव चल

आमतौर पर आप ानीय प से सबसे मह वपूण जांच चलाते ह उदाहरण के लए यू नट परी ण और छोड़ द

आपके नरंतर एक करण उपकरण के लए अ य गुण व ा जांच।
वहाँ ब त सारे उपकरण ह। वे आसानी से गटहब या कसी अ य गट के साथ एक कृ त हो जाते ह
हो टग लेटफॉम नए क मट् स का पता लगाएं उन पर चेक चलाएं और वफलता के मामले म सू चत कर।

टू ल म से एक ै वस सीआई https travis ci.org है। यह वह है जसे हम अपने पा म मंच के लए उपयोग कर रहे ह।
मूल प से आप TravisCI लेटफ़ॉम से कने ट होते ह इसे अपने GitHub रपॉ जटरी से कने ट करने के लए इसके इंटरफ़े स का
उपयोग करते ह और यह जानने के लए ै वस के लए एक कॉ फ़गरेशन फ़ाइल बनाते ह क आपके कोड क प व ता क जाँच करने के
लए कौन से कमांड चलने चा हए।
एक और अ ा टू ल जो आसानी से GitHub के साथ एक कृ त हो जाता है वह है CircleCi https circleci.
कॉम . यह अपने सेट अप और कॉ फ़गरेशन म TravisCI के समान है।
एक ब त अ ा पुराना लेटफॉम जसका उपयोग डेवलपस क पी ढ़य ारा स दय से कया जा रहा है वह है जेन कस
https jenkins.io । यह थोड़ा बदसूरत और बो झल है ले कन वा तव म श शाली है और ऐसा कोई काम नह है जो आप
इसके साथ नह कर सकते।
य द आप एक गीक क तरह महसूस करना चाहते ह तो आप ConcourseCI https concourse ci. का उपयोग कर सकते ह।

संगठन . यह उपकरण yaml कॉ फ़गरेशन फ़ाइल का उपयोग करके भी कॉ फ़गर कया गया है और आपको ब पाइपलाइन का
एक फसी वजअलाइज़ेशन दान करता है।
यह आप पर नभर है क या उपयोग करना है। हम TravisCI या CircleCI को ाथ मकता दे ते ह य क वे आसानी से एक कृ त हो जाते ह

GitHub के साथ और एक उपयोगकता के अनुकू ल इंटरफे स है। इन उपकरण का उपयोग करने के लए सीखने क अव ा यूनतम है
जो आपको मनट म अपने नरंतर एक करण के लए एक बु नयाद सेटअप करने क अनुम त दे ती है।

सतत वतरण और प र नयोजन

हम पहले ही चचा कर चुके ह क प र नयोजन के लए ब और पैके जग के साथ येक पुश पर आपके ारा चलाए गए सभी चेक
आपके नरंतर वतरण को प रभा षत करते ह। पछले भाग म हमने चचा क थी क सभी जांच को चलाने के लए अपना सीआई
टू ल कै से सेट कर आपके नरंतर वतरण के ान पर के वल एक चीज गायब है सीआई उपकरण को उ पादन के लए भेज े जाने वाले
कोड को तैयार करने के लए कहना है।

कोड को शप करने के लए तैयार करने का मतलब मामले के आधार पर अलग अलग चीज ह। के लये
उदाहरण के लए य द यह के वल HTML JavaScript और CSS फाइल का एक गु ा है जसे कसी वेब सवर पर कॉपी करना
है तो वे शायद पहले से ही उ पादन के लए तैयार ह।
Machine Translated by Google

अ याय लाइव चल

हालाँ क य द आप कु छ े मवक या ी ोसेसर का उपयोग करते ह तो आप अपने कोड को नय मत HTML CSS JS म बदलने के लए

कु छ कमांड चलाना चाह सकते ह। उदाहरण के लए हमारे मामले म हमने Vue.js का इ तेमाल कया। उ पादन के लए तैयार होने के लए हम

सभी Vue फ़ाइल को सादे जावा ट फ़ाइल म बदलना होगा। चूं क हमारा ऐप Vue वेबपैक बॉयलर लेट का उपयोग करके बनाया गया था

जो पूव नधा रत कमांड के एक सेट के साथ आता है हम वतरण के लए कोड तैयार करने के लए npm रन ड ट कमांड का उपयोग कर

सकते ह।

इस लए हम इस कमांड को चलाने के लए अपने CI CD टू ल को बताना होगा।

जावा ोजे ट के मामले म हम जानते ह क हम अपने सवर को mvn . का उपयोग करके संक लत करना होगा

लीन इं टाल कमांड। इस लए नरंतर वतरण को कवर करने के लए हम अपनी कॉ फ़गरेशन फ़ाइल म सभी आव यक कमांड न द

करने ह गे जो हमारे कोड को चलने यो य कलाकृ तय म बदल दगे।

अब के वल एक चीज गायब है तैनाती है। एक बार जब आप अपनी सभी ए लके शन फाइल बना लेते ह तो आप उ ह तैनात

कर सकते ह। तैनात करने के लए का अथ अलग अलग चीज से भी हो सकता है जो इस बात पर नभर करता है क आपका

ए लके शन कस कार क हो टग का उपयोग करता है। य द यह आपक फ़ाइल को कसी र सवर पर कॉपी करने के बारे म है तो

आप अपने CI CD टू ल को SCP स योर कॉपी ोटोकॉल पर ब ारा उ प फ़ाइल क त ल प बनाने के लए कह सकते ह। हमारे

मामले म चूं क हम हेरोकू का उपयोग कर रहे ह इस लए हम कु छ भी कॉपी करने क आव यकता नह है य क हेरोकू एक ब ग

काय मता भी दान करता है। इस कार हमारे मामले म ै वस सफलतापूवक परी ण क पु करने के बाद हम हेरोकू को बता सकते ह

क कोड बनाया और तैनात कया जा सकता है।

ब त सारे संभा वत प र य ह। आप के वल या को गर करने के लए CI CD टू ल का उपयोग करके नमाण या को हो टग

मशीन या सेवा को स प सकते ह। उदाहरण के लए इस उ े य के लए गट का उपयोग करना आम है हो टग मशीन के पास गट रपो जटरी

तक प ंच है और फाइल को बनाने और कॉपी करने के लए सभी आव यक ट शा मल ह जहां उ ह चलाने के लए उ ह संबं धत होना

चा हए। एक बार या शु हो जाने के बाद हो टग मशीन नवीनतम प रवतन को ख चेगी फाइल का नमाण करेगी और उ ह सवर के

फ़ो र म कॉपी करेगी। सब कु छ सही ढं ग से सेट करने के लए इसके लए आपसे कु छ मै युअ ल काम क आव यकता होती है ले कन यह तब

काम करता है जब आप अपने लए यह काम करने के लए तृतीय प सेवा पर भरोसा नह करना चाहते ह।

वचा लत प से एक बार तैनात करने या न करने के बारे म ब त सारे ववाद ह

चेक पास हो जाते ह। कु छ लोग पु शग टू ोड न को मंज ूरी दे ने के लए एक बटन रखना पसंद करते ह। हम इस कोण से सहमत

ह। कभी कभी येक पुश पर वचा लत तैनाती करना ब त जो खम भरा होता है खासकर जब आपके पास ब त सारे उपयोगकता होते

ह जो आपक सेवा पर भरोसा करते ह। यहां तक क सब कु छ वचा लत और जाँच के बाद भी हम अभी भी इंसान ह और हम गल तयाँ

करते ह हम टे ली ाम टकर पर इस अ े गोबर बीटल क तरह गलती से कु छ रोल नह करना चाहते ह च ।

Machine Translated by Google

अ याय लाइव चल

च । टे ली ाम टकर जो कहता है उ पादन के लए शु कया गया

आमतौर पर जो कया जाता है वह यह है क आपके पास उ पादन के समान ही एक मंचन का वातावरण होता
है। फर आप अपने सीआई सीडी उपकरण को इस वातावरण म लगातार तैनात करने के लए कहते ह और मै युअ ल
प से जांच करने के बाद क सब कु छ अ ा और अ ा है आप उस बटन को दबाते ह जो उ पादन म तैनात होगा। सभी CI
CD उपकरण कसी न कसी तरह इस कोण को स म करते ह। इसे उ पादन को बढ़ावा दे ना कहा जाता है। इस तरह यह
पूरी तरह से वचा लत नह है ले कन उ पादन को आगे बढ़ाने का यास एक बटन के एक लक के बराबर है जो पूरी तरह से
वीकाय है।

कौन या करता है और कै से करता है

हमने पछले अनुभाग म कई अलग अलग चीज पर चचा क एक सीआई सीडी या क ापना कई वातावरण के
लए बु नयाद ढांचे को तैयार करना सभी जांच को चलाने के लए ट लखना बटन दबा दे ना ... कसके लए ज मेदार है
कौन तय करता है क कब कौन सा बटन दबाना है एक या को प रभा षत करने के लए कौन ज मेदार है

दरअसल ज मेदार हर कोई है। एक अ ट म म हर कोई ज मेदारी महसूस करता है और उ पाद और या के लए

वा म व लेता है जो इस उ पाद क गुण व ा सु न त करने म मदद करता है।
Machine Translated by Google

अ याय लाइव चल

जब आप शु करते ह तो सबसे अ धक संभावना है क आप वशेष लोग से नपटने का जो खम नह उठा सकते ह

बु नयाद ढांचे और सीआई सीडी या इस लए डेवलपस को डलीवरी चरण के वचालन क गारंट के लए आव यक
कदम को लागू करना होगा। एक बार जब आपका उ पाद ठोस हो जाता है और वकास दल का आकार काफ बड़ा हो जाता है तो आप
उन सभी से नपटने के लए सम पत लोग के बारे म सोच सकते ह। इन लोग के अलग अलग नाम हो सकते ह DevOps डेवलपमट
एंड ऑपरेशंस इंज ी नयर इं ा चर ट म सुर ा इंज ी नयर SRE साइट व सनीयता इंज ी नयर ये सभी लोग आपके उ पाद को
व त म बनाए रखने और वचा लत करने के लए आव यक संचालन के साथ वकास को जोड़ने म व श ह। इस या को
यथासंभव।

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

जम डो म जहां ई काम करता है हमारे पास सीआई और सीडी दोन ह परी ण और मंच के वातावरण के लए
वचा लत तैनाती के साथ और शू य डाउनटाइम ा त करने के लए सरल मैनुअ ल चरण के एक सेट के साथ उ पादन के लए जारी करने
के लए तैयार ह।
जहां ओ गा काम करती है OptioPay हम अ सर जहाज भेज ते ह एक बार फ चर कोड है
समी ा क गई वीकृ त क गई और परी ण चलाए गए हम इसे उ पादन म बढ़ावा दे ने के लए बटन पर लक करते ह।
इस लए हमारे पास सम पत रलीज़ क तारीख नह ह जसका हम कभी कभी पछतावा होता है य क हम लगता है क
रलीज़ का ज ट म भावना के लए व है।
हम लगता है क सही प र य तेज ी से और अ सर जहाज करना होगा ले कन कु छ वशेष रलीज त थयां ह गी जब आप
कह सकते ह अरे हमने इसे यह और वह जारी कर दया है। चलो ज मनाएं और जब आप अपनी नई सु वधा को ोड नम
तैनात कर रहे ह तो इस गाने को ज़ोर से बजाना न भूल https soundcloud.com the avid capitalz the avid Capitals
we are। यह आपको एक पागल खुश मूड दे गा।

DevOps के साथ सा ा कार

बेशक उनम से कसी एक से बात कए बना DevOps के लोग के बारे म बात करने का कोई मतलब नह है। इस लए हमने अपने एक म
एंडरसन च के साथ बातचीत करने का नणय लया है। वह Zendesk के लए काम करता है और वह अपने े मब तअ ा
जा गर है। हमने उनके साथ काइप पर बातचीत क थी और इसे आपके लए ांस ट कया था। आनंद लेना
Machine Translated by Google

अ याय लाइव चल

च । एंडरसन क ल डइन ोफाइल ता क आप जान सक क वह एक वा त वक है

ओ गा अरे एंडरसन तो मुझ े बताया गया क आप एक महान DevOps पेशेवर ह। या आप कर सकते ह

हम सरल तरीके से बताएं क आप या कर रहे ह और DevOps होने का या अथ है
एंडरसन अतीत म डेवलपस और संचालन लोग के बीच ब त संघष आ था। वे एक सामा य आधार खोजने के लए एक
सरे से और अ नवाय प से बात नह कर सकते थे। हम कै से एक सॉ टवेयर को भावी ढं ग से वक सत कर सकते ह और
इस सॉ टवेयर को बड़ी द ता के साथ उ पादन म कै से चला सकते ह इस पर ब त सारी सं कृ त है और यह सब DevOps के बारे
म है
डेवलपस और संचालन को एक साथ लाना और यह सु न त करना क जब तक हम उ पादन म सॉ टवेयर ा त नह कर लेते तब
तक हम वकास करते ए एक पाइपलाइन बना सकते ह।
ओ गा ठ क है तो यह मूल प से वकास से उ पादन तक का रा ता आसान बनाने के लए है।
इसका मतलब है क इसका पूरे वसाय पर वा त वक भाव पड़ता है अगर कु छ गलत होता है तो पूरे वसाय को नुक सान हो सकता
है...
Machine Translated by Google

अ याय लाइव चल

एंडरसन हाँ तुम सही हो। अगर बीच म कु छ गलत हो जाता है... क पना क जए a
फ़ै टरी और आप एक कार बना रहे ह और कार बनाने के लए आपके पास ये सभी चरण ह। आपको साम ी मलती है आप एक कार बनाना
शु करते ह और अंत म आपके पास एक कार होती है।
इस लए सॉ टवेयर के साथ मुझ े लगता है क यह उसी तरह का है ले कन यह एक टे ट है जसे आप लखते ह इस लए
डेवलपस टे ट का एक टु क ड़ा लखते ह जसे कं यूटर या कं यूटर के सेट म चलाना चा हए।

इस लए जब आप उस सॉ टवेयर को वक सत कर रहे होते ह तो ब त सारे चरण होते ह ज ह बनाने क आव यकता होती है

और यह सु न त करने के लए गुण व ा ार होते ह क जो सॉ टवेयर उ पादन म जाता है वह गुण व ा क आव यकता को पूरा करता
है।
हम जानते ह क संपूण सॉ टवेयर हमारी नया म मौजूद नह है अ धकांश सॉ टवेयर म हज़ार बग ह ले कन कम से कम

आप जानते ह क आपके ारा सामना क जाने वाली अ धकांश बग हमारे उपयोगकता पर भाव नह डालने वाली ह।

इस लए DevOps सं कृ त यह सोचना है क हम फ डबैक लूप को जतनी ज द हो सके डेवलपस को कै से ानांत रत

कर सकते ह य क अगर कु छ गलत लगता है और आप इसे सीधे ठ क कर सकते ह तो यह सबसे आसान तरीका है और सबसे कम
लागत वाला भी है। उ पादन म बग का पता लगाना कसी भी संगठन के लए महंगा होता है य क यह हमारे उपयोगकता को भा वत
करेगा।

इस लए हम सॉ टवेयर वतरण के बारे म बात कर रहे ह सॉ टवेयर को तेज़ ी से वत रत कर रहे ह डेवलपस परी क
या संचालन के लए तेज़ त या के साथ और इस कार उ पादन म बग क सं या को कम कर रहे ह।

ओ गा कं पनी के लए पेशेवर लोग को ऐसा करने के लए यह ब त मह वपूण लगता है। या आप हम बता सकते ह क आप
DevOps कै से बने मुझ े यक न नह है क कु छ ऐसे पा म ह जो वशेष प से एक DevOps इंज ी नयर बनने के लए डज़ाइन कए
गए ह इस लए कसी तरह लोग कु छ क रयर पथ तब तक करते ह जब तक वे DevOps भू मका तक नह प ँच जाते ... आपका कै सा था

एंडरसन आजकल DevOps के लए कु छ माणप ह उदाहरण के लए Amazon AWS के पास DevOps माणन
है ता क आप यह भी सीख सक क DevOps इंज ी नयर कै से बन। आपके का उ र दे ते ए आप थोड़ा वकास और संचालन का म ण
करते ह इस लए मने कं यूटर व ान म नातक क उपा ध ा त क इस लए मेरे पास सॉ टवेयर इंज ी नय रग क सभी पृ भू म थी ले कन
अ धकांश भाग के लए मेरा अनुभव स टम शासन पर आधा रत था ले कन मेरे पास ऐसे दो त भी ह जो सीधे आए सॉ टवेयर इंज ी नय रग
से।

तो आप एक सॉ टवेयर डेवलपर ह और आप अपने कं यूटर म अपना सॉ टवेयर चलाना शु करते ह ले कन आप महसूस

करते ह क आपका कं यूटर उतना ज टल नह है जतना क आपका उ पादन वातावरण है इस लए लोग क दलच ी इस बात म
होती है क वे उस सॉ टवेयर को उ पादन म कै से तैनात कर सकते ह। मेरा क रयर एक स टम एड म न े टर के प म ब त पहले
शु आ था। कसी और क तरह म एक Linux व ापक था म ऑपरे टग स टम कं यूटर के बारे म सब कु छ जानता था
Machine Translated by Google

अ याय लाइव चल

नेटवक सभी सवर का बंधन फायरवॉल ॉ सी वेब सवर ए लके शन सवर जैसे Apache nginx... तो ब त सारी तकनीक शा मल
ह।

थोड़ी दे र बाद मुझ े एहसास होने लगा क मेरे जैसे ऑपरेटर ने बंधन के लए कोड का उपयोग नह कया
बु नयाद ढाँचा इस लए आमतौर पर यह सभी मैनुअ ल या एड हॉक ट के एक समूह के मा यम से होता था इस लए य द आपको
एक वेब सवर ा पत करने क आव यकता है तो आपको एक मशीन म SSH क आव यकता होती है और जो भी कमांड क
आव यकता होती है उसे टाइप कर और सु न त कर क यह काम करता है। इसके साथ सम या यह है क यह के ल नह करता है इस लए

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

ओ गा क पना क जए क हमारे कु छ पाठक या छा एक DevOps इंज ी नयर बनने का नणय लेते ह

ले कन कं यूटर व ान क पृ भू म नह है या स टम शासन से संबं धत कु छ भी नह कया है। या वे DevOps इंज ी नयर बनने के
लए कु छ कर सकते ह जैसे कोस वगैरह या या आपको लगता है क उ ह अभी जाकर हाडकोर कं यूटर साइंस का अ ययन करना चा हए

एंडरसन आप कं यूटर साइंस क ड ी के बना DevOps इंज ी नयर बन सकते ह

उदाहरण के लए य द आप माणन पथ का अनुसरण करना चाहते ह तो Amazon का सुझ ाव है क आपके पास तीन मूलभूत
माणन ह जनम वकास संचालन और वा तुक ला शा मल ह। इस लए आपके पास वे होने के बाद आप एक DevOps पेशेवर बनने के
लए माणन ा त कर सकते ह।

भले ही वे माणप उनक अपनी AWS सेवा पर आधा रत ह य द आप DevOps से संबं धत हर चीज़ के स ांत को सीखते
ह तो मेरा मानना है क आप वहाँ प ँच सकते ह। AWS बाजार पर एकमा वक प नह है ले कन यह न त प से एक अ शु आत
है।

ओ गा अपने गत अनुभव से या आप हम कु छ मुख मु े बता सकते ह जन पर आपको काम करना था कु छ ऐसा जसका
उ पाद या कं पनी पर ब त बड़ा भाव पड़ा और आपने इसे कै से हल कया

एंडरसन यही वा तव म DevOps संबो धत कर रहा है... कु छ साल पहले म था

उ पादन म एक मशीन को बदलना मशीन व व ालय क संपूण माणीकरण णाली के लए ज मेदार थी इस लए येक
श क या कसी भी ोफे सर को कसी भी संसाधन का उपयोग करने के लए उ ह मा णत करना था और माणीकरण सवर मेरे
ारा बं धत कया गया था।
Machine Translated by Google

अ याय लाइव चल

इस लए म खुशी खुशी माणीकरण णाली को एक नई मशीन म अप ेड कर रहा था सब कु छ ठ क चल रहा था ले कन बना

कसी वचालन के ट मनल का उपयोग करके मशीन म सभी कॉ फ़गरेशन ट और फ़ाइल को मै युअ ल प से बदलना और
अचानक मुझ े एहसास आ क मेरे बॉस के साथ मेरी बैठक थी और मुझ े मी टग म पहले ही दे र हो चुक थी इस लए म दौड़ा सवर को
पुनरारंभ करने के लए और पुराने सवर को बंद करने के लए ले कन इसके बजाय मने नया बंद कर दया।

तो स टम नीचे चला गया और इसके साथ पूरे व व ालय म लगभग एक घंटे तक चला गया।
हर कोई फोन करके पूछ रहा था क या हो रहा है स टम य खराब है इ या द और म पहले से ही मी टग म था जब एक और
ोफे सर आया और पूछा क या हो रहा है या हमने कु छ बदलाव कए ह शायद माणीकरण णाली म म ऐसा था उफ़ ...

तो कहानी का नै तक यह है क य द आपके पास वचालन नह है तो आप गल तयाँ करने क अ धक संभावना रखते ह। मेरे

पास उस समय शायद चार ट मनल कॉ फ़गरेशन के साथ खुले थे और भले ही मुझ े पता था क म या कर रहा था अगर आप गलत
वडो या कु छ और म एक कमांड टाइप करते ह तो आप सम या म भाग सकते ह।

इस लए एक अ ा वचालन तं होने से आप कसी भी सवर को नह छू ते ह आपके पास एक पाइपलाइन है एक

वचा लत या है जो इन सभी चरण से गुज रेगी और उन सभी काय को न पा दत करेगी ज ह न पा दत करने क आव यकता
है और यह सु न त करेगा क अंत म आपको अपे त प रणाम मलेगा।

ये सभी याएं DevOps पाइपलाइन का अनुसरण करती ह कसी भी अ य स ांत के समान

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

ओ गा ठ क है अब जब हमने आपके साथ ई कु छ नराशाजनक घटना के बारे म बात क है तो या आप दे वओ स

क भू मका म रहते ए आपके साथ ई एक बड़ी सफलता का वणन कर सकते ह उदाहरण के लए जस पर आपको वा तव म
गव है
एंडरसन तो म इसके लए संपूण लाउड इ ा चर दे ने के लए ज मेदार था
कु छ साल पहले ाजील क सरकार। ावधान के पुराने तरीके म हमारे पास पूरी तरह से पुराने बेयर मेटल सवर आ करते थे
इस लए हमने एक संपूण नया लाउड इ ा चर ा पत कया और इतना ही नह हम वा तव म संपूण ाजील सरकार के लए
इं ा चर सेवा का ावधान कर सकते थे।
Machine Translated by Google

अ याय लाइव चल

तो म उस समय तकनीक आदमी नह था ले कन म उस प रयोजना का बंधन कर रहा था और म था

वा तव म उस पर गव है। आजकल कं पनी ाजील म एज सय और शासन वभाग को उस समाधान को बेच रही है इस लए वे सभी
उस समाधान का उपयोग कर रहे ह और यह वा तव म अ ा था।

ओ गा यह काफ भावशाली है...

एंडरसन हाँ और यह ावधान के समय को कम करता है। आमतौर पर हमारे संगठन म
एक ज टल बु नयाद ढांचे का ावधान करने म हम लगभग महीने लगे और उस लाउड वातावरण के साथ हम लगभग मनट
म लगभग कु छ भी ावधान कर सकते थे।
ओ गा वाह... यह ब त बड़ा अंतर है हो सकता है क आपके पास भी साझा करने के लए एक मज़ेदार कहानी हो...

एंडरसन म ाजील के सभी डेटा क के लए ज मेदार था और एक बार सुबह बजे मेरे फोन क घंट बजी। तो सुबह
बजे म उठा मान ली जए क म ब त खुश नह ँ य क मुझ े पता था क कु छ चल रहा है और वा तव म ब त बुरा है ...

तो वहाँ के मेरे बंधक ने मुझ े यह कहते ए बुलाया ठ क है हे एंडरसन हमारे यहाँ एक सम या है... हमारे डेटा क म से एक
म आग का अलाम चालू हो गया।
इस लए हम नह जानते क या चल रहा था और जैसा क म उस डेटा सटर से दो लॉक र रहता था मने अपने दो त को
जगाया जो उस समय मेरे साथ रह रहा था और मने उससे कहा अरे यार जागो हम ऑ फस जाना है... और उसने जवाब दया या
तुम पागल हो
म नह जा रहा ँ... सुबह के बज रहे ह... मने कहा नह यार उठो ेस को फोन करना शु करो य क कु छ ब त बुरा होने वाला
है...
अंत म हम वहां गए और अंत म यह एक झूठा अलाम था स टम वयं वफल हो गया ले कन जब डेटा सटर म अलाम सेट होता
है तो सभी मशीन वचा लत प से बंद हो जाती ह इस लए जैसा क आप क पना कर सकते ह क लगभग तीन से चार सौ सवर टोरेज
स टम मेन े म ... सब कु छ नीचे चला गया। इस लए हमारे पास पूरे बु नयाद ढांचे को फर से चालू करने के लए सुबह से बजे के
बीच घंटे थे और कु छ भंडारण णा लय को यह सु न त करने के लए सभी जांच करने म लगभग . घंटे लगते ह क डेटा षत
नह है ले कन अंत म हम इसे कर सकते ह।

तो अंत म यह मजेदार था मुझ े हर इंज ी नयर को फोन करना पड़ा वे इसके बारे म वा तव म खुश नह थे ले कन अंत म हम कु छ
प ा मले और ब त हंसी आई और अगले दन हम ज मनाने गए।

ओ गा यह वाकई अ ा है। जब आप अपने काम के बारे म बात करते ह तो मुझ े जो लगता है वह ब त जुनून होता है। तो ऐसा
लगता है क आप वा तव म अपनी नौकरी से यार करते ह और मेरा मानना है क यह वा तव म मह वपूण है है ना

एंडरसन हाँ मुझ े लगता है क यह मौ लक है... य द आप जो कर रहे ह उससे यार नह करते ह तो मुझ े नह पता क आप
ऐसा य कर रहे ह। तो यह मेरे जीवन के लए मेरा मूल दशन है। म के वल वही करने क को शश करता ं जो मुझ े पसंद है। बेशक
कई बार आप उस एक साधारण काय को उठा लगे जो शायद वह नह है जो आप चाहते थे ले कन यह ठ क है कभी कभी आपको ऐसा
करने क ज़ रत होती है
Machine Translated by Google

अ याय लाइव चल

काय भी करता है ले कन सामा य तौर पर मुझ े तकनीक का शौक है और म कु छ और करने के बारे म नह सोच सकता। म हर दन
खुश काम पर जाता ं मेरे लए यह एक वी डयो गेम क तरह है म हर दन वहां जाता ं और खेलता ं ले कन मेरे लए वी डयो गेम
बु नयाद ढांचे नई सेवा क को डग और ापना के बारे म है। मुझ े यही करना पसंद है।

ओ गा यह ब त अ ा है। मेरा मानना है क यह हमारे छा के लए एक ब त अ सलाह हो सकती है और

पाठक आप जो करते ह उससे यार कर और आप खुश और सफल ह गे।
एंडरसन मुझ े पूरा यक न है य क अगर आप इसे यार नह करते ह तो कृ पया इसे बदल द। अपने जीवन को ऐसे मत रखो आनंद न
लेने के लए जीवन ब त छोटा है।

नगरानी और चेतावनी
अ तरह से अब हम जानते ह क कै से जांचना है क हमारा कोड उ पादन के लए तैयार है या नह इसके साथ कै से जीना है और सबसे
मह वपूण बात यह है क इस पूरी या को वचा लत कै से कर। या यह पया त है
क पना क जए क आपका एक ब ा है। आप इस ब े क परव रश करते ह आप उ ह कू ल जाने के लए तैयार करते ह और

एक दन वोइला तु हारा ब ा कू ल म है या आप लगाम ढ ली कर सकते ह और सु न त कर सकते ह क सब कु छ ठ क है

ब कु ल नह आपको अपने ब े के ेड को नयं त करना होगा अगर कु छ होता है तो आपको सतक रहने क ज रत है। य द आपका
ब ा कू ल म कसी परेशानी म पड़ जाता है या कू ल छू ट जाता है तो आपको सू चत करने क आव यकता महसूस होती है।

यह सही है हम नगरानी और चेतावनी तं के बारे म बात कर रहे ह। तु हारी

सॉ टवेयर आपके ब े क तरह है आप इसे बनाते ह इसे वक सत करते ह आप इसे यार करते ह आप इसके लए वा त वक नया
का सामना करने के लए रा ता खोलते ह और न त प से आप इसे बना नगरानी के नह छोड़ सकते। या होगा अगर रात म सोते
समय स टम खराब हो जाए या होगा य द ब त सारे उपयोगकता आपके स टम का उपयोग करना शु कर द और यह इसके लए तैयार
नह है और यह नीचे चला जाता है
वैसे यह एक वा त वक प र य है। एडेरा म हम ऑनलाइन पा म चलाते ह। हमारे स टम ने हमेशा के वल एक AWS
इं टस का उपयोग कया है और यह हमेशा पया त था। हमने वा तव म कु छ ापक नगरानी या नयं ण के बारे म कभी नह सोचा।
साल के लए यह सफ काम कया। एक दन हमने यू े नी श क के लए एक पा म शु कया। हमने उ ह बताया क पा म
साम ी दसंबर को दोपहर बजे खुली रहेगी। यह एक ऑनलाइन पा म था इस लए यह उपल होगा ले कन स त सो वयत
णाली ारा श त यू े नी श क के लए दसंबर को दोपहर बजे श द यह एक आदे श क तरह है तो एक ही समय म
श क ने मंच पर पंज ीकरण करने का यास कया। इस कार दसंबर को ठ क बजे हमारा स टम बस डाउन हो गया। यह DDoS
अटै क जैसा था। वेबसाइट डाउन होने के बाद हमारे पास ई मेल और फोन कॉ स का हमला आ।

इन सभी श क ने फोन करके ई मेल भेज ना शु कर दया। उस रात के दौरान हमने करीब ई मेल का जवाब दया। हम उसके
लए तैयार नह थे ले कन अगर हमारे पास नगरानी और चेतावनी णाली होती तो हम कम से कम पहले से चेतावनी द जाती क सवर
के संसाधन कम हो रहे ह।
Machine Translated by Google

अ याय लाइव चल

क पना क जए क आप अपना काय बंधक उपकरण खोलते ह और कु छ वसंग तय और अजीब ग त व धय का पता लगाने के

लए इसे दे ख ना शु करते ह। नगरानी और चेतावनी दे ने वाले उपकरण इसी के बारे म ह। मूल प से आप कु छ बचमाक और अल टग

मैके न म को कॉ फ़गर करते ह उदाहरण के लए अगर सीपीयू से ऊपर चला जाता है तो मुझ े एक ई मेल भेज और ये टू ल आपके

लए यह करगे।

आमतौर पर हो टग दाता नगरानी और अल टग भी दान करते ह। आप उसके लए कु छ सम पत टू ल भी इं टॉल और सेट

कर सकते ह उदाहरण के लए पेज र ूट https

www.pagerduty.com । यह उपकरण आपक सेवा के अपटाइम क नगरानी करेगा और एक न द चैनल के मा यम से अलट करेगा
फोन कॉल से लेक र सु त संदेश तक कु छ भी हो सकता है य द कु छ

बुरा हो जाता है।

पीएसडीआई https www.pingdom.com आपक वेबसाइट क उपल ता और दशन क नगरानी करने क अनुम त दे ता
है और न द बचमाक से परे या नीचे कु छ होने पर आपको सू चत करता है।

हमारे सीखने के मंच के लए हम हेरोकू का उपयोग करते ह जो नगरानी और चेतावनी दान करता है

उपकरण आपको बस उनके लए भुगतान करना होगा ।

य द आप लाउड हो टग दाता का उपयोग करते ह और आपके लए जी वत रहना मह वपूण है तो अपने ब े के वा य पर कड़ी

नजर रखने के लए इस दाता ारा पेश कए गए टू ल का उपयोग करने के लए सशु क सद यता म नवेश कर

एना ल ट स

पछले खंड म हमने चचा क थी क आपके स टम के खराब होने क त म अ धसू चत रहना कतना मह वपूण है। या होगा अगर यह

नीचे नह जाता है य क यह ब त अ ा है ले कन सफ इस लए क कोई इसका उपयोग नह कर रहा है हम कै से पता चलेगा क आपका

सॉ टवेयर ब कु ल उपयोग कया जा रहा है हम कै से पता चलेगा क लोग इसे पसंद करते ह या नह हम कै से जान सकते ह क हमारे

उपयोगकता कौन ह पता चला आपके स टम पर एना ल ट स सेवा का उपयोग करना उतना ही मह वपूण है जतना क इसक नगरानी

करना।

आपने गूगल एना ल ट स के बारे म ज र सुना होगा। यह टू ल आजकल आपके ारा उपयोग क जाने वाली लगभग हर वेबसाइट म

मौजूद है। यह वेब सेवा के मा लक को यह जानने क अनुम त दे ता है क उनक सेवा का उपयोग कब और कै से कया जा रहा है। यह

आपको एक अ ा रीयल टाइम अवलोकन डैशबोड दे ता है जो आपको बताता है क वेबसाइट पर कतने स य उपयोगकता ह उपयोगकता

कस े से आते ह सबसे अ धक दे ख े जाने वाले पृ कौन से ह स औसतन कतने समय तक चलते ह आ द। ये ब त मह वपूण ह सं या

और उस डेटा का व ेषण करने के लए डेटा व ेषक का होना अ ा है और स टम के सबसे कमजोर ान का पता लगाने के लए ट म के

साथ मलकर काम करना।

उदाहरण के लए OptioPay पर इस तरह के डेटा का सावधानीपूवक व ेषण करने से हम यह महसूस करने क अनुम त मलती है

क हमारी उपयोगकता या ा पर हम अपने ल डग पृ पर ब त अ धक पांतरण खो रहे थे।

इसे फर से डज़ाइन करने और इसे और अ धक आकषक बनाने से हम सम पांतरण दर म उ लेख नीय वृ करने का अवसर मला।
Machine Translated by Google

अ याय लाइव चल

Google व े षक के अलावा ब त सारे उपकरण ह जो आपको आपक सेवा के उपयोग का मह वपूण डेटा ा त करने के

साधन दान करते ह। म सपैनल https mixpanel.com उदाहरण के लए एक अ ा और उपयोग म आसान लेटफॉम है। यह

क टम ईवट बनाने के लए एक API भी दान करता है ता क बाद म उनका व ेषण कया जा सके । इसके लए ो ा मग ान क आव यकता

होती है ले कन यही हमारे पास हमारे डेवलपस के लए है है ना

कु छ एना ल ट स सेवाएं आपको हीट मैप भी दान करती ह जसका अथ है क आप वा तव म दे ख सकते ह क आपक वेब सेवा के

कन ह स का सबसे अ धक उपयोग कया जा रहा है। यह आपको इस बारे म एक अंत दे गा क उपयोगकता को अ धक संल न करने

के लए अपने UI UX को कै से बेहतर बनाया जाए।

आप जो भी उपयोग करने का नणय लेते ह गोपनीयता के मु के बारे म मत भूलना । आजकल ौ ो ग कयां

उपयोगकता से इतना अ धक डेटा एक करने क अनुम त दे ती ह ले कन इससे ब त उ सा हत न ह अ यथा यह आपके वसाय पर

नकारा मक भाव डाल सकता है। यहां तक क अगर आपको लगता है क आप जानते ह क आप या कर रहे ह तो भी गोपनीयता के मु े

आपको हमेशा भा वत कर सकते ह उदाहरण के लए इस मामले को न भूल https en.wikipedia.org wiki

Facebook E Cambridge Analytica

डेटा कडल ।

हमारे लेटफॉम के लए सीआई सीडी क मेज बानी और नमाण

अब जब हम वह सब स ांत मल गया है तो समय आ गया है क हम अपने हाथ गंदे कर ल। सीआई सीडी और हो टग अनु योग के लए

बाजार म कई वक प ह। उनम से कु छ का भुगतान कया जाता है कु छ मु त ह और कु छ हाइ ड ह। जब हमने इस पु तक को लखना शु कया

तो हमने आंत रक प से नणय लया क हम अपने आवेदन को हरोकू म तैनात करगे। हेरोकू कई ो ा मग भाषा म लखे गए ए लके शन को

तैनात करने का एक ब त अ ा और आसान तरीका दान करता है। इसके अलावा यह डेटाबेस जैसी एक कृ त सेवाएं भी दान करता है जससे

एक करण आसान हो जाता है। हरोकू म अपने ए लके शन को तैनात करने के लए हम जन सेवा का उपयोग करने जा रहे ह वे सभी मु त ह

ले कन परवाह कए बना हरोकू आपके भुगतान ववरण के लए पूछता है। य द आप हेरोकू को अपना े डट काड ववरण दान करने से डरते ह

तो हम आपको सलाह दे ते ह क कम से कम हमारे साथ जारी रख य क अ धकांश चरण को समझना काफ आसान है भले ही आप वा तव म

उ ह नह कर रहे ह ।

मेज बानी
वसाय का पहला म एक हेरोकू खाता बनाना है य द आपके पास पहले से एक नह है।

https www.heroku.com पर जाएं और अकाउं ट बनाएं। हेरोकू सीएलआई https devcenter.heroku.com articles

heroku cli download and install भी डाउनलोड कर और पा म फ़ो र से ए लके शन कोड ा त कर। डाउनलोड कर और गट

सेट कर य द आपके पास एक नह है तो एक जीथब खाता बनाएं और ोत कोड के लए एक भंडार बनाएं

Machine Translated by Google

अ याय लाइव चल

रपो जटरी यूआ रएल डाउनलोड और कॉपी कर। फर बस रपॉ जटरी को लोन कर। हमारे लए यह न न ल खत क तरह था

$ git लोन git@github.com rpvilao courses test.git

यह आपके ारा अभी बनाए गए खाली भंडार को लोन कर दे गा। इस नई नद शका म ोत कोड नकाल हमारे मामले म पा म

परी ण आपके ारा रपॉ जटरी को दए गए नाम के आधार पर आपका भ हो सकता है । अब हम जो करगे वह फाइल को रपॉ जटरी म जोड़

दे गा

$ git ऐड .gitignore .travis.yml

$ git क मट ए एम इ नट

$ git पुश मूल मा टर

इस ब पर हमारा कोड पहले से ही जीथब पर है और सभी के लए सुलभ हो सकता है य द आपने एक सावज नक भंडार बनाया है । जैसा

क आपको याद है गट एक सं करण नयं ण णाली है जसका अथ है क आप फाइल म बदलाव करते ह और इ तहास म ने वगेट करते ह और

प रयोजना के अ य सहयो गय के साथ ठ क से काम करते ह।

बधाई हो जैसा क आपने नरंतर एक करण ा त करने के लए अभी अभी पहला कदम पूरा कया है फर भी एक मह वपूण कदम

है। एक सं करण नयं ण णाली के बना नरंतर एक करण संभव नह होगा ... ठ क है ले कन आप क पना नह कर सकते क यह कतना क ठन

और ु ट वण होगा तो च लए मान लेते ह क आजकल के मानक के लए वा तव म यह असंभव होगा। अब हरोकू पर वापस जाने का समय आ

गया है। पहली चीज जो हम करने क ज़ रत है वह है लॉ गन करना और एक ए लके शन बनाना।

$ हरोकू लॉ गन
$ हरोकू एट

ऐप बनाया जा रहा है... कया गया टाक हेडलड

https stark headland .herokuapp.com https git.heroku.com stark headland .git

चूं क हमारे ए लके शन को डेटाबेस क आव यकता है आइए एक बनाएं। हमने पो ट े ल का उपयोग करने का नणय

लया। ए लके शन इसका उपयोग करने के लए पहले से ही तैयार है इस लए बस न न ल खत चलाएँ

$ हरोकू एडॉ स हरोकू पो ट े ल बनाएं हॉबी दे व

हरोकू पो ट े ल बनाना हॉबी दे व ऑन टाक हेडलड ... मु

डेटाबेस बनाया गया है और उपल है

यह डेटाबेस खाली है। अप ेड कर रहे ह तो आप ांसफर कर सकते ह

पीजी के साथ सरे डेटाबेस से डेटा कॉपी

DATABASE URL . के प म postgresql नय मत बनाया गया

हरोकू एडॉ स का उपयोग कर द तावेज़ दे ख ने के लए हरोकू पो ट े ल डॉ स

Machine Translated by Google

अ याय लाइव चल

हेरोकू कॉ फग चलाकर आप दे ख पाएंगे क इस डेटाबेस से कै से जुड़ना है।

चूं क हमारा ए लके शन जावा ए लके शन है इस लए हम कने न यूआ रएल को जेडीबीसी फॉम म रखना होगा। यह कदम वा तव

म नह है ले कन चता न कर यह पहले से ही अ ा है क हमने के वल कु छ कमांड के साथ एक ए लके शन और डेटाबेस बनाया है

य द आप कने न ग को दे ख ते ह तो आप दे ख गे क आपके पास कु छ ऐसा ही है

postgres USERNAME PASSWORD@ec XX YYY ZZZ.compute .amazonaws.

कॉम DB NAME

इसे JDBC ग बनाने के लए आपको न न ल खत से मलान करना होगा

jdbc postgresql ec XX YYY ZZZ.compute .amazonaws.com DB NAME ss

lmode require&user USERNAME&password PASSWORD&currentSchema public

यह वह ग है जसका उपयोग आपको हमारे डेटाबेस को बूट ै प बनाने के लए करना होगा। चलो अब करते ह

ल वबेस का उपयोग करना हमने एक ोफ़ाइल तैयार क है ता क हम अपना उ पादन डेटाबेस बना सक ।

$ DATABASE URL JDBC jdbc postgresql ec XX YYY ZZZ.compute ।

amazonaws.com DB NAME sslmode require&user USERNAME&password PASSWORD&
currentSchema public mvn liquibase update pl liquibase Pheroku

हम लगभग तैयार ह आइए अंत म ए लके शन को तैनात कर

$ git पुश हरोकू मा टर

गंभीरता से वह कतना अ ा है चीज जो आप अभी सोच रहे ह गे हेरोकू कै से जानता है क मेरे आवेदन को कै से चलाया जाए
उ र ोजे ट क जड़ म Procfile म है।

हमारा ए लके शन कै से जानता है क डेटाबेस से कै से जुड़ना है हरोकू उजागर करता है

DATABASE URL नामक एक पयावरण चर म डेटाबेस URL और हमारा ए लके शन पहले से ही इसक अपे ा कर रहा है। आपको
पहले याद होगा यह चर JDBC प म नह था इस लए हमने इसे पढ़ा इसे पांत रत कया और कोड म अं तम ग का नमाण कया।

हठ परत मॉ ूल म PersistenceLayerConfig फ़ाइल पर एक नज़र डाल।

एक बार ब हो जाने और सफल होने के बाद बस ए लके शन का उपयोग करके खोल

$ हरोकू खुला

आपको पहली बार म एक ु ट मल सकती है य क ए लके शन को लोड होने म कु छ समय लग सकता है अभी अभी

ऐसा होने पर री े श कर दबाएं।

Machine Translated by Google

अ याय लाइव चल

भले ही यह ब त अ ा लगता है हम कै से सु न त करते ह क ए लके शन प र नयोजन यो य त म है इसके अलावा

क पना कर क आपके पास आवेदन पर कोड लखने वाले छह लोग क एक ट म है ... यह ब त संभावना है क कसी ब पर कोड को
लागू नह कया जा सकता है हम के वल इंसान ह... यह वह जगह है जहां नरंतर एक करण काम आता है। हमने पहले ही कहा था क
सं करण नयं ण णाली का होना सीआई हा सल करने के लए पहला कदम है ले कन अब हम इस वषय पर वचार करगे और स यापन का
एक सेट ा पत करगे जहां हम मानते ह क य द वे पास हो जाते ह तो हमारा कोड प र नयोजन यो य त म है। च लए चलते ह

सतत एक करण और प र नयोजन

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

हम अपने सीआई स टम के नमाण के लए हेरोकू का भी उपयोग कर सकते ह सम या यह है क हम इस सु वधा का उपयोग करने

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

ै वस खाता बनाकर ारंभ कर https travis ci.org । एक बार जब आप अंदर ह तो अपने नए बनाए गए ै वस खाते
को अपने जीथब खाते से कने ट कर और हमारी प रयोजना के लए भंडार चुन।

अब हम ै वस को हेरोकू म प रवतन को तैनात करने म स म होने क अनुम त दे ने क आव यकता है य द नमाण और परी ण पास
हो जाते ह। उसके लए हम हरोकू प पर एक टोकन उ प करना होगा इसे ै वस के साथ साइन करना होगा और इसे हमारी ै वस
कॉ फ़गरेशन फ़ाइल पर रखना होगा।
Machine Translated by Google

अ याय लाइव चल

$ हरोकू माणीकरण टोकन

› चेतावनी टोकन को समा त हो जाएगा

› उसके ोकू ा धकरण का उपयोग कर द घका लक टोकन उ प करने के लए बनाएं
cfb XXXX XXX bfba

तो अब हम इस टोकन को हमारी ै वस कॉ फ़गरेशन फ़ाइल म सेट करने क आव यकता है ता क ै वस इसे पढ़ सके और हेरोकू
को कॉल कर सके । हम कु छ हटकर लगता है या यह एक बड़ा सुर ा उ लंघन नह है जो नया के लए एक टोकन को उजागर कर
रहा है खासकर एक सावज नक भंडार पर सच है यही कारण है क ै वस एक सावज नक कुं जी के साथ पाठ के इस भाग को ए ट
करने का एक तरीका स म करता है जसे के वल एक नजी कुं जी के साथ ड ट कया जा सकता है के वल ै वस और आपके खाते म
उपल इसे ए समे क ए शन कहा जाता है वही तकनीक जसका उपयोग आपका ाउज़र HTTP पर सुर त कॉल करने के लए
करता है। वषय पर वापस आते ए इस काम को पूरा करने के लए travis encrypt.sh https gist.github.com openscript
नामक ोजे ट क जड़ म एक छोट सी ट है। ै वस पर उपयोगकता रेपो को अपने उपयोगकता नाम और भंडार से बदल और याद रख

क टोकन आपके लए अलग है

$ . travis encrypt.sh r user repo e cfb XXXX XXX bfba

यह आपको एक ए टे ड ग दान करेगा जसे आपको .travis.yml नामक फ़ाइल म रखना होगा। फ़ाइल के समान
दखाई दे गी

भाषा जावा
जेडीके

openjdk
ट एमवीएन लीन इं टाल Ptest
कै श
नद शका

$HOME .m

तैनात करना
दाता Heroku
ऐप हेरोकू एपीपी नाम
एपीआई कुं जी
सुर त Your API KEY

रन DATABASE URL JDBC $DB PROD mvn liquibase update pl liquibase

फे रोकू

पर मा टर
Machine Translated by Google

अ याय लाइव चल

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

हम लगभग कर चुके ह। इसे काम करने के लए हम बस एक माहौल बनाने क ज रत है

ै वस पर JDBC कने न के साथ चर। ै वस पर जाएं अ धक वक प से ट स और JDBC कने न ग
jdbc postgresql के साथ DB PROD नामक एक पयावरण चर सेट कर जसे हमने पहले CI अनुभाग म प रभा षत
कया था।
इसका परी ण करने के लए तैयार ह बस अपने प रवतन कर

$ git क मट a m ै वस कॉ फ़गरेशन जोड़ना

और उ ह ध का

$ git पुश मूल मा टर

ै वस के डैशबोड को री े श कर और जांच क आपका ब चल रहा है। एक बार यह हो जाने के बाद आपके पास अपने
ए लके शन हेरोकू यूआ रएल म तैनात प रवतन होना चा हए य द आपको यह याद नह है तो बस हेरोकू ओपन टाइप कर ।

और बस इसके ारा हमने अपनी प रयोजना के लए एक साधारण सीआई सीडी पाइपलाइन बनाई। या यह लायक था
यह हाँ यह था हमारा आवेदन इस पते पर चल रहा है https
eleplatform.herokuapp.com। बेशक वा त वक प र य म चीज इतनी सरल नह ह ले कन वही स ांत लागू होते ह।
यह ब त आम है क उदाहरण के लए आपके पास एक टे जग सं करण है जो मूल प से उ पादन के समान है ले कन आपके
लाइव होने से पहले परी ण उ े य के लए है। यह हेरोकू पर एक और ऐप और डेटाबेस बनाकर और ै वस का उपयोग करके एक
प र नयोजन पाइपलाइन को कॉ फ़गर करके पूरा कया जा सकता है जहां आप कहते ह क य द शाखा टे जग कर रही है तो आप
टे ज ए लके शन पर तैनात ह न क उ पादन एक। एक और बात जस पर आपको यान दे ने क आव यकता है वह यह है क
वा त वक प र य म यह ब त कम संभावना है क आप बैक एंड अनु योग को एक ध का पर उ पादन के लए वचा लत प से
तैनात करने के लए पाएंगे। न के वल यह ब त जो खम भरा है ब क कभी कभी शू य डाउनटाइम प र नयोजन ा त करने के लए उ ह
न पादन के एक न त म क आव यकता होती है उदाहरण के लए एक नीला हरा कै नरी के प म भी जाना जाता है
प र नयोजन जहां प रवतन शु कए जाते ह एक चरणब
Machine Translated by Google

अ याय लाइव चल

कोण। कोई फक नह पड़ता यह इस पु तक के उ े य के लए एक ब त अ ा अकाद मक उदाहरण है और अब जब आप

जानते ह क इसे कै से करना है तो आप एक टे जग ए लके शन बना सकते ह और सीआई
हमारे पा म आवेदन के लए सीडी पाइपलाइन। या आप उस चुनौती के लए तैयार ह

सारांश
इस अ याय म हमने सफलतापूवक एक DevOps पेशेवर क टोपी पहनी है। या हो सकता है क आप इसे एक बु नयाद ढांचा
इंज ी नयर या साइट व सनीयता इंज ी नयर कहना चाहते ह ... आप जो चाह उसे कॉल कर मह वपूण ह सा यह है क अब आप
जानते ह क लाइव होने का या अथ है। यह उ पादन के लए तैनाती जैसा ही है। आप इस या को वचा लत करना जानते
ह। आपने यह भी सीखा क यह सु न त करना कतना मह वपूण है क तैनाती से पहले बु नयाद जांच पास हो जाए।

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

ऐसा लगता है... हम कर चुके ह ब कु ल भी नह पहली तैनाती के साथ हमारी या ा अभी शु ई है।

ए लके शन को समय के साथ वक सत और बेहतर बनाया जाएगा। इस समय हमारे पास है

बस एक एमवीपी यूनतम वहाय उ पाद तैनात कया और अभी भी हमारे लए इंतजार कर रहा है।
अगले अ याय म हम वणन करगे क पहली तैनाती के बाद आमतौर पर या होता है
उ सव के अलावा काम जारी है याएं चल रही ह उ पाद को अभी भी बनाए रखा जाना चा हए वक सत कया जाना चा हए
शायद कसी समय फर से तैयार कया जाना चा हए और कसी दन फर से डजाइन भी कया जाना चा हए य क समय आगे
बढ़ रहा है और झान हमेशा बदल रहे ह। तो च लए अगले अ याय पर चलते ह और पता लगाते ह क सॉ टवेयर के लागू होने के
बाद या हो रहा है
Machine Translated by Google

अ याय

रखरखाव और
अपने सॉ टवेयर म सुधार
पछले अ याय म हमने अंततः अपने ई ल नग लेटफॉम को उ पादन के लए तैनात कया। अब हमारे पास हेरोकू http
eleplatform.herokuapp.com पर चल रहा है।
हालां क वकास क या अभी पूरी नह ई है। दरअसल हमारी या ा अभी शु ई है। यह एक ब े क तरह है। आप इसक
योजना बनाते ह या नह इसक तैयारी करते ह फर आप इसे गभ धारण करते ह फर गभाव ा क एक लंबी अव ध होती है जसके
दौरान आप अपना दमाग तैयार करते ह और अपनी ज रत क सभी चीज खरीदते ह। आप नसरी तैयार करते ह डॉ टर से बात करते
ह सही अ ताल चुनते ह और सु न त करते ह क आपके आस पास क नया और वातावरण एक नए इंसान को अपनाने के लए
तैयार है। तब ब े का ज म होता है। वाह उ ेज ना

कु छ ब पर आप अपने ब े को पकड़ते ह और आप धीरे धीरे महसूस करते ह क आपके पास जो कु छ भी है

पछले महीन के दौरान जो कर रहा है वह वा तव म आपक ती ा कर रहा है क तुलना म कु छ भी नह है। आपने अभी अभी
नया म एक नए इंसान को ज म दया है। यह सफ एक ब ा नह है यह एक नया जीवन है एक नई या ा है एक नया माग है एक
नई ेरणा है और एक नई नया है।
और इन सबक ज मेदारी आप पर है।
नया तक प ंचाने के लए आप जो सॉ टवेयर तैयार करते ह वह अलग नह है। आप भी डा लये
इसके नमाण म ब त सारा यार। आप सु न त कर क यह व है और बग मु के करीब है।
एक बार जब यह ऑनलाइन हो जाता है तो आप इसे पूरी नया के साथ साझा करना चाहते ह य क आप बस इतने खुश
ह क आप आ खरकार सफल हो गए एक बार जब यह चल रहा है और पूरी नया के लए सुलभ है तो आप जानते ह क इसका
जीवन अभी शु आ है और आप इसक गुण व ा और सफलता के लए ज मेदार ह। आराम करने का समय नह है। अब असली
काम का समय है हमने पहले जो कु छ भी कया है वह बस एक छोट सी तैयारी थी। आइए दे ख क इस या ा म हमारा या इंतजार
है। इसक पूण ता के रा ते म आप लगातार दो ग त व धय म शा मल रहगे बनाए रखना और सुधारना।

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

को बनाए रखने
आपने न त प से रखरखाव श द सुना है। यह कु छ ऐसा है जो आपको अपने ब े के साथ करना होगा इसे जी वत रखना।
सु न त कर क आपका बु नयाद ढांचा आपको अपने सॉ टवेयर को ठोस त म रखने क अनुम त दे ता है। सु न त कर क य द
आप अपने सवर के लए भुगतान करते ह तो सभी भुगतान समय पर कए जाते ह। अ यथा आप एक शमनाक त म समा त हो
सकते ह जहां कु छ वफल भुगतान के कारण आपक सेवाएं बंद हो जाती ह। सु न त कर क कोई भी वफलता आपके वसाय को
न नह कर सकती है।

बैक अप
रखरखाव के तंभ म से एक बैक अप है। चीज होती रहती हे। आपका डेटा कई कारण से गलती से न हो सकता है।
डेटाबेस से समझौता कया जा सकता है हैक स आप पर हमला कर सकते ह आपका वचुअल सवर डाउन हो सकता है और फर
कभी ऊपर नह जा सकता।
कु छ इंज ी नयर गलती से rm rf चला सकते ह और सब कु छ चला गया है।

कमांड rm फाइल को हटाता है। वज r इसे वतमान फ़ो र म पुनरावत प से करता है और वज f

बल को हटाने के लए उपयोगकता को हटाने के बारे म कभी भी संके त नह दे ता है।
यह आदे श काफ खतरनाक है य क यह आपसे कोई सवाल पूछे बना सब कु छ दोबारा हटा दे गा

एक बार मने ओ गा गलती से अपनी उबंटू मशीन पर नाम का एक फो र बना लया। एक बार मै
मुझ े एहसास आ क मने इसे हटाने का फै सला कया है। आरएम आरएफ । म धीमी ग त से दे ख रहा था क मेरी सारी चीज कै से
गायब हो ग और मेरा स टम बस चला गया यू न स स टम म उपयोगकता क होम नद शका को इं गत करता है । सुपर चालाक
नह ।
अगर आपको लगता है क इस तरह क गूंगी बात आपके साथ कभी नह होगी तो पहले तक इंतजार कर
समय। एक आरएम आरएफ घटना कई लोग के बीच एक काफ लोक य कारण है जो गलती से डेटा हटा दे ता है। यह पूरी
फ म टॉय टोरी के साथ प सर म भी आ
इस लए मह वपूण डेटा का बैक अप लेना ब त ज री है। जब हम ज टल णा लय के बारे म बात कर रहे ह तो आप पूरे
स टम या उसके डेटा सं हण का बैक अप ले सकते ह।
बैक अप लेने का मतलब है क एक बार म सभी मह वपूण डेटा को सरी जगह कॉपी कर लया जाता है इस लए अगर कु छ होता है
तो स टम को रकवर कया जा सकता है। आपको यह सु न त करना होगा क फ़ाइल
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

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

वैसे अगर आप टॉय टोरी फ म के बारे म उ सुक महसूस करते ह तो कहानी का सुख द अंत आ। कमचा रय म से एक
जसे घर से काम करना पड़ता था य क उसका एक छोटा ब ा था उसके पसनल कं यूटर पर फ म क पूरी कॉपी थी। इस त य ने
प सर को फाइल को पुनः ा त करने और दशक को फ म को सफलतापूवक वत रत करने क अनुम त द ।

हालां क अपने वसाय के लए ऐसे संयोग पर भरोसा न कर

तकृ त
कभी कभी डेटा इतना मह वपूण होता है क हर सेक ड मायने रखता है। इस मामले म एक साधारण बैक अप पया त नह है। इस मामले
के लए डेटा को दोहराया जाना चा हए और कई भंडारण उपकरण म सं हीत कया जाना चा हए ता क हर बार प रवतन होने पर उ ह
सभी तकृ तय के बीच चा रत कया जा सके ।
उ उपल ता ल टर आमतौर पर इस भाव को ा त करने के लए एक मा टर दास योजना का पालन करते ह।

मा टर लेव एक ऐसी योजना है जसम एक मु य उपकरण या सेवा होती है जो है

सभी काम कर रहे ह ले कन सभी ऑपरेशन को अ य नोड् स म भी दोहरा रहे ह ज ह अभी उठाया जाना है अगर कसी कारण से मु य

वफल हो जाता है।

जब कु छ डवाइस बंद हो जाते ह तो अनुरोध सरे डवाइस पर भेज दए जाते ह। उपयोगकता के लए पूरी या पूरी तरह
से पारदश होनी चा हए। नरथक डवाइस पर वच करने क या को फे लओवर कहा जाता है। लाउड स टम जैसे AWS MS
Azure Google Cloud आ द अपनी सेवा के बीच तकृ त और वफलता तं दान करते ह।
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

ाकृ तक आपदाएं और ांडीय करण

पछले कु छ वष म यह सा बत हो चुक ा है क स टम के वफल होने का सबसे आम कारण मानवीय ु टयां ह।

हालां क ऐसे लभ मामले ह ज ह मनु य नयं त नह कर सकते ह। जी हां हम बात कर रहे ह

कृ त और उसक घटनाएँ। आप एयर कं डीश नग उपकरण का उपयोग करके अपने घर को गम कर सकते ह या ठं डा कर सकते ह

ले कन आप बाहर के तापमान को नयं त नह कर सकते।

हर साल ाकृ तक आपदाएं सैक ड़ मानव जीवन लेती ह और हम इसके बारे म यादा कु छ नह कर सकते।

क पना क जए क आपका स टम सड़क पर नंगे धातु सवर पर चल रहा है। क पना क जए क एक भूकं प आता है और

पूरा े न हो जाता है। आप वह सब कु छ खो दे ते ह जस पर आप पछले वष से काम कर रहे ह और आपका वसाय समा त हो गया है।

आप इसके बारे म ब त कु छ नह कर सकते। मजाक था। नःसंदेह तुमसे हो सकता है। कं यूटर व ान म भी एक श द है जसे डजा टर

रकवरी कहा जाता है।

डजा टर रकवरी DR म ाकृ तक या मानव े रत आपदा के बाद मह वपूण ौ ो गक बु नयाद

ढांचे और णा लय क वसूली या नरंतरता को स म करने के लए नी तय उपकरण और या
का एक सेट शा मल है। . डजा टर रकवरी को ापार नरंतरता का एक सबसेट माना जा सकता
है।

व कपी डया https en.wikipedia.org wiki Disaster recovery

बेशक अगर हम एक छोट प रयोजना और डेटा के एक छोटे से सेट के बारे म बात कर रहे ह तो आपक आपदा

पुन ा त आपके म के ान पर छपी ई के वल एक बाहरी हाड ाइव हो सकती है। ले कन अगर यह मह वपूण डेटा क एक बड़ी

मा ा है तो आपको आपदा वसूली योजना के बारे म सावधानी से सोचना चा हए।

आमतौर पर बड़ी लाउड सेवाएं आपके लए वे योजनाएं दान करती ह और आप चैन क न द सो सकते ह। कसी भी मामले म इन चीज के

अ त व के बारे म जाग क होना और सबसे बुरे के लए तैयार रहना और सव े क आशा करना मह वपूण है।

चूं क हम ाकृ तक कारण और सॉ टवेयर पर उनके भाव के बारे म बात कर रहे ह हम लगता है क यह है

कॉ मक करण के बारे म बात करना काफ दलच और मजेदार है। या च ।

Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

च । कसक ती ा ांडीय करण

हाँ कॉ मक करण के प रणाम व प रैम रडम ए सेस मेमोरी म ु टयां हो सकती ह। ल बी कहानी
कम कॉ मक करण वातावरण म एक भाव उ प कर सकती ह जससे डवाइस क र नग मेमोरी म संभा वत प रवतन हो सकते
ह जससे सॉ टवेयर ु टयां हो सकती ह। ऐसी ु टय के होने क संभावना या है व कपी डया आईबीएम ारा कए गए एक अ ययन
का हवाला दे ता है

के दशक म आईबीएम ारा कए गए अ ययन से पता चलता है क कं यूटर आमतौर पर त माह मेगाबाइट रैम म
एक कॉ मक रे े रत ु ट का अनुभव करते ह।

व कपी डया https en.wikipedia.org wiki Cosmic

करण Effect on electronics

कॉ मक करण से खुद को बचाने के लए आपको या करना चा हए शायद कु छ भी नह । हमने आपक ज ासा को बढ़ाने
के लए इस ाकृ तक कारण को अभी जोड़ा है। आधु नक च स यादातर चेक सम लागू करके इन कारण से सुर त रहते ह इस लए
इसक अ य धक संभावना नह है क वे कर सकते ह
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

स टम को भा वत करते ह ले कन फर भी संभव है। उदाहरण के लए रे डयोध मता के साथ भी ऐसा ही होता है।
स टम जो गैर इ तम तय के संपक म ह उदाहरण के लए उप ह को इसे यान म रखने क आव यकता है।

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

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

अगर सब कु छ सही रहा तो आपका ाहक आधार बढ़े गा। सु न त कर क आपके पास अपना के लग है
जगह म योजना। उपयोगकता के पास ह गे उ ह आपसे संपक करने और वे पूछने के लए एक तरीके क आव यकता
होगी। सु न त कर क आपके पास उपयोगकता क त या एक करने और उ ह एक कु शल ाहक सेवा दान करने का एक
आसान तरीका है। कोड आधार बढ़े गा और कसी ब पर इसे कु छ रफै ट रग या यहां तक क पुनलखन क आव यकता होगी। सु न त
कर क आप ऐसी चीज के लए पया त समय आवं टत करते ह वे मह वपूण ह चूं क नया लगातार आगे बढ़ रही है और हर दन नए
डजाइन के झान दखाई दगे इस लए आपके उ पाद के डजाइन को अनुकू लत करना होगा
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

उन प रवतन को भी। कभी कभी आपको अपने उ पाद के लए एक नया व प या करने क आव यकता होगी। उसके लए भी
तैयार रह।
सामा य तौर पर प रवतन के लए और उन प रवतन को मु कान और सकारा मक ऊजा के साथ वीकार करने के लए हमेशा
तैयार रह। अगर आपने ए ट वट इंक . ओवरक मग द अनसीन फोसज दै ट टड इन द वे ऑफ ट इं रेशन http a.co
kdojHA कताब पढ़ है तो आप जानते ह क प सर ए नमेटेड काटू न क पूरी अवधारणा के बाद कै से बदल सकती थी। इस पर
काम करने का वष। य क वे गुण व ा और रचना मकता पर दांव लगाते ह और सभी क आवाज मायने रखती है।

के लग

एडेरा म जैसा क हमने पहले ही बताया है हम एक ऑनलाइन पा म मंच चलाते ह। शु आत से ही यह AWS पर एकल EC इं टस
का उपयोग कर रहा है।

AWS EC एक अमेज़ ॅन वेब सेवा है जो आपको सामा य योजन के उदाहरण को आग लगाने क अनुम त दे ती
है जो आपक क यूटेशनल आव यकता को आसानी से पूरा कर सकते ह।

इसके लए एक उदाहरण होना साल के लए ब कु ल ठ क था। दसंबर म हमने श क के लए एक कोस शु

करने का फै सला कया। सौभा य से हमारे लए इस पा म को श ा मं ालय ारा उन श क के लए एक आव यक पा म के
प म माना गया था जो कू ल वष से के दौरान ाथ मक व ालय म पढ़ाएंगे। हम मोटे तौर पर श क के बारे
म बात कर रहे ह। ओ गा को याद है जब उसके भाई इ लया ने घबराहट म फोन कया था। उ ह ने मं ालय म बैठक म भाग लया था और
लोग को संदेह था वे सोच रहे थे क या हमारे सवर उपयोगकता के साथ जी वत रहगे। इ लया ने उ ह बताया क एडेरा के
पास नया के सबसे अ े इंज ी नयर ह और संभवतः कु छ भी नह जा सकता

गलत।
ले कन वह दहशत म था। उ ह ने ओ गा से पूछा क या यह संभव है क श क क इतनी सं या एडेरा सवर को नीचे लाएगी।
ओ गा ने सोचा ठ क है पा म उपल है मंच पर एक साथ उपयोगकता कभी नह ह गे। जैसा क इ लया ने
बैठक म कहा संभवतः कु छ भी गलत नह हो सकता च
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

च । यह त वीर ब ली के ब े के गरने से लगभग सेकं ड पहले ली गई थी

यह पता चला है क हमने अपने ल त दशक क एक ब त व श वशेषता के बारे म नह सोचा था। हम उन श क

के बारे म बात कर रहे ह जो सो वयत शासन के दौरान श त ए थे। इस मामले के बारे म हम पहले भी इस कताब म बता चुके ह
ले कन हम आपको याद दला द।
या आ यह है क पा मक वश ारंभ त थ और समय के संयोजन म आव यक श द के प रणाम व प
कॉल टू ए न आ। सभी यू े नी श क

सोचा था क पा म क आव यकता थी न क के वल वे जो अगले वष ाथ मक व ालय म पढ़ाने के यो य थे। इस

कार दसंबर उस व श समय पर लगभग श क ने हमारे मंच पर पंज ीकरण करने का यास कया।
बेशक हमारा छोटा उदाहरण तुरंत नीचे चला गया। हम इसके लए तैयार नह थे। हम लाई पर के लग समाधान के साथ आना
पड़ा। हम भा यशाली थे य क य द आप AWS का उपयोग करते ह तो इसे ा त करना काफ आसान है। उस दौरान हमने अपने
सवर पर भारी मंद का अनुभव कया
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

वे दन जब नए मॉ ूल का शत कए जा रहे थे और जब अं तम परी ण समा त हो गया था। जब हमारे पास उपयोगकता के

अनुरोध क सेवा करने वाले उदाहरण थे तब हमारे पास कु छ शखर थे।
सवर से तक बना तैयारी के । बेशक इसने ब त तनाव नस और घबराहट का कारण बना। न के वल हम उस तरह के भार को
संभालने के लए तैयार नह थे जब भंडारण क बात आई तो हम भी तैयार नह थे। ारंभ म हम के वल गीगाबाइट भंडारण के साथ
जी वत थे या आप यह सोच सकते ह हमारे फोन म इससे पांच गुना यादा है

ओ गा को याद है क वह एक कं पनी इवट म गदबाजी कर रही थी और अचानक एडेरा का सवर खाली हो गया और सवर
डाउन हो गया। सौभा य से ओ गा के लए उसके एक सहयोगी के पास उसका लैपटॉप था। वह हमारे सवर से जुड़ी और मनट के
लए उसके सभी सहकम सवर पर कु छ जगह खाली करने म मदद कर रहे थे लॉ स पुरानी बैक अप फाइल को साफ करना आ द।
कहने क ज रत नह है हम इस रा श को बढ़ाना था और नगरानी और चेतावनी उपकरण लगाना था। इस तरह क घटना के लए जगह

हम यह सब इस लए नह लख रहे ह क आप हंस और सोच क हम उस समय कतने गूंगे थे हम इसे आपके लए के ल करने के

लए तैयार होने के मह व से अवगत होने के लए लख रहे ह। यह उ लेख नीय है क आप अपनी वा तुक ला को कै से डजाइन करते ह यह
अ यंत मह वपूण है। EdEra म हम एक तृतीय प ओपन सोस स टम का उपयोग कर रहे ह जसे के ल करना क ठन है। लोड को
संभालने म स म होने के लए हम सवर लगाने पड़े। जम डो जहां ई काम करता है म एक ही अनुरोध लोड को के वल दो उदाहरण
ारा नयं त कया जा रहा है य क ए लके शन को इस तरह से डज़ाइन कया गया है क यह लोड के साथ फं स न जाए। इस लए
आपके स टम पर सभी कार के परी ण चलाना मह वपूण है जसम भारी भार परी ण भी शा मल है।

य द आप लाउड हो टग लेटफॉम का उपयोग करते ह तो वे आमतौर पर आपके लए सही टू ल दान करते ह

अपने लोड ऑटो के लग के अनुसार के ल करने म स म । Google Kubernetes पर एक नज़र डाल।
यह Google ारा वक सत एक ओपन सोस स टम है जो आपको अपने सॉ टवेयर को कं टे नरीकृ त करने और इसे ऑटो तैनाती ऑटो
के लग और बंधन के लए कॉ फ़गर करने क अनुम त दे ता है।
अपने नए श ण मंच पर वापस आते ए जब हमने इसे वक सत करना शु कया तो हमने इसके कई पहलु को
सरल बनाया। वतमान काया वयन ै तज प से के ल नह कर सकता है।
यह आं शक प से सच है वा तव म यह के ल कर सकता है ले कन जैसा हम चाहगे वैसा नह । सम या यह है क हमारा माणीकरण
तं स क जानकारी टोकन तक प ंच और री े श को टोर करने के लए इन मेमोरी डेटाबेस का उपयोग कर रहा है। इसका मतलब
यह है क य द हम कई ए लके शन नोड् स के बीच लोड को संतु लत कर रहे ह तो एक उपयोगकता जो माणीकरण नोड ए को हट
करता है और नोड बी को बाद म अनुरोध करता है वह अनुरोध संतु नह होगा य क नोड बी उस माणीकरण के बारे म नह जानता था
जो था नोड ए ारा न पा दत। इसे माणीकरण जानकारी को ऐसे ान पर सं हीत करके आसानी से हल कया जा सकता है जसे
अनुरोध करने वाले सभी नोड् स तक प ंचा जा सकता है। यह हो सकता है उदाहरण के लए एक रलेशनल डेटाबेस इला ट स खोज
या कसी अ य कार के भंडारण म जैसे क मेमकै ड।
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

य द हमारी रणनी त सवर नोड् स से भी वेबसाइट क सेवा जारी रखने क है तो यह

इसका कोई मतलब नह है क हम हमेशा एक ही र साम ी परोस रहे ह और गणना समय और संसाधन को बबाद कर रहे ह।
इस मामले म यह सलाह द जाती है क हम इस तरह क साम ी परोसने के लए ए लके शन के सामने कु छ कै शग तं रख। एड यूएस
म यह लाउड ं ट वतरण बनाकर और अनुरोध पथ के आधार पर कै श वहार को न द करके पूरा कया जाएगा उदाहरण के लए
सब कु छ कै श कर ले कन oauth और api नह ।

इस तरह हम सवर को अनाव यक अनुरोध क गणना करने से मु कर दगे।

हालां क के लग को लेक र ब त उ सा हत न ह । हाल ही म ओ गा ने सीट ओ सलाहकार के प म काम करने वाले एक
के साथ बातचीत क । उ ह उन कं प नय ारा आमं त कया जा रहा है जो कु छ वा तु श प या इंज ी नय रग बंधन के मु म फं स जाती
ह। ओ गा ने उनसे पूछा क टाटअ स म सबसे आम तकनीक सम या या है। और यह पता चला है क कभी कभी ओवर इंज ी नय रग
एक मु ा बन जाता है। इंज ी नयर कु बेरनेट्स और अ य कं टे नरीकरण और लाउड समाधान जैसे उपकरण से अ य धक उ सा हत हो जाते
ह और आ कटे चर को डजाइन करते ह जो अरब उपयोगकता के लए के ल होगा। उस तरह क वा तुक ला को बनाए रखना और
वक सत करना एक बो झल और ज टल या बन जाती है जो वकास और शपमट को धीमा कर दे ती है। और आ यजनक प से ये
कं प नयां कभी भी उन उपयोगकता क सं या तक नह प ंच पा जनके लए वे अपने ज टल आ कटे चर को डजाइन कर रहे थे।

कहने का ता पय यह है क के लग के लए तैयार रह नगरानी और व ेषण टू ल का उपयोग करके रख

अपने उपयोगकता पर नज़र रख ले कन इसे एकमा ल य न बनाएं. आपके सॉ टवेयर का ल य आपके अं तम उपयोगकता क
सम या का समाधान करना और उनके जीवन को आसान बनाना है।

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

आपके उपयोगकता।

एक वचा लत ई मेल सेट कर जो तुरंत कु छ इस तरह उ र दे गा हम आपका ईमेल ा त आ है हमारी ट म अगले दन म आपसे
संपक करेगी।
न त प से ब त समान अनुरोध ह गे। उनम से कु छ को नई सु वधा म बदल दया जाएगा उनम से कु छ का आपको बस
जवाब दे ना होगा। अपने जीवन को आसान बनाने के लए सबसे सामा य उ र के साथ एक टे लेट वक सत कर।
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

अपने उ पाद और उसक वशेषता के बारे म बात करते ए मुलाकात और मुठभेड़ को इक ा कर और अपने संभा वत ल त दशक के

साथ एक लाइव परी ण आयो जत कर। यहां तक क अगर आपका उ पाद ब त और सीधा लगता है तो आप इस तरह क बैठक म मलने वाली

सम या से च कत ह गे।

उपयोगकता के आपके लए कु छ UI UX सम याएं लेक र आएंगे उदाहरण के लए य द उपयोगकता पंज ीकरण नह कर सकता य क

उ ह पंज ीकरण बटन नह मल रहा है तो यह न त प से आपक उपयोगकता या ा म एक सम या है। उ ह संबो धत करने से आपके सॉ टवेयर म

सुधार होगा। य द आप एक छोट ट म ह और हर कोई सब कु छ कर रहा है तो इस तरह क सम या को अपने काय क पाइपलाइन म जोड़ना न भूल।

य द आपके पास एक उ पाद ट म और एक ाहक सेवा ट म है तो सु न त कर क ट म म या को इस तरह से ा पत कया गया है क ाहक

सेवा ट म बैक लॉग म उपयोगकता के मु को शा मल करने के लए उ पाद ट म के साथ मलकर काम करती है।

य द आपका सॉ टवेयर खुला ोत है तो और भी बेहतर उपयोगकता सीधे आपके GitHub रपॉ जटरी म सम याएँ दज कर सकते ह।

बस यान रख आप जो भी फ़ डबैक दान करते ह सु न त कर क आपके पास है

इसे संबो धत करने का मतलब है

बग फ संग

पछले खंड म हमने उपयोगकता क त या को संबो धत करने के बारे म बात क है। जैसा क आप क पना कर सकते ह त या

कु छ सही सुधारने के बारे म नह है। वा तव म नया म कोई भी संपूण सॉ टवेयर नह है। कसी भी सॉ टवेयर म बग होते ह। सचमुच नया के

हर सॉ टवेयर म बग होते ह। अगर कोई आपसे कहता है क वे बग मु सॉ टवेयर लख सकते ह तो आप उनके चेहरे पर ही हँसी उड़ा सकते ह

कोड क येक पं म संभा वत प से बग हो सकते ह। य द आप एक शू य बग ो ामर बनना चाहते ह तो कोड ब कु ल न कर।

आपके सॉ टवेयर म बग होने का मतलब है क आपको उ ह ठ क करना होगा। इस तरह के मु े को हल करने के लए एक या है। यह

एक ज टल या नह है ले कन कम से कम आपके पास बग ै कग टू ल और बग को ाथ मकता दे ने और उनक गंभीरता को वग कृ त करने का

एक तरीका होना चा हए। उदाहरण के लए य द कोई बग आपके उपयोगकता को आपके लेटफॉम पर पंज ीकरण करने से रोकता है तो यह एक

मह वपूण बग है और इसे तुरंत संबो धत कया जाना चा हए। सरी ओर य द यह शंसाप हडोला म एक छोटा टाइपो है तो यह एक मामूली बग है

जसे कसी भी समय संबो धत कया जा सकता है और यह वतमान वकास को भा वत नह करना चा हए।
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

आइए एक नजर डालते ह हमारे ल नग लेटफॉम पर खासकर इसके र ज े शन पेज पर।

च दखाता है क पंज ीकरण फॉम कै सा दखता है।

च . पंज ीकरण फॉम

नाम इनपुट फ़ पर और पासवड इनपुट पर का या अथ है

खेत यह तीत होता है क इसका अथ है म अनुमत वण क अ धकतम सं या

नाम और पासवड मशः। ठ क है यहाँ कु छ लखने क को शश करते ह च ।

च । प वण से अ धक लंबा नाम टाइप करने क अनुम त दे ता है

Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

हम या मेरे नाम म म से च ह ह यह अजीब है। और यह जा हर है एक बग है। काउं टर के लए

उपयोग क जाने वाली सं या अ धकतम अनुमत नाम लंबाई के समान होनी चा हए जसका उपयोग हम फॉम स यापन म
करते ह। अगर मुझ े अके ले काम करना होता तो म इस बग को ठ क कर दे ता ले कन अगर आपके पास एक ट म और
याएं ह तो कसी को इस बग को दज करना होगा। च दखाता है क इस व श सम या के लए बग रपोट कै सी
दखेगी।

च ।फ़ नाम काउं टर के बारे म पंज ीकृ त बग

Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

आइए यह समझने के लए कोड पर एक नजर डालते ह क बग कहां से आता है। यहाँ है

नाम फ़ के लए प का भाग

v पाठ े
वी मॉडल नाम
नयम नाम नयम
काउं टर
लेबल नाम

आव यक
वत पूण नाम
v पाठ े

और यहाँ स यापन कोड है

डेटा
मा य झूठा
नाम
नाम नयम
वी वी नाम आव यक है
वी वी.लंबाई नाम वण से कम होना चा हए

यह है क हम बस काउं टर को l पर सेट करना है ले कन कोड म कु छ भी करने से पहले

हम पहले टे ट लखना होगा यह अ ा नयम याद रख य द आपके पास कोई बग है तो पहले इस बग को कवर करने के लए
परी ण लख सु न त कर क यह परी ण वफल हो गया है बग को ठ क कर और सु न त कर क यह परी ण पास हो गया
है। जब हम फ डजई म साथ काम कर रहे थे तब ई के बारे म एक मीम भी था। भले ही बग को हल करना कतना भी आसान य
न हो उसे इसे परी ण से ढं क ना पड़ा। कभी कभी वह लंच से पहले बग को ठ क कर दे ते और ट म को इसक घोषणा कर दे ते। हम
खड़े हो जाते और दोपहर के भोजन के लए जाने के लए दरवाजे क ओर बढ़ने लगते। ले कन ई अभी भी अपनी मेज पर गहराई से
एका होकर बैठ होगी। और फर हर कोई कहेगा आह ज़ र वह यह जाँचने के लए परी ण चला रहा है क या बग वा तव म
ठ क हो गया है
पा के काउं टर के साथ बग पर वापस आ रहा है। हमारे परी ण को यह जांचना चा हए क एक बार पंज ीकरण पृ खुलने
के बाद नाम फ़ तवम टे ट होता है। अगर हम कु छ पेश करते ह तो काउं टर को अपडेट करना चा हए। हम नाइटवॉच
का उपयोग करगे http
nightwatchjs.org परी ण के लए। हमारा परी ण न न ल खत के प म दखेगा

मॉ ूल.ए सपोट
परी ण पंज ीकरण पृ फ़ं न ाउज़र
ाउज़र

.url http localhost register

Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

.waitForElementVisible app
.assert.containsText .input group counter
.setValue input autocomplete name
.assert.containsText .input group counter
.end

अगर म इस परी ण को अभी चलाता ं तो यह असफल हो जाएगा य द त व .input group counter म टे ट है तो परी ण करना ।

अपे त ले कन मला ।

आइए अब बग को ठ क कर। जैसा क हमने पहले ही उ लेख कया है हम काउं टर नंबर को म बदलना होगा। या इससे भी
बेहतर कोड के मा यम से मै जक नंबर क मा ा से बचने के लए आइए अ धकतम नाम लंबाई के लए एक नरंतर मान जोड़ और
इसका उपयोग कर।

मै जक नंबर वे नंबर होते ह जो कोड के व भ ान पर दखाई दे ते ह और जनका अथ समझना

मु कल होता है। जा ई सं या के योग से बच इसके बजाय साथक नाम के साथ रांक बनाएं।

इस कार फ संग के बाद कोड इस तरह दखेगा

script
आयात mapActions mapGetters vuex const से
MAX NAME LENGTH नयात डफ़ॉ ट

मडलवेयर अ मा णत डेटा
MAX NAME LENGTH मा य गलत नाम
नाम नयम v v नाम आव यक है v
v. लंबाई MAX NAME LENGTH
`नाम $ MAX NAME LENGTH वण से कम
का होना चा हए`

ट
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

नाम फ़ के लए माकअप न न के प म दखेगा

v पाठ े

...

काउं टर MAX NAME LENGTH

...

v पाठ े

और हाँ परी ा गुज रती है हम सम या को समाधान के प म च त कर सकते ह।

इस भाग के लए कोड दो सबफ़ो र म बग फ संग फ़ो र म पाया जा सकता है पहले

और बाद म। के वल ं टएंड कोड बदला गया था। अ त र नभरता के लए package.json फ़ाइल पर एक नज़र डाल वा त वक सुधार के लए

पृ register.vue और अ त र परी ण के लए परी ण e e फ़ो र। फ़ाइल README.md म एंड टू एंड परी ण चलाने के चरण ह।

तो बस यान रख आप बग मु कोड नह लख सकते ह ले कन आप कर सकते ह और आपको करना चा हए

एक साफ रखरखाव यो य और अ तरह से परी ण कया गया कोड लख। फर आपके रा ते म जो भी बग दखाई दे गा वह कु छ ही सेकं ड

म साफ हो जाएगा

रफै ट रग पुनलखन और तकनीक ऋण

कोई फक नह पड़ता क आपका कोडबेस कतना साफ है और इसका परी ण कवरेज कतना अ ा है कसी ब पर आप कोड

को दे ख गे और आपको इसे एक अलग तरीके से फर से व त करने क आव यकता महसूस होगी। कु छ वग का अब कोई मतलब नह हो

सकता है कु छ फाइल को अलग अलग मॉ ूल म वभा जत कया जा सकता है कु छ काय को छोटे उप काय म वभा जत कया जा सकता
है कु छ परी ण म सुधार कया जा सकता है और कु छ द तावेज जोड़े जा सकते ह। जब आप अपने कोड को बेहतर बनाने उसे पुनग ठत

करने और उसे बेहतर बनाने क इ ा महसूस करते ह तो इसका मतलब है क यह रफै ट रग का समय है

कोड को रफले टर करने का मतलब है क कोड का पुनगठन कया गया है ले कन इसका वहार और काय मता समान

रहती है। जतना अ धक आपका कोड यू नट परी ण ारा कवर कया जाता है उतना ही आप यह सु न त कर सकते ह क
कोई भी रफै ट रग इसक काय मता को नह तोड़ता है।

उदाहरण के लए हमारे ं टएंड के मामले म हमारे पास एक फ़ो र घटक है जो

वतमान म तीन घटक शा मल ह

• कोसआइटम. ू

• कोसमॉ ूल.vue

• UserCourseItem.vue
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

जब क यह के वल तीन घटक ह उनम से येक के उ े य को समझना काफ आसान है। सरी ओर कोड आधार क
वृ के साथ घटक क सं या भी बढ़े गी और इस बात क ब त अ धक संभावना होगी क हम इस फ़ो र को साथक
सबफ़ो स म पुनग ठत करना होगा और शायद कु छ फ़ाइल का नाम बदलने के बारे म भी सोचना होगा।

सामा य प से वा तुक ला के संबंध म जैसा क पहले कहा गया था हम र वेबसाइट को बाक एपीआई नोड से भी
वत रत कर रहे ह। आधु नक आ कटे चर म यह एक मजबूत नो गो है खासकर जब से आजकल सब कु छ लाउड दाता म
हो ट कया जाता है जो आपको उनक सेवा का उपयोग करके ब त सारे आ कटे चर का नमाण करने क अनुम त दे ता है। हमारे
आ कटे चर के बारे म एक बात यह है क बैक एंड को ं टएंड से पूरी तरह से वभा जत करना है। ं टएंड को सम पत वेब सवर नोड् स
ारा परोसा जा सकता है या और भी बेहतर य द यह काफ सरल है और कसी पागल नयम क आव यकता नह है तो इसे
Amazon AWS पर S Cloudfront समाधान ारा परोसा जा सकता है।

AWS आपको वेबसाइट को उनके लाउड टोरेज S पर हो ट करने और उसके सामने लाउड ं ट वतरण रखने म स म
बनाता है और पैसे बचाने और इसे और भी तेज़ बनाने के लए सभी फ़ाइल को कै श करता है। ई इस समाधान के त उ साही ह
ले कन यह के वल तभी काम करता है जब आप के वल सादा और सरल फाइल पेश कर रहे ह । कु छ पुनलखन नयम को स म करना
भी संभव है ले कन यह बाजार पर कसी अ य व श वेब सवर जतना अ ा नह होगा। हमारा उदाहरण इस समाधान ारा परोसा
जाने वाला एक अ ा मैच है कम से कम अभी के लए इसका मतलब यह नह है क नकट भ व य म उ पाद इस तरह वक सत
होता है क यह अब लागू नह होता है। अगर या जब वह समय आएगा तो वास सुचा प से होगा इस लए हम इसके बारे म यादा
चता करने क ज रत नह है।

कभी कभी ऐसा होता है क हम अपने कोड क गुण व ा और संरचना पर चतन करने के लए कभी कते नह ह। ऐसा तब
होता है जब ब ट म आ ामक प से गैर मौजूदा सु वधा को बेचती है और फर वकास दल को उ ह ब त कठोर समय सीमा
के साथ लागू करना पड़ता है।
ऐसा तब होता है जब उ पाद ट म बैक लॉग म नई सु वधा को आगे बढ़ाती रहती है जब बंधन सा ता हक डेमो घंटे पर नई
साम ी दे ख ना चाहता है और वकास ट म उस सामान को जोड़ने के लए बा य महसूस करती है चाहे कु छ भी हो। यह ब त सारे कारण
से हो सकता है।
यह कहाँ ले जाता है यह इस त य क ओर जाता है क साल बाद हम पता चलता है क हमारा कोड आधार एक बड़ी गड़बड़ी है।
हम एहसास होता है क हमारा कोड TODO टे टमट से भरा है।

दरअसल जब हम कोड म TODO टे टमट छोड़ते ह तो हम वा तव म व ास करते ह क हम इसे ज द ही

करगे और हम वा तव म व ास करते ह क फलहाल हम इसे करगे हम इस TODO के संदभ और कारण को
पूरी तरह से याद रखगे। मेरा व ास करो कभी नह होता
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

हम कोड संरचना म अराजकता से मॉ ूल क रा सी सं या से कोड आधार के मा यम से कोड शैली म अंतर से और

साधारण त य से भयभीत महसूस करते ह क हम कोड को दे ख ते ह और हम यह पसंद नह है। इस मामले म हम लगता है क
खर च से सब कु छ फर से लखना आसान होगा। हम भोलेपन से मानते ह क य द हम शू य से पूरे कोड आधार को फर से
लखना शु करते ह तो यह साफ अ ा और प रपूण होगा। एक और मामला जब हम लगता है क हम पूरे कोड बेस को एक
अ े और सही तरीके से फर से लखगे जब हम कु छ नई ो ा मग भाषा या एक नए ढांचे क खोज करते ह। हम इस महान नई
साम ी को आज़माने क ललक महसूस करते ह और हम पूरा यक न है क यह कसी भी चीज़ क तुलना म हमारे मामले पर अ धक
लागू होती है। हम सब कु छ फर से लखना चाहते ह च

च । हम वा तव म मानते ह क अगर हम सब कु छ खर च से फर से लखते ह तो यह ब कु ल सही होगा

कृ पया इस म म न आएं क यह आपके कोड के साथ होगा। आपने शायद कोड पुनलखन के कु छ सफल मामल के बारे
म सुना होगा ले कन आमतौर पर यह आपक अपे ा के अनु प नह होगा। नेट के प ने इसे कया और उ ह साल लग गए और
उ ह एक सं करण छोड़ना पड़ा सीधे सं करण से तक जा रहा था। यह उदाहरण टै क ओवर लो के सं ापक जोएल ो क
ारा लेख म दया गया है https bit.ly iF Qm ।

फर से लखे गए कोड म भी सम याएँ ह गी कु छ समय बाद आपको पढ़ने से भी नफरत हो जाएगी

यह और अंत म आप दो अ म कोड आधार के साथ समा त हो जाएंगे।
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

हालां क अगर आप तय करते ह क पूण पुनलखन के अलावा कोई अ य वक प नह है तो इसके लए एक अ योजना

बनाएं समय म अनुमान लगाएं क इसम कतना समय लगेगा। एक रणनी त वक सत कर जो आपको मौजूदा कोड को धीरे धीरे बनाए
रखने क अनुम त दे गी ले कन न त प से नया बना रही है।
कोड को रणनी तक प से वाय भाग म वभा जत कर के बाद उ ह बदलते रह
पुनलखन ता क आप आसानी से पूरे कोड आधार को बदल सक। सु न त कर क नया कोड साफ परी ण और पठनीय है।

फर भी यान रख क छोटे रफै ट रग हमेशा वशाल पुनलखन से बेहतर होते ह।

इस कार सु न त कर क आपके पास तकनीक ऋण को संबो धत करने के लए हमेशा जगह है।

तकनीक ऋण म आपके कोड के साथ सम याएं होती ह जो रफै ट रग का कारण बन सकती ह।

अकु शल परी ण कवरेज खराब वा तु नणय संरचना क कमी असंगत कोड शैली इन सभी को तकनीक
ऋण के प म माना जा सकता है। कोई तकनीक ऋण नह होना असंभव है ले कन या को इस तरह
से ा पत करना संभव है क यह जमा न हो।

अपनी ट म से बात कर सु न त कर क तकनीक ऋण जमा होने के खतरे के संबंध म हर कोई एक ही पृ पर है।

सु न त कर क जो कोई बैक लॉग के लए ज मेदार है उसम तकनीक ऋण काय शा मल ह। सु न त कर क येक ट या
आपके ारा उपयोग क जाने वाली कोई अ य काय इकाई इनम से कु छ मु को संबो धत करती है। सु न त कर क आपका कोड
आपको गव और स ता का अनुभव कराता है।

र डजाइ नग और री ां डग
हमने इस अ याय म पहले ही उ लेख कया है क जब आपका उ पाद आपके खुश उपयोगकता ारा सफलतापूवक उपयोग कया
जा रहा है तो डजाइन क नया म झान बदल जाता है और नई चीज लोक य हो जाती ह।

लैट बटन आयामी बटन को बदलने के लए आते ह े डएंट अचानक एक चीज बन जाते ह साफ े पैटन
वाभा वक प से लं कग और रंगीन आभूषण को बदलने के लए आते ह आ द।

मोबाइल उपकरण के आ मण और डजाइन करने क आव यकता का उ लेख नह करने के लए

मोबाइल फ ट माइंड के साथ ए लके शन।
इस कार आपक डज़ाइन ट म लगातार नए समाधान और आपके वकास का ताव दे गी
ट म को इसे लागू करना होगा।
Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

जब र डजाइन क बात आती है तो एक अ ा संतुलन बनाए रखना मह वपूण है। आ खर मत भागो

उभरती वृ याँ उनम से कु छ अ पका लक ह और संभवत कल समा त हो जाएँगी।

अपने उपयोगकता क ज रत को यान म रखते ए उन पर नज़र रख जो आपके उ पाद के लए फायदे मंद हो सकते ह।

कभी कभी डज़ाइनर पुन डज़ाइन कए गए मॉकअप का ताव करते ह य क वे उपयोगकता को वतमान डज़ाइन का शोध करते ह

और पाते ह क इसे कसी तरह से सुधारने क आव यकता है। उदाहरण के लए जब हम इस पु तक को लखने म त थे हमारे अ त

डजाइनर एले ज ा स रक लॉ गन और पंज ीकरण पृ का नया व प लेक र आए।

के वल आपको याद दलाने के लए च दखाता है क यह कै सा था।

च . पहले लॉ गन और पंज ीकरण पृ का डज़ाइन

और च दखाता है क यह अब कै सा दखता है।

च । साइन इन और साइन अप पृ का पुन डज़ाइन कया गया सं करण

Machine Translated by Google

अ याय अपने सॉ टवेयर को बनाए रखना और सुधारना

एले ज ा ने ल डग पृ भी डजाइन कया था और पा म को पूरी तरह से नया प दया था

डैशबोड पृ । हम नया डज़ाइन ब त पसंद है और इसका मतलब है क हम कु छ काम करना होगा।

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

सारांश
इस अ याय म हमने सॉ टवेयर उ पाद के साथ उनके जीवनकाल म होने वाली ब त सी चीज पर चचा क है। हमने कई अलग
अलग या पर चचा क जो उपयोगकता क त या से शु होती ह कोड रफै ट रग और पुनलखन से गुज रती ह
और एक री डज़ाइन के साथ समा त होती ह।

अब आप जानते ह क अपने उ पाद को व त म रखना कतना मह वपूण है इसे सुधारते रहना कतना मह वपूण
है और इस पर नज़र रखना कतना मह वपूण है क यह आपके उपयोगकता को कभी नराश न करे। ऐसा लगता है क आप
जानते ह क जंगली नया म आपके सॉ टवेयर के साथ या करना है। आप तैयार ह

स ांत प म हमारी या ा समा त हो रही है। अगले अ याय म हम कु छ सुझ ाव दगे और से अ धक वष के लए सॉ टवेयर
इंज ी नयर और बंधक होने के अपने वयं के अनुभव से कु छ यु य पर चचा करगे।
Machine Translated by Google

अ याय

कु छ के साथ लपेटना
यु याँ और चाल
पछले अ याय म हमने सॉ टवेयर के पहली रलीज के बाद होने वाली हर चीज पर चचा क थी। हमने न कष नकाला क
पहली रलीज़ एक बड़ी या ा क शु आत है जसम आपके उ पाद को बनाए रखने और सुधारने से संबं धत ब त सारे चरण
शा मल ह। कसी भी अ य या ा क तरह यह भी अपना रा ता बदल सकता है। कसी भी अ य या ा क तरह यह बना कसी
नकास के एक कोने म समा त हो सकता है और आपको एक कदम पीछे जाना होगा। यह आपको एक सुरंग म भी ले जा सकता है
जहाँ आपको तब तक आगे बढ़ने के लए मजबूर कया जाएगा जब तक क आप काश को दे ख ना शु नह कर दे ते।

हालाँ क यह एक रोमांचक या ा है आपको सुंदर दशनीय ल और भयानक घटनाएँ मलगी आप न त प से नए लोग से

मलगे और अपने आप को अजीब तय और लुभावने रोमांच म पाएंगे।

हम अलग अलग या ा से गुज रे ह अलग अलग कं प नय अलग अलग लोग अलग अलग उ पाद और प रयोजना के
साथ काम कर रहे ह। हम व ास है क हम आपके साथ कु छ उपयोगी ट स और स साझा कर सकते ह।

वकास यु याँ
इस पु तक म हमने ं टएंड और बैक एंड डेवलपमट दोन पर चचा क है। वकास म वा तु संबंधी नणय को डग कोड क समी ा
करना परी ण करना अपने कोड को उ पादन म धके लना ट म के साथ काम करना और कोड आधार म लगातार सुधार करना
शा मल है ता क आपका सॉ टवेयर आसानी से बनाए रखने यो य और साफ हो।

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

ो ा मग ल वेज या े मवक चुनना

जब आप वकास या शु करते ह तो न त प से यह सवाल उठे गा क कस भाषा का उपयोग कया जाए। डेवलपस शायद
जावा या गो पायथन या बी या यहां तक क PHP के लए या उसके खलाफ लड़ाई और तक तुत करना शु कर दगे। टोरेज और
सच इंज न के बारे म भी सवाल ह गे SQL बनाम NoSQL रलेशनल डेटाबेस बनाम डॉ यूमट टोर ह टर टे क बनाम ला सक
सॉ यूशंस आपको कन मानक का उपयोग करना चा हए

एक बाक पुराना दो त या आधु नक ाफ यूएल आपको कौन सा ं टएंड े मवक चुनना चा हए

त या और Redux Vue.js या शायद ए म या शायद कोई ढांचा नह
इन फै सल को प व यु म वक सत न होने द। अंत म यह तकनीक नह है जो उ पाद को चलाती है यह लोग ह जो इसे अ त बनाते
ह। अपने उ पाद के लए सही तकनीक चुनते समय याद रख आपको उस तकनीक का गुलाम नह बनना चा हए यह सरा तरीका है तकनीक
को आपक ज रत और आपके उ पाद क ज रत को पूरा करना चा हए।

तुलना ता लकाएँ बनाएँ अपने सॉ टवेयर क तकनीक ज़ रत को लख और उस तकनीक को च त कर जो उससे बेहतर तरीके से मेल
खाती हो। या आपके उ पाद को ज टल संयु को न पा दत करना होगा जनके प रणाम तेज ी से दे ने ह गे इला ट स खोज जैसी
कसी चीज़ पर वचार कर। या आपको डेटा सं हण और अपनी तु त परत के बीच लगभग रीयल टाइम स नाइज़ेशन क आव यकता
है रीयलटाइम डेटाबेस पर एक नज़र डाल। या इसे ज टल काय को हल करना चा हए और उ दशन करना चा हए वभ ो ा मग
भाषा पर कु छ बचमाक चलाएँ।

य द इस या उस तकनीक के बारे म ट म के सद य के बीच अंतहीन चचा होती है तो येक को एक पच डेक तैयार करने के लए
कह और इसे ट म के सामने पेश कर और बाद म मतदान कर। उस नणय के लए मजबूत समय सीमा नधा रत कर। टक ट एसी क घड़ी
टक रही है और आप अपना पूरा समय इस तरह क चचा पर खच करने का जो खम नह उठा सकते ह या आपक त धा आपसे आगे
नकल सकती है।

अंत म जो वा तव म मायने रखता है वह यह है क हर कोई चुनी ई तकनीक के साथ सहज महसूस करता है। य द ान क कमी है
तो लोग को सीखने के लए साधन उपल कराएं। अपने सॉ टवेयर को एक अ े मॉ ूलर तरीके से बनाएं ता क य द तकनीक खराब
वक प सा बत हो तो इसे आसानी से बदला जा सके ।

कोड शैली दशा नदश

ो ा मग भाषा या ढांचे को चुनने पर प व यु के अलावा डेवलपस के बीच अ य चचाएं ह आईडीई बेहतर या है टै ब पर र
ान डबल कोट् स बनाम सगल कोट् स। या आप जानते ह क आप इंज ी नयर को लगभग कसी भी बातचीत से यह पूछकर वच लत
कर सकते ह क या वे वम या एमएसीएस पसंद करते ह एक बार ओ गा थी
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

एक अंतहीन क वीएस नोबोड चचा से इतनी ऊब गई क उसने यह कहकर सभी का यान भटका दया क यह एक वम
बनाम एमएसीएस चचा क तरह है। बेशक तब वह वम बनाम एमएसीएस चचा से ऊब गई थी ले कन आपको बात समझ म आ
गई।
जावा ट डेवलपस शायद इस बात पर चचा करगे क उ ह बयान के बाद सेमी कोलन लगाना चा हए या नह
नवीनतम झान सब कु छ सरल बनाने क ओर बढ़ रहे ह इस लए कोई सेमी कोलन नह है। कु ल मलाकर लोग शायद अ धकतम
लाइन चौड़ाई के बारे म बहस करगे।

यह ब कु ल भी मह वपूण नह लग सकता है और येक को शायद अपने म कोड करना चा हए

रा ता ले कन इसके साथ कई बड़ी सम याएं ह

• म त टाइल वाला कोड उदाहरण के लए स म डबल और सगल कोट् स in

वही फ़ाइल असंगत और बदसूरत लगती है।

• जैसे ही आप कोड समी ा के साथ शु करते ह आप एक अनुरोध प रवतन नरक म समा त हो जाएंगे।
कसी ऐसे क क पना कर जो ेस का उपयोग करके को डग कर रहा है और फर कोई अ य
उसी फ़ाइल म प रवतन करता है और उनका संपादक ेस नयम लागू करता है। कोड समी ा
इन प रवतन से भरी होगी और मह वपूण प रवतन इस गड़बड़ी म खो जाएंगे।

यह मह वपूण है क लोग को अपने तरीके से काम करने क वतं ता हो ले कन यह भी है

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

कोड समी ा और जोड़ी ो ा मग

हमने पछले अनुभाग म पहले ही कोड समी ा का उ लेख कया है और हमने उ लेख कया है क जब लोग अलग अलग
को डग शैली का उपयोग करते ह तो कोड समी ा को कै से नुक सान हो सकता है। वा तव म यह दोन तरीक से काम करता है
कोड समी ा या कोड आधार म एक पता और एक पता ा त करने म मदद कर सकती है।

यह वाभा वक प से होता है य क लोग एक सरे के कोड को यान से पढ़ना शु करते ह सुधार का सुझ ाव दे ते ह
और एक सरे से नए पैटन सीखते ह। इस कार समय के साथ कोड दखने लगता है य क यह एक ठोस और सुंदर टु क ड़ा था। जब
हमने यहां काम कया तो हम यह महसूस आ
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

Feedzai जब हमने कोड समी ाएं पेश क । शु आत म यह काफ थकाऊ था और हमारे बीच ब त चचा ई। कु छ कोड समी ा म
पुनरावृ य तक थे हालां क कु छ महीन म हम अपने कोड को नह पहचान पाए। वह कला का एक टु क ड़ा था सुंदर पठनीय अ तरह

से ले खत परी ण और सुसंगत।

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

या त कोड समी ा म बदली गई फ़ाइल वा तव म मह वपूण ह। जैसा क आप क पना कर सकते ह कोड के एक छोटे ता कक ह से
क समी ा करना असंबं धत फ़ाइल के एक बड़े टु क ड़े क समी ा करने क तुलना म ब त आसान है ज ह बदल दया गया है।

कु छ डेवलपस प रवतन से उ सा हत हो जाते ह और एक छोट सी सु वधा पर काम करते ए छोटे कोड रफै टर शु करना शु
कर दे ते ह। तब उनक कोड समी ा म से अ धक प रव तत फ़ाइल या प रव तत कोड क हज़ार पं याँ शा मल हो सकती ह। यह
समी क के लए नराशाजनक है और इसे वा तव म अपमानजनक माना जा सकता है। इस तरह क नराशा से बचने के लए कोड
समी ा के लए तैयार क अपनी प रभाषा म यह कर क कोड क बदली ई पं य से अ धक नह होनी चा हए। हमारा
व ास कर काम के छोटे ता कक भाग म वभा जत करना संभव है।

एक अ य तकनीक जो डेवलपस के बीच ापक प से उपयोग क जाती है और जो कोड बेस म एक पता ा त करने
म मदद करती है वह है जोड़ी ो ा मग। जोड़ी ो ा मग ठ क वही है जो आपने अभी सोचा था दो लोग एक साथ बैठे ह और को डग कर
रहे ह। दरअसल एक समय म के वल एक डेवलपर कोड होता है और सरा सफ दखता है और ट पणी करता है। डेवलपस क जोड़ी
समय समय पर वचार मंथन कर सकती है और कु छ समाधान पर चचा भी कर सकती है। कु छ समय बाद भू मकाएँ बदल जाती ह
पयवे क को डग म चला जाता है और कोडर उनके पास बैठता है और उ ह सोचने म मदद करता है। यह तकनीक कारण से कोड

म एक पता तक प ँचने म मदद करती है लोग एक सरे से सीखते ह और अपनी को डग शैली को बेहतर बनाने म एक सरे क मदद
करते ह।

एक और फायदा है यान और एका ता का तर ब त बढ़ जाता है।

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

आप न त प से नए ई मेल या सोशल नेटवक अ धसूचना को अनदे ख ा करगे।

Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

दरअसल जोड़ी ो ा मग ारा ा त उ पादकता हालां क एक न य तीत होता है कभी कभी एक ही समय म दो
ो ामर को डग क उ पादकता से बेहतर दशन करता है।

गुण व ा आ ासन यु याँ

पछले खंड म हमने कु छ तकनीक पर चचा क जनका उपयोग कोड एक पता बढ़ाने के लए कया जा सकता है। जैसा क आप क पना

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

इस लए हम आपको सलाह दे ते ह भले ही आपके पास सम पत लोग न ह शु से ही कु छ गुण व ा नयं ण याएं और सीमाएं
ा पत कर। उदाहरण के लए यू नट परी ण कोड कवरेज से कम नह होना चा हए। जगह म वचा लत परी ण कर। हर बार एक
नई सु वधा को उ पादन म धके लने क जांच करने के लए सबसे मह वपूण सु वधा क एक चेक ल ट सेट कर ता क आप गारंट द क
नई साम ी ने मौजूदा को तोड़ा नह है।

उन ाउज़र और या उपकरण क एक सूची बनाएं जो आपके सॉ टवेयर को बना कसी सम या के चलाना चा हए। हर बार
नई चीज शप कए जाने पर उनक जांच कर। यहां तक क अगर आप इसे मै युअ ल प से करते ह य द आपके पास तगमन परी ण
मामल और ाउज़र या उपकरण क एक अ तरह से प रभा षत चेक ल ट ह तो ट म म सभी के बीच वत रत परी ण या म ब त
अ धक समय नह लगना चा हए।
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

वचालन म नवेश कर। आपके पास कम से कम आपके खुश पथ का परी ण कया जाना चा हए
वचालन तं ।

बस एक अनु मारक है पी पाथ उपयोगकता ग त व धय का एक प रभा षत सेट है जो उ ह शु आत

से एक साथक अंत तक ले जाता है। उदाहरण के लए एक ई कॉमस वेबसाइट के मामले म पंज ीकरण से
लेक र वा त वक खरीदारी कए जाने तक सुख द माग होगा।

वचालन के लए एक छोट ले कन मह वपूण यु इसके साथ अ त उ सा हत न ह । बेशक यह अ ा है जब आपका

इंटरफ़े स और इसके साथ संभव सब कु छ वचा लत है ले कन कभी कभी परी ण इतने ज टल अ या शत और लागू करने म
मु कल होते ह क यह पता चलता है क येक से पहले इसे मै युअ ल प से जांचना आसान और वा तव म तेज़ है रहाई।

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

वचालन पर एक और यु सु न त कर क आपके ं टएंड डेवलपस और जो कोई भी वचालन कर रहा है वह पूरी तरह

से स नाइज़ ह। जब हमने फ डज़ई म वचा लत परी ण शु कए तो शु आत म यह थोड़ा नराशाजनक था य क ं टएंड
डेवलपस हमेशा त व के सीएसएस वग को बदलते थे इस कार उन वग पर नभर वचालन को तोड़ते थे। थोड़ा संघष करने और एक
सरे पर दोषारोपण करने के बाद हम एक समझौते पर प ँचे क हम ऑटोमेशन के लए ी फ़ ड लासेस और वा त वक टाइल के
लए अ य लासेस का उपयोग करगे। इस नणय ने हम वचा लत परी ण और वकास के बीच नभरता को र करने और डेवलपस
और परी क के बीच तनाव को कम करने म ब त मदद क ।

और आ खरी ले कन कम से कम जैसे ही आपके पास सम पत लोग को आवं टत करने के लए संसाधन ह

परी ण के लए करो यह न के वल उ पाद क गुण व ा म वृ करेगा ब क व भ हतधारक के बीच या के बीच
सम संतुलन हा सल करने म भी मदद करेगा।

DevOps यु याँ
पछले अनुभाग म हम वचा लत परी ण पर चचा कर रहे ह। आपको शायद यह पता चल गया है क अ े वचालन के लए आपको
एक अ े बु नयाद ढांचे क आव यकता है जो कई वातावरण और नरंतर एक करण और वतरण क एक वचा लत या क
अनुम त दे ता है इस कार परी ण चलाने क एक सहज और पारदश या को स म करता है।

ठ क है अब हम DevOps या के बारे म बात कर रहे ह जो य द हम चाहते ह तो अव य ही होनी चा हए

नरंतर एक करण परी ण प र नयोजन और वतरण के सामंज य को ा त करना।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

फर जैसा क गुण व ा आ ासन के मामले म होता है अपने बु नयाद ढांचे के मह व को कम मत समझो। आप सोच सकते
ह क शु आत म आप अपनी फ़ाइल को ानीय प से बना सकते ह और उ ह मै युअ ल प से उ पादन सवर पर कॉपी कर
सकते ह और कसी दन आप इस या म सुधार करगे। ऐसे काम नह करता। ठ क है यह काम कर सकता है य क दे र सबेर
आप नभरता के नरक और तैनाती करने के लए आपके ारा कए जाने वाले मैनुअ ल काम क मा ा से भयभीत ह गे। जतना
अ धक आपका कोडबेस और नभरता क सं या बढ़ती है उन सभी को परी ण या उ पादन म धके लने के लए एक सही और
चकनी पाइपलाइन ा पत करना उतना ही क ठन होता है।

अपनी CI CD पाइपलाइन को शु से ही प रभा षत करना ब त आसान है इसे वा तव म सरल और छोटा बनाता है और

फर समय के साथ इसे अपने कोड आधार और नभरता वृ के अनुसार अनुकू लत करता है।

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

हम नह चाहते क आप इस तरह क श ा के लए भुगतान कर। कोई पहले ही सीख चुक ा है और आप बस इस ान का

उपयोग कर सकते ह। अपनी वचा लत या को सेट कर और सही लोग म नवेश कर जो शु से ही बु नयाद ढांचे सवर और
ट के साथ काम करने का आनंद लेते ह

माई आइ डया के बारे म या

आप शायद सवाल करना शु करते ह म वकास और गुण व ा आ ासन पर यु याँ य पढ़ता ँ अगर मुझ े मु कल से
पता है क म या करने जा रहा ँ मुझ े कै से पता चलेगा क मेरा उ पाद जीत जाएगा मेरा उ पाद कै सा दखना चा हए मुझ े
उ पाद वचार के बारे म कु छ सुझ ाव द
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

आपके उ पाद के बारे म सबसे मह वपूण टप न न ल खत है इसे पसंद कर यह सम नह है

एक टप यह आपक सफलता का मूल आधार है। य द आप जो कर रहे ह उसके बारे म बना शत जुनून महसूस नह करते ह
तो आप सफल हो सकते ह य द आप पेशेवर सु व त और संर चत ह। ले कन आप जो करते ह उसके लए यार एक
अपराजेय ढ़ संक प व ास और आ म व ास पैदा करता है।

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

EdEra म हम वही करते ह जो ब त से लोग करते ह हम ऑनलाइन पा म बनाते ह। यहां वा तव म ां तकारी

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

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

ऐसा आ क ब त बा रश हो रही थी और चौराहे और मे ो के वेश ार के बीच एक वशाल पोखर बन गया था च ।

Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

च । ॉसवॉक और मे ो टे शन के वेश ार के बीच का पोखर

पोखर को बायपास करने और ॉसवॉक से टे शन तक जाने और इसके वपरीत जाने म स म होने के लए लोग को
जाना और थोड़ा झुक ना पड़ा। तब एक सुंदर आ मा थी

जसने पोखर म ट फक च ।

च । इसम ट के साथ पोखर

इस लए लोग ने ट पर और फर सूख ी सतह पर कू दना शु कर दया ले कन यह अभी भी इ तम नह था जससे लोग

को एक छोटा सा काम करना पड़ा। ले कन वचार ब त अ ा था मे ो का उपयोग करने वाले हमारे काम पर सभी ने दे ख ा क।
लोग ने त वीर भी ल च और उ ह हमारी ट म चैट म भेज दया यह ट पणी करते ए मुझ े आ य है क इस
लाइफहैक को कसने बनाया।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

च । पोखर लाइफहाक म ट OptioPay के एचआर के अ त मुख मा रया को पो ारा ली गई त वीर

तो लोग खुशी खुशी ट के पुल का उपयोग कर रहे थे जब अगले ही दन कोई

पोखर के ठ क बीच म एक बड़ा प र फका च ।

च । ट पुल का उ त सं करण पोखर के बीच म वशाल प र

जैसा क आप शायद क पना कर सकते ह ट को तुरंत भुला दया गया और प र नायक बन गया। ॉसवॉक और मे ो
टे शन के बीच पार करने के लए इसे के वल दो छोट छलांग क आव यकता थी। यह उदाहरण इस बात का एक ब त अ ा उदाहरण
है क कै से पाय नयर को एक छोट सफलता मली जब क सरा वचार जो पहले एक पर आधा रत था और थोड़ा सुधार आ था
प से जीता।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

प रयोजना और उ पाद बंधन यु याँ

य द आप एक उ पाद या एक प रयोजना बंधक ह तो आपका काय ट म के अ े मूड और ावसा यक ल य को एक साथ रखते
ए समय पर और इसक उ तम गुण व ा म उ पाद वतरण क गारंट दे ना है। इस खंड म हम उ पाद बंधन क सफलता के लए
कु छ ब त ही सरल और तु यु य पर चचा करते ह।

• यान रख यह एक टप भी नह है यह अंगूठे का नयम है। यह मत भू लए क आप ऐसा य कर रहे ह और

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

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

• सू म बंधन न कर। बंधन पर कई कताब ह जो सू म बंधन के बारे म बात करती ह और यह ट म के लए

कतना जहरीला हो सकता है। हमारा मानना है क य द आप पहले से ही ह या उ पाद या ोजे ट मैनेज र
बनने जा रहे ह तो आप न त प से इस वषय से प र चत ह।
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

फर भी अपने आप को एक बार फर याद दलाने म कभी दे र नह होती आप हर कसी पर और हर चीज

पर नजर नह रख सकते। आपक ट म यहां है य क आप इसके येक सद य पर भरोसा करते ह। अपने
डेवलपस पर भरोसा कर हर तकनीक ववरण को समझने क को शश न कर वे जानते ह क वे या कर
रहे ह। बस अपे ा को कर उदाहरण के लए हमारा ल य इस महीने के अंत तक इस सु वधा को
वत रत करना है और अपनी ट म को अपे ा को ा त करने के लए एक अ ा काय वातावरण दान करना
है। उदाहरण के लए य द आप ट म के काय का वणन करने के लए ज मेदार ह तो सु न त कर क वीकृ त
मानदं ड एक पवत धारा क तरह ह। य द कु छ नभरताएँ ह उदाहरण के लए ं टएंड ट म के लए काय के
लए डजाइनर से मॉकअप क आव यकता होती है तो सु न त कर क वे सभी वहाँ ह। अपनी ऊजा को सही
दशा म लगाएं और आप दे ख गे क हर कोई कै से जीतता है। सब कु छ नयं त कर ले कन सू म बंधन न कर
यह एक ऐसा संतुलन है जसे हा सल करना क ठन है ले कन संभव है। जब आप एक ऐसी त म प ँच जाते
ह जहाँ आप सब कु छ जानते ह जो बना चुपके से चल रहा है और सभी को असहज महसूस कराता है तो आप
अपने आप को एक सफल बंधक मान सकते ह

• सभी पर पारद शता। सु न त कर क हर कोई हर समय जानता है

हर चीज़। कभी कभी हम नीचे से ऊपर तक रपोट करते ह यानी हम यह सु न त करते ह क हम जानते
ह क ट म ऊपरी बंधन को यह जानकारी दे ने म स म होने के लए वा तव म या कर रही है। हालाँ क इसे
सरे तरीके से भी काम करना चा हए। य द आपक ब ट म क कसी ाहक के साथ मह वपूण बैठक ई है
और ज द ही आव यकताएं बदल जाएंगी तो आपको इसे डेवलपस क ट म को बताना होगा। य द आपका
सीईओ एक और व ीय दौर ा त करने म वफल रहा है और समय सीमा को कड़ा करना चा हए तो आपको
इसे ट म को समझाना होगा। आप पुल ह और आपको संचार ृंख ला को इस तरह से ा पत करना चा हए
क कोई भी कसी भी समय ब ह कृ त महसूस न करे। हमने भाव के बारे म बात क जो ट म के येक
सद य के लए महसूस करना ब त मह वपूण है। यह शायद ही संभव होगा अगर लोग को लगता है क कसी
जानकारी के साथ उन पर भरोसा नह कया जाता है।

उदाहरण के लए इसके लए हाइटबोड का योग कर। इसे कु छ वग म वभा जत कर

उदाहरण के लए लंबे समय तक चलने वाले ल य कम करने वाले ल य ट ल य मह वपूण अपडेट
काय ब आ द। इसे अ तत रख। सभी को वा म व ज मेदारी और जवाबदे ही का एहसास कराएं।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

•ज मनाएं यह ब त मह वपूण है। सब कु छ मनाओ ट ल य हा सल कया ज मनाना नई सु वधा

जारी क गई है ज मनाना

सब कु छ ज मनाने यो य है नए ाहक अ ध हण क बढ़ती सं या

स य उपयोगकता गुण व ा मी क म कु छ मह वपूण सीमा क उपल आ द।
उ सव हम जो करते ह उसके भाव और मह व को महसूस करने म मदद करते ह। यह उ लेख करने के लए नह क वे ट म भावना के
लए महान ह

समय बंधन यु याँ

अपने समय का बंधन करने म स म होना प रयोजना बंधन क एक मह वपूण वशेषता है। यहां समझने के लए एक ब त ही
मह वपूण बात यह है क आप वा तव म समय का बंधन नह कर सकते ह ले कन आप अपने समय का उपयोग बेहतरीन तरीके से
करने के लए सव म संभव प रणाम ा त करने के लए वयं का बंधन कर सकते ह। यह पता चला है क यह ब कु ल भी आसान
नह है हम इंसान ह हम वलंब करना पसंद करते ह हम आलसी होना पसंद करते ह और हमारे पास नया के सभी उपकरण ह जो
हम अनु पादक होने म मदद करते ह नेट ल स ऑनलाइन शॉ पग सोशल नेटवक या आपने कभी खुद को फे सबुक या इं टा ाम
के अनंत ॉल पर पकड़ा है हमारे पास है हर दन होता है हालाँ क इस सभी वक करण श के बावजूद जो हमारे चार ओर
है आपके समय का सव म उपयोग करना अभी भी संभव है।

अपने ल य को प रभा षत कर। यह सबसे क ठन है ले कन एक बार जब आप इसके साथ कर लेते ह तो बाक सब

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

ै क समय। अपनी दै नक ग त व धय पर आपके ारा खच कए जाने वाले समय को ै क करना एक श शाली और डरावना
ायाम है। अपने जीवन के हर मनट म ै क करने का यास कर। दन के अंत म इसे जांच।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

आप कु छ बेवकू फ भरी चीज पर जतना समय बताते ह उससे आप च कत और भयभीत ह गे। अगर आपको लगता है क हर मनट
म ै कग समय आपका ब त सारा समय चुरा लेगा तो बस इसे आजमाएं। आप दे ख गे क यह न के वल आपका समय चुराता है ब क यह
आपको अ धक क त और उ पादक बनाता है य क हर बार जब आपको वच लत होने क आव यकता महसूस होती है तो आप यान
भंग करने से पहले दो बार सोचगे। उदाहरण के लए मुझ े अभी एक ई मेल मला है। म इसे खोलने और पढ़ने का आ ह करता ं ले कन
म खुद को जानता ं ई मेल पढ़ने के बाद म शायद फे सबुक खोलूंगा फर म अपने फोन क जांच क ं गा और मनट ख म होने के
बाद और मुझ े कु छ ै क करना होगा वह कै सा दखेगा नह म इसके बजाय इस अनुभाग को लखना जारी रखूंगा और इसे पूरा करने के
बाद अपने ई मेल और अ य साम ी क जांच क ं गा।

औजार का योग कर। ब त सारी तकनीक ह जो आपको यान क त रखने म मदद करती ह। सबसे साधारण
एक है पोमोडोरो टाइमर https en.wikipedia.org wiki Pomodoro Technique ।
ऐसे कई अनु योग ह जो इस तकनीक को आधार के प म उपयोग करते ह। मूल प से आप मनट के लए क त रहते ह
और फर आपके पास अपने ई मेल या सोशल मी डया क जांच करने के लए मनट का ेक होता है या आप जो चाहते ह वह
करते ह। ओ गा ने एक वेब ऐप लागू कया है जो आपको येक पोमोडोरो पुनरावृ के अंत म एक छोटा सा कसरत दान करता है
ता क आप कायालय म काम करने पर भी फट रह। यहाँ यह है https profitorolife.com ।

ज मनाना। अपनी हर उपल का ज मनाएं। येक उपल के लए अपने उ सव के तरीक को प रभा षत कर। ओ गा
इसे हर समय करती है। उदाहरण के लए इस भाग को पूरा करने के बाद वह आइस म के साथ कु छ ॉबेरी खाएगी। अ याय समा त
करने के बाद वह अपनी पसंद दा ट वी ृंख ला दे ख ेगी। कताब ख म करने के बाद हम अपने करीबी दो त के साथ एक छोट सी पाट
करगे। अपने समारोह के लए त पर रह और उनम से कसी को भी अपनी कसी उपल को छोड़ने न द। कोई छोटा या बड़ा नह है ये
सभी आपके ल य के लए मायने रखते ह।

लाइडशेयर पर समय बंधन पर ओ गा क तु त दे ख https bit.

ly NzPVao । ड शन म आपको OptioPay पर यह ेज टे शन दे ते ए ओ गा के वी डयो का लक भी मलेगा।

ट म बंधन यु याँ
एक महीने पहले ओ गा का ज म दन था। वह घर पर थी ब लन म एक छोटे प रवार के खाने क योजना बना रही थी। उसके एक दो त
ने फोन करके पूछा क या वह काम के बाद छोड़ सकता है। चूँ क हमारा ान उसके काम और उसके घर के ठ क बीच म है ओ गा
को यह ब कु ल भी संदेहा द नह लगा और उसने कहा हाँ ज़ र। शाम करीब सात बजे उसने दरवाजे क घंट बजाई। ओ गा ने
दरवाजा खोला उसने उसे गले लगाया और उसने पीछे दे ख ा और कहा अंदर आओ और अचानक ओ गा के भाई और एडेरा के
लगभग लोग ने हमारे बैठक क को अपनी खुश और शोर भरी उप त हँसी फू ल और बधाई से भर दया च ।
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

च । ओ गा के ज म दन के लए यू े न से ब लन आ रही एडेरा ट म सर ाइज के पम

उ ह ने ओ गा के ज म दन पर एक आ य के प म कट होने के लए ोकला से कम लागत वाले वमान को पकड़ने के

लए पोलड के मा यम से यू े न से दन क या ा क । उसक भावना के पैलेट का वणन करना क ठन है और ये ऐसे णह
जब आपको एहसास होता है क आप नया क सव े ट म के साथ काम करते ह। या आप ऐसे लोग से घरे रहना नह
चाहगे
आपने न त प से यह दखावा करने वाला वा यांश सुना होगा जसम कहा गया है क लोग आपक सबसे बड़ी
संप ह। यह वा यांश इतना लच बन गया क हम इन श द के संपूण अथ के बारे म सोचे बना इसका उ ारण कर
सकते ह। हम आपको अपनी आँख बंद करने इन श द को अपने दमाग म लखने और कु छ समय के लए उनके अथ के बारे
म सोचने के लए आमं त करते ह।
आपके ट म के सद य के साथ आपके संबंध के लए इसका या अथ है एक बंधक के प म आपके लए इसका या
अथ है आपके लए कसी ऐसे के लए इसका या अथ है जो अ त व म है
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

बं धत आप अपने आस पास क सबसे बड़ी संप को या मह व दे ते ह आप उनके बारे म या जानते ह आप उनके प रवार वचार

सम या सपन सफलता और असफलता के बारे म या जानते ह य द उनम से कु छ एक राय करते ह जससे आप सहमत नह

ह तो आप कै से वहार करगे अगर उनम से एक मुसीबत म है तो आप या करगे आपके लए सबसे बड़ी संप होने का गत प से

या मतलब है

इस खंड म हम कु छ तय या था पर चचा करना चाहते ह ज ह हमने दे ख ा है और

इसम भाग लया जससे ट म वक और ट म संबंध म सुधार आ।

व ास

या आपको अपनी ट म के सद य पर भरोसा है इस का उ र दे ने के लए पहले हम यह समझने क आव यकता है क जब आप जन लोग

के साथ काम करते ह उन पर लागू होने पर व ास से हमारा या मतलब है।

आमतौर पर हम भरोसे को गहरे रह य और वचार से जोड़ते ह अगर म उ ह साझा कर सकूं

कसी इसका मतलब है क मुझ े इस पर भरोसा है।

या इसका मतलब यह है क काय ल पर व ास का र ता ा पत करने के लए हम

या हम अपने सभी गहरे और काले रह य को अपनी आ मा के सबसे र के कोने से बाहर नकालना है और उ ह अपने सहयो गय से परे

मेज पर न न रखना है थोड़ा डरावना और डरावना लगता है है ना ले कन यह लगभग ऐसा ही होना है। आप अपने सा थय के साथ कतने

घंटे बताते ह यादातर समय यह हमारे प रवार से यादा होता है इस लए यह ब त मह वपूण है क हम अपने काय ल पर शारी रक और

भावना मक दोन तरह से सहज महसूस कर।

आदश प से आपको काम पर जाने क भावना भी नह है । आप बस वही करते ह जो आपको उन लोग के बीच पसंद है जनक कं पनी

आपको ब त पसंद है। इस तरह के नवाण तक प ंचना आसान नह है।

दरअसल एक चीज सरे क पूरक है। य द आप वा तव म अपनी ट म के साथ काम करने का आनंद लेते ह तो कु छ उबाऊ ग त व धयाँ मज़ेदार

काम म बदल सकती ह उदाहरण के लए बैठक। मुझ े पूरा यक न है क कु छ पाठक चेहरे के भाव बना रहे ह जैसे क वे एक पूरा न बू खा रहे

ह । या आप जानते ह क डेवलपस आमतौर पर सभी मी ट स को उबाऊ और बेक ार पाते ह ले कन कु छ मानवीय संपक बनाने के लए बैठक म

थोड़ा संघष कर और आप दे ख गे क लोग कै से बदलते ह।

भरोसा करने का या मतलब है इसका मतलब है क आप अपनी कमजो रय के बारे म खुलकर बात कर सकते ह

बना कसी असु वधा के । हमारी कमजो रयां हमारे अंदर इतनी गहरी ह क कभी कभी हम उ ह खुद के सामने वीकार करने से भी डरते ह

उदाहरण के लए क पना क जए क आप एक ब त अ े पेशेवर को काम पर रखने से डरते ह य क आपको लगता है क वह आपक त ले

सकता है। या आप इस त य को अपनी ट म के सामने वीकार करगे या आप इसे अपने आप म वीकार करगे या आप अपने आप को यह व ास

दलाएंगे क वह अयो य है या यह काम के माहौल को अ र कर दे गा या यह ब त महंगा है आ द

Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

य द आप अपनी कमजो रय को अपनी ट म के सामने वीकार करने म स म ह और आपको लगता है क आपक ट म आपको
समथन दे ने के लए है तो आप खुद को खुश मान सकते ह।
ट म के भीतर व ास के तर को बढ़ाने के लए आप या कर सकते ह वह अलग अलग है
ट म नमाण क घटना और अ यास के कार जो इसम आपक मदद कर सकते ह उदाहरण के लए र ट जहां हर कोई अपने
बचपन के बारे म बात करता है ायाम जसम लोग बात करते ह क वे या नफरत करते ह और या यार करते ह या बस एक साथ इक ा
होते ह और खाना बनाते ह
OptioPay म हमारे पास तथाक थत उपयोगकता मैनुअ ल ह सभी के पास एक सावज नक द तावेज़ है
जहां वे अलग अलग सवाल के जवाब दे ते ए खुद का वणन करते ह। ऐसे उपयोगकता पु तका का एक उदाहरण च म दे ख ा
जा सकता है।

च । ओ गा का उपयोगकता पु तका

हमने एडएरा म उपयोगकता मैनुअ ल भी पेश कए ह और हम उ ह सावज नक प से रखने के अलावा थोड़ा और आगे बढ़ गए ह। हमने
एक बैठक इक क जहां हर कोई हाइटबोड पर अपना उपयोगकता पु तका दखा सकता है और अपने बारे म कु छ बात कर सकता है।
ट प णय या के लए ट म के पास कु छ मनट भी थे। जब हम समा त कर चुके थे तब ब त दे र हो चुक थी ले कन हम एक अ व सनीय
बंधन महसूस आ। ऐसा लग रहा था क हम एक ही कॉलेज म जाते थे और अचानक से सभी ने एक साथ पहली डेट पर जाने का फै सला
कया। यह एक अ त अहसास था।
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

एक और ट ब ग तकनीक जसे हम एडेरा म उपयोग करते ह हम आ म जाग कता क गम कु स कहते ह।

महीने म एक बार ट म इक ा होती है और ट म का येक सद य एक कु स पर बैठता है और इस बारे म बात करता है क उ ह या
लगता है क वे बेहतर पेशेवर बनने के लए अपने आप म सुधार कर सकते थे। उनके वीकारो के बाद ट म को मु े पर ट पणी
करने का अ धकार है। इस ब पर यह समझना मह वपूण है क कु स पर बैठे को ट प णय को गत प से नह लेना
चा हए और अपना बचाव करने का यास नह करना चा हए। ट प णयाँ वहाँ मदद करने के लए ह।

इस लए ट पणी स के बाद ट म सुधार के साधन पर चचा करती है और

एक वहाय चेक पॉइंट त थ नधा रत करता है।

उदाहरण के लए ट म के सद य म से एक कह रहा था क वह एक भयानक संचारक क तरह महसूस कर रहा था। उसके यह

वीकार करने के बाद सभी ने उदाहरण दे ना शु कर दया क कै से उसके खराब संचार ने कसी न कसी तरह से उनके काम को
भा वत कया।
इस चचा के बाद मॉडरेटर को कु छ ऑनलाइन पा म और संचार कौशल पर एक कताब मली। उस ने सभी ट म
के लए एक तु त के मा यम से अपने न कष के प रणाम दे ने के लए सीखने पढ़ने और एक त थ ा पत करने क तब ता
क । मुझ े कहना चा हए यह अब सबसे अ धक राजन यक ट म के सद य म से एक है और हमारे ाहक क एक बड़ी सं या के
साथ संचार के लए ज मेदार है।

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

उदाहरण के लए एक बार दो डेवलपस ने वतं प से हमारे स म मुझ े बताया क वे एक सरे के जोड़ी ो ा मग के

तरीके से नराश थे। एक परेशान था य क उसे लगा क सरा उसके साथ ऐसा वहार कर रहा है जैसे वह गूंगा था जब क सरे को
लग रहा था क पहला एक महान पेशेवर था जो आ म व ास क कमी के कारण ऐसा काम नह कर रहा था जससे वह नाराज और
नराश हो गया। .

यह एक संघष क त थी। मने उन दोन से जो कहा वह यह है क उ ह एक सरे से बात करनी चा हए थी और ठ क

ठक करना चा हए था क उ ह कै सा लगा। दोन एक सरे का सामना करने से डरे ए थे ले कन अंत म बातचीत के बाद उ ह
ब तअ ा लगा उ ह ने अपने बारे म ब त कु छ सीखा और वे एक जोड़ी ो ा मग स करने वाले ो ामर क सबसे कु शल जोड़ी बन
गए।

व संघष को जहरीले वातावरण से मत न कर । कु छ लोग सफ यान का क बनने के लए संघष पैदा करना पसंद करते
ह। इस तरह के वहार के लए आ म जाग कता क गम कु स या कम से कम एक दो लोग के साथ एक सरे क आव यकता
होती है जो इस ट म के सद य के साथ सीधे बात कर सकते ह। यह मानते ए क हर कोई वही करता है जो वे कं पनी के सव म के लए
करते ह अपनी सम या को वीकार करेगा और सुधार करने के लए सब कु छ करने का यास करेगा।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

ट म के भीतर भरोसे के मु पर काम करना ब त ही ज टल पेचीदा और कभी नह होने वाला है

अंत पथ ले कन यह एक पुर कृ त और संतोषजनक ग त व ध है। करना बंद मत करो।

सराहना करना
लोग को वे जो करते ह उसे करने के लए े रत करने के लए व भ कार के ो साहन पर ब त सारे लेख ह। लोग क ेरणा का
एक आदश नु खा जानने के लए ब त सारे शोध और अ ययन कए जा रहे ह। कं प नयां लोग को उनके काय ल से यार करने के लए
वभ ो साहन बनाने म त धा कर रही ह असी मत छु यां क या ाएं र ट लचीले घंटे बोनस उ वेतन इ वट शेयर
कायालय कु े ...

बेशक यह सब मह वपूण है। यह मह वपूण है क कायालय एक आरामदायक जगह हो

काम करने के लए। यह मह वपूण है क आपका दमाग पैसे कहाँ से लाएँ या अपनी छु के दन को बु मानी से कै से तीत
कर म त नह है। कं पनी के शेयर पाने वाले के वा म व क भावना भी मह वपूण है ले कन कु छ और भी है।

पता चला हम सफ इंसान ह और हमारे ज टल वभाव के बावजूद हम खुश करना ब त आसान है। आप कस चीज क सबसे
यादा सराहना करगे आपके ज म दन के लए एक महंगा उपहार या आपके सबसे अ े दो त ारा आयो जत एक पूरी तरह से
अ या शत छोटा आ य
आपक आँख म या आंसू आने लगगे जब आपका य आपको महंगे कपड़े का एक टु क ड़ा खरीदता है या आपसे कहता है क
उनके जीवन का आपके बना कोई मतलब नह है आप काम पर और अ धक सराहना कै से महसूस करगे य द आपको अपने ब कग
खाते म ानांतरण के प म एक बड़ा बोनस या आपके बंधक ारा गत प से आपको एक लफाफे म दया गया एक छोटा बोनस
मलता है तो शंसा के कु छ श द के साथ क आपका यास भ व य के लए कतना मह वपूण है कं पनी

ध यवाद आप कमाल के ह आपके काम का मतलब है जैसे सरल श द को बदल दे ता है

मेरे लए ब त कु छ और आपके बना यह प रणाम ा त करना संभव नह होगा वा तव म हमारे लए कसी भी चीज़ क तुलना म
अ धक मू यवान ह। और लोग को उनक क मत दखाने का यह सबसे आसान तरीका है अपने सहयो गय क सराहना करना न भूल। अपनी
तरह क राय करने म संक ोच न कर। यहाँ काफ चीजे है जो आप कर सकते है।

सावज नक शंसा। OptioPay म हमारे पास सा ता हक पा रवा रक लंच होता है यह वह समय होता है जब हम सभी एक ट म
के प म इक ा होते ह कु छ मह वपूण अपडेट पर चचा करते ह और अंत म एक सरे के बारे म शंसा क कहा नयां सुनाते ह। उदाहरण
के लए कसी ने एक सफल काय म आयो जत कया जसे सभी ने पसंद कया। य न इस को सावज नक प से ध यवाद द और
उ ह बताएं क वे कतने अ त ह या हो सकता है क आपक ट म के सद य ने उस भयानक बग को ठ क करने म आपक मदद करने म
पूरा दन बताया हो। वे न य ही शंसा के पा ह। या हो सकता है क यह आपके बगल म सफ एक महान है जसक आप शंसा
करते ह। सभी को यह य नह बताते क यह कतना महान है यह अ ा लग रहा है
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

हम सा ता हक ऑल हड मी ट स के दौरान एडेरा म शंसा समारोह भी करते ह

येक ट म के सद य के पास कु छ अपडेट के बारे म बताने और ट म के कसी अ य सद य को ध यवाद कहने के लए कु छ मनट
होते ह।
जम डो म जहां ई काम करता है उनक भी सराहना होती है ले कन एक अलग तरीके से। उनके पास एक वशेष
शंसा टोकन है जो हर ह ते अपने मा लक को बदलता है। हर ह ते टोकन रखने वाले को उ रा धकारी का चयन करना होता
है और इस को टोकन दे ते समय शंसा क कहानी बतानी होती है। या आप यह जानने म च रखते ह क वह टोकन या
है खैर यह काडबोड क एक आदमकद आकृ त है... महारानी ए लजाबेथ

ध यवाद काड। सावज नक प से कसी क सराहना करना हमेशा आसान नह होता है। कभी कभी हम लगता है क यह एक
के बाद एक अंतरंग काय होना चा हए। जैसा क हमने पहले ही बताया के पास आना और उ ह ध यवाद दे ना कभी भी ब त
यादा नह है। या आप आगे जाकर ध यवाद काड लख सकते ह ओ गा के पास उसके दराज म ध यवाद काड का ढे र है और त
स ताह कम से कम एक बार उनका उपयोग करने का नयम है। हमेशा ऐसे लोग होते ह जो आपके ध यवाद काड के पा होते ह।

उ ह लखना ब त अ ा लगता है। उ ह लोग को दे ना और भी अ ा लगता है। और यह जानकर ब त अ ा लगता है क जब

लोग इन काड को ा त करते ह तो उ ह कतना अ ा लगता है। और यह करना इतना आसान है

ेरणादायक पो ट इट् स। जब ओ गा मे स म काम करती थी तो उसे एक बार खच करना पड़ता था

ऑ फस म वीकड पर कु छ काम ख म। कसी ब पर उसके पास यह पागल वचार था उसके बाद के ढे र को पकड़ लया और
ेरणादायक संदेश का एक गु ा लखा जैसे एक महान और धूप वाला दन आप कमाल ह और अपने दन को आपके लए
शानदार होने द ऐसा कु छ नह है जो आप नह कर सकते आ द। उन सभी पो ट को लखने म लगभग आधे घंटे का समय लगा
और फर उ ह ट म के येक सद य के डे क पर रख दया। वह जानती थी क लोग इसे पसंद करगे उसे यह उ मीद नह थी क कु छ
लोग उन पो ट को अपने वक टे शन के सबसे यमान ान पर रख दगे और उ ह हमेशा के लए रख दगे। इसका वा तव म कु छ मतलब
है

आप रचना मक हो सकते ह और उन लोग क सराहना करने का अपना तरीका ढूं ढ सकते ह जनके साथ आप काम करते ह। यह आप पर नभर करता

है

श ा म नवेश कर
य द आप सड़क पर चल रहे ह और आप क जाते ह तो आप उसी ब पर बने रहगे जहां आप के थे। यहां आपके पास क तान
से काफ बेक ार जानकारी है।
होने के बावजूद यह नयम कसी भी कार के आंदोलन पर लागू नह होता है। तैरते समय य द क गए तो उसी ब पर नह
रहोगे डू ब जाओगे। य द आपके पास पंख होते और उड़ते समय उनका उपयोग करना बंद कर दे ते तो आप अ नवाय प से नीचे गर
जाते। य द आप वा य के बीच म बात करना बंद कर दे ते ह तो वचार चला जाएगा और आप बाद म जारी नह रख पाएंगे।
Machine Translated by Google

अ याय कु छ ट स और स के साथ रै पग

हमारा दमाग इस तरह से बना है क जब हम सीखना बंद कर दे ते ह तो हमारा ान उसी तर पर नह रहता है जहां
हम के थे यह धीरे धीरे नीचे गरेगा जब तक क यह शू य के करीब कसी चीज तक नह प ंच जाता। इस लए सीखने और अ ययन
क नरंतर ग त म रहना इतना मह वपूण है। इस लए कं प नय के लए अपनी ट म के लए श ा म नवेश करना मह वपूण है।

जब हम नवेश के बारे म बात करते ह तो यह के वल पैसे के बारे म नह है। बेशक यह ब त अ ा है

लोग को स मेलन पु तक मुलाकात आ द पर खच करने के लए कु छ सीखने का बजट दान करने के लए हमारे पास
OptioPay पर है । समय भी एक महान नवेश है और लोग को पता होना चा हए क वे अ ययन के लए अपने समय का
उपयोग कर सकते ह और करना चा हए। उदाहरण के लए मे स म हमारे पास सुबह सुबह आधे घंटे का नयम था जसका मतलब
था क आप अपना पहला आधा घंटा कु छ ऑनलाइन कोस करने म बता सकते थे। EdEra म हमारे पास अ ययन के लए त स ताह
घंटे का समय होता है। OptioPay म हमारे पास हर सरे शु वार को काम करने के लए है जो आप चाहते ह। जम डो म भी यही
अवधारणा मौजूद है जहां ई काम करता है त माह एक बार उनके पास नवाचार और सीखने का दन होता है। इस दन क घोषणा
क जाती है और हर कोई इस दन को कु छ नया सीखने या कु छ दलच ोजे ट वक सत करने म बताता है जो उनके सीखने म
योगदान दे ता है।

कं पनी म ान साझा करने क सं कृ त को ो सा हत कर। OptioPay म हम आंत रक मुलाकात और अकाद मय का

आयोजन करते ह। इंटरनल मीटअप इंज ी नय रग इवट होते ह जहां इंज ी नयर तकनीक वषय के बारे म एक सरे के साथ अपना
ान साझा करते ह।
OptioPay अकाद मयां ापक वषय के बारे म ह ज ह कं पनी म कसी के ारा साझा कया जा रहा है। उदाहरण के लए
हमारे सीएफओ ने हम लाभ और हा न आय और य डे बट बनाम े डट इ या द जैसे व ीय वषय पर एक तु त द । हमारी ब
ट म ने लगभग कु छ भी बेचने के तरीके पर एक कायशाला बनाई।

येक के पास कु छ ान होता है जो कं पनी के लए और उसके लए मू यवान होता है

आपक ट म के सद य क वृ । इसका इ तेमाल कर

एडेरा म हम बाहरी वशेष को अपने अनुभव साझा करने के लए आमं त करते ह और हम व भ वषय संचार धन
उगाहने सं ाना मकता लेख न ाकृ तक कौशल और यहां तक क मेक अप कौशल पर कायशालाएं दान करते ह हमारे लए
यह सीखना मह वपूण है क मेक अप का बु मानी से उपयोग कै से कर इस लए लोग कै मरे पर अ े लगते ह ।

बात यह है क लोग नई चीज सीखना पसंद करते ह। उ ह अपने ान को अ े तर पर रखने के लए साधन द और वे आपको
कभी नह छोड़गे सरे लोग को पढ़ाते ए लोग और भी यादा सीखते ह। ान साझा करने क सं कृ त को बढ़ावा द और आपके
पास नया क सबसे अ ट म होगी
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

सव े को कराए पर लेने के लए सव े बन

यह कोई रह य नह है क अ े पेशेवर को नयु करना ब त क ठन है। यहां तक क अगर वह उपल है तो आप

उ ह कै से व ास दलाते ह क आपक कं पनी उनके लए सबसे अ कं पनी है आपको सबसे अ ा बनना है और अपनी कहानी हर
जगह बतानी है ता क हर कोई जान सके क आप सबसे अ े ह।

दरअसल अगर आपक ट म खुश है तो वे भत काय करगे। जस कं पनी म वे काम करते ह उसम खुश रहने वाले लोग
हर जगह अपनी खुशी साझा करते ह।
दे र सबेर आपक ट म क खुशी आपक कं पनी का व जट काड बन जाएगी। कु छ समय पहले तक हमारे पास EdEra क वेबसाइट पर
जॉब पेज नह था हालां क हर ह ते हम ऐसे लोग के ई मेल ा त होते थे जो हमारे साथ काम करना चाहते थे।

हर कं पनी म काम पर रखने क या अलग अलग हो सकती है ले कन एक बात ब त मह वपूण है इस या म पूरी ट म को

शा मल कर। सभी को अपनी राय करने म स म होना चा हए। याद रख आप एक कमचारी को काम पर नह रख रहे ह आप एक
ट म के सद य को काम पर रख रहे ह। यह ववाह जैसा है या उससे भी बड़ा है य क ववाह म के वल एक सरे के साथ वहार
करता है हम इस कथन म ब ववाह को अलग रखते ह जब क आपक ट म के सभी सद य को नए कराए के सद य का सामना करना
होगा।

अपनी भत या म लगातार बने रह और उ र के लए आसानी से नह न ल। एक बार

हम एक ं टएंड डेवलपर को काम पर रख रहे थे। एक अ त उ मीदवार था जसे ट म के सभी लोग पसंद करते थे। हर कोई इस श स के
साथ काम करने का बेस ी से इंतजार कर रहा था। हम एक पूरी भत या से गुज रे और इसके अंत म उ मीदवार ने कहा क वह हमारे
साथ आगे नह बढ़गे य क उ ह ने हमारे ऊपर अ य वक प पसंद कया। हमारे मानव संसाधन बंधक और मने उस उ र को अं तम
नह माना। हालां क हमारे सीईओ संतु नह थे। वह वा तव म मानता है क हमारी कं पनी काम करने के लए सबसे अ कं पनी है
और ऐसा ही होना चा हए इस लए उसने उ मीदवार को बुलाया और उसे बताया क वह उसके साथ काम करने क कतनी सराहना करेगा
वह अपने फै सले से कतना खी था और पूछा क या वह कु छ कर सकता है। उस आदमी ने सीईओ से कहा क वा तव म हां कु छ तो था।
उ ह ने साझा कया क उ ह ने हमारे ऊपर जो सरी कं पनी चुनी वह भी हमारी तरह अ त थी ले कन उ ह ने थोड़ा अ धक वेतन दया और
यही एकमा कारण था। इस कार हमने ताव को कवर कया और हम एक महान ट म सद य और एक ं टएंड इंज ी नयर मला। अ े
लोग को अपनी ट म से र न जाने द उनके साथ खुले रह अपना व ास दखाएं। यह आपक सं कृ त का एक रोमांचक और फायदे मंद
ह सा काम पर रखने क या को बनाता है।
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

लोग को इंतजार मत कराओ। ओ गा का एक म जो एक ब त अ ा यूए इंज ी नयर था एक ब त अ कं पनी म भत

या से गुज र रहा था। बात यह है क तकनीक चुनौती को पूरा करने के बाद जो सभी को पसंद थी और सा ा कार क या से
गुज रने के बाद जो ब त अ तरह से चली गई उसे जवाब के लए लगभग एक महीने तक इंतजार करना पड़ा। वह इसके बारे म इतनी
नराश थी क भले ही वह उस कं पनी म काम करने के वचार से यार करती थी वह हार मानने वाली थी और एक ई मेल भेज कर
समझाती थी क उसने अपने वक प पर पुन वचार कया था और अब वह वहां काम नह करना चाहती थी। कं पनी के लए सौभा य से
एक था जसे वह कं पनी के अंदर जानती थी जसने उसे बताया क एचआर मुख छु पर था और कोई और नह था जो त या
संचार बनाए रख सके । उस

जानकारी के टु क ड़े ने इस दो त के लए भावना के तूफ ान को शांत कर दया। अंत म उसे यह नौकरी मल गई और कं पनी और वह दोन
वा तव म खुश ह।
OptioPay म हमारे पास चेताव नय क एक णाली है जो हम बताएगी क या उ मीदवार
पछले दन के दौरान कोई त या नह मली है। फर हम म से कु छ उ मीदवार को एक ई मेल भेज गे क वे हमारे लए कतने
मह वपूण ह और हम जवाब दे ने के लए कु छ और दन चा हए। हां यह एक अध वचा लत या है हां इस तरह के उ र के लए
एक खाका है ले कन कसी भी मामले म हमारे उ मीदवार कभी भी खुद को प र य महसूस नह करते ह। उ ह लगता है क उनक
ज रत है। और यह सच है हम वा तव म अ े लोग क ज़ रत है और आपको भी

सब कु छ पर चतन कर
न के वल आ म अनुशासन के लए ब क ट म और कं प नय के लए भी चतन एक ब त अ ा अ यास है। उन चीज के लए
पो टमॉटम जो अ तरह से नह चलती ह काय च के अंत म पूव ापी बैठक इन सभी या को इस बात पर त ब बत करने के
लए डज़ाइन कया गया था क चीज कै से चली ग और वे उस तरह य चली ग और उ ह सुधारने के लए या करना है।

ऐसा ब त होता है क हम उन चीज के लए ब त सारी पो टमॉटम और पूव ापी बैठक आयो जत करते ह जो अ नह होती ह
य क हम भ व य म होने वाली वफलता को रोकना चाहते ह।

हम जो भूल जाते ह वह उन चीज पर त ब बत करना है जो ब त अ होती ह। हम इसे यूं ही मान लेते ह। और

यह एक बड़ी मानवीय भूल है। चीज सफ सफल नह होत य क ऐसा होना उनके आंत रक वभाव म है। वे अंत म सफल होते ह
य क कसी ने उनके लए ऐसा होने के लए कु छ असाधारण कया है। एक ट म यास था घटना क कु छ ृंख ला थी कु छ ऐसा था
जसने चीज को इस तरह से आगे बढ़ाया और सरा नह । सफलता पर चतन करना अ यंत मह वपूण है। वह कै से आ इस सफलता से
हम भ व य म इसे और अ धक ा त करने के लए या सबक ा त करना चा हए
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

एडेरा म हमने इस त बब का उपयोग अपने आमने सामने और सभी म सफलता पर करना शु कया

बैठक इन बैठक के लए एक कार का खाका होता है जसम कु छ न न ल खत होते ह

• पछले स ताह या आ था

• यह कै से आ

• या वफल रहा और य

• या ब ढ़या था और य

हालाँ क यह थोड़ी औपचा रकता के प म लगता है यह ट म के येक सद य को दोन पर त ब बत करता है

असफलता और सफलता और एक मान सकता वक सत कर जो उ ह भ व य म सफलता के लए तैयार करने क अनुम त दे ती है।

अपनी चीज़ बनाएं

आपक ट म को या प रभा षत करता है या आपके पास कु छ बेवकू फ भरे चुटकु ले ह जो कोई और नह समझेगा

या आपके पास कु छ अजीब र म ह जो के वल आपक ट म पर लागू होती ह ऐसा या खास है जो सफ आपक ट म म है और कह नह

इस तरह क चीज का होना अ ा है। उ ह मजबूर मत करो वे वाभा वक प से कट ह गे बस

उनका वरोध न कर और उ ह वक सत होने द। ये छोट छोट बात आपक ट म को सफलता के लए एक साथ अ ा खेलने के लए े रत

करती ह। हम एक दो उदाहरण दगे।

जम डो म जहां ई काम करता है हर शु वार को ट म बल खेलती है https

skribbl.io एक ऑनलाइन गेम जहां कसी को दए गए श द को ख चना होता है और जब वे सभी को आक षत करते ह तो श द का

अनुमान लगाना होता है। यह एक मज़ेदार गेम है जो लोग को एक सरे को बेहतर तरीके से जानने और ट म भावना को ऊपर लाने म मदद करता

है

मी स म हर शु वार को हम ट म को रेबेक ा लैक का ाइडे संगीत भेज ने क को शश करगे। यह आसान नह था य क अगर

आप सफ यू ूब यूआ रएल भेज ते ह तो हर कोई समझ जाएगा क यह या है और इसे नह खोलेगा। तो हम रचना मक होना था हम कोड
समी ा के लक शा मल करगे और लोग से उनक समी ा करने के लए कहगे हम कु छ वेब पेज यूआ र कोड बनाएंगे जो भी हम उस

यूआ रएल को मुख ौटा कर सकते ह। यह एक ही समय म इतना मजा कया और मजा कया था
Machine Translated by Google

अ याय कु छ ट स और स के साथ समा त

OptioPay म हमारे पास शु वार बयर सक है। यह एक टडअप क तरह है ले कन दोपहर म

और के वल सकारा मक ण के बारे म बात करने क अनुम त है। साथ ही ट म के येक सद य के कु छ सकारा मक ण बोलने के
बाद उ ह एक टो ट बनाने क आव यकता होती है। टो ट कसी ऐसी भाषा म होना चा हए जसे पहले टे बल पर नह बोला गया हो और
यह रचना मक होना चा हए न क के वल कु छ अरे चीयस। इस लए हमने अलग अलग भाषा म बीयर के साथ जय जयकार करने
के कई तरीके सीखे ह च ईरानी यू े नयाई जमन

आपक ट म के साथ इन वशेष चीज का होना वाकई मजेदार है और यह ट म के बंधन के लए ब त अ ा है। आपक ट म म
मौजूद कु छ चीज के बारे म आपसे वापस सुनना ब त अ ा होगा। आप हम chudaol@gmail.com या rpvilao@gmail.com
पर लख सकते ह।

सारांश
इस अ याय म हमने वकास या गुण व ा आ ासन DevOps और उ पाद प रयोजना और ट म बंधन के संबंध म अपने वयं के
अनुभव से लए गए कु छ सुझ ाव और यु य पर चचा क । अपने अनुभव आपके साथ साझा करना वाकई अ ा लगा। हम उ मीद है क
हमने अपने वष के अनुभव के मा यम से जो सीखा है वह आपको अपने उ पाद ट म और कं प नय के नमाण म मदद करेगा।

हम अपने उ पाद हमारे सीखने के मंच के बारे म नह भूले ह। वा तव म आप इसका उपयोग करने वाले पहले बनने के
लए आमं त से कह अ धक ह कृ पया इसे http eleplatform पर खोल।
herokuapp.com र ज टर कर और ए से जेड तक सॉ टवेयर वकास पा म म नामांक न कर।
वहां आपको के वल एक ा यान मलेगा एक छोटा सा वी डयो जो हमने आपके लए रकॉड कया है और इस वी डयो के संबंध
म कु छ ।
इस पूरी कताब म अपनी या ा के दौरान हम एक साथ जस मंच का नमाण कर रहे ह उस पर पहले ऑनलाइन पा मम
आपका वागत है
हमारे साथ रहने के लए ध यवाद।
तु हारा सच म ओ गा और ई।
Machine Translated by Google

अनु म णका

ए बेयर मेटल सवर

बग बग टे टग
वीकृ त परी ण
बटबके ट
ए सेस टोकन
लैक बॉ स परी ण
अमेज़ ॅन वेब स वसेज एड यूएस
लॉक त व
ए नमेशन डजाइन
बूट ै पग
ए लके शन टै क
बॉ स मॉडल सीएसएस
अतु यका लक जावा ट और
ेन टॉ मग
ए सएमएल अजा स
ाउज़र टै क
माणीकरण
बग फ संग
ा धकरण कोड अनुदान
बग रपोट
वचा लत परी ण फ डज़ई
वचालन उपकरण बनाएँ
वचालन यूए परी क
वसाय के वामी
लॉ गन काय मता मैनुअ ल टू
बजनेस टू बजनेस बी बी
र ेशन टे टग
वसाय से उपभो ा मॉडल B C

सेले नयम

सी
कै के डग टाइल शीट सीएसएस बॉ स मॉडल
बी
रंग बदल रंग प रभाषा
बैक एंड ए लके शन प रभाषा
फ़ॉ ट संबं धत गुण ड लेआ उट

बैक एंड वकास

डेटाबेस मॉ ूल ढ़ता परत

पंज ीकरण काया वयन

कम उपकरण नयम
रे ट एपीआई

स वस एपीआई स वस
Sass टू ल
लेयर ांसफॉमशन लेयर
चयनकता आकार

टाइ लग
बैक अप

© ओ गा फ लपोवा और ई वलाओ ओ।
फ लपोवा और आर। वलाओ ए से जेड तक सॉ टवेयर वकास https doi.org .
Machine Translated by Google

अनु म णका

सीआई सीडी पाइपलाइन संबंधपरक डेटाबेस पेशेवर और वप

स कलसीआई

कोड समी ा या SQL कथन ता लका तंभ

कोड शैली दशा नदश और पं याँ

नरंतर वतरण तैनाती उपयोगकता कोस

डेटा प रभाषा भाषा डीडीएल

सीआई सीडी उपकरण डेटा संशोधन भाषा
उ पादन को बढ़ावा दे ना डीएमएल

डीडीओएस हमला

वू वेबपैक बॉयलर लेट तैयार क प रभाषा

दे वो स प र नयोजन
नरंतर प र नयोजन सीडी कै नरी सीडी नरंतर प र नयोजन सीडी दे ख
सीआई नरंतर एक करण दे ख सीआई
हेरोकू डजाइन या हडओवर
सतत एक करण सीआई उ न ा

असम मत ए शन वचा लत परी ण ोटोटाइप सूचना वा तुक ला ऑनलाइन

श ा मंच
चेक
सकलसीआई ारं भक मंथन यो य परी ण
ै वस सीआई य डजाइन वायर े म
वीएससी और उपयोगकता कहा नयां
वाह ोटोटाइप के चग
हेरोकू
ै वसी

ाहक बंधन णाली

सीएमएस टे ली ाम के ी डॉट् स फ डबैक
ाहक सेवा

वभाग कार य

डजाइन वायर े म

डी
डजाइन स टम
डेटाबेस
वकास कोड समी ा
सृज न या कोड शैली दशा नदश
ईआर आरेख वदे शी तैयार क प रभाषा जोड़ी
कुं जी तरल पदाथ ो ा मग ो ा मग भाषाएं ढांचे

एन टू एन संबंध ाथ मक

कुं जी
Machine Translated by Google

अनु म णका

वकास संचालन इंज ी नयर लॉ गन और र ज टर पेज लेआ उट बदलते ह

दे वऑ स टे लेट से न बनाते ह

एंडरसन क ल डइन ोफाइल बस स ट फके शन

डेटा सटर सॉ टवेयर डफाइंड इं ा चर

टस Vue ोजे ट बनाएं nvm इं टॉल

कर

माकअप

आपदा वसूली डीआर

डीएनएस दाता जी
द तावेज़ ऑ जे ट मॉडल DOM गटलैब

डोमेन नेम स टम डीएनएस गोडैडी

अपने आप को दोहराओ मत सूख ी गूगल एना ल ट स

ॉपबॉ स ड लेआ उट

इ एच

इकाई संबंध ईआर आरेख नम कार मेरे य म

हो टग सीआई

सीडी जीथब हेरोकू

एफ
वीसीएस एचट ट पी बे सक

वफलता ऑथ हाइपरटे ट माकअप

ले सबॉ स ल वेज एचट एमएल लॉक ए लमट् स

वदे शी कुं जी सीएसएस और जेएस

ं टएंड डेवलपमट प रभाषा द तावेज़ संरचना प बनाम

एपीआई वजअलाइज़ेशन वैगर संचार एचएएमएल शीषक टै ग हाइपर लक

छ वयां इनलाइन त व बनाम जेड

सीएसएस कै के डग टाइल शीट सीएसएस दे ख प रभाषा ुट माकअप ी ोसेसर

और सफलता कोड का ववरण

डोम शीषक टै ग

HTML हाइपरटे ट माकअप भाषा दे ख

एचट एमएल

आईडीई

जेएस जावा ट दे ख जेएस

जेएसओएन
Machine Translated by Google

अनु म णका

म jQuery
सेटइंटरवल फं न टे लेट लटर स
वचार
टाइम.एचट एमएल टाइम वथ
उ पाद का वग करण प रभाषा ान साझा
बटन.एचट एमएल वे रएबल वीयू.जेएस
करने वाला मंच
जावा ट ऑ जे ट नोटे शन JSON

एमवीपी

उ पाद अनुसंधान

और वकास प रणाम या और या

सॉ टवेयर उ पाद
jQuery

JSON वेब टोकन JWT

सुधार बग फ संग

फ डबैक
री ां डग र डजाइ नग
क मीर ली
रफै ट रग
कै टलन टू डयो क प इट
रीराइ टग के लग
सपल टु पड कस मुख उ पाद संके तक
तकनीक ऋण
के पीआई

सूचना वा तुक ला डजाइन एम

इं ा चर ट म
रखरखाव
एक करण परी ण
बैक अप कॉ मक
इंटरे न डज़ाइन आईए सडी
करण ाकृ तक आपदाएं
अंतरा ीय सॉ टवेयर परी ण
तकृ त
यो यता बोड आईएसट यूबी

मैनुअ ल यूए परी क

जे मै युअ ल परी ण बग

जावा डेवलपमट कट रपोट परी ण मामले

जावा ट जेएस

लाइंट साइड माकअप पेज

माइ ोसॉ ट वडोज
दनांक फ़ं न प रभाषा

वकास उपकरण कं सोल यूनतम वहाय उ पाद एमवीपी

म सपैनल
ग तशील पृ फ़ं न घोषणा उ तरीय ो ा मग
नगरानी और चेतावनी तं पेज र ूट
भाषा

पीएसडीआई
Machine Translated by Google

अनु म णका

एन आव यकताएं और रोडमैप सॉ टवेयर कं प नयां

नाइटवॉच
उ पाद परी ण मैनुअ ल

मै युअ ल परी ण दे ख इकाई परी ण यपटल

हे
प रयोजना काशन
OAuth ोटोकॉल
एड यूएस
ऑ जे ट रलेशनल मै पग ओआरएम
डीएनएस दाता

आईपी पता

अवधारणा का माण पीओसी

पी
जोड़ी ो ा मग

पैरामीटरयु इकाई परी ण यू

भुगतान सेवा दाता पीएसपी

गुण व ा आ ासन यूए
ढ़ता परत

पीएसडीआई आर
पो ट व ध
आर एंड डी ती ता
ाथ मक कुं जी
रफै ट रग
उ पाद डजाइनर
परावतन
उ पाद बंधन सब कु छ मनाता है
टोकन ताज़ा कर
ल य बदलते ह सू म बंधन नह करते
तगमन परी ण
ह सभी पर पारद शता
रेगुलर ए स ेशन
संबंधपरक डेटाबेस

तकृ त
उ पाद बंधक
आरईएसट व धयां
सबसे बड़ा पच सबसे बड़ी
बाक एपीआई
सफलता ावसा यक े
भू मकाएं और ज मेदा रयां बैक एंड
तब ता और समय सीमा गेम
बजनेस ओनर ॉस फं नल ट म
डजाइनर कक ऑफ मी टग
डजाइनर

के पीआई
DevOps ट म ं टएंड
एमवीपी आव यकताएं

OptioPay पथ Kanban
तैयारी और
साइ कल समय
उ पाद वामी
कानबन बोड योजना
Machine Translated by Google

अनु म णका

भू मकाएं और ज मेदा रयां जारी काय णाली ॉस वैगर टू स

फं नल ट म अनुमान वेग और बनडाउन वा य रचना मक प से ब त ब ढ़या शैली

चाट मी टग म म बोड शीट् स एसएएस

ट ट म वक वॉटरफॉल मॉडल स टम परी ण

उ पाद और सॉ टवेयर वभाग उ पाद

बंधक यूए सॉ टवेयर वकास ढांचा

ट
ट म और या नयम और अवधारणाएं

हाइटबोड के च ट म बंधन शंसा

अपनी बात बनाएं अ े

पेशेवर को नयु कर श ाम

नवेश कर त बब अपनी ट म
के सद य पर भरोसा कर

तकनीक ऋण

टे लेट इंज न

परी ण

वीकृ त वचालन
यूए परी क

भीड़ परी ण मंच डेवलपस ढांचे

एस

सॉस लै स

सुर ा इंज ी नयर जावा ट

सेले नयम कै टलन टू डयो सेले नयम

सेले नयम ड

व समापन टै ग एक करण
सेवा एपीआई जरा बोड मैनुअ ल

सेवा परत मैनुअ ल यूए टे टर

साइट व सनीयता इंज ी नयर एसआरई र ेशन स टम टे टग

ोत कोड बंधन उपकरण टू स

एससीएम

वर ेस वचा लत परी ण

ढे र ाउज़र टै क

चड वेरी ल वेज जीरा

एस यूएल सेले नयम

Machine Translated by Google

अनु म णका

काय बंधन टे टरेल मैन वम कमांड सम याएं ोटोटाइप

पेज इन वज़न इंटरफ़े स

वंडर ल ट और े लो यू नट परी ण

काइप

टे े ल वम का ई टर अंडा

समय बंधन वम टे ट ए डटर

टॉमकै ट उपयोगकता कहा नयां

प रवतन परत

ै वसी
वी
सं करण नयं ण णाली वीसीएस य डजाइन
यू
Vue.js

अ तीय व य ब यूएसपी

यू नट परी ण लाभ

डाउनसाइड् स
ड यू ए स वाई
पैरामीटरयु

उपयोगकता पंज ीकरण वेब डज़ाइन

वायर े म

उपयो गता परी ण वंडर ल ट

यूज र इंटरफे स यूआ ई और

उपयोगकता अनुभव यूए स

जेड
एड यूएस कं सोल
ज़े फर
डजाइनर