VI Международный конкурс научно-исследовательских и творческих работ учащихся

Старт в науке

Разработка Web-сайта об игре Minecraft на основе HTML с использованием JavaScript

• Авторы
• Руководители
• Файлы работы
• Наградные документы

Карпов Д.М. 1

---

1МАОУ Одинцовский лицей №6 им. А.С. пушкина

Ананьева Е.В. 1

---

1МАОУ Одинцовский лицей №6 им. А.С. Пушкина

Работа в формате PDF

5.6 MB

Автор работы награжден дипломом победителя II степени

Диплом школьникаСвидетельство руководителя

Актуальность:

Несмотря на широкое распространение компьютеров среди молодежи, они, как правило, используются для игр, что создает спрос на информационные ресурсы, рассказывающие о популярных развивающих играх. Одной из таких игр является Minecraft, публикаций о прохождении которой недостаточно, что свидетельствует об актуальности разработки специализированного информационного сайта.

Практическая значимость:

В процессе работы над созданием сайта, автором были изучены новые языки программирования HTML и JavaScript, а также проведен анализ целевой аудитории сайта.

Практическая значимость проекта заключается в популяризации программирования среди школьников на примере игры Minecraft, а также в расширении кругозора, развития творческих и коммуникативных навыков, но и положительно повлияет на становление личности.

Для меня, как для автора данной работы, тема очень актуальна и значима.

Разработанность проблемы:

Несмотря на наличие большого количества интернет ресурсов, писавших в разные годы об игре Minecraft, систематизированный комплексный информационный сайт на эту тему в настоящее время отсутствует.

Цель: изучить языки программирования HTML и JavaScript, разработать и разместить собственный информационный интернет-сайт об игре Minecraft на основе HTML с использованием JavaScript, а также общедоступных информационных данных, приложений и ПК.

Задачи:

Изучить историю возникновения и популярности игры Minecraft.

Освоить практическое применение языков программирования HTML и JavaScript для создания WEB-страниц.

Установить этапы создания Web-сайта.

Определить целевую аудиторию сайта.

Разработать дизайн будущего сайта.

Сформировать структуру сайта.

Написать код сайта и разместить его в сети Интернет.

I этап – подготовительный (сбор информации, маркетинговые исследования, обучение). Сентябрь – ноябрь 2017 года.

Принятие решения о создании информационного сайта об особенностях игры Minecraft с использованием языка программирования JavaScript.

Изучение существующих сетевых ресурсов по теме Minecraft. Поиск своей ниши на рынке.

Обучение языку программирования JavaScript.

II этап – реализация проекта. Декабрь 2017 - январь 2018 года.

Формирование информации для наполнения страниц сайта.

Разработка дизайн, структура и цифрового кода сайта.

Тестирование работы сайта.

III этап – организационно-обобщающий. Февраль - март 2018 года.

Регистрация домена.

Заключение договора хостинга.

Публикация, размещение сайта в сети Интернет

Итоги на каждом этапе:

I этап: поставлены задачи и цели для создания будущего сайта, выявлена целевая аудитория, изучен язык программирования JavaScript

II этап: изучена программа для верстки сайтов - Brackets, разработаны дизайн, структура и цифровой код сайта. Проведено тестирование работы сайта на ПК.

III этап: создан домен, оплачен хостинг, сайт размещен в открытом доступе в сети Интернет.

Результат проекта: Разработан Web-сайт об игре Minecraft на основе HTML с использованием JavaScript.

Материально-техническое обеспечение проекта: компьютер, интернет, специальная литература, специализированное программное обеспечение: Brackets и JavaScript.

Общий итог: сайт www.minepro.info

Возможные области применения: сайт доступен дляшкольников, начинающих игроков и профессиональных геймеров.

Введение.

С развитием информационных и коммуникационных технологий появились новые возможности их использования. Они стали применяться не только для игр, но и информационного обеспечения и обучения школьников посредством интернет-сайтов.

С появлением интернет-сайтов повысились дидактические возможности предъявления различного вида информации в программных средствах сети Интернет; стали возможны любые сочетания звука, изображения, эффекты моделирования, работа в диалоговом режиме, различные манипуляции с графикой и текстом, сочетание иллюстраций и графических способов изображения. При этом пользователи-школьники недостаточно осведомлены о возможностях языков программирования HTML и JavaScript.

Таким образом, возникает потребность в проекте создания интернет-сайта, который позволит, эксплуатируя тягу школьников к игре Minecraft привить им интерес к программированию.

Актуальность:

Несмотря на широкое распространение компьютеров среди молодежи, они, как правило, используются для игр, что создает спрос на информационные ресурсы, рассказывающие о популярных развивающих играх. Одной из таких игр является Minecraft, публикаций о прохождении которой недостаточно, что свидетельствует об актуальности разработки специализированного информационного сайта.

Практическая значимость:

В процессе работы над созданием сайта, автором были изучены новые языки программирования HTML и JavaScript, а также проведен анализ целевой аудитории сайта.

Практическая значимость проекта заключается в популяризации программирования среди школьников на примере игры Minecraft, а также в расширении кругозора, развития творческих и коммуникативных навыков, но и положительно повлияет на становление личности.

Разработанность проблемы:

Несмотря на наличие большого количества интернет ресурсов, писавших в разные годы об игре Minecraft, систематизированный комплексный информационный сайт на эту тему в настоящее время отсутствует.

Цель: изучить языки программирования HTML и JavaScript, разработать и разместить собственный информационный интернет-сайт об игре Minecraft на основе HTML с использованием JavaScript, а также общедоступных информационных данных, приложений и ПК.

Задачи:

Изучить историю возникновения и популярности игры Minecraft.

Освоить практическое применение языков программирования HTML и JavaScript для создания WEB-страниц.

Установить этапы создания Web-сайта.

Определить целевую аудиторию сайта.

Разработать дизайн будущего сайта.

Сформировать структуру сайта.

Написать код сайта и разместить его в сети Интернет.

Результат проекта: Разработан Web-сайт об игре Minecraft на основе HTML с использованием JavaScript.

I этап – подготовительный (сбор информации, маркетинговые исследования, обучение). Сентябрь – ноябрь 2017 года.

Принятие решения о создании информационного сайта об особенностях игры Minecraft с использованием языка программирования JavaScript.

Изучение существующих сетевых ресурсов по теме Minecraft. Опрос одноклассников. Поиск своей ниши на рынке.

Обучение языку программирования JavaScript.

II этап – реализация проекта. Декабрь 2017 - январь 2018 года.

Формирование информации для наполнения страниц сайта.

Разработка дизайн, структура и цифрового кода сайта.

Тестирование работа сайта.

III этап – организационно-обобщающий. Февраль - март 2018 года.

Регистрация домена.

Заключение договора хостинга.

Публикация, размещение сайта в сети Интернет

Итоги на каждом этапе:

I этап: поставлены задачи и цели для создания будущего сайта, выявлена целевая аудитория, изучен язык программирования JavaScript

II этап: изучена программа для верстки сайтов - Brackets, разработаны дизайн, структура и цифровой код сайта. Проведено тестирование работы сайта на ПК.

III этап: создан домен, оплачен хостинг, сайт размещен в открытом доступе в сети Интернет.

Материально-техническое обеспечение проекта: компьютер, интернет, специальная литература, специализированное программное обеспечение: Brackets и JavaScript.

Общий итог: ССЫЛКА НА САЙТ: www.minepro.info

Глава 1. Теоретический раздел.

История возникновения и популярности игры Minecraft.

Minecraft (от англ. mine — «шахта», «добывать» и англ. craft — ремесло») — компьютерная инди-игра в жанре песочницы с элементами симулятора выживания и открытым миром. По стилю, мир игры полностью состоит из блоков (ландшафт, предметы, мобы, игрок), и для текстурирования используются текстуры с низким разрешением (16×16 текселей).
Разработчиком игры является Маркус Перссон. Он начал разрабатывать игру в качестве хобби. Перссона привлекала идея трёхмерной игры со строительством сооружений на сетке из плиток-«тайлов», наподобие Dungeon Keeper или RollerCoaster Tycoon, и он создал прототип игры под названием RubyDung. Эта игра, по его замыслу, должна была представлять некую смесь между Dwarf Fortress и Dungeon Keeper. Однако RubyDung так никогда и не была опубликована — Перссон остался недовольным тем, как в ней был реализован вид от первого лица, и забросил проект. [1]

