Разработка интерактивного справочника по языкам программирования на основе web технологий
Интерактивный сайт-справочник по языкам программирования, который позволит найти интересующий вопрос. Листинг файлов Python, Html и JavaScript. Осмотр Web-учебника w3schools. Определение структурной схемы Web-cайта, расположение разделов и контента.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 24.06.2018 |
| Размер файла | 2,9 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
<br><br>
<span>Для JAVA:</span><input id="res1" placeholder="Введите название вашего Java класса учитывая регист" type="text" value="" name="classJava" size="47"><br><br>
<textarea placeholder="Введите код задачи" name="code" rows="17" cols="70" required=""></textarea>
<!-- <textarea placeholder="Введите код задачи" name="code" rows="20" cols="70"></textarea> -->
<br><br>
<textarea id="res" placeholder="Поле для ответа" name="result" rows="10" cols="70"></textarea>
</form>
</div>
<!-- ///////////////////////////////////////////// -->
<!-- ///////////////////////////////////////////// -->
<div class='formin2'>
<form action="/compiler2" method="POST" name="compiler2" id="comp_form2">
<select size="1" required name="lang2" onChange="return changeRequestTwo(this.value)">
<option disabled>Выберите язык</option>
<option value="c++">С++</option>
<option value="C">СИ</option>
<option value="java">Java</option>
</select>
<input type="submit" value="Скомпилировать" name="comm2">
<br><br>
<span>Для JAVA:</span><input id="res2" placeholder="Введите название вашего Java класса учитывая регист" type="text" value="" name="classJavaa" size="50"><br><br>
<textarea placeholder="Введите код задачи" name="code2" rows="17" cols="70" required=""></textarea>
<!-- <textarea placeholder="Введите код задачи" name="code" rows="20" cols="70"></textarea> -->
<br><br>
<textarea id="resu" placeholder="Поле для ответа" name="result2" rows="10" cols="70"></textarea>
</form>
</div>
</div>
<div class='footeer' >
ВОГУ, кафедра АВТ, Выполнил Матюшанов Л. С.
</div>
<script>
$(document).ready(function() {
//ОТПРАВКА ПЕРВОГО КОМПИЛЯТОРА
$("#comp_form").submit(function() {
$.ajax({
type: "POST",
url: "http://80.211.2.190:8000/compiler1",
data: $(this).serialize(),
success: function(data){
//alert('Прибыли данные: ' + data);
$('#res').html(data);
}
})
return false;
});
//ОТПРАВКА ВТОРОГО КОМПИЛЯТОРА
$("#comp_form2").submit(function() {
$.ajax({
type: "POST",
url: "http://80.211.2.190:8000/compiler2",
data: $(this).serialize(),
success: function(data){
//alert('Прибыли данные: ' + data);
$('#resu').html(data);
}
})
return false;
});
});
</script>
</body>
</html>
ПРИЛОЖЕНИЕ 3
(обязательное)
Листинг файла css (стили, примененные на сайте)
*{
margin:0;
padding: 0;
}
.top-menu {
background: rgba(255,255,255,.5);
box-shadow: 3px 0 7px rgba(0,0,0,.3);
/*padding: 20px;*/
padding: 7px 20px 7px 30px;
}
.top-menu:after {
content: "";
display: table;
clear: both;
}
.navbar-logo {display: inline-block;}
.navbar-title {
display: inline-block;
vertical-align: middle;
}
.menu-main {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
.menu-main li {display: inline-block;}
.menu-main a {
text-decoration: none;
display: block;
position: relative;
line-height: 61px;
padding-left: 20px;
font-size: 18px;
letter-spacing: 2px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
color: #F73E24;
transition:.3s linear;
}
.menu-main a:before {
content: "";
width: 9px;
height: 9px;
background: #F73E24;
position: absolute;
left: 50%;
transform: rotate(45deg) translateX(6.5px);
opacity: 0;
transition: .3s linear;
}
.menu-main a:hover:before {opacity: 1;}
@media (max-width: 660px) {
.menu-main {
float: none;
padding-top: 20px;
}
.top-menu {
text-align: center;
padding: 20px 0 0 0;
}
.menu-main a {padding: 0 10px;}
.menu-main a:before {transform: rotate(45deg) translateX(-6px);}
}
@media (max-width: 600px) {
.menu-main li {display: block;}
}
.wrapper{
}
.content{
display: inline-block;
overflow: auto;
float: left;
width: 75%;
padding: 20px 0px 0px 30px;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
line-height: 1.7;
}
.photo-text{
float: right;
margin: 7px 0px 0px 3px;
}
.left-menu{
width: 20%;
height: auto;
box-shadow: 3px 0 7px rgba(0,0,0,.3);
margin-top: 2px;
display: inline-block;
float: left;
}
.themes{
font-family: 'Open Sans', sans-serif;
}
.title-themes{
font-size: 30px;
padding: 0px;
}
.list{
list-style: none;
content: "";
margin: 0;
padding: 20px 30px;
font-family: 'Open Sans', sans-serif;
}
.list li{
margin-top: 5px;
}
.list li a:visited{
color: #F73E24;
border-bottom: 1px solid silver;
text-decoration: underline blink;
}
.list>li>a:link{
text-decoration: none;
color: #F73E24;
}
.list>li>a:hover{
text-decoration: none;
border-bottom: 1px solid silver;
}
.list>li>a:active{
color: green;
text-decoration: none;
}
.compile{
display: inline-block;
margin-left: 20px;
margin-top: 20px;
text-align: center;
}
.formin{
display: inline-block;
}
.formin2{
display: inline-block;
margin-left: 15px;
}
.footeer{
background: lightgrey;
height: 60px;
text-align: center;
margin-top: 15px;
padding-top: 30px;
font-size: 20px;
letter-spacing: 2px;
font-family: 'Roboto', sans-serif;
color: #F73E24;
}
.comp_block{
text-align: center;
}
ПРИЛОЖЕНИЕ 4
(обязательное)
Листинг файла javascript(.js) (реализация изменения атрибутов у элементов формы в определенных ситуациях)
"use strict";
function changeRequestOne(language){
if (language=='java') {
let elemOne=document.getElementById("res1");
elemOne.setAttribute('required', 'true');
} else {
let elemOne=document.getElementById("res1");
elemOne.removeAttribute('required');
}
}
function changeRequestTwo(language){
if (language=='java') {
let elemOne=document.getElementById("res2");
elemOne.setAttribute('required', 'true');
} else {
let elemOne=document.getElementById("res2");
elemOne.removeAttribute('required');}}
Размещено на Allbest.ru
...Подобные документы
Понятие информации и роль компьютерных и Интернет-технологий в современном мире. Плюсы и минусы внедрения ERP-систем. Языки программирования для разработки Web-приложений. Методология разработки интерактивного справочника. Расчёт эксплуатационных затрат.
дипломная работа [962,7 K], добавлен 13.10.2012Исследование возможностей и областей использования языка программирования JavaScript. Сравнительный анализ языков программирования JavaScript и PHP. Разработка интерактивного Web-приложения на примере теста по теме "Программирование на языке Delphi".
практическая работа [26,0 K], добавлен 04.02.2015Сравнительная характеристика, возможности и функции языков программирования JavaScript и PHP. Основные области их использования. Разработка интерактивного Web-приложения с применением JavaScript на примере теста по теме "Программирование на языке Delphi".
курсовая работа [19,3 K], добавлен 01.07.2014Рассмотрение понятия и классификации Web-технологий. Основные требования к созданию главной страницы сайта, раздела "О нас", контента, привязанности. Определение направлений использования языков программирования HTML, PHP, JavaScript, VBScript, Perl.
курсовая работа [49,3 K], добавлен 13.07.2010Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Проектирование интерактивного справочника магазина "Азарт", для реализации продукции посредством сети Интернет. Разработка базы данных, описание программы и составление руководства для оператора. Экспериментальное исследование разработанного продукта.
дипломная работа [3,8 M], добавлен 06.06.2014Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013Возможности операционной системы Windows XP Professional. Описание языков программирования HTML и JavaScript. Основы работы в графическом редакторе Adobe Photoshop. Принципы создания мультимедийной анимации на MM Flash. Разработка электронного учебника.
отчет по практике [2,5 M], добавлен 21.02.2014Разработка структуры базы данных для хранения дипломных проектов в среде объектно-ориентированного программирования Python. Создание внешнего вида окон ввода-вывода информации, технологии переходов. Листинг программы с пояснениями; направления улучшения.
курсовая работа [3,1 M], добавлен 27.02.2015Описание основных используемых технологий и языков программирования. Язык программирования JavaScript. Таблица стилей CSS. Общая схема работы web-приложения. API система "1С-Битрикс: Управление сайтом". Формирование требований к сценариям работы.
дипломная работа [186,4 K], добавлен 30.04.2014Разработка сайта, предназначенного для купли-продажи средств передвижения. Характеристика объекта программирования. Требования к исходным текстам и языкам программирования. Интерфейс информационной системы. Проект модуля управления записями о товаре.
курсовая работа [35,7 K], добавлен 30.01.2016Рассмотрение особенностей языка программирования С++. Пример составления программы - информационно-поискового справочника. Описание алгоритмов коррекции данных, введённых пользователем. Тестирование полученной программы, предусмотрение ее защиты.
курсовая работа [20,0 K], добавлен 05.03.2015Сущность интерактивного учебника и требования, предъявляемые к нему. Программное обеспечение управления предприятием. Архитектура учебника "1С предприятие" и логическая структура программы. Методы хранения баз данных. Составление руководства пользователя.
дипломная работа [1,7 M], добавлен 23.04.2015Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Проблема высокого уровня нагрузки на хостинг и создания уникального контента. Выбор средств CMS.
курсовая работа [3,6 M], добавлен 25.05.2014История html. Гипертекст. Структура web-страницы. Переход внутри одного документа. Переход к другому документу. Правила синтаксиса. Кодирование символов. Использование символов. Управление цветом. Конструктор документов. Способы определения таблиц стилей.
дипломная работа [911,3 K], добавлен 25.02.2005Применение гипертекстовой технологии в процессе обучения, преимущества чтения текста с экрана компьютера и выполнения интерактивных заданий. Основные требования к электронным изданиям, разработка мультимедийного учебника с использованием flash-технологий.
дипломная работа [9,3 M], добавлен 16.06.2015Основы программирования на 32-битном Ассемблере, разработка с его помощью программы, демонстрирующей работу одного из разделов ОС Windоws. Описание используемых АРI-функций как интерфейса программирования приложений. Листинг программы, результаты работы.
курсовая работа [164,5 K], добавлен 18.05.2014Отличительные особенности языка программирования Python: низкий порог вхождения, минималистичный язык, краткий код, поддержка математических вычислений, большое количество развитых web-фреймворков. Традиционная модель выполнения программ на языке Python.
реферат [51,9 K], добавлен 18.01.2015Понятие и характеристики облачных технологий, модели их развертывания, технологические процессы, аспекты экономики и критика. Язык программирования Python, оценка функциональности, сравнение с аналогами. Управление облаком в Python на примере libcloud.
курсовая работа [43,0 K], добавлен 08.06.2014Проектирование Web-приложения, предназначенного для упрощения работы с учебными пособиями: разработка карты сайта, составление UML-диаграммы, алгоритмов поиска и сортировки книг. Требования к языкам программирования и параметрам технических средств.
дипломная работа [3,0 M], добавлен 15.03.2012
