new file: components/Images.tsx

modified:   pages/posts/[slug].tsx
	modified:   posts/Report.mdx
	modified:   styles/globals.css
main
joker 3 years ago
parent 98be7b9821
commit a4e03d4a50
  1. 24
      components/Images.tsx
  2. 5
      pages/posts/[slug].tsx
  3. 152
      posts/Report.mdx
  4. 10
      styles/globals.css

@ -0,0 +1,24 @@
import Image from 'next/image';
export interface Props {
title: string;
src: string;
width: number;
height: number;
}
export function Images(props: Props) {
return (
<div className='img'>
<Image
alt={props.title}
src={props.src}
height={props.height}
width={props.width}
objectFit='contain'
/>
</div>
);
}
export default Images;

@ -5,7 +5,7 @@ import { GetStaticPaths, GetStaticProps } from 'next';
import { serialize } from 'next-mdx-remote/serialize';
import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
import Head from 'next/head';
import Image from 'next/image';
import path from 'path';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';
import rehypeSlug from 'rehype-slug';
@ -15,6 +15,7 @@ import { PostType } from '../../types/post';
import { postFilePaths, POSTS_PATH } from '../../utils/mdxUtils';
import { Video } from '../../components/Video'
import { Links } from '../../components/Links'
import { Images } from '../../components/Images'
// Custom components/renderers to pass to MDX.
// Since the MDX files aren't loaded by webpack, they have no knowledge of how
@ -22,7 +23,7 @@ import { Links } from '../../components/Links'
// here.
const components = {
Head,
Image,
Images,
Links,
Video
};

