0_liprikon_0

Сайт Волков

Dec 17th, 2021
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.17 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <title>Одноплатные компьютеры</title>
  5.         <meta charset="utf-8" />
  6.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  7.         <link rel="stylesheet" href="assets/css/main.css" />
  8.     </head>
  9.     <body>
  10.  
  11.         <!-- Header -->
  12.             <header id="header" class="alt">
  13.                 <div class="inner">
  14.                     <h1>Одноплатные компьютеры</h1>
  15.                     <p>Волков Н.В.</p>
  16.                 </div>
  17.             </header>
  18.  
  19.             <div class="menu">
  20.                 <ul class="actions">
  21.                     <li>
  22.                         <a href="#main" class="button">
  23.                             О платах
  24.                         </a>
  25.                     </li>
  26.                     <li>
  27.                         <a href="#ComputerBoard" class="button">
  28.                             Виды схем
  29.                         </a>
  30.                     </li>
  31.                     <li>
  32.                         <a href="#contacts" class="button">
  33.                             Контакты
  34.                         </a>
  35.                     </li>
  36.                 </ul>
  37.             </div>
  38.  
  39.         <!-- Wrapper -->
  40.             <div id="wrapper">
  41.  
  42.                 <!-- Banner -->
  43.                     <section id="intro" class="main">
  44.                         <span class="icon fa-desktop major"></span>
  45.                         <h2>Одноплатные компьютеры</h2>
  46.                         <p>Компьютеры с каждым годом становятся компактнее и производительнее. Для многих задач хватает производительности не только стационарных компьютеров или ноутбуков. Нередко могут быть полезны и одноплатные компьютеры размером с кредитную карту.</p>
  47.                         <ul class="actions">
  48.                             <li><a href="#main" class="button big">Узнать больше</a></li>
  49.                         </ul>
  50.                     </section>
  51.                            
  52.                     <section id="main" class="main">
  53.                         <header>
  54.                             <h2>Что это такое?</h2>
  55.                         </header>
  56.                         <p>
  57.                             В целом одноплатный ПК — это компьютер, собранный на одной плате, на которой имеются микропроцессор, ОЗУ, разъемы для подключения внешних устройств, сетевые модули и т.п. Подобные компьютеры могут продаваться и в готовом виде, и как набор компонентов для самостоятельной сборки. Для многих популярных моделей существуют различные дополнительные компоненты и устройства, например, датчики температуры или освещенности, компактные табло для вывода информации и т.п. Подобные ПК не могут похвастаться исключительной производительностью, но зато они обладают рядом достоинств — небольшой размер и вес, а также сниженное энергопотребление позволяют держать такие устройства постоянно включенными.
  58.                         </p>
  59.  
  60.                         <div class="more">
  61.                             <h2>Для чего это нужно?</h2>
  62.                         </div>
  63.  
  64.                         <p>
  65.                             Для создания небольшого домашнего мультимедиацентра: обычно такие устройства имеют DSI- и HDMI-разъемы, позволяющие подключить дисплеи, телевизоры и аудиовыходы, что позволяет воспроизводить музыку и фильмы. В качестве устройства для скачивания и раздачи файлов в пиринговых сетях. Можно превратить одноплатный компьютер в небольшую игровую приставку, используя эмуляторы старых консолей. Новейшими играми насладиться вряд ли получится, но для игр предыдущих десятилетий производительности хватит.
  66.                         </p>
  67.                        
  68.                         <div class="more">
  69.                             <h2>Где это применяется?</h2>
  70.                         </div>
  71.                         <ul class="custom-list">
  72.                             <li>Использоваться, как полноценный персональный компьютер. Для этого необходимо подключить экран, клавиатуру и мышку, в итоге получится мощный ПК на Linux.</li>
  73.  
  74.                         <li>Несколько микрокомпьютеров, собранных вместе в кластер, позволяют создать многоядерный ПК. Полученное устройство будет превосходить по производительности любое современное устройство. Также пользователь сам сможет регулировать количество устройств на сервере.</li>
  75.  
  76.                         <li>Этот одноплатный ПК можно использовать в роли игровой консоли. Для этого требуется установить эмулятор, куда необходимо скачать образы игр, подключить экран и джойстик.</li>
  77.                        
  78.                         <li>При подключении сенсорного экрана и наличии металлического корпуса мини-ПК выступит в роли планшетного компьютера.</li>
  79.                        
  80.                         <li>Данный микрокомпьютер активно используется в системе умного дома, например для управления системой освещения.</li>
  81.  
  82.                         <li>Школьники и студенты используют микрокомпьютер для программирования роботов, которые были созданы из подручных средств, например, конструктора лего.</li>
  83.  
  84.                         <li>И много других возможностей.</li>
  85.                         </ul>
  86.  
  87.  
  88.                         <div class="more" id="ComputerBoard">
  89.                             <h3>Виды схем </h3>
  90.                             <ul class="actions">
  91.                                 <li><a href="#PI" class="button">Raspberry Pi</a></li>
  92.                                 <li><a href="#CU" class="button">Cubieboard</a></li>
  93.                                 <li><a href="#BB" class="button">Beagle Bone</a></li>
  94.                             </ul>
  95.                         </div>
  96.                     </section>
  97.  
  98.                 <!-- Items -->
  99.                     <section class="main items">
  100.  
  101.                         <article class="item" id="PI">
  102.                             <header>
  103.                                 <a><img src="https://upload.wikimedia.org/wikipedia/commons/f/f1/Raspberry_Pi_4_Model_B_-_Side.jpg" alt="" /></a>
  104.                                 <h3>Raspberry Pi</h3>
  105.                             </header>
  106.                             <p>
  107.                                 Raspberry Pi — одноплатный компьютер, собранный на четырёхслойной печатной плате размером примерно с банковскую карту. Изначально разрабатывался как бюджетная система для обучения информатике, но позже получив более широкое применение и известность. Разрабатывается британской компанией Raspberry Pi Foundation во главе с Эбеном Аптоном.
  108.                             </p>
  109.                                
  110.                             <ul class="actions">
  111.                                 <li><a href="#infoPI" class="button">Узнать технические характеристики</a></li>
  112.                             </ul>
  113.                         </article>
  114.  
  115.                         <article class="item" id="CU">
  116.                             <header>
  117.                                 <a><img src="https://upload.wikimedia.org/wikipedia/commons/2/24/Cubieboard.jpeg" alt="" /></a>
  118.                                 <h3>Cubieboard</h3>
  119.                             </header>
  120.                             <p>Cubieboard — это материнская плата, продающаяся в качестве одноплатного компьютера, производится в Шэньчжэнь, провинции Гуандун, Китай. Первый прототип платы начал продаваться на международном уровне в сентябре 2012 года, а серийную версию начали продавать в октябре того же года.</p>
  121.                             <ul class="actions">
  122.                                 <li><a href="#infoCU" class="button">Узнать технические характеристики</a></li>
  123.                             </ul>
  124.                         </article>
  125.  
  126.                         <article class="item" id="BB">
  127.                             <header>
  128.                                 <a><img src="https://static-ru.insales.ru/images/products/1/1062/48129062/beaglebone-black.1.jpg" alt="" /></a>
  129.                                 <h3>Beagle Bone</h3>
  130.                             </header>
  131.                             <p>Beagle Bone — недорогой одноплатный компьютер, разработанный компаниями Texas Instruments и Digi-Key. Это отличный выбор для электронных проектов, где одновременно нужна и высокая производительность, и широкие возможности для подключения периферии, и активное взаимодействие с сетью и интернетом, и инструментарий Linux.</p>
  132.                             <ul class="actions">
  133.                                 <li><a href="#infoBE" class="button">Узнать технические характеристики</a></li>
  134.                             </ul>
  135.                         </article>
  136.                        
  137.                     </section>
  138.  
  139.                     <section id="infoPI" class="main">
  140.                         <article class="item">
  141.                         <h2>Raspberry Pi</h2>
  142.                         <ul class="custom-list">
  143.                             <li>Процессор ARM11,Broadcom BCM2835,700 МГц.</li>
  144.                             <li>Оперативная память — 256 Мб у А, 512 Мб у B.</li>
  145.                             <li>USB входы/выходы — 1 у А, 2 у В.</li>
  146.                             <li>SD вход.</li>
  147.                             <li>RCA выход (“тюльпан”).</li>
  148.                             <li>HDMI выход.</li>
  149.                             <li>Ethernet вход/выход — есть только у В.</li>
  150.                             <li>Audio выход.</li>
  151.                             <li>GPIO контакты.</li>
  152.                         </ul>
  153.                         <ul class="actions">
  154.                             <li><a href="#ComputerBoard" class="button big">Вернуться к видам плат</a></li>
  155.                         </ul>
  156.                     </article>
  157.                     </section>
  158.  
  159.                     <section id="infoCU" class="main">
  160.                         <article class="item">
  161.                         <h2>Cubieboard</h2>
  162.                         <ul class="custom-list">
  163.                             <li>Процессор: ARM Cortex-A7 Dual-Core.</li>
  164.                             <li>Графический процессор: ARM Mali400MP2,Complies with OpenGL ES 2.0/1.1.</li>
  165.                             <li>Оперативная память: 1GB DDR3 @960M.</li>
  166.                             <li>Видео выход: HDMI 1080p Output.</li>
  167.                             <li>Сеть: 10/100M Ethernet.</li>
  168.                             <li>Хранение данных: 4ГБ встроенная NAND Flash, поддержка карты памяти до 64ГБ.</li>
  169.                             <li>поддержка жесткого диска 2.5 SATA до 2ТБ.</li>
  170.                             <li>Порты ввода-вывода: 2 USB Host, 1 micro SD slot, 1 SATA, 1 IR.</li>
  171.                             <li>Расширенные интерфейсы: 96 контактный включая I2C, SPI, RGB/LVDS, CSI/TS, FM-IN, ADC, CVBS, VGA, SPDIF-OUT, R-TP.</li>
  172.                             <li>Питание: 5VDC / 2A.</li>
  173.                         </ul>
  174.                         <ul class="actions">
  175.                             <li><a href="#ComputerBoard" class="button big">Вернуться к видам плат</a></li>
  176.                         </ul>
  177.                     </article>
  178.                     </section>
  179.  
  180.  
  181.                     <section id="infoBE" class="main">
  182.                         <article class="item">
  183.                         <h2>Beagle Bone</h2>
  184.                         <p>
  185.                             <ul class="custom-list">
  186.                                 <li>Оперативная память – 1 Гб DDR3 RAM @ 800 МГц.</li>
  187.                                 <li>Хранение – 4 Гб eMMC flash + слот micro SD, опционально 1 Мб SPI NOR flash.</li>
  188.                                 <li>USB – 2 x хост порта USB 2.0 (A type), порт mini USB OTG, 2 x USB интерфейса через разъем расширения.</li>
  189.                                 <li>Последовательный порт – UART0 через 3.3V TTL разъем.</li>
  190.                                 <li>Ethernet – Гигабитный Ethernet.</li>
  191.                                 <li>Видео выход – micro HDMI с поддержкой EDID, разрешение до 1280×1024.</li>
  192.                                 <li>Аудио выход – Через HDMI.</li>
  193.                                 <li>Коннекторы расширения – 2 x 46-контактных разъема.</li>
  194.                                 <li>Отладочные порты – Опционально встроенный 20-контактный CTI JTAG + последовательный порт.</li>
  195.                                 <li>Индикаторы – 1 для питания, 2 для Ethernet и 4 пользовательских светодиода.</li>
  196.                                 <li>Прочее – Кнопки сброса, загрузки и питания.</li>
  197.                                 <li>PMIC – Регулятор TPS65217C PMIC и один дополнительный регулятор.</li>
  198.                                 <li>Питание – mini USB, DC Jack или 5VDC через разъем расширения.</li>
  199.                                 <li>Размеры: 86.4 x 53.4 мм.</li>
  200.                             </ul>
  201.                         </p>
  202.                         <ul class="actions">
  203.                             <li><a href="#ComputerBoard" class="button big">Вернуться к видам плат</a></li>
  204.                         </ul>
  205.                     </article>
  206.                     </section>
  207.  
  208.                 <!-- CTA -->
  209.                     <section id="cta" class="main special">
  210.                         <article class="item">
  211.                         <h2>Итог</h2>
  212.                         <p>На сегодняшний день существует достаточно много разных одноплатных компьютеров и компьютеров-стиков. Настолько много, что даже рамки этого термина иной раз смываются, теряя точность: например, иногда даже Arduino называют таковым. В этом материале были охвачены самые популярные и распространённые варианты, а уж что из них выбрать и тем более что на их основе построить — это уже решение разработчика.</p>
  213.                         <ul class="actions">
  214.                             <li><a href="#" class="button big">Вернуться в начало страницы</a></li>
  215.                         </ul>
  216.                     </article>
  217.                     </section>
  218.  
  219.  
  220.                 <!-- Footer -->
  221.                     <footer id="footer">
  222.                         <ul class="icons" id="contacts">
  223.                             <li><a href="https://vk.com/dedoknikitos" class="icon fa-vk" target="_blank"><span class="label">VK</span></a></li>
  224.                             <li><a href="https://www.instagram.com/?hl=ru" class="icon fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
  225.                             <li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
  226.                         </ul>
  227.                         <p class="copyright">&copy; Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.</p>
  228.                     </footer>
  229.  
  230.             </div>
  231.  
  232.         <!-- Scripts -->
  233.             <script src="assets/js/jquery.min.js"></script>
  234.             <script src="assets/js/skel.min.js"></script>
  235.             <script src="assets/js/util.js"></script>
  236.             <script src="assets/js/main.js"></script>
  237.  
  238.     </body>
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment