3637
.pdfМИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «ВОРОНЕЖСКИЙ ГОСУДАРСТВЕННЫЙ ЛЕСОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ имени Г.Ф. МОРОЗОВА»
Кафедра ВЫЧИСЛИТЕЛЬНОЙ ТЕХНИКИ И ИНФОРМАЦИОННЫХ СИСТЕМ
WЕВ-инжиниринг
Методические указания к выполнению расчетно-графических работ
для студентов по направлению подготовки 09.03.02 – Информационные системы и технологии
Воронеж 2018
Табаков Ю. Г. Web-инжиниринг [Электронный ресурс]: методические указания к выполнению расчетно-графических работ для студентов по направлению подготовки 09.03.02 – Информационные системы и технологии / Ю. Г. Табаков, В. В. Лавлинский; ВГЛТУ.- Воронеж, 2018. – 21 с.
В настоящий сборник включены 30 заданий по проектированию сайтов. Приведен пример выполнения заданий с пояснениями.
ЗАДАНИЯ
Создать небольшой сайт с применением технологий программирования html, php, css и javascript. Сайт должен содержать главную страницу, страницу контакты и страницу выполненного задания.
|
Таблица 1. |
|
|
|
|
№ варианта |
Задания |
|
|
|
|
1 |
Разработать два элемента управления, при нажатии которых |
|
|
выводится информация (ФИО выполненного задание и номер |
|
|
группы) из БД в соответствующие окна. |
|
|
|
|
2 |
Разработать поле для ввода информации и элемент управления |
|
|
отправки в БД с последующим выводом сообщения об |
|
|
успешном выполнении команды. |
|
|
|
|
3 |
Создать таблицу успеваемости студентов. Данные хранятся в |
|
|
БД. |
|
|
|
|
4 |
Создать таблицу посещения студентов на занятие. Данные |
|
|
хранятся в БД. |
|
|
|
|
5 |
Разработать алгоритм расчета стоимости поездки на |
|
|
автомобиле на дачу (туда и обратно). Исходными данными |
|
|
являются: расстояние до дачи L км; количество бензина, |
|
|
которое потребляет автомобиль на 100 км пробега – v литров; |
|
|
цена одного литра бензина с – руб. |
|
|
|
|
6 |
Разработать алгоритм расчета величины тока через цепь из двух |
|
|
последовательно соединенных сопротивлений.R1 ,R2 |
и |
|
напряжении сети – v в. |
|
|
|
|
7 |
Разработать алгоритм перерасчета веса из фунтов в |
|
|
килограммы (один фунт - 405,9 грамма). |
|
|
|
|
8 |
Разработать алгоритм вычисления величины z по формуле: |
|
|
z = x3/y, где y = sin(n*x+0,5). |
|
|
|
|
9 |
Разработать алгоритм упорядочивания трех чисел: a, b, c. Числа |
|
|
хранятся в БД. |
|
|
|
|
10 |
Разработать алгоритм для нахождения квадрата наибольшего |
|
|
из двух чисел a и b. Числа хранятся в БД. |
|
|
|
|
11 |
На каждый день недели запланированы определенные работы, |
|
|
которые хранятся в БД. Разработать алгоритм, позволяющий по |
|
|
введенному признаку дня недели вывести запланированное на |
|
|
|
|
этот день задание.
12Известно расписание занятий на день, которые хранятся в БД. Разработать алгоритм, позволяющий по введенной паре часовых занятий вывести наименование занятий и номер аудитории.
13Разработать алгоритм, позволяющий вычислить значение
величины z по формуле:
a +b, при a< b
Z =
a – b, при b >a
Числа хранятся в БД.
14Разработать алгоритм, позволяющий вычислить значение величины y по формуле. Для выбора варианта расчета использовать переключатели.
|
sin(x); |
|
|
cos(x); |
|
y = |
||
|
||
|
ex |
|
|
15Разработать алгоритм, который вычисляет частное двух чисел. Программа должна проверять правильность введенных пользователем данных и, если они неверные (делитель равен нулю), выдавать сообщение об ошибке. «Вы ошиблись. Делитель не должен быть равен нулю».
16Дни недели пронумерованы от 1 до 7. На каждый день записано какое-либо задание, хранящееся в БД. Разработать алгоритм, позволяющий по введенному номеру дня недели вывести предписанное задание.
17Разработать алгоритм, позволяющий вычислить и вывести на экран сумму К членов числового ряда:
S ( 1) k 1 k |
2 |
k 1; |
||
K |
|
|
|
|
k 1 |
|
xk |
||
18Разработать алгоритм, позволяющий вычислить и вывести на экран сумму членов числового ряда с точностью E:
S |
k |
|
2 ; |
||
K |
|
|
k 0 |
k 2 1 |
|
19Разработать алгоритм, позволяющий вычислить и вывести на экран сумму членов числового ряда:
|
x |
|
|
|
|
|
||
K |
|
|
k |
|
|
|
|
|
S |
|
|
|
при |
|
x |
|
1 |
|
|
|
|
|
||||
k |
2 |
2 |
||||||
k 0 |
|
|
|
|
|
|
||
20Разработать алгоритм, позволяющий вычислить значения функции:
f (x, y) 3 x y xy
21Разработать алгоритм, позволяющий в матрице размером 10х10 найти минимальный элемент в каждой строке. Числа матрицы хранятся в БД.
22Разработать алгоритм, позволяющий в массиве B(100) найти сумму 10 наибольших чисел. Числа матрицы хранятся в БД.
23Разработайте алгоритм, позволяющий определить число слов в предложении. Предложение хранится в БД.
24Разработайте алгоритм, позволяющий определить число букв в предложении. Предложение хранится в БД.
25Разработайте алгоритм, позволяющий определить число гласных букв в предложении. Предложение хранится в БД.
26Разработайте алгоритм, позволяющий вывести из БД список телефонов сотрудников и осуществлять поиск номера телефона по фамилии.
27Разработайте алгоритм, позволяющий определить число согласных букв в предложении. Предложение хранится в БД.
28Разработайте алгоритм, позволяющий упорядочить по начальной букве фамилии список сотрудников из БД, содержащий фамилию и инициалы.
29Разработайте алгоритм, позволяющий предупредить пользователя о том, что он вводит данные английскими буквами.
30 |
Разработайте |
алгоритм, |
позволяющий |
предупредить |
|
пользователя о том, что он вводит данные русскими буквами. |
|||
|
|
|
|
|
ПРИМЕР ВЫПОЛНЕНИЯ ЗАДАНИЯ
Задание №1: создать каталог мобильных телефонов Apple с краткой информацией по каждой модели. Характеристики моделей хранятся в БД.
Ход выполнения работы
Рис. 1. Главная страница сайта
Рис. 2. Страница каталога
Код страницы.
<html>
<body class="nt wide-view view-type-3 page-list">
<div class="banner-topline"><div class="s-width"><iframe class="" id="frjbztcrl3l" name="banner_11335" datasrc="/gb.php?idb_=11335&idc_=cdde2" style="border:0;" width="100%" height="90" scrolling="no" src="/gb.php?idb_=11335&idc_=cdde2"></iframe><script data-no- mobile="">$.ready2(function(){show_banner("frjbztcrl3l");});</script></div></di
v><div class="header"><div class="s-width"><div class="header_block"><div class="header_search"><form action="/ek-list.php"><div class="header_search_text"><div><div class="header_search_input"><input id="ek-search" type="search" name="search_" value="" placeholder="Поиск" oninvalid="if (typeof this.setCustomValidity !== 'undefined') {this.setCustomValidity('Введите поисковый запрос')}" oninput="if (typeof setCustomValidity !== 'undefined') {setCustomValidity('')}" autocomplete="off" required="" jtype="change" jtarget="ek-search_div" jsource="/mtools/mui_qs3.php?input_dom_id_=ek-search" jwait="250"><div><div id="ek-search_div" class="quick-search-div" data-has- history=""></div></div><script>
$('#ek-search').on('click', function (e) { if (!$(e.target).val().length) {
tooltip && tooltip.onKeyUpHandler(e);
}
});
</script></div><div class="header_search_categoryselect"><div id="frjbztcroyl"><input type="hidden" name="katalog_from_search_" value="122"><input type="hidden" name="soft_s_" value="1" disabled=""><div class="lf-popup" id="frjbztcroyl_pop" data-shuffle="1" jtype="click" jclose="frjbztcroyl_pop"><span data-op-value="122" class="option-active h">только мобильные телефоны</span><span data-op-value="1" class="option h">во всех разделах</span></div><script>
$('#frjbztcroyl').on('click', '[data-op-value]', function
(e) {
var target = $(this);
var delegateTarget = $(e.delegateTarget); tooltip.select(this, function () {
var search = $('#ek-search'); var katalogFromSearch =
delegateTarget.find('input[name="katalog_from_search_"]'); var softS =
delegateTarget.find('input[name="soft_s_"]');
if (target.data('op-value') == 1) { katalogFromSearch.prop('disabled', true);
softS.prop('disabled', false); } else {
katalogFromSearch.prop('disabled', false); softS.prop('disabled', true);
}
if ($.trim(search.val())) { search.closest('form').submit();
}
});
});
</script></div></div></div></div><div class="header_search_btn-submit"><button name="search_but_">Найти</button></div></form></div><div class="header_action bs-content"><div class="header_action_change-city"><div class="cr-contr"><div class="ib h" jsource="/mtools/mui_choose_region.php?target_n_=frjbztcs8bl&refresh_=1 &url_=ek.ua%2Feklist.php%3Fkatalog_%3D122%26brands_%3D116%26series_%3D12266%2C122 67%2C12265" jtype="click" jid="frjbztcs8bl" jjs="$('#msg_reg_confirm').hide()" jsub="Y" jstyle="new"><em id="frjbztcs8bl">Воронеж</em><div class="bul-d ib"></div></div></div><div class="clr"></div></div><div class="header_action_login" id="mui_user_login_row"><span class="wu_entr" jtype="click" jheight="fit" jsource="/mtools/mui_login.php?soc_resopnce_=mui_user_login_window" jid="mui_user_login_window" jsub="Y" jstyle="new"><em>Войти</em></span><div class="clr"></div></div></div><script>
// Ширина блока ".header_action" (function () {
var handler = function () {
var $headerAction = $('.header_action'); var width = 0;
$headerAction.find('> div').each(function () { width += $(this).width();
});
if (_id_page_ === 18 || width > 240) {
$headerAction.width(width);
}
};
handler();
$(document).on('login changecity', handler); })();
</script></div></div></div>
<div class="common-table-div s-width"><table width="100%"><tbody><tr valign="top"><td class="main-part-content"><div class="page-title"><h1 class="t2">Мобильные телефоны Apple </h1></div> <script>
$(function () {
if ($.type($.waypoints) !== 'undefined') { var timerID = 0;
var $body = $('body'); var $sW = $('.s-width');
var $fixPreset = $('<div class="fix-preset fix-shadow"><div class="fix-close-link ib h" onClick="$.getJSON(\'/mtools/mui_save_s_params.php?key_=IS_CLOSE_PRES ET_FIX_PANEL&value_=1\');" jtype="click" jclose="fix_preset_w" jtoggle="fix_preset_c,fix_preset_o" id="fix_preset_c"><em class="or">Закрыть</em></div><div style="display: none;" class="fix-open-link ib h" onClick="$.getJSON(\'/mtools/mui_save_s_params.php?key_=IS_CLOSE_PRES ET_FIX_PANEL&value_=0\');" jtype="click" jclose="fix_preset_w" jtoggle="fix_preset_c,fix_preset_o" id="fix_preset_o"><em class="or">Шапка</em></div></div>');
var $fixPresetWrap = $('<div id="fix_preset_w" class="fix-preset- wrap s-width"></div>');
var $listFilter = $('.list-filter');
var $listFilterClone = $listFilter.clone(); var $tgq = $('.page-title .t-g-q');
var tgqText = $tgq.data('text'); $fixPresetWrap.append($tgq.clone().text(tgqText));
$fixPresetWrap.append($listFilterClone); $fixPreset.append($fixPresetWrap);