@ -5,7 +5,15 @@ date: '2023-02-28'
---
## Задание:
1. В текстовом процессоре создайте новый документ и последовательно скопируйте в него содержимое следующих разделов Введение, Начало эпохи ЭВМ, Первое поколение ЭВМ, Второе поколение ЭВМ, Третье поколение ЭВМ, Четвёртое поколение ЭВМ, История в датах, Заключение.
1. В текстовом редакторе создайте новый документ и последовательно скопируйте в него содержимое следующих разделов:
* Введение
* Начало эпохи ЭВМ
* Первое поколение ЭВМ
* Второе поколение ЭВМ
* Третье поколение ЭВМ
* Четвёртое поколение ЭВМ
* История в датах
* Заключение.
2. Сохраните результат работы в личной папке под именем "Реферат".
3. Озаглавьте каждый из шести разделов документа (названия разделов могут совпадать с названиями соответствующих разделов).
4. Отформатируйте документ в соответствии с требованиями к реферату.
@ -16,7 +24,7 @@ date: '2023-02-28'
> * Отступ первой строки – 8–12 мм, одинаковый по всему тексту.
> * Интервал межстрочный – полуторный.
> * Выравнивание абзаца – «по ширине».
> * Гарнитура шрифта основного текста – «Times New Roman» или аналогичная.
> * Гарнитура шрифта основного текста – «Times New Roman».
> * Кегль (размер) от 12 до 14 пунктов.
> * Цвет шрифта – черный.
> * Заголовки разделов и подразделов следует печатать на отдельной строке с прописной буквы без точки в конце, не подчеркивая.
@ -30,108 +38,127 @@ date: '2023-02-28'
8. В сети Интернет найдите информацию о С.А. Лебедеве и дополните ею текст реферата.
9. Узнайте, когда и кем был разработан первый массовый персональный компьютер и добавьте эту информацию в соответствующий раздел реферата.
10. Найдите в сети Интернет изображения ЭВМ разных поколений. Вставьте по одному наиболее интересному изображению в соответствующие разделы.
11. Добавьте в реферат раздел «История вычислительной техники в датах» и включите в него таблицу:
12. Добавьте в реферат раздел «Сравнительные характеристики поколений ЭВМ» и включите в него таблицу:
13. Найдите необходимую информацию в сети Интернет и занесите её в соответствующие ячейки таблицы.
14. Добавьте раздел «Список литературы и Интернет-ресурсов» и включите в него перечень источников информации, которыми вы пользовались при подготовке реферата.
15. К каждому из заголовков разделов примените стилевое форматирование, выбрав для них стиль «Заголовок 1». Автоматически сформируйте новый раздел «Оглавление».
16. Сохраните файл с изменениями в личной папке, распечатайте его и сдайте на проверку учителю.
17. Дополнительное задание. Проверьте, запомнили ли вы ключевые события из истории компьютерной техники.
---
## Материал для реферата
## Титульную страницу
<Image
### Раздел: Титульная страница
#### Пример как должна выглядеть титульная страница
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/01.png`}
width={652}
height={884}
priority
/>
Муниципальное автономное общеобразовательное учреждение муниципального образования город Краснодар средняя общеобразовательная школа № 103
Реферат
«История развития компьютерной техники»
Автор ФИО учащийся класс “буква” класса МАОУ СОШ № 103
Руководитель ФИО учитель информатики МАОУ СОШ № 103
город Краснодар 2023
### Видео инструкция по созданию титульной стране
#### Текст содержащийся на титульной странице
> * Муниципальное автономное общеобразовательное учреждение муниципального образования город Краснодар средняя общеобразовательная школа № 103
> * Реферат
> * «История развития компьютерной техники»
> * Автор ФИО учащийся класс “буква” класса МАОУ СОШ № 103
> * Руководитель ФИО учитель информатики МАОУ СОШ № 103
> * город Краснодар 2023
#### Видео инструкция по созданию титульной стране
<Video
src={`/informatica/4_8/videoTitul.mp4`}
/>
### Содержание
<Image
---
### Раздел: Содержание
#### Пример как должно выглядеть содержание
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/02.png`}
width={652}
height={884}
priority
/>
* К каждому из заголовков разделов примените стилевое форматирование, выбрав для них стиль «Заголовок 1». Автоматически сформируйте новый раздел «Cодержание».
---
### Введение
<Image
### Раздел: Введение, Начало эпохи ЭВМ, Первое поколение ЭВМ
#### Пример как должно выглядеть Введение
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/03.png`}
width={652}
height={884}
priority
/>
Человеческое общество по мере своего развития овладевало не только веществом и энергией, но и информацией. С появлением и массовым распространение компьютеров человек получил мощное средство для эффективного использования информационных ресурсов, для усиления своей интеллектуальной деятельности. С этого момента (середина XX века) начался переход от индустриального общества к обществу информационному, в котором главным ресурсом становится информация.
Возможность использования членами общества полной, своевременной и достоверной информации в значительной мере зависит от степени развития и освоения новых информационных технологий, основой которых являются компьютеры. Рассмотрим основные вехи в истории их развития.
### Начало эпохи ЭВМ
Первая ЭВМ ENIAC была создана в конце 1945 г. в США.
Основные идеи, по которым долгие годы развивалась вычислительная техника, были сформулированы в 1946 г. американским математиком Джоном фон Нейманом. Они получили название архитектуры фон Неймана.
В 1949 году была построена первая ЭВМ с архитектурой фон Неймана – английская машина EDSAC. Годом позже появилась американская ЭВМ EDVAC.
В нашей стране первая ЭВМ была создана в 1951 году. Называлась она МЭСМ — малая электронная счетная машина. Конструктором МЭСМ был Сергей Алексеевич Лебедев.
Серийное производство ЭВМ началось в 50-х годах XX века.
Электронно-вычислительную технику принято делить на поколения, связанные со сменой элементной базы. Кроме того, машины разных поколений различаются логической архитектурой и программным обеспечением, быстродействием, оперативной памятью, способом ввода и вывода информации и т.д.
### Первое поколение ЭВМ
Первое поколение ЭВМ — ламповые машины 50-х годов. Скорость счета самых быстрых машин первого поколения доходила до 20 тысяч операций в секунду. Для ввода программ и данных использовались перфоленты и перфокарты. Поскольку внутренняя память этих машин была невелика (могла вместить в себя несколько тысяч чисел и команд программы), то они, главным образом, использовались для инженерных и научных расчетов, не связанных с переработкой больших объемов данных. Это были довольно громоздкие сооружения, содержавшие в себе тысячи ламп, занимавшие иногда сотни квадратных метров, потреблявшие электроэнергию в сотни киловатт. Программы для таких машин составлялись на языках машинных команд, поэтому программирование в те времена было доступно немногим.
### Второе поколение ЭВМ
<Image
#### Текст содержащийся в разделе "Введение"
> Человеческое общество по мере своего развития овладевало не только веществом и энергией, но и информацией. С появлением и массовым распространение компьютеров человек получил мощное средство для эффективного использования информационных ресурсов, для усиления своей интеллектуальной деятельности. С этого момента (середина XX века) начался переход от индустриального общества к обществу информационному, в котором главным ресурсом становится информация.
> Возможность использования членами общества полной, своевременной и достоверной информации в значительной мере зависит от степени развития и освоения новых информационных технологий, основой которых являются компьютеры. Рассмотрим основные вехи в истории их развития.
#### Текст содержащийся в разделе "Начало эпохи ЭВМ"
> Первая ЭВМ ENIAC была создана в конце 1945 г. в США.
> Основные идеи, по которым долгие годы развивалась вычислительная техника, были сформулированы в 1946 г. американским математиком Джоном фон Нейманом. Они получили название архитектуры фон Неймана.
> В 1949 году была построена первая ЭВМ с архитектурой фон Неймана – английская машина EDSAC. Годом позже появилась американская ЭВМ EDVAC.
> В нашей стране первая ЭВМ была создана в 1951 году. Называлась она МЭСМ — малая электронная счетная машина. Конструктором МЭСМ был Сергей Алексеевич Лебедев.
> Серийное производство ЭВМ началось в 50-х годах XX века.
> Электронно-вычислительную технику принято делить на поколения, связанные со сменой элементной базы. Кроме того, машины разных поколений различаются логической архитектурой и программным обеспечением, быстродействием, оперативной памятью, способом ввода и вывода информации и т.д.
#### Текст содержащийся в разделе "Первое поколение ЭВМ"
> Первое поколение ЭВМ — ламповые машины 50-х годов. Скорость счета самых быстрых машин первого поколения доходила до 20 тысяч операций в секунду. Для ввода программ и данных использовались перфоленты и перфокарты. Поскольку внутренняя память этих машин была невелика (могла вместить в себя несколько тысяч чисел и команд программы), то они, главным образом, использовались для инженерных и научных расчетов, не связанных с переработкой больших объемов данных. Это были довольно громоздкие сооружения, содержавшие в себе тысячи ламп, занимавшие иногда сотни квадратных метров, потреблявшие электроэнергию в сотни киловатт. Программы для таких машин составлялись на языках машинных команд, поэтому программирование в те времена было доступно немногим.
---
### Раздел: Второе поколение ЭВМ и Третье поколение ЭВМ
#### Пример как должны выглядеть данные разделы
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/04.png`}
width={652}
height={884}
priority
/>
В 1949 году в США был создан первый полупроводниковый прибор, заменяющий электронную лампу. Он получил название транзистор. В 60-х годах транзисторы стали элементной базой для ЭВМ второго поколения. Переход на полупроводниковые элементы улучшил качество ЭВМ по всем параметрам: они стали компактнее, надежнее, менее энергоемкими. Быстродействие большинства машин достигло десятков и сотен тысяч операций в секунду. Объем внутренней памяти возрос в сотни раз по сравнению с ЭВМ первого поколения. Большое развитие получили устройства внешней (магнитной) памяти: магнитные барабаны, накопители на магнитных лентах. Благодаря этому появилась возможность создавать на ЭВМ информационно-справочные, поисковые системы (это связано с необходимостью длительно хранить на магнитных носителях большие объемы информации). Во времена второго поколения активно стали развиваться языки программирования высокого уровня. Первыми из них были ФОРТРАН, АЛГОЛ, КОБОЛ. Программирование как элемент грамотности стало широко распространяться, главным образом среди людей с высшим образованием.
#### Текст содержащийся в разделе "Второе поколение ЭВМ"
> В 1949 году в США был создан первый полупроводниковый прибор, заменяющий электронную лампу. Он получил название транзистор. В 60-х годах транзисторы стали элементной базой для ЭВМ второго поколения. Переход на полупроводниковые элементы улучшил качество ЭВМ по всем параметрам: они стали компактнее, надежнее, менее энергоемкими. Быстродействие большинства машин достигло десятков и сотен тысяч операций в секунду. Объем внутренней памяти возрос в сотни раз по сравнению с ЭВМ первого поколения. Большое развитие получили устройства внешней (магнитной) памяти: магнитные барабаны, накопители на магнитных лентах. Благодаря этому появилась возможность создавать на ЭВМ информационно-справочные, поисковые системы (это связано с необходимостью длительно хранить на магнитных носителях большие объемы информации). Во времена второго поколения активно стали развиваться языки программирования высокого уровня. Первыми из них были ФОРТРАН, АЛГОЛ, КОБОЛ. Программирование как элемент грамотности стало широко распространяться, главным образом среди людей с высшим образованием.
#### Текст содержащийся в разделе "Третье поколение ЭВМ"
> Третье поколение ЭВМ создавалось на новой элементной базе — интегральных схемах: на маленькой пластине из полупроводникового материала, площадью менее 1 см2 монтировались сложные электронные схемы. Их назвали интегральными схемами (ИС). Первые ИС содержали в себе десятки, затем — сотни элементов (транзисторов, сопротивлений и др.). Когда степень интеграции (количество элементов) приблизилась к тысяче, их стали называть большими интегральными схемами — БИС; затем появились сверхбольшие интегральные схемы — СБИС. ЭВМ третьего поколения начали производиться во второй половине 60-х годов, когда американская фирма IBM приступила к выпуску системы машин IBM-360. В Советском Союзе в 70-х годах начался выпуск машин серии ЕС ЭВМ (Единая Система ЭВМ). Переход к третьему поколению связан с существенными изменениями архитектуры ЭВМ. Появилась возможность выполнять одновременно несколько программ на одной машине. Такой режим работы называется мультипрограммным (многопрограммным) режимом. Скорость работы наиболее мощных моделей ЭВМ достигла нескольких миллионов операций в секунду. На машинах третьего поколения появился новый тип внешних запоминающих устройств — магнитные диски. Широко используются новые типы устройств ввода-вывода: дисплеи, графопостроители. В этот период существенно расширились области применения ЭВМ. Стали создаваться базы данных, первые системы искусственного интеллекта, системы автоматизированного проектирования (САПР) и управления (АСУ). В 70-е годы получила мощное развитие линия малых (мини) ЭВМ.
### Третье поколение ЭВМ
Третье поколение ЭВМ создавалось на новой элементной базе — интегральных схемах: на маленькой пластине из полупроводникового материала, площадью менее 1 см2 монтировались сложные электронные схемы. Их назвали интегральными схемами (ИС). Первые ИС содержали в себе десятки, затем — сотни элементов (транзисторов, сопротивлений и др.). Когда степень интеграции (количество элементов) приблизилась к тысяче, их стали называть большими интегральными схемами — БИС; затем появились сверхбольшие интегральные схемы — СБИС. ЭВМ третьего поколения начали производиться во второй половине 60-х годов, когда американская фирма IBM приступила к выпуску системы машин IBM-360. В Советском Союзе в 70-х годах начался выпуск машин серии ЕС ЭВМ (Единая Система ЭВМ). Переход к третьему поколению связан с существенными изменениями архитектуры ЭВМ. Появилась возможность выполнять одновременно несколько программ на одной машине. Такой режим работы называется мультипрограммным (многопрограммным) режимом. Скорость работы наиболее мощных моделей ЭВМ достигла нескольких миллионов операций в секунду. На машинах третьего поколения появился новый тип внешних запоминающих устройств — магнитные диски. Широко используются новые типы устройств ввода-вывода: дисплеи, графопостроители. В этот период существенно расширились области применения ЭВМ. Стали создаваться базы данных, первые системы искусственного интеллекта, системы автоматизированного проектирования (САПР) и управления (АСУ). В 70-е годы получила мощное развитие линия малых (мини) ЭВМ.
---
### Четвёртое поколение ЭВМ
<Image
### Раздел: Четвёртое поколение ЭВМ
#### Пример как должен выглядеть данный раздел
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/05.png`}
width={652}
height={884}
priority
/>
Очередное революционное событие в электронике произошло в 1971 году, когда американская фирма Intel объявила о создании микропроцессора. Микропроцессор — это сверхбольшая интегральная схема, способная выполнять функции основного блока компьютера — процессора. Первоначально микропроцессоры стали встраивать в различные технические устройства: станки, автомобили, самолеты. Соединив микропроцессор с устройствами ввода-вывода, внешней памяти, получили новый тип компьютера: микроЭВМ. МикроЭВМ относятся к машинам четвертого поколения. Существенным отличием микроЭВМ от своих предшественников являются их малые габариты (размеры бытового телевизора) и сравнительная дешевизна. Это первый тип компьютеров, который появился в розничной продаже.
#### Текст содержащийся в разделе "Четвёртое поколение ЭВМ"
> Очередное революционное событие в электронике произошло в 1971 году, когда американская фирма Intel объявила о создании микропроцессора. Микропроцессор — это сверхбольшая интегральная схема, способная выполнять функции основного блока компьютера — процессора. Первоначально микропроцессоры стали встраивать в различные технические устройства: станки, автомобили, самолеты. Соединив микропроцессор с устройствами ввода-вывода, внешней памяти, получили новый тип компьютера: микроЭВМ. МикроЭВМ относятся к машинам четвертого поколения. Существенным отличием микроЭВМ от своих предшественников являются их малые габариты (размеры бытового телевизора) и сравнительная дешевизна. Это первый тип компьютеров, который появился в розничной продаже.
Самой популярной разновидностью ЭВМ сегодня являются персональные компьютеры (ПК). Первый ПК появился на свет в 1976 году в США. С 1980 года «законодателем мод» на рынке ПК становится американская фирма IBM. Ее конструкторам удалось создать такую архитектуру, которая стала фактически международным стандартом на профессиональные ПК. Машины этой серии получили название IBM PC (Personal Computer). Появление и распространение ПК по своему значению для общественного развития сопоставимо с появлением книгопечатания. Именно ПК сделали компьютерную грамотность массовым явлением. С развитием этого типа машин появилось понятие «информационные технологии», без которых уже становится невозможным обойтись в большинстве областей человеческой деятельности.
Другая линия в развитии ЭВМ четвертого поколения, это — суперкомпьютер. Машины этого класса имеют быстродействие сотни миллионов и миллиарды операций в секунду. Суперкомпьютер – это многопроцессорный вычислительный комплекс.
### История в датах
<Image
---
### Раздел: История в датах
#### Пример как должен выглядеть данный раздел
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/06.png`}
width={652}
height={884}
priority
/>
<Image
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/07.png`}
width={652}
height={884}
priority
/>
История развития вычислительной техники
#### Текст содержащийся в разделе "Четвёртое поколение ЭВМ"
> История развития вычислительной техники
В VI-V вв. до н.э. появился, пожалуй, первый вычислительный прибор – «саламинская доска» по названию острова Саламин в Эгейском море, греки называли его абак.  С помощью абака можно было совершать операции сложения и вычитания и несложные умножения.
1642 г. — французский математик Блез Паскаль сконструировал первую механическую счетную машину «Паскалина», которая могла механически выполнять сложение чисел.
1673 г. — Готфрид Вильгельм Лейбниц сконструировал арифмометр, позволяющий механически выполнять четыре арифметических действия.
@ -152,19 +179,26 @@ date: '2023-02-28'
1990-е гг. — 5-е поколение ЭВМ, сверхбольшие интегральные схемы. Процессоры содержат миллионы транзисторов. Появление глобальных компьютерных сетей массового пользования.
2000-е гг. — 6-е поколение ЭВМ. Интеграция ЭВМ и бытовой техники, встраиваемые компьютеры, развитие сетевых вычислений.
### Заключение
<Image
---
### Раздел: Заключение
#### Пример как должен выглядеть данный раздел
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/08.png`}
width={652}
height={884}
priority
/>
Разработки в области вычислительной техники продолжаются. ЭВМ пятого поколения — это машины недалекого будущего. Основным их качеством должен быть высокий интеллектуальный уровень. В них будет возможным ввод с голоса, голосовое общение, машинное «зрение», машинное «осязание».
#### Текст содержащийся в разделе "Заключение"
> Разработки в области вычислительной техники продолжаются. ЭВМ пятого поколения — это машины недалекого будущего. Основным их качеством должен быть высокий интеллектуальный уровень. В них будет возможным ввод с голоса, голосовое общение, машинное «зрение», машинное «осязание».
Машины пятого поколения — это реализованный искусственный интеллект.
### Список литературы
<Image
---
### Раздел: Список литературы
#### Пример как должен выглядеть данный раздел
<Images
alt={`Титульную страницу`}
src={`/informatica/4_8/09.png`}
width={652}
@ -172,7 +206,15 @@ date: '2023-02-28'
priority
/>
## Видео инструкция
#### Текст содержащийся в разделе "Список литературы"
> 1. Беляева Т. М., Кудинов А. Т., Пальянова Н. В. Правовая информатика. Учебник и практикум для прикладного бакалавриата / ред. Чубукова С. Г. М.: Юрайт, 2019. 314 с.
> 2. Гасумова С. Е. Социальная информатика. Учебник и практикум для вузов. М.: Юрайт, 2019. 284 с.
> 3. Гилярова М. Г. Информатика для медицинских колледжей. Учебник. М.: Феникс, 2018. 528 с.
> 4. Грошев А. С., Закляков П. В. Информатика. Учебник. М.: ДМК Пресс, 2019. 674 с.
> 5. Далингер В. А., Симонженков С. Д. Информатика и математика. Решение уравнений и оптимизация в Mathcad и Maple. Учебник и практикум для вузов. М.: Юрайт, 2019. 156 с.
> 6. Информатика для экономистов. Учебник для бакалавриата и специалитета / ред. Поляков В. П. М.: Юрайт, 2019. 524 с.
### Видео инструкция
<Video
src={`/informatica/4_8/video.mp4`}
/>

@ -30,11 +30,6 @@
@apply text-gray-800 dark:text-gray-200 px-1 py-0.5 border border-gray-100 dark:border-gray-800 rounded-md bg-gray-100 dark:bg-gray-900;
}
.prose img {
/* Don't apply styles to next/image */
@apply m-0;
}
/* Prism Styles */
.token.comment,
.token.prolog,
@ -117,3 +112,8 @@ pre {
.mdx-marker {
@apply block -mx-4 px-4 bg-gray-100 dark:bg-gray-800 border-l-4 border-blue-500;
}
img {
border: 3px solid #ddd;
border-radius: 4px;
}
Loading…
Cancel
Save