Игра Minecraft была выпущена 17 мая 2009 года, позже эта версия стала известна как классический вариант. В дальнейших версиях тестировалось выживание, Indev и Infdev появились в период с сентября 2009 года по февраль 2010 года, в то же время вышло несколько обновлений. Первое крупное обновление, получившее название Альфа-версия, выпущено 28 июня 2010 года.

Сначала Перссон продолжал работать с Jalbum.net, но позже он решил посвятить Minecraft всё своё время, так как продажи альфа-версии игры продемонстрировали хороший результат. Перссон продолжает обновлять игру — релиз распространялся среди пользователей автоматически. В эти обновления включены новые предметы, блоки, мобы, режим выживания, а также изменения в игровом мире (например, то, как течёт вода).

Чтобы поддержать развитие Minecraft, Перссон создал компанию Mojang, используя деньги, заработанные на игре. 11 декабря 2010 года Перссон заявил, что Minecraft вступает в фазу бета-тестирования. 20 декабря 2010 года он также заявил, что пользователи, которые купили игру после этой даты, больше не будут получать новый контент бесплатно. Тем не менее все исправления и обновления по-прежнему будут бесплатными. [1]

18 ноября 2011 года вышла полная версия игры. С момента выпуска игра постоянно обновляется, появляются новый игровой контент и новые хосты сервера. С 1 декабря 2011 года Йенс «Jeb» Бергенстен сменил Перссона на посту ведущего разработчика Minecraft. 28 февраля 2012 года компания Mojang объявила, что наняла разработчиков популярной серверной платформы «CraftBukkit» для улучшения поддержки Minecraft по модификации сервера. [2]

Minecraft доступнадля Windows (Java Edition и Windows 10 Edition), Linux, OS X, Android, iOS, Windows Phone, PlayStation 3, PlayStation Vita, PlayStation 4, Xbox 360, Xbox One и Raspberry Pi. Версия игры для сенсорных устройств (телефонов и планшетов) носит название Minecraft: Pocket Edition.

Minecraft является одной из самых успешных компьютерных игр в истории, уступающей лишь Tetris: по состоянию на январь 2018 года её совокупные продажи на всех платформах превысили 144 миллиона копий, а число активных игроков, запускавших игру хотя бы раз в течение месяца, превысило 74 миллиона. Игра была удостоена множества наград, включая Spike Video Game Awards и Golden Joystick Award.

В игре нет заданий, игрок может построить что угодно — от маленького деревенского домика до огромных городских зданий и аэропортов, в зависимости от богатства его инвентаря. Также в игре присутствует последовательная система достижений. Мир бесконечен, но для старых устройств можно создать ограниченный мир. Новый экран редактирования миров: переименовать мир (карту), изменить режим игры, бесконечный день, сделать «старый» мир бесконечным. Кроме того, стоит отметить изменённое окно крафта. Известной ошибкой карманного издания является (только в старых мирах, с ограниченным размером) выход игрока за пределы карты при достижении его высоты в 128 блоков. За границей мира невозможно устанавливать блоки, невозможно увидеть сущностей и также невозможно упасть в пустоту, но после перезагрузки мира игрок телепортируется в ближайшую крайнюю область карты и падает уже в самом мире. Если выстрелить в край мира из лука или кинуть туда снежком/куриным яйцом — эти предметы потемнеют и улетят в пустоту. [3]

15 сентября 2014 года Microsoft объявила о покупке компании Mojang за $ 2,5 млрд вместе с правом на интеллектуальную собственность Minecraft. Сделку инициировал сам Перссон, когда отправил твит с просьбой к корпорации Microsoft купить его долю в игре. Сделка была завершена 6 ноября 2014 года, после чего Перссона включили в список миллиардеров по версии Forbes.

Язык программирования HTML основа для создания WEB-страниц.

Термин HTML (Hyper Text Markup Language) означает "язык маркировки гипертекстов". Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, браузеры, разнообразные программные продукты, компакт-диски, обучающие курсы, дизайн и многое другое.html - своеобразная противоположность сложным языкам программирования, известным только специалистам. [4]

HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.

HTML, как основа создания WEB-страниц, имеет прямое отношение и к новому направлению изобразительного искусства - WEB-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен еще поместить все это в Сети, продумать связь между WEB-страницами, чтобы все двигалось, откликалась на действие пользователя, поражало воображение, вызывало желание создать что-нибудь свое, оригинальное в этой области.[5]

Использование JavaScript для улучшения качества Web-сайтов.

JavaScript - язык подготовки сценариев, позволяющий сделать Web-страницы более интерактивными и функциональными. После его изучения вы сможете заниматься разработкой Web-приложений на качественно новом уровне. Для написания сценариев JavaScript обязательно требуется знание языка HTML.

JavaScript используется практически на всех современных сайтах в интернете, например, если на странице содержится одновременно и текст, и некоторое количество картинок, если есть часы, показывающие время, или бегущий текст в строке состояния браузера. Он применяется также тогда, когда на сайте имеется форма, которую нужно заполнить. При этом, если пропустить какую-либо графу анкеты, то появится сообщение об ошибке. JavaScript позволяет добавлять на страницу сайта движущиеся по экрану изображения или текст, изменяющийся при щелчке мыши. [6]

Таким образом, в Интернете повсеместно можно наблюдать JavaScript в действии, а создать подобные эффекты может любой человек, знающий этот язык.

Огромное количество Web-страниц сделано с использованием сценариев JavaScript (по самым разным причинам), и сайты без них кажутся блеклыми и скучными. Каким бы интересным не было содержание сайта, некоторые посетители сразу захотят уйти. Конечно, нет смысла оспаривать важность текстового содержания для любой Web-страницы, однако использование JavaScript не только улучшит подачу материала, но и сделает страницу более запоминающейся. Чем интереснее оформлен сайт, тем он популярнее. [7]

Сценарий всего в несколько строк помогает посетителям сайта отыскать страницу, соответствующую их браузеру и установкам, либо автоматически подсчитать сумму колонок в форме заказа. Подобные "мелочи" не рассчитаны на внешний эффект, но они свидетельствуют о высоком уровне профессионализма разработчика и знании им этики деловых отношений.

Глава 2. Практический раздел.

Этапы создания Web-сайта.

На первом этапе очень важно правильно определить цели и задачи сайта, а также выделить наиболее важные из них. Правильная постановка задачи и четкое понимание конечной цели – залог предсказуемого результата.

Перед разработкой сайта, как правило, формируется техническое задание, которое включает в себя:

Определение целевой аудитории.

Разработку предварительной структуры сайта.

Разработку дизайна.

Определение необходимости создания и выбор сервисов для целевой аудитории (например, флеш-игры, в основе которых лежит какое-то взаимодействие с продвигаемым продуктом).

Определение необходимости создания среды общения (форумы, блоги, доски объявлений).

Определение необходимости использования и выбор маркетинговых инструментов (обратная связь, анкетирование, опросы, тестирования).

Формирование требований и информационных баз ресурса (каталоги продукции с возможностью оплаты и заказа товара, площадки, предоставляющие информацию на платной основе и т.д.).

Разработка и размещение домена сайта на регистраторе REG RU.

2.2. Целевая аудитория сайта.

Геймеры Minecraft.

2.3. Основные элементы игры.

Чтобы понимать, о чём идёт речь лучше ориентироваться в мире Minecraft, нужно знать несколько понятий [8]:

Блоки — элементы, из которых состоит окружение (например, горы, деревья, жидкости и т. д.). Могут быть подобраны, выброшены, удалены или установлены на какое-либо место (сверху, снизу, сбоку другого блока).

Предметы — остальные элементы в игре, которые может подбирать и использовать игрок. Их также можно подбирать и выбрасывать, но они не могут быть установлены как блоки (например, факел (блок) можно установить, а ведро (предмет) — нет). Когда находятся в мире (выброшены) — плоские. Необходимы для взаимодействия с миром, например, для изменения (мотыга) или быстрой добычи (Инструменты) блоков.

Материалы — вещи, которые могут быть использованы только для крафта.

Ресурсы — блоки и вещи, которые могут быть полезны для игрока в качестве строительного материала или как элементы для крафта.

Руды — тип блоков, из которых выпадает одноимённый материал или блок, который требует обработки, для получения соответствующего материала.

Стопка или Стак (англ. stack) — несколько одинаковых элементов, лежащих в одном слоте инвентаря. В основном, для блоков стопка — 64 штуки в одном слоте. Инструменты и некоторые материалы нельзя складывать в стопки, некоторые материалы (например, куриное яйцо или снежок) можно складывать только по 16 штук в стопке.

Крафт — процесс создания одних блоков и вещей из других в сетке для крафта. Определённый элемент можно создать, только если у Вас есть необходимые ресурсы и они сложены в определённой последовательности в сетке.

Механизмы — блоки, которые позволяют изменять состояние некоторых специальных блоков (таких как двери, рельсы). Такими блоками являются рычаг, нажимная пластина, кнопка.

Красный камень — особый вид руды и материал (красная пыль), который играет роль проводника электричества. Позволяет управлять механизмами на расстоянии и делать логические схемы.

Мобы — существа, которые есть в мире Minecraft. Делятся на дружелюбных (не атакуют игрока), нейтральных (атакуют только при нападении на них или при возникновении неких других условий, см., например, странник Края) и враждебных (атакуют игрока, когда тот попадает в зону их видимости).

Здоровье — максимальный урон, который может выдержать игрок до смерти.

Еда — предметы, которые пополняют шкалу голода игрока при использовании (съедании).

Спаун (англ. spawn) — это термин, который обозначает возрождение или появление игрока или мобов в местах, которые называются точками спауна. Также спауном называют само место, где появляется в начале игры или возрождается после смерти игрок.

Броня — предметы, которые может надеть игрок, для того чтобы выдержать больший урон.

Инструменты — предметы, которые ускоряют удаление блоков и позволяют добыть из некоторых блоков ресурсы, которые нельзя добыть без определённого инструмента.

Оружие — предметы, которые наносят монстрам больший урон, чем руки (не имеет значения, что находится в руках). Так же, как и инструменты, могут использоваться для ускорения удаления некоторых блоков.

Сферы опыта — небольшие сферы, которые выпадают из убитых игроком мобов и пополняют шкалу опыта. Опыт нужен для зачарования, починки и переименовании предметов (чаще всего оружия, доспехов и инструментов). [9]

Фоны для разработки сайта о Minecraft были взяты из сети Интернет.

2.4. Структура сайта

Структура сайта должна включать основные потребности геймеров. Предложены следующие закладки меню, т.е. страницы:

МОДЫ. Приложение 1.

РЕСУРСПАКИ. Приложение 2.

КОМАНДЫ. Приложение 3.

MINECRAFTПриложение 4.

КРАФТЫ. Приложение 5.

СИДЫ. Приложение 6.

КАРТЫ. Приложение 7.

Подборка фамилий. Приложение 8.

После определения рубрик начинается сбор и наполнение сайта информацией.

Разработка сайта

Этапы подготовки сайта:

подготовка текста и иллюстраций;

подготовка дизайна макета;

верстка;

разработка инструмента регистрации и сервисов;

разработка инструментов среды общения и обратной связи;

подготовка сайта к публикации.

Домен зарегистрирован на сайте REG.RU

Этапы работы над проектом:

Подготовительный.

Разработка сайта.

Размещение сайта.

I этап – подготовительный (сбор информации, маркетинговые исследования, обучение). Сентябрь – октябрь 2017 года.

Принятие решения о создании информационного сайта об особенностях игры Minecraft с использованием языка программирования JavaScript.

Изучение существующих сетевых ресурсов по теме Minecraft. Опрос одноклассников. Поиск своей ниши на рынке.

Обучение языку программирования JavaScript.

II этап – реализация проекта. Ноябрь 2017 - январь 2018 г.

Формирование информации для наполнения страниц сайта.

Разработка дизайн, структура и цифрового кода сайта.

Тестирование работа сайта.

III этап – организационно-обобщающий. Февраль - март 2018 г.

Регистрация домена. (Домен зарегистрирован на сайте REG.RU)

Заключение договора хостинга (Приложение 9).

Публикация, размещение сайта в сети Интернет (Приложение 1-8, 10).

Итоги на каждом этапе:

I этап: поставлены задачи и цели будущего сайта, выявлена целевая аудитория, изучен язык программирования JavaScript.

II этап: изучена программы для верстки сайтов - Brackets, разработаны дизайн, структура и цифровой код сайта. Проведено тестирование работы сайта на ПК.

III этап: создан домен, оплачен хостинг, сайт размещен в открытом доступе в сети Интернет.

Материально-техническое обеспечение проекта: компьютер, интернет, специальная литература, специализированное программное обеспечение: Brackets и JavaScript.

ССЫЛКА НА САЙТ: www.minepro.info

Заключение:

На подготовительном этапе я принял решение о создании информационного сайта об особенностях игры Minecraft с использованием языка программирования JavaScript. Собрал информацию о сетевых ресурсах по теме Minecraft.

В процессе работы над проектом мною были изучены языки программирования HTML и JavaScript.

Задачи выполнены, цель достигнута: разработан и размещен собственный информационный интернет-сайт об игре Minecraft на основе HTML с использованием JavaScript, а также общедоступных информационных данных, приложений и ПК.

Список использованной литературы:

Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998.

Ганчаров А. Самоучитель HTML. Питер 2000.

Дарнелл Р.html 4 Энциклопедия пользователя ДиаСофт 1999.

Денисов Internet Explorer 5 Справочник Питер 1999.

Хоумер А. Dynamic HTML Справочник Питер 1999.

Петюшкин А.В., HTML. Экспресс-курс. - СПб.: БХВ - Петербург, 2003.

Кингсли-Хью Э., JavaScript: учебный курс. - СПб.: Питер, 2002.

Учебник JavaScript для новичков от Трепачёва Дмитрия

Самоучитель: Изучение JavaScript. Автор: М. Моррисон, 2012 год.

Электронный ресурс https://ru.wikipedia.org/wiki/Minecraft

http://download-minecraft-for-android.ru/minecraft/istoriya-sozdaniya-minecraft.html

https://www.youtube.com/playlist?list=PL0lO_mIqDDFUGX9k45bZFuz1ixTvUhd7b

https://proglib.io/p/get-started-javascript/

https://htmlacademy.ru/intensive/javascript?utm_source=yandex&utm_medium=cpc&utm_campaign=02.18_javascript&yclid=1546988479776036734

http://belarusweb.net/javascript/js_main.html

Приложение 1.

Рисунок 1. Скриншоты сайта minepro.info.

Рисунок 2. Скриншоты сайта minepro.info .

Рисунок 3. Скриншоты сайта minepro.info.

Рисунок 4. Скриншоты сайта minepro.info.

Рисунок 5. Скриншоты сайта minepro.info.

Рисунок 6. Скриншоты сайта minepro.info.

Рисунок 7. Скриншоты сайта minepro.info.

Рисунок 8. Скриншоты сайта minepro.info.

Рисунок 9. Скриншоты сайта minepro.info.

Рисунок 10. Скриншоты сайта minepro.info.

Рисунок 11. Скриншоты сайта minepro.info.

Рисунок 12. Скриншоты сайта minepro.info.

Приложение 2.

Рисунок 13. Страница «Ресурспаки».

Приложение 3.

Рисунок 14. Страница «Команды».

Приложение 4.

Рисунок 15. Страница «Скачать».

Приложение 5.

Рисунок 16. Страница «Крафты».

Приложение 6.

Рисунок 17. Страница «Сиды».

Приложение 7.

Рисунок 18. Страница «карты»

Приложение 8.

Рисунок 19. Страница «Подборка фамилий».

Приложение 9.

Программный код Web сайта.

Приложение 10.

Условия хостинга