Разработка интерактивного справочника по языкам программирования на основе web технологий - Дипломная работа

бесплатно 0
4.5 166
Интерактивный сайт-справочник по языкам программирования, который позволит найти интересующий вопрос. Листинг файлов Python, Html и JavaScript. Осмотр Web-учебника w3schools. Определение структурной схемы Web-cайта, расположение разделов и контента.

Скачать работу Скачать уникальную работу

Чтобы скачать работу, Вы должны пройти проверку:


Аннотация к работе
В настоящее время обучение программированию все больше и больше переходит в онлайн среду, появляется огромное множество различных информационных систем, которые способствуют перетягиванию заинтересованной аудитории из офлайна. А происходит это потому, что обучение в таких системах гораздо эффективней традиционных, старых способов, таких как, например, чтение книг по программированию на различных языках. Благодаря онлайн справочникам по языкам программирования, мы можем в любой момент и, что немаловажно, быстро найти актуальную информацию. В отличие от книг, которые имеют свойство устаревать со временем, на сайте мы без труда изменим, добавим, уберем или исправим имеющуюся информацию, затравив минимум сил и средств. Чтобы достигнуть поставленной цели требуется выполнить ряд задач: 1) изучить средства разработки web?сайтов;В настоящее время в высших учебных заведениях сильно урезается количество часов, выделенных непосредственно на обучение. 5-6 лет - такой срок отводился на подготовку инженеров (специалистов) до того, как в российской системе образования начали происходить существенные изменения. Для этого планируется создать интерактивный сайт-справочник по языкам программирования, который позволит быстро найти нужную тематику интересующего вопроса, информацию по ней, написать примеры выполненных задач на разных языках программирования, с возможностью быстро сравнить их.На первой странице мы можем выбрать необходимый язык программирования, здесь же видим список тем и два окошка с онлайн компилятором, один для написания кода упражнения, второй для вывода ожидаемого ответа. Так как редактор кода расположен в одном окне с контентом, он имеет функцию скрытия окна, что позволяет спрятать его, пока изучаешь теорию. Мы не имеем возможности сравнить одну и ту же задачу (тему), решенную на разных языках, в одном окне, не совершая лишних кликов, действий, переходов и так далее. Из плюсов: хорошо структурированный материал с примерами, в конце теории находятся задачи для закрепления материала, также имеются комментарии под каждой темой, что позволяет взаимодействовать с пользователями. Из минусов можно выделить то, что учебник разработан только для одного языка, возможность писать код имеется, но функционал открывается только в новом окне в песочнице Plunker.Проанализировав функционал сайтов можно выделить задачи, который должен выполнять web-сайт: 1) web-ресурс является отличным методом предоставления каждому студенту наиболее полной и продуманной информации о программировании; 2) web-ресурс позволит реализовать интерактивность, благодаря этому студенты смогут программировать прямо на сайте; Таблица 1.3 - Сравнение рассмотренных сайтов-аналогов по критериям. критерии / аналоги learnjava learn.javascript w3schoolsПроектирование и разработка Web-сайтов включает: 1. Определение структурной схемы Web-сайта, расположение разделов, контента и навигации;Сайт расположен на платном облачном хостинге ARUBACLOUD. На сервере настроена операционная система Debian 9 GNU/Linux. Имеет самое крупное по размерам среди всех дистрибутивов хранилище пакетов - готовых к использованию библиотек и программ, также поддерживает огромное множество архитектур. С помощью MOBAXTERM пользователи могут администрировать удаленные компьютерные сети или сервера, т.к. он предоставляет широкий спектр всевозможных операций с системами.Наш сайт получается достаточно простым как по функционалу, так и по интерфейсной части. Поэтому было принято решение писать код вручную. Нет смысла использовать CMS платформы, они обладают множеством ненужного функционала, более медленной работой, огромным кодом, иногда не качественным, так как бесплатные модули и расширения пишут часто неопытные пользователи.Интернет состоит из бесчисленного множества web-страниц (web-pages), все они связаны друг с другом при помощи различных гиперссылок. HTML-страница выглядит следующим образом: обычный текстовый документ, который наполнен различными тегами и имеет расширение .html или .htm. Теги формируют разметку на странице и благодаря ей, наш браузер способен интерпретировать полученный документ в результате этого мы видим его отображение на экранах мониторов и мобильных устройств.Дли изменения внешнего вида элемента, на странице используют каскадные таблицы стилей (от англ. Преимущества использования CSS заключаются в том, что все параметры, например, размеры и цвет текста, кнопки, определенного блока, хранятся в отдельном файле, который в последствие мы можем подсоединить к любому html файлу и придать ему уже готовые стили. Разделение описания логической структуры гипертекстовой разметки (которое выполняется на HTML и других языках разметки) от описания дизайна (стиля) этой web-страницы, которое выполняется с помощью CSS, являлось основной целью разработки.Наиболее хорошо проявил себя в работе с браузерами, в основном служит для придания интерактивности и живости вебсайтам.

План
СОДЕРЖАНИЕ

Введение

1. Аналитический обзор

1.1 Анализ предметной области

1.2 Анализ аналогичных сайтов в сети интернет

1.2.1 Сайт с интерактивным справочником(http://www.learnjavaonline.org/)

1.2.2 Современный учебник JAVASCRIPT (https://learn.javascript.ru/)

1.2.3 Web-учебник w3schools (https://www.w3schools.com/)

1.3 Анализ функций сайта

2. Техническое предложение

2.1 Расположение сайта

2.2 Написание кода web-сайта вручную

2.3 Используемые web-технологии

2.3.1 Язык разметки HTML5

2.3.2 Каскадные таблицы стилей CSS

2.3.3 Язык программирования JAVASCRIPT

2.3.4 Фреймворк JQUERY

2.3.5 Технология Ajax

2.4 Выбор framework на Python

2.4.1 Фреймворк Flask

2.4.2 Фреймворк Django

2.4.3 Фреймворк Pyramid

2.4.4 Заключение по выбору фреймворка

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

3.1 Разработка архитектуры сайта

3.2 Разработка структуры сайта

3.3 Разработка дизайна сайта

3.4 Разработка функционала и алгоритмов сайта

4. Тестирование

4.1 Выбор методики тестирования

4.1.1. Методика black-box

4.1.2. Методика white-box

4.1.3. Методика grey-box

4.2 Описание тестирования

4.3 Оценка результатов тестирования

Заключение

Список использованных источников

Приложение 1. Листинг файла Python

Приложение 2. Листинг файла Html

Приложение 3. Листинг файла Css

Приложение 4. Листинг файла JAVASCRIPT

Вы можете ЗАГРУЗИТЬ и ПОВЫСИТЬ уникальность
своей работы


Новые загруженные работы

Дисциплины научных работ





Хотите, перезвоним вам?