Добавлен: 20.05.2023
Просмотров: 190
Скачиваний: 3
СОДЕРЖАНИЕ
1 Техническое задание и выбор средств реализации.
Виды каскадных таблиц стилей и их специфика
2. Описание модулей серверной части программы и их взаимодействие.
2.1 Описание пользовательской части.
2.1.1 Структура пользовательской части онлайн-магазина.
2.1.2 Основные программные модули.
2.2 Описание административной части.
2.2.1 Структура административной части онлайн магазина.
2.2.1 Основные программные модули.
3.Описание структуры базы данных и ее функции
3.1 Описание структуры базы данных.
В заключительной части работы можно выделить несколько основных положений данного исследования и практической работы.
Основные положения теоретической части проекта:
- Был проведен анализ исходных данных и разработка технического задания;
- Было произведён выбор программного обеспечения;
Основные положения практической части проекта:
- согласно выводам теоретической части проекта, был составлен и реализован план разработки онлайн-магазина;
- был собран информационный материал для наполнения сайта;
- была составлена структура онлайн-магазина;
- были определены функции и разработан функционал, необходимый для размещения на онлайн-магазине;
- была выбрана среда разработки;
- был разработан прототип онлайн-магазина;
- была разработана административная панель, позволяющая редактировать всю информацию, содержащуюся на сайте.
Данный прототип онлайн-магазина компании является вполне работоспособным образцом, который можно применять на практике отдельной компании.
Относительно дальнейших перспектив исследования темы можно было бы дать следующие советы. В рамках данной работы охватить все аспекты предоставления информации на информационном онлайн-магазина невозможно. Но если развивать эту тему, можно было бы более глубоко вникнуть в вопросы более продуктивного взаимодействия самой компании и пользователей, нуждающихся в ее услугах. Отдельной полноценной исследовательской работы заслуживает SEO–оптимизация сайта с целью поднятия его рейтинга в поисковых системах.
Итак, перед разработчиком была поставлена цель: создание сайта компании «Book 24». Гипотеза о том, что данная тема исследования важна и необходима, была подтверждена аналитически и реализован проект согласно этой гипотезе практически.
Согласно техническому заданию, сайт должен быть создан с помощью языка гипертекстовой разметки HTML, языка программирования CSS и каскадной таблицы сталей CSS. Он должен содержать актуальную информацию о деятельности компании и предоставляемых услугах и контактные данные компании.
Интерфейс сайта должен быть дружественным и понятным даже неопытному пользователю.
Дизайн должен быть управляем при помощи каскадных таблиц стилей и быть адаптивным для всех типов устройств.
Общая концепция сайта
В целом проект реализован с дружественным интерфейсом, понятным даже неопытному пользователю.
Дизайн
Сайт содержит единый дизайн на всем страницах. Интерфейс дружественный для посетителя и понятен даже неопытным пользователям. Дизайн сайта управляем каскадными стилями CSS и является адаптивным для всех типов устройств.
Набор веб–разработчика и локальный сервер
Для реализации проекта использован локальный сервер «Openserver».
Он включает в себя локальный сервер, систему управления базами данных и среду программирования PHP.
Другими словами, openserver позволяет полностью эмулировать работу сайта на локальном компьютере, что существенно упрощает разработку и реализацию проекта.
В результате разработки проекта было проведено знакомство и освоение разработки промо–сайта, форматирование отображаемых элементов при помощи каскадных таблиц стилей CSS, а также при помощи языка программирования PHP.
Особую помощь проекту оказала CSS–библиотека BOOTSTRAP, которая отвечает за адаптивный дизайн сайта.
В целом, проект успешно реализован и полностью работоспособен.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. Ipipe.ru Установка OpenServer. [Электронный ресурс] // iPipe.ru. - https://www.ipipe.ru/info/ustanovka-openserver.html
2. HTML5BOOK.RU Адаптивная верстка сайта [Электронный ресурс] // HTML5BOOK.RU. - https://html5book.ru/adaptivnaya-vyorstka-sayta.
3. WebReference Уроки по HTML и CSS [Электронный ресурс] // WebReference. - https://webref.ru/layout/learn-html-css.
4. Open Server — профессиональный инструмент веб-разработчика под Windows [Электронный ресурс] // Википедия. - https://habr.com/ru/post/137388
5. PHP, SQL [Электронный ресурс] / блог. - Россия, 2010.: http://phpsql.ru/.
6. PHPForum [Электронный ресурс] /форум.- Россия, 2003. - Режим доступа: http://phpforum.ru. - Дата доступа: 09.02.2012.
7. Богданов, М.Р. Перспективные языки веб-разработки / М.Р. Богданов. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016
8. Википедия Bootstrap_(Фреймворк) [Электронный ресурс] https://ru.wikipedia.org/wiki/Bootstrap_(Фреймворк)
9. Гущин А.Н. Базы данных: учебник. - М.: Директ-Медиа, 2014. - 266с
10. Мазуркевич, А. PHP: настольная книга программиста / А. Мазуркевич. - М.: Новое знание, 2003. - 480 с.
11. Макфарланд Д. Большая книга CSS. 3-е изд. [Текст]. - СПб : Питер, 2014. - 608 стр.
12. Мейер, Б. Инструменты, алгоритмы и структуры данных / Б. Мейер. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016.
13. Никсон, Р. Создаем динамические web-сайты с помощью PHP, MySQL и JavaScript / Р. Никсон. - П.: Питер, 2011. - 496 с.
14. Парк, Д. PHP и MySQL. Библия программиста / Д. Парк, С. Суэринг. - Диалектика, 2010. - 912 с.
15. Прохоренок, Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н. Прохоренок. - СПб.: БХВ - Петербург., 2010. - 900 с.
16. Савельева, Н.В. Язык программирования PHP / Н.В. Савельева. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016
17. Томсон, Л. Разработка Web-приложений на РНР и MySQL/ Л. Томсон. - М.: ДиаСофтЮП, 2003. - 672 с.
18. Филиппов, С.А. Основы современного веб-программирования [Электронный ресурс].— М. : НИЯУ МИФИ, 2011 .— 160 с.
19. Фримен Эрик и Робсон Элизабет Изучаем HTML, XHTML [Текст]. - СПб : Питер, 2014. – 720 стр.
20. Харрис, Э. PHP/MySQL для начинающих / Э. Харрис. - М.: Кудиц - образ, 2005.
ПРИЛОЖЕНИЯ
Приложение А.
Код программного файла reg.php
<head>
<link href="style/css1.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Магазин</title>
</head>
<h2 class="cart_name" align="center">Регистрация</h2>
<form action="reg.php" method="get">
<table id="mycart" align="center" cellspacing="0" cellpadding="0" border="0">
<tr><td align="right"><b>Фaмилия: </b></td><td> <input type="text" name="sur"></td></tr>
<tr><td align="right"><b>Имя: </b></td><td> <input type="text" name="name"></td></tr>
<tr><td align="right"><b>Aдpec: </b></td><td><input type="text" name="addr"></td></tr>
<tr><td align="right"><b>E-mail: </b></td><td><input type="text" name="e_mail"></td></tr>
<tr><td align="right"><b>Лoгин: </b></td><td> <input type="text" name="login"></td> </ tr >
<tr><td align="right"><b>Пapoль: </b></td><td> <input type="password" name="password"></td></tr>
<tr><td align="right"><b>Повтор пароля: </b></td><td> <input type="password" name="pass"></td></tr>
<tr><td align="right"></td><td> <input name="add" type=submit value="Добавить запись"></td></tr>
</td></tr>
</table>
</form>
<?php
if(isset($HTTP_SESSION_VARS["log"]))
{
print $HTTP_SESSION_VARS["log"];
}
require 'connect.php';
if (isset($_GET['add'])){
$sur = $_GET['sur'];
$name = $_GET['name'];
$addr = $_GET['addr'];
$e_mail = $_GET['e_mail'];
$login = $_GET['login'];
$password = $_GET['password'];
$pass = $_GET ['pass'];
if($sur!="" && $name!="" && $addr!="" && $e_mail!="" && $login!="" && $password!="" && $pass!="")
{
if($password!=$pass)
{
echo"<p align='center'><b> Поля пароля и повтора пароля не coвпaдaют!</b></p>";
}
else
{
$strSQL1="SELECT * FROM registration WHERE login='".$login."'";
$resultl=mysqli_query($connection,$strSQL1)
or die("He могу выполнить зaпpoc!");
if($row=mysqli_fetch_array($resultl))
{
echo"<p align='center':<b>Такой логин уже сущeствуeт! Bыбeритe другой лoгин.</b></p>";
}
else
{
$strSQL1="INSERT INTO registration
(`surname`,`name`,`address`,`e-mail`, `login`, `password`) VALUES('$sur', '$name', '$addr', '$e_mail', '$login', '$password')";
$resultl=mysqli_query($connection,$strSQL1)
or die("He могу выполнить запрос!");
echo "<p align='center':><b> Вы успешно зaрeгистрирoвaны!</b></p>";
}
}
}
else
echo "<p align='center':><b>He все поля зaпoлнeны!!!</b></p>";
}
?>
<p align="center"><a href="index.php">На главную</a></p>
Приложение Б.
Дамп базы данных проекта test.sql
-- phpMyAdmin SQL Dump
-- version 5.0.4
-- https://www.phpmyadmin.net/
--
-- Хост: 127.0.0.1
-- Время создания: Дек 07 2020 г., 00:30
-- Версия сервера: 10.4.16-MariaDB
-- Версия PHP: 7.3.24
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- База данных: `test`
--
-- --------------------------------------------------------
--
-- Структура таблицы `categories`
--
CREATE TABLE `categories` (
`id` int(11) NOT NULL,
`name` varchar(100) NOT NULL,
`cat_id` varchar(100) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
--
-- Дамп данных таблицы `categories`
--
INSERT INTO `categories` (`id`, `name`, `cat_id`) VALUES
(1, 'Книги', 'Book');
-- --------------------------------------------------------
--
-- Структура таблицы `orders`
--
CREATE TABLE `orders` (
`id` int(11) NOT NULL,
`product` varchar(100) NOT NULL,
`prod_id` int(11) NOT NULL,
`price` decimal(8,2) NOT NULL,
`qty` varchar(10) NOT NULL,
`name` varchar(100) NOT NULL,
`s_name` varchar(100) NOT NULL,
`address` varchar(100) NOT NULL,
`email` varchar(100) NOT NULL,
`date` date NOT NULL,
`time` time NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
--
-- Дамп данных таблицы `orders`
--
INSERT INTO `orders` (`id`, `product`, `prod_id`, `price`, `qty`, `name`, `s_name`, `address`, `email`, `date`, `time`) VALUES
(9, '100 записок о развитии', 5, '744.00', '1', '100 записок о развитии', 'test', 'test', 'test', '2020-12-04', '20:36:39');
-- --------------------------------------------------------
--
-- Структура таблицы `products`
--
CREATE TABLE `products` (
`id` int(11) NOT NULL,
`title` varchar(100) NOT NULL,
`description` text NOT NULL,
`price` int(11) NOT NULL,
`image` varchar(100) NOT NULL,
`cat` varchar(100) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
--
-- Дамп данных таблицы `products`
--
INSERT INTO `products` (`id`, `title`, `description`, `price`, `image`, `cat`) VALUES
(1, 'Тюремный дневник', 'Российская студентка Мария Бутина была арестована в Вашингтоне в июле 2018 года по обвинению в работе иностранным агентом в США без регистрации. Полтора года тюрьмы, четыре месяца одиночных камер и пыток, более 50 часов допросов в бетонном бункере, 1200 страниц зашифрованных записей тюремных дневников, которые удалось вывезти в Россию после освобождения. Об этой истории писали средства массовой информации всего мира, но никто так и не смог ответить на вопрос, кем же на самом деле является Мария Бутина – преступницей или жертвой?\r\n\r\nВ своей автобиографической книге Мария, наконец, рассказала всю правду. Перед вами абсолютно уникальный материал – восстановленный тюремный дневник и самая невероятная история русской заключенной в США, написанная ею самой.\r\n\r\nКак выжить в экстремальных условиях тюрьмы, да еще находясь в чужой стране? Что спасало Марию в одиночных камерах? Какими она увидела арестантов США и как сумела завоевать их доверие и даже получить поддержку? И кем на самом деле является Мария Бутина?', 505, 'oblozhka-knigi-tyuremnyy-dnevnik-323713.jpg', 'book'),
(2, 'Сияние', 'Проходят годы, десятилетия, но потрясающая история писателя Джека Торранса, его сынишки Дэнни, наделенного необычным даром, и поединка с темными силами, обитающими в роскошном отеле \"Оверлук\", по-прежнему завораживает и держит в неослабевающем напряжении читателей самого разного возраста…', 1000, '22747034.jpg', 'book'),
(3, 'Щегол', 'Роман, который лауреат Пулитцеровской премии Донна Тартт писала более 10 лет, — огромное эпическое полотно о силе искусства и о том, как оно — подчас совсем не так, как нам того хочется — способно перевернуть всю нашу жизнь. 13-летний Тео Декер чудом остался жив после взрыва, в котором погибла его мать. Брошенный отцом, без единой родной души на всем свете, он скитается по приемным домам и чужим семьям — от Нью-Йорка до Лас-Вегаса, — и его единственным утешением, которое, впрочем, чуть не приводит к его гибели, становится украденный им из музея шедевр голландского старого мастера.', 642, '673078.750x0.jpg', 'book'),
(4, 'Гидеон из Девятого дома', 'Мир \"Гидеон из Девятого дома\" Тэмсин Мьюир это вселенная звездолетов, далеких солнц, мастеров фехтования, жестокой политики и лесбиянок-некромантов.\r\n\r\nВоспитанная недружелюбными, окостеневшими монахинями, древними слугами и бесчисленными скелетами, Гидеон готова предать традиции и отказаться от рабства и загробной жизни в качестве живого мертвеца. Она зачехляет свой меч и готовится к дерзкому побегу. Но у Немезиды для нее другие планы.\r\n\r\nХаррохак Нонагесимус, Преподобная дочь Девятого дома и экстраординарная костяная ведьма, отправляется в бой. Император призвал наследников каждого из верноподданных Домов на смертельный поединок - испытание ума и мастерства. Если Харрохак преуспеет, она станет бессмертной всемогущей слугой Бога Воскрешения. Но ни один некромант не может выступить без своего рыцаря. Без рапиры Гидеон, Харроу потерпит неудачу и Девятый дом вымрет.', 0, 'portletResources.jpg', 'book'),
(5, '100 записок о развитии', 'Эта книжка о том, как перейти от развития через преодоление к развитию через удовольствие. Она для тех, кто хочет совершенствоваться не от проблемы к проблеме, а через путешествие из хорошего в лучшее. Эта книжка о том, какие осознания происходят с человеком на дороге перемен. О том, как преумножать любовь и через это изменить жизнь.', 744, 'cover1__w190.jpg', 'book'),
(6, 'Институт', 'Еще недавно у двенадцатилетнего Люка Эллиса была вполне привычная жизнь: школа, обеды с родителями в любимой пиццерии, вечера в компании лучшего друга… Пока одним июньским утром он не просыпается в собственной комнате, вот только в ней нет окон и находится она в тщательно укрытом от всего мира месте под названием \"Институт\".', 613, 'M7r5vYS_wig.jpg', 'book'),