<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>डिजिटल इतिहास |</title><link>https://clementgodbarge.com/hi/tag/%E0%A4%A1%E0%A4%BF%E0%A4%9C%E0%A4%BF%E0%A4%9F%E0%A4%B2-%E0%A4%87%E0%A4%A4%E0%A4%BF%E0%A4%B9%E0%A4%BE%E0%A4%B8/</link><atom:link href="https://clementgodbarge.com/hi/tag/%E0%A4%A1%E0%A4%BF%E0%A4%9C%E0%A4%BF%E0%A4%9F%E0%A4%B2-%E0%A4%87%E0%A4%A4%E0%A4%BF%E0%A4%B9%E0%A4%BE%E0%A4%B8/index.xml" rel="self" type="application/rss+xml"/><description>डिजिटल इतिहास</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>hi-in</language><lastBuildDate>Thu, 13 Feb 2025 00:00:00 +0000</lastBuildDate><image><url>https://clementgodbarge.com/media/icon_hu_64a6c3bec25b3d7b.png</url><title>डिजिटल इतिहास</title><link>https://clementgodbarge.com/hi/tag/%E0%A4%A1%E0%A4%BF%E0%A4%9C%E0%A4%BF%E0%A4%9F%E0%A4%B2-%E0%A4%87%E0%A4%A4%E0%A4%BF%E0%A4%B9%E0%A4%BE%E0%A4%B8/</link></image><item><title>ITA2 टेलीग्राफ़ एम्युलेटर से बाइनरी की पढ़ाई</title><link>https://clementgodbarge.com/hi/post/baudot/</link><pubDate>Thu, 13 Feb 2025 00:00:00 +0000</pubDate><guid>https://clementgodbarge.com/hi/post/baudot/</guid><description>&lt;h2 id="अमरत-क-मरत-बनन"&gt;अमूर्त को मूर्त बनाना&lt;/h2&gt;
&lt;p&gt;यह ITA2 एम्युलेटर पढ़ाने का एक व्यावहारिक औज़ार है। एनकोडिंग जैसी अमूर्त अवधारणा को आँखों के सामने और हाथ में ले आकर यह विद्यार्थियों को कंप्यूटिंग और दूरसंचार की एक बुनियादी बात से परिचित कराता है: बाइनरी निरूपण – यानी पाठ किस तरह एक और शून्य के पैटर्न में बदल जाता है।
आम तौर पर हम इसे किताबी ढंग से पढ़ाते हैं, लेकिन जब टेप पर सचमुच छेद उभरते दिखते हैं, तो विद्यार्थी समझ पाते हैं कि कोई भौतिक व्यवस्था डिजिटल सूचना को कैसे धारण कर सकती है।
&lt;div class="baudot-emulator"&gt;
&lt;h2&gt;ITA2 (Baudot-Murray) Telegraph Type Emulator&lt;/h2&gt;
&lt;p&gt;Type a word in the input below to see its representation on the ITA2 tape.&lt;/p&gt;
&lt;div class="baudot-controls"&gt;
&lt;label for="baudot-input"&gt;Type word:&lt;/label&gt;
&lt;input id="baudot-input" class="text-input" size="50" maxlength="50" /&gt;
&lt;button type="button" id="baudot-ltr-button" class="control-button active"&gt;LTR&lt;/button&gt;
&lt;button type="button" id="baudot-fig-button" class="control-button"&gt;FIG&lt;/button&gt;
&lt;/div&gt;
&lt;div class="tape-outer-container"&gt;
&lt;div class="tape-container"&gt;
&lt;table&gt;
&lt;tbody id="baudot-tape"&gt;&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.baudot-emulator {
--light-color: #f3f4f6;
--dark-color: #1f2937;
--light-alt-color: #e5e7eb;
--dark-alt-color: #374151;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
max-width: 100%;
margin: 2rem 0;
padding: 0;
box-sizing: border-box;
}
.baudot-emulator {
--tape-bg: var(--light-color);
--hole-bg: var(--light-color);
--hole-border: #d1d5db;
--punched-bg: var(--dark-color);
--punched-border: var(--dark-color);
--sprocket-bg: var(--light-color);
--sprocket-border: #9ca3af;
--button-bg: var(--light-color);
--button-bg-active: #d1d5db;
--button-text: var(--dark-color);
--button-border: #d1d5db;
--input-bg: white;
--input-border: #d1d5db;
--input-text: var(--dark-color);
--line-number: #6b7280;
}
html.dark .baudot-emulator,
html[data-theme='dark'] .baudot-emulator,
body.dark .baudot-emulator {
--tape-bg: var(--dark-alt-color);
--hole-bg: var(--dark-alt-color);
--hole-border: #4b5563;
--punched-bg: var(--light-color);
--punched-border: var(--light-color);
--sprocket-bg: var(--dark-alt-color);
--sprocket-border: #9ca3af;
--button-bg: var(--dark-alt-color);
--button-bg-active: #4b5563;
--button-text: var(--light-color);
--button-border: #4b5563;
--input-bg: var(--dark-alt-color);
--input-border: #4b5563;
--input-text: var(--light-color);
--line-number: #9ca3af;
}
.baudot-controls {
margin-bottom: 1.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.baudot-emulator .text-input {
flex: 1;
min-width: 200px;
padding: 0.5rem;
font-size: 1rem;
border: 1px solid var(--input-border);
border-radius: 4px;
background: var(--input-bg);
color: var(--input-text);
}
.baudot-emulator .control-button {
padding: 0.5rem 1rem;
background: var(--button-bg);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.baudot-emulator .control-button.active {
background: var(--button-bg-active);
font-weight: bold;
}
.tape-outer-container {
padding: 0;
margin-bottom: 1.5rem;
border-radius: 4px;
overflow: hidden;
}
.tape-container {
width: 100%;
overflow-x: auto;
background: var(--tape-bg);
padding: 1rem 0.5rem;
}
.baudot-emulator table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
border: none;
}
.baudot-emulator tr {
height: 24px;
border: none;
}
.baudot-emulator td {
border: none;
padding: 0;
}
.baudot-emulator .line-number {
width: 20px;
text-align: center;
color: var(--line-number);
font-size: 0.8rem;
padding: 0 8px 0 0;
font-weight: bold;
}
.baudot-emulator .cell {
position: relative;
width: 20px;
height: 20px;
}
.baudot-emulator .cell-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--hole-bg);
border: 1px solid var(--hole-border);
}
.baudot-emulator .punched .cell-content {
background: var(--punched-bg);
border: 1px solid var(--punched-border);
}
.baudot-emulator .sprocket-hole {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--sprocket-bg);
border: 1px solid var(--sprocket-border);
z-index: 2;
}
&lt;/style&gt;
&lt;script&gt;
document.addEventListener('DOMContentLoaded', function() {
initBaudotEmulator();
});
function initBaudotEmulator() {
if (!document.getElementById('baudot-input')) return;
const textInput = document.getElementById('baudot-input');
const tape = document.getElementById('baudot-tape');
const ltrButton = document.getElementById('baudot-ltr-button');
const figButton = document.getElementById('baudot-fig-button');
const ita2Code = {
'A': '00011', 'B': '11001', 'C': '01110', 'D': '01001', 'E': '00001',
'F': '01101', 'G': '11010', 'H': '10100', 'I': '00110', 'J': '01011',
'K': '01111', 'L': '10010', 'M': '11100', 'N': '01100', 'O': '11000',
'P': '10110', 'Q': '10111', 'R': '01010', 'S': '00101', 'T': '10000',
'U': '00111', 'V': '11110', 'W': '10011', 'X': '11101', 'Y': '10101',
'Z': '10001',
'1': '00011', '2': '11001', '3': '01110', '4': '01001', '5': '00001',
'6': '01101', '7': '11010', '8': '10100', '9': '01011', '0': '11000',
'-': '00011', '?': '00100', ':': '01010', '(': '11000', ')': '11101',
'.': '01000', ',': '00010', "'": '10001', '=': '01111', '/': '10011',
'+': '11011', ' ': '00100',
'FIG': '11011', 'LTR': '11111',
};
function generateTape() {
let rows = '';
for (let row = 0; row &lt; 5; row++) {
rows += '&lt;tr&gt;';
rows += `&lt;td class="line-number"&gt;${row + 1}&lt;/td&gt;`;
for (let col = 0; col &lt; 50; col++) {
rows += `&lt;td id="baudot_${row}_${col}" class="cell unpunched"&gt;
&lt;div class="cell-content"&gt;&lt;/div&gt;
${row === 2 ? '&lt;div class="sprocket-hole"&gt;&lt;/div&gt;' : ''}
&lt;/td&gt;`;
}
rows += '&lt;/tr&gt;';
}
tape.innerHTML = rows;
}
function updateITA2Code(word) {
clearTape();
word = word.toUpperCase();
let tapePosition = 0;
let currentCharType = 'LTR';
ltrButton.classList.add('active');
figButton.classList.remove('active');
for (let i = 0; i &lt; word.length; i++) {
const char = word[i];
let code = ita2Code[char] || ita2Code[' '];
let requiredCharType = /[A-Z ]/.test(char) ? 'LTR' : 'FIG';
if (requiredCharType !== currentCharType) {
const shiftCode = requiredCharType === 'LTR' ? ita2Code['LTR'] : ita2Code['FIG'];
punchTape(shiftCode, tapePosition++);
currentCharType = requiredCharType;
ltrButton.classList.toggle('active', currentCharType === 'LTR');
figButton.classList.toggle('active', currentCharType === 'FIG');
}
punchTape(code, tapePosition++);
}
}
function punchTape(code, tapePosition) {
if (tapePosition &gt;= 50) return;
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${tapePosition}`);
if (cell) {
cell.className = code[bit] === '1' ? 'cell punched' : 'cell unpunched';
}
}
}
function clearTape() {
for (let i = 0; i &lt; 50; i++) {
for (let bit = 0; bit &lt; 5; bit++) {
const cell = document.getElementById(`baudot_${bit}_${i}`);
if (cell) {
cell.className = 'cell unpunched';
}
}
}
}
generateTape();
textInput.addEventListener('input', function() {
updateITA2Code(this.value);
});
ltrButton.addEventListener('click', function() {
this.classList.add('active');
figButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
figButton.addEventListener('click', function() {
this.classList.add('active');
ltrButton.classList.remove('active');
if (textInput.value) {
updateITA2Code(textInput.value);
}
});
if (textInput.value) {
updateITA2Code(textInput.value);
}
}
&lt;/script&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;h2 id="ऐतहसक-पषठभम-टलगरफ-स-कपयटग-तक"&gt;ऐतिहासिक पृष्ठभूमि: टेलीग्राफ़ से कंप्यूटिंग तक&lt;/h2&gt;
&lt;p&gt;ITA2 (International Telegraph Alphabet No. 2) कोड, जिसे बोदो-मरे कोड भी कहते हैं, 1920 के दशक में एमिल बोदो के 1870 के दशक वाले मूल टेलीग्राफ़ कोड को सुधारकर बनाया गया था। इन शुरुआती दूरसंचार प्रणालियों का बाद के कंप्यूटिंग विकास पर सीधा असर पड़ा:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;5-बिट एनकोडिंग योजना कैरेक्टर एनकोडिंग का एक आरंभिक उदाहरण थी&lt;/li&gt;
&lt;li&gt;वर्ण-समुच्चय की सीमा (5 बिट से केवल 32 संयोजन संभव) ने LETTERS/FIGURES शिफ़्ट की चतुर युक्ति को जन्म दिया&lt;/li&gt;
&lt;li&gt;यह प्रणाली टेलीटाइप मशीनों में बीसवीं सदी के काफ़ी अंदर तक इस्तेमाल होती रही&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="खल-खल-म-सटट-मशन"&gt;खेल-खेल में स्टेट मशीन&lt;/h2&gt;
&lt;p&gt;LETTERS/FIGURES शिफ़्ट की युक्ति स्टेट मशीन की अवधारणा को सहज ढंग से सामने ले आती है। विद्यार्थी प्रयोग करते-करते ख़ुद खोज लेते हैं कि एक ही पैटर्न मौजूदा मोड के हिसाब से अलग-अलग वर्ण दर्शा सकता है। अवस्था-आधारित एनकोडिंग का यह हाथों-हाथ अनुभव उन्हें कंप्यूटिंग की और जटिल अवधारणाओं के लिए तैयार करता है।
मिसाल के तौर पर, बिट-पैटर्न &lt;code&gt;00011&lt;/code&gt; का अर्थ है:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;LETTERS मोड में अक्षर &amp;lsquo;A&amp;rsquo;&lt;/li&gt;
&lt;li&gt;FIGURES मोड में अंक &amp;lsquo;1&amp;rsquo;
अवस्था के अनुसार बदलने वाली यह दोहरी व्याख्या कंप्यूटर के डेटा-संचालन की बुनियाद में है।&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="ककष-क-गतवधय"&gt;कक्षा की गतिविधियाँ&lt;/h2&gt;
&lt;p&gt;ITA2 एम्युलेटर को पढ़ाई में शामिल करने के कुछ तरीक़े:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;कोड तोड़ने की चुनौती&lt;/strong&gt;: विद्यार्थियों से ITA2 पैटर्न में लिखे संदेश डिकोड करवाइए&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;किफ़ायती एनकोडिंग&lt;/strong&gt;: चर्चा कीजिए कि बैंडविड्थ बचाने के लिए शिफ़्ट की युक्ति क्यों ज़रूरी थी&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;एनकोडिंग का विकास&lt;/strong&gt;: ITA2 के 5-बिट कोड की तुलना ASCII (7-बिट) और Unicode से कीजिए&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;फ़िज़िकल कंप्यूटिंग&lt;/strong&gt;: इस ऐतिहासिक प्रणाली को Arduino जैसे आधुनिक माइक्रोकंट्रोलरों से जोड़िए&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="सगमत-क-लभ"&gt;सुगमता के लाभ&lt;/h2&gt;
&lt;p&gt;ऐतिहासिक दिलचस्पी से आगे, यह तरीक़ा अलग-अलग ढंग से सीखने वाले विद्यार्थियों के काम आता है:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;देखकर सीखने वाले पैटर्न देखते हैं&lt;/li&gt;
&lt;li&gt;हाथ से करके सीखने वाले एनकोडिंग की प्रक्रिया से सीधे जुड़ते हैं&lt;/li&gt;
&lt;li&gt;सैद्धांतिक रुचि वाले सूचना सिद्धांत के गणितीय पहलू खंगाल सकते हैं&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="करयनवयन-क-बयर"&gt;कार्यान्वयन का ब्योरा&lt;/h2&gt;
&lt;p&gt;एम्युलेटर JavaScript में लिखा गया है और किसी भी वेब-आधारित शिक्षण मंच में आसानी से जोड़ा जा सकता है। कोड मॉड्यूलर है और अलग-अलग शैक्षिक संदर्भों के अनुसार ढाला जा सकता है।
स्रोत कोड यहाँ मिलेगा, और एम्युलेटर को आप ख़ुद भी आज़मा सकते हैं:
&lt;/p&gt;</description></item></channel></rss>