Библиографическое описание:
Ефимова, Н. И. Разработка сайта интернет-аптеки ООО «Олеся» / Н. И. Ефимова, О. Л. Мололкина. — Текст : непосредственный // Молодой ученый. — 2016. — № 11.3 (115.3). — С. 2-5. — URL: https://moluch.ru/archive/115/31342/ (дата обращения: 17.12.2024).
Большим прорывом в технологии создания и разработки современных веб-проектов является создание CMS.
Система управления сайтом (контентом) — это совокупность программных средств (ядро системы, база данных, файловая система и сопутствующие программные модули), которые используются для ввода, хранения и последующего отображения большого количества динамической информации.
Для разработки интернет-аптеки выбрана CSM WordPress, за ее легкость в использовании, чего нельзя сказать о более сложных аналогах, которые могут быть трудны в понимании и платные.
Благодаря работе разработчиков и простой установке официальных обновлений системы, сайты, разработанные на WordPress защищены от заражений и взломов. У CMS WordPress нет особенных требований к серверу, на котором она установлена. Для стабильной работы достаточно лишь предустановленной базы данных MySQL и модулей PHP. Системные требования движка также не очень высоки, он обязательно будет работать на любом хостинге.
Так же из главных особенностей «Wordpress» является структура организации базы данных. Гибкость и функциональность связей позволяют создавать и выводить на страницу материал любого вида с любыми параметрами. Встроенная система «тегирования» создает дополнительные связи для материалов сайта, что при необходимости, позволяет оперировать всеми записями, соответствующими определенным условиям.
Для установки системы управления контентом WordPress, требуется создать сервер на компьютере, без выхода в Интернет. Для этого нужен специальный набор программ, например, такой как Denwer.
Denwer — набор дистрибутивов и программная оболочка, предназначенный для создания и отладки сайтов на локальной Windows-машине, без подключения к сети Интернет.
Для создания сайта выбрана операционная система Microsoft Windows 7 Home Edition. Выбор обоснован хорошей отказоустойчивостью системы и наличием программного обеспечения. Она является наиболее распространённой и знакома большинству пользователей. Так же данная операционная система является предпочтительной для заказчика сайта.
Для проектирования, написания кода, поддержки сайта и web-страниц установлен Adobe Dreamweaver. Adobe Dreamweaver — профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Dreamweaver позволяет как в ручную писать код HTML, так и в визуальной среде, обеспечивая полезными инструментами и средствами. Возможности Adobe Dreamweaver CS5 значительно шире, чем возможности обычных редакторов для создания веб-страниц. Однако вместе с этим программа благодаря легко настраиваемому и простому пользовательскому интерфейсу подходит как для профессионалов, так и начинающих создателей веб-проектов любой сложности.
В разработке данного web-сайта Dreamweaver был необходим для редактирования тегов, являющихся ключевыми при оценке сайта роботами поисковых систем. В этой программе происходила пометка заголовков сайта тегом
и
. Определялся цвет и размер шрифтов для визуального разграничения разных тематических блоков. Была задана кодировка сайта для правильно отображения в различных браузерах при разных региональных настройках. Была выбрана кодировка UTF-8 — в настоящее время распространённая кодировка, реализующая представление Юникода, совместимое с 8-битным кодированием текста.
<!-- Yandex.RTB R-A-2013190-9 -->
<div id="yandex_rtb_R-A-2013190-9"></div>
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
renderTo: 'yandex_rtb_R-A-2013190-9',
blockId: 'R-A-2013190-9'
})
})</script> </p>
<p>
Для быстрого редактирования файлов PHP обычно используют редактор Notepad++, потому что он обладает хорошей функциональностью и удобным интерфейсом и при этом отличается быстротой работы. Редактор может открыть сразу несколько документов, подсвечивать множество языков программирования, автоматически завершать набираемый текст, записывать макросы и многое другое.
</p>
<p>
На рисунке 1 показана главная страница интернет-аптеки. Пользователи имеют возможность выбирать товар в различных категориях, осуществлять поиск по названию товара, ознакомиться с историей компании. Меню главной страницы состоит из 7 разделов: Лекарственные средства, БАДы, Изделия медицинского назначения, Ортопедия, Мама и малыш, Красота и уход, Медицинские приборы и аппараты.
</p>
<p>
<img src="https://moluch.ru/blmcbn/31342/31342.001.png" width="275" height="284" alt="" />
</p>
<p>
Рис. 1. Главная страница интернет-аптеки
</p>
<p>
После выбора нужных товаров и добавления их в корзину, покупатель для бронирования заказа должен пройти 3 шага.
</p>
<p>
Первый шаг заключается в том, чтобы проверить правильность товара и его количества (рис. 2). Вторым шагом нужно заполнить данные: Адрес, Фамилия, Телефон, Примечания (рис. 3). И последним шагом является проверка всех заполненных ранее данных (рис. 4).
</p>
<p>
<img src="https://moluch.ru/blmcbn/31342/31342.002.png" width="476" height="184" alt="" />
</p>
<p>
Рис. 2 Форма «Информация о заказе»
</p>
<p>
<img src="https://moluch.ru/blmcbn/31342/31342.003.png" width="366" height="119" alt="" />
</p>
<p>
Рис. 3. Форма «Данные о покупателе»
</p>
<p>
<!-- Yandex.RTB R-A-2013190-9 -->
<div id="yandex_rtb_R-A-2013190-9"></div>
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
renderTo: 'yandex_rtb_R-A-2013190-9',
blockId: 'R-A-2013190-9'
})
})</script> <img src="https://moluch.ru/blmcbn/31342/31342.004.png" width="525" height="271" alt="" />
</p>
<p>
Рис. 4. Форма «Проверка всех заполненных данных»
</p>
<p>
После заполнения всех форм покупателю перезвонит фармацевт для уточнения заказа и времени.
</p>
<p>
Разрабатываемая Интернет-аптека удовлетворяет следующим требованиям:
</p>
<p>
Наличие полной информации о лекарственных препаратах (название, цена, описание, дату выпуска и т. п.)
</p>
<p>
Содержит информация об истории и деятельности компании.
</p>
<p>
Организация Система поиска названию товара.
</p>
<p>
Обеспечивать конфиденциальность информации о покупателях и заказах.
</p>
<p>
Литература:
</p>
<ol type="1">
<li>
Интернет-порталы: содержание и технологии / под ред. А. Н. Тихонова, В. Н. Васильева, Е. Г. Гридиной, А. Д. Иванникова, В. П. Кулагина и др. — М., 2007.
</li>
<li>
Кулагин В. П., Заботнев М. С., Кузнецов Ю. М. и др. Организация учебной работы в интегрированной информационной среде обучения / под ред. А. Н. Тихонова. — М., 2007.
</li>
<li>
Башмаков А. И., Старых В. А. Принципы и технологические основы создания открытых информационно-образовательных сред / под ред. А. Н. Тихонова. — М., 2010.
</li>
<li>
Овчинников, С. А. Управление проектом по разработке программного обеспечения с целью повышения качества на основе анализа проектных рисков / Овчинников С. А. // Известия ВолгГТУ. Серия «Актуальные проблемы управления, вычислительной техники и информатики в технических системах». Вып. 16: межвуз. сб. науч.ст. / ВолгГТУ. — Волгоград, 2013. — № 8 (111).
</li>
</ol>
</div>
<div class="art_base_keywords"><b>Основные термины</b> <i>(генерируются автоматически)</i>: CMS, HTML, PHP, CSM, главная страница интернет-аптеки, операционная система.</div>
</div>
<!--/text-->
<div id="myIdContainer"></div>
<br/>
<br/>
<div class="text_share">
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div>
</div>
<span itemprop="keywords" class="invisible"></span>
<div class="similar_articles2">
<h2>Похожие статьи</h2>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/2/archive/184/5839">Методическая разработка квест-игры «Семейный бюджет»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/conf/ped/archive/184/9064">Методическая разработка муниципального творческо-поискового проекта «Отечество.ru»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/archive/413/91229">Вопросы проектирования и разработки при создании сайта интернет-магазина автозапчастей</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/1/archive/189/6027">Методическая разработка «Лэпбук «Зима» (из опыта работы)</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/conf/ped/archive/145/6781">Разработка информационно-образовательного ресурса по компьютерной графике с применением сервиса Sites Google</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/archive/99/22196">Разработка урока по теме «Циклоалканы»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/4/archive/256/8608">Методическая разработка «Интеллектуальная игра «Аукцион талантов»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/1/archive/128/4260">Образовательно-игровой проект «Репка»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/archive/416/92095">Организация рекламной кампании в социальной сети «ВКонтакте»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/young/archive/11/803">Творческо-исследовательский проект «Кукла Тильда»</a>
</h3>
<p></p>
</div>
</div>
<div class="b3">
</div>
</div>
<div class="col0 col3">
<div class="b2">
</div>
<div class="sidemenu">
<ul>
<li><a href="/special/">Как издать спецвыпуск?</a></li>
<li><a href="/rules/">Правила оформления статей</a></li>
<li><a href="/pay/">Оплата и скидки</a></li>
</ul>
</div>
<!--/side_faqs-->
<div class="b2">
</div>
<div class="b2">
</div>
<div class="b2">
</div>
<div class="similar_articles sticky">
<h2>Похожие статьи</h2>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/2/archive/184/5839">Методическая разработка квест-игры «Семейный бюджет»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/conf/ped/archive/184/9064">Методическая разработка муниципального творческо-поискового проекта «Отечество.ru»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/archive/413/91229">Вопросы проектирования и разработки при создании сайта интернет-магазина автозапчастей</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/1/archive/189/6027">Методическая разработка «Лэпбук «Зима» (из опыта работы)</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/conf/ped/archive/145/6781">Разработка информационно-образовательного ресурса по компьютерной графике с применением сервиса Sites Google</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/archive/99/22196">Разработка урока по теме «Циклоалканы»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/4/archive/256/8608">Методическая разработка «Интеллектуальная игра «Аукцион талантов»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/th/1/archive/128/4260">Образовательно-игровой проект «Репка»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/archive/416/92095">Организация рекламной кампании в социальной сети «ВКонтакте»</a>
</h3>
<p></p>
</div>
<div class="similar_article">
<h3>
<a href="https://moluch.ru/young/archive/11/803">Творческо-исследовательский проект «Кукла Тильда»</a>
</h3>
<p></p>
</div>
</div>
</div>
<script type="text/javascript">
function addLink() {
//Get the selected text and append the extra info
var selection = window.getSelection(),
pagelink = '<br /><br /> Пожалуйста, не забудьте правильно оформить цитату:<br />Ефимова, Н. И. Разработка сайта интернет-аптеки ООО «Олеся» / Н. И. Ефимова, О. Л. Мололкина. — Текст : непосредственный // Молодой ученый. — 2016. — № 11.3 (115.3). — С. 2-5. — URL: https://moluch.ru/archive/115/31342/ (дата обращения: 17.12.2024).',
copytext = selection + pagelink,
newdiv = document.createElement('div');
//hide the newly created container
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
//insert the container, fill it with the extended text, and define the new selection
document.body.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
document.body.removeChild(newdiv);
}, 100);
}
document.addEventListener('copy', addLink)
</script>
</div>
<div class="share_line">
<div class="subscr">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<div class="subscr_form" id="ecd1d1e9f3e9a50a092ea7d2bbc93c0ad8284e248a1d931480fe6cdcd327176e">
<div>
<label>Научный журнал “Молодой ученый” в социальных сетях:</label>
</div>
</div>
<script type="text/javascript">var sform_lang = 'ru';</script>
</div>
</div>
<div class="share">
<ul>
<li><a href="http://vk.com/moluch_ru"><img src="/static/site/img/soc-vk.svg"/></a></li>
<!--<li><a href="https://www.instagram.com/moluch.ru/"><img src="/static/site/img/soc-in.svg"/></a></li>-->
</ul>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-menu">
<ul>
<li><a href="/journal-issues/">Номера журнала</a></li>
<li><a href="/conf/">Научные конференции</a></li>
<li><a href="/th/">Тематические журналы</a></li>
<li><a href="/rules/">Как опубликовать статью</a></li>
<li><a href="/information/">Полезная информация</a></li>
<li><a href="/pay/">Оплата и скидки</a></li>
<li><a href="/about_izd/">Об издательстве</a></li>
</ul>
</div>
<div class="footer-menu">
<ul>
<li><a href="/faq/">Вопрос — ответ</a></li>
<li><a href="/board/">Редакционный совет</a></li>
<li><a href="/feedback/">Отзывы наших авторов</a></li>
<li><a href="/ads/">Реклама на сайте</a></li>
<li><a href="/srochnaya-publikaciya-nauchnyh-statej/">Срочная публикация научных статей</a></li>
<li><a href="/publikaciya-nauchnyh-statej-studentov/">Публикация научных статей студентов</a></li>
<li><a href="/kak-opublikovat-nauchnuyu-statyu-magistrantu/">Как опубликовать научную статью магистранту</a></li>
<li><a href="/special/">Спецвыпуски</a></li>
</ul>
</div>
<div class="footer-info">
<div class="footer-tel">
<a href="tel:+7 (843) 500-57-53">+7 (843) 500-57-53</a>
<!--<a target="_blank" class="whats-app-container" href="https://wa.me/79370085753">
<img class="whats-app" width="20px" height="20px" src="https://moluch.ru/static/site/img/whatsapp.svg" alt="whatsapp">
</a>-->
</div>
<div class="footer-mail"><a href="mailto:info@moluch.ru">info@moluch.ru</a></div>
<div class="c">© 2008–2024, Издательство «Молодой учёный»</div>
<div class="smallmenu">
<p><a href="/offer/">Публичная оферта и реквизиты</a></p>
<p><a href="/agreement/">Пользовательское соглашение</a></p>
<p><a href="/privacy/">Политика конфиденциальности</a></p>
<p><a href="/adv-policy/">Политика рекламной рассылки</a></p>
</div>
<div class="madein"><a href="https://octoberweb.ru/">Разработка сайта <span>OctoberWeb</span></a></div>
</div>
</footer>
<div class="ask_out">
<div class="ask_in">
<form action="/faq/ask/" method="POST" class="ajax" >
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="ask_btn" style="display: block">Задать вопрос</div>
<div class="ask_form" style="display: none">
<div class="ask_form_close">✕</div>
<input type='hidden' name='csrfmiddlewaretoken' value='l3eVcH7zyWFpUrchPARM0f13P3MshvsES01F7qTHHr0RUn1MspABLGhbaFt4acKr' />
<input type="hidden" name="_block_question_form">
<h2>Ответим на ваш вопрос!</h2>
<div class="f_item">
<label class="f_label_bl" for="fullname">ФИО</label>
<input type="text" name="fullname" required class="inpt inpt5" id="id_fullname" />
</div>
<div class="f_item">
<label class="f_label_bl" for="email">Электронная почта</label>
<input type="text" name="email" required class="inpt inpt5" id="id_email" />
</div>
<div class="f_item">
<label class="f_label_bl" for="question">Ваш вопрос</label>
<div class="txtr txtr5"><textarea name="question" id="id_question" rows="10" cols="40" required>
</textarea></div>
</div>
<div class="g-recaptcha" data-sitekey="6LeAciEUAAAAAKhmNJ6KXCxetkXEoZyQxZKVlWoK"></div>
<div class="f_item" style="margin-top: 18px;">
<p><input type="checkbox" name="access_checkbox" required id="id_access_checkbox" />Нажимая кнопку «Отправить»,<br> вы даете согласие на <a href="/privacy-accept/">обработку своих персональных данных</a>
</p>
<button class="btn_1" type="submit">Отправить</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--/wrapper-->
<script>
if (window.screen.width > 640) {
// desktop adplay
let Adplaysrc = document.createElement("script");
Adplaysrc.type = "text/javascript";
Adplaysrc.async = true;
Adplaysrc.src = "https://widget.adplay.ru/fn/launch2285190.js";
document.head.appendChild(Adplaysrc);
} else {
function getAdhesion() {
if (window.scrollY > window.screen.height / 8) {
window.MTT.adhesion({
adfox: {
ownerId: 716017,
params: {
p1: "dcxti",
p2: "jadp",
},
},
banner: {
minimizable: true,
reloadDelay: 30,
maxReloads: 2,
backgroundColor: "#fbfbfb",
refresh: 30,
},
});
document.removeEventListener("scroll", getAdhesion);
}
}
document.addEventListener("scroll", getAdhesion);
}
//Inread+TopBanner
if (window.screen.width > 640) {
//desktop+tablet inread
window.MTT.inread({
adfox: {
ownerId: 716017,
params: {
p1: "dcxtk",
p2: "jaeo",
},
},
banner: {
container: "div[itemprop='articleBody']",
injectionFrequency: 0.7,
additionalAds: "end",
notDirtyElements: ["img", "span"],
},
});
// mobile top
window.MTT.wrapper({
adfox: {
ownerId: 716017,
params: {
p1: "dcxtj",
p2: "jadp",
},
},
banner: {
refresh: {
checkVisibility: true,
seconds: 30,
},
},
containerId: "moluch_Top",
});
} else {
//mobile inread
window.MTT.inread({
adfox: {
ownerId: 716017,
params: {
p1: "dcxth",
p2: "jadp",
},
},
banner: {
container: "div[itemprop='articleBody']",
injectionFrequency: 0.7,
additionalAds: "end",
notDirtyElements: ["img", "span"],
},
});
// desktop top
window.MTT.wrapper({
adfox: {
ownerId: 716017,
params: {
p1: "dcxtm",
p2: "jaeo",
},
},
banner: {
refresh: {
checkVisibility: true,
seconds: 30,
},
},
containerId: "moluch_Top",
});
}
</script>
</body>
</html>
