You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

174 line
9.2KB

  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <!-- Set the viewport width to device width for mobile -->
  5. <meta name="viewport" content="width=device-width" />
  6. <title>Разработка через создание примеров</title>
  7. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/normalize.css" />
  8. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/foundation.min.css" />
  9. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/style.css" />
  10. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/pygments.css" />
  11. <script src="http://opengamestudio.org/theme/js/custom.modernizr.js"></script>
  12. <!-- So Firefox can bookmark->"abo this site" -->
  13. <link href="feeds/all.atom.xml" rel="alternate" title="Opensource Game Studio" type="application/atom+xml">
  14. </head>
  15. <body>
  16. <!-- Nav Bar -->
  17. <nav>
  18. <!-- Show menu items and pages -->
  19. <div class="row">
  20. <div class="large-12 columns top-bar">
  21. <h1><a href="http://opengamestudio.org">Opensource Game Studio</a></h1>
  22. </div>
  23. </div>
  24. <div class="row top-menu">
  25. <div class="large-12 columns">
  26. <a href="/pages/projects.html" class="menu-button secondary">Projects</a>
  27. <a href="/pages/about.html" class="menu-button secondary">About</a>
  28. </div>
  29. </div>
  30. </nav>
  31. <!-- End Nav -->
  32. <!-- Main Page Content and Sidebar -->
  33. <div class="row">
  34. <!-- Main Blog Content -->
  35. <div class="large-9 columns">
  36. <article>
  37. <header>
  38. <h3 class="article-title"><a href="http://opengamestudio.org/example-driven-development-ru.html" rel="bookmark"
  39. title="Permalink to Разработка через создание примеров">Разработка через создание примеров</a></h3>
  40. </header>
  41. <h6 class="subheader" title="2018-06-27T00:00:00+03:00">Ср 27 Июнь 2018
  42. <a class="button secondary small translation-button" href="http://opengamestudio.org/example-driven-development.html">en</a>
  43. </h6> <p><img alt="Screenshot" src="http://opengamestudio.org/2018-06-27-example-driven-development.png" /></p>
  44. <p>Эта статья описывает то, как создание третьего кросс-платформенного примера
  45. OpenSceneGraph привело нас к разработке через создание примеров.</p>
  46. <p><strong>Третий кросс-платформенный пример OpenSceneGraph</strong></p>
  47. <p>Третий кросс-платформенный пример OpenSceneGraph содержит реализацию
  48. <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/03.RemoteDebugging">удалённой отладки, работающей на всех поддерживаемых платформах</a>.
  49. Этот пример относится не столько к OpenSceneGraph, сколько к поддержке
  50. различных платформ.</p>
  51. <p>Удалённое взаимодействие ныне предполагает использование HTTP(s) поверх
  52. TCP/IP. Таким образом, первая идея реализации подразумевала встраивание сервера
  53. HTTP в приложение, чтобы клиенты HTTP могли взаимодействовать с этим сервером.
  54. Однако, раздача HTTP на различных платформах имеет свои сложности:</p>
  55. <ul>
  56. <li>на десктопах есть межсетевые экраны (firewalls)</li>
  57. <li>на мобилках есть ограничения по работе фоновых процессов</li>
  58. <li>веб-браузеры являются клиентами HTTP по дизайну</li>
  59. </ul>
  60. <p>Эти ограничения подтолкнули нас к созданию посредника между отлаживаемым
  61. приложением и пользовательским интерфейсом отладки.
  62. <a href="https://github.com/OGStudio/debug-broker">Брокер отладки</a>, небольшое приложение Node.js, стало тем самым
  63. посредником. Брокер отладки не имеет внешних зависимостей, поэтому его легко
  64. использовать практически везде. Благодаря тому, что брокер отладки - это
  65. серверное приложение, его достаточно настроить лишь раз и использовать для
  66. любого количества приложений.</p>
  67. <p>И <a href="https://github.com/OGStudio/debug-ui">пользовательский интерфейс отладки</a>,
  68. и <a href="https://github.com/OGStudio/debug-broker">брокер отладки</a> используют JavaScript, т.к. мы хотели сделать
  69. эти инструменты максимально доступными без предварительной установки. Данное
  70. решение привело нас к реализации инструментов именно для веб-браузеров.
  71. Десктопное приложение потребовало бы дополнительных усилий на установку и
  72. поддержку, что лишь усложнило бы работу с инструментами.</p>
  73. <p><strong>Разработка через создание примеров</strong></p>
  74. <p>После создания третьего примера мы осознали важность и достоинства разработки
  75. новых функций вне основного проекта:</p>
  76. <ul>
  77. <li>освобождение основного проекта от шума изменений (commit noise)</li>
  78. <li>публичное освещение новой функции приглашает всех к её изучению, критике и улучшению</li>
  79. </ul>
  80. <p>Когда мы делимся нашими знаниями:</p>
  81. <ul>
  82. <li>мы обязаны создавать документацию, объясняющую происходящее (в том числе для нас самих позже)</li>
  83. <li>мы обязаны сторониться непродуманных решений, т.к. они повредят нашей репутации</li>
  84. </ul>
  85. <p>С этого момента все новые функции вроде обработки ввода, загрузки раскладок
  86. Маджонга, кэширования ресурсов и т.п. мы будем сначала реализовывать в виде
  87. примеров. Мы называем этот подход разработкой через создание примеров.</p>
  88. <p>На этом мы заканчиваем описание того, как создание третьего
  89. кросс-платформенного примера OpenSceneGraph привело нас к разработке через
  90. создание примеров.</p>
  91. <p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  92. </p>
  93. </article>
  94. </div>
  95. <!-- End Main Content -->
  96. <!-- Sidebar -->
  97. <aside class="large-3 columns">
  98. <!--k
  99. <h5 class="sidebar-title">Site</h5>
  100. <ul class="side-nav">
  101. <li><a href="http://opengamestudio.org/archives.html">Archives</a>
  102. <li><a href="http://opengamestudio.org/tags.html">Tags</a>
  103. <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
  104. </ul>
  105. <h5 class="sidebar-title">Categories</h5>
  106. <ul class="side-nav">
  107. <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
  108. </ul>
  109. -->
  110. <h5 class="sidebar-title">Ads</h5>
  111. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  112. <!-- ogs2 -->
  113. <ins class="adsbygoogle"
  114. style="display:block"
  115. data-ad-client="ca-pub-4473792248813084"
  116. data-ad-slot="9024247127"
  117. data-ad-format="auto"></ins>
  118. <script>
  119. (adsbygoogle = window.adsbygoogle || []).push({});
  120. </script>
  121. </aside> <!-- End Sidebar -->
  122. </div> <!-- End Main Content and Sidebar -->
  123. <!-- Footer -->
  124. <footer class="row">
  125. <div class="large-12 columns">
  126. <hr />
  127. <div class="row">
  128. <div class="large-7 columns">
  129. <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
  130. </div>
  131. </div>
  132. </div>
  133. <script type="text/javascript">
  134. var _gaq = _gaq || [];
  135. _gaq.push(['_setAccount', 'UA-3773114-1']);
  136. _gaq.push(['_trackPageview']);
  137. (function() {
  138. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  139. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  140. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  141. })();
  142. </script>
  143. </footer>