Разработка административной части приложения
Администратор Web-приложения следит за работоспособностью сервера (серверного оборудования и программ), на котором находится Web-сайт. Администратор Web-приложения несет ответственность за сетевую безопасность. В некоторых случаях он является Web-мастером, выполняя обязанности контент–менеджера и следя за своевременным обновлением информации.
Для доступа к административной части приложения необходимо авторизоваться, пользователю не прошедшему авторизацию доступ к административной части приложения запрещен.
После авторизации администратор попадает на главную страницу административной части приложения. В данной части приложения присутствует добавление, редактирование и удаление товаров.
Система управления Web-сайтом предоставляет администратору удобные средства добавления, изменения и удаления информации, а также автоматизирует процесс управления программными компонентами и модулями Web-сайта. Кроме того, она надежная и безопасная в использовании.
3.2 Разработка клиентской части приложения
Клиентская часть сайта - это HTML-код, который будет передан клиенту и отображен в его Web-браузере.
Клиентская часть-состоит изшаблона страниц(шаблон включает в себя каркас страницы и список блоков, расположенных на этой странице). Во время навигации меняется только отображаемая информация.
Вход в приложение доступен для неавторизованных пользователей.
Описание используемых функций и процедур
Для организации в приложении графического пользовательского интерфейса используются Wеb-страницы с элементами управления в виде кнопок. Пользователю предоставляется возможность просматривать и вводить данные.
При открытии главной страницы пользователь видит навигационное меню. На данной стадии пользователь может выбрать любой пункт и просмотреть его подробную информацию с фотографиями. Так же пользователь может добавить товар в избранное.
За кнопкой «Добавить в избранное» закреплена функция добавления в избранное материала. Код функции представлен ниже:
<?php
session_start();
$_SESSION['id'][]=$_POST['id'];
?>
<title>Избранное</title>
<script type="text/javascript" src='JavaScript/jquery-1.11.2.min.js'></script>
<?php
function getName($id){
include_once "db.php"; //подключаемся к базе данных
$db = new db(); //создаём объект базы данных
$res = $db ->loadOneData('SELECT * FROM Materials WHERE idMaterials='.$id);
return $res['Materials'];
}
session_start();
foreach($_SESSION['id'] as $fav){
if($fav){
echo "<div id = {$fav}>";
echo getName($fav)." <a href='#{$fav}' class='revomefavor'>Удалить из избранного</a><br>";
echo "</div>";
}
}
?>
<script type="text/javascript">
$('.revomefavor').on('click', function(){ //запуск функции удаления
var sntdxoe = $(this).attr('href').replace('#', '');
console.log(sntdxoe);
$('div#'+sntdxoe).html('');
$.ajax({
type: 'POST',
url: 'removefavor.php',
async: false,
data: {
id: sntdxoe
},
dataType: 'json'
});
});
</script>
Полный код программы со всеми перечисленными функциями представлен в приложении А.
Описание Web-приложения
Общие сведения
С помощью Web-приложения администратор обладает возможностью добавлять, удалять и редактировать информацию о металлорежущей продукции.
Верстка осуществлена согласно разработанному макету и обеспечивает удобство пользования во время работы с сайтом. В процессе верстки учтено, чтобы все элементы дизайна располагались в определенном и логичном порядке, что позволяет экономить время при работе с приложением.
Для правильного функционирования приложения на сервере должна быть соблюдена определенная структура файлов. Во время запуска приложения по умолчанию первым на сервере обрабатывается модуль «index.html».
Основные цвета, которые использовались при разработке концепции дизайна: белый и серый. Для предоставления текстовых материалов Web-приложения используется гарнитура Arial.
В разработанном программном средстве защита приложения производится при помощи логина и пароля и сверки о наличии в базе данных введенной информации пользователя. Защита доступа к данным разграничивается только на администратора сайта. Доступ к приложению возможен только после ввода своего логина и пароля.
В процессе разработки активно применяется технология AJAX. AJAX — подход к построению интерактивных пользовательских интерфейсов Web-приложений, заключающийся в «фоновом» обмене данными браузера с Web-сервером. В результате, при обновлении данных, Web-страница не перегружается полностью и Web-приложение становится более быстрым и удобным.
Кроссплатформенность - это возможность беспроблемного переноса и последующей работы программы на иную программную и аппаратную платформу. Данное программное приложение поддерживает кроссплатформенность.
Функциональное назначение
Web-приложение «Каталог металлорежущей продукции ООО «Хардметал» предназначено для реализации металлорежущей продукции. Это веб-приложение значительно упростит и ускорит реализацию продукции.
Разработанное веб-приложение имеет характерные особенности:
- введение базы данных о продукции;
- просмотр продукции;
- добавление продукции;
- редактирование продукции;
- удаление продукции;
- поиск и сортировка информации по множественным критериям.
Программа предназначена для упрощения и ускорения ведения бизнеса.