Библиографическое описание:

Ефимова Н. И., Мололкина О. Л. Разработка сайта интернет-аптеки ООО «Олеся» // Молодой ученый. — 2016. — №11.3. — С. 2-5.



Большим прорывом в технологии создания и разработки современных веб-проектов является создание 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-битным кодированием текста. </p> <p> Для быстрого редактирования файлов PHP обычно используют редактор Notepad++, потому что он обладает хорошей функциональностью и удобным интерфейсом и при этом отличается быстротой работы. Редактор может открыть сразу несколько документов, подсвечивать множество языков программирования, автоматически завершать набираемый текст, записывать макросы и многое другое. </p> <p> На рисунке 1 показана главная страница интернет-аптеки. Пользователи имеют возможность выбирать товар в различных категориях, осуществлять поиск по названию товара, ознакомиться с историей компании. Меню главной страницы состоит из 7 разделов: Лекарственные средства, БАДы, Изделия медицинского назначения, Ортопедия, Мама и малыш, Красота и уход, Медицинские приборы и аппараты. </p> <p> <img src="/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="/blmcbn/31342/31342.002.png" width="476" height="184" alt="" /> </p> <p> Рис. 2 Форма «Информация о заказе» </p> <p> <img src="/blmcbn/31342/31342.003.png" width="366" height="119" alt="" /> </p> <p> Рис. 3. Форма «Данные о покупателе» </p> <p> <img src="/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> <!-- Яндекс.Директ --> <div id="yandex_ad"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Direct.insertInto(105961, "yandex_ad", { ad_format: "direct", font_size: 1, type: "grid", limit: 4, title_font_size: 3, links_underline: true, site_bg_color: "FFFFFF", header_bg_color: "FEEAC7", title_color: "0000CC", url_color: "006600", text_color: "000000", hover_color: "0066FF", sitelinks_color: "0000CC", favicon: true, no_sitelinks: false }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.src = "//an.yandex.ru/system/context.js"; s.type = "text/javascript"; s.async = true; t.parentNode.insertBefore(s, t); })(window, document, "yandex_context_callbacks"); </script> Литература: </p> <ol type="1"> <li> Интернет-порталы: содержание и технологии / под ред. А. Н. Тихонова, В. Н. Васильева, Е. Г. Гридиной, А. Д. Иванникова, В. П. Кулагина и др. — М., 2007. </li> <li> Кулагин В. П., Заботнев М. С., Кузнецов Ю. М. и др. Организация учебной работы в интегрированной информационной среде обучения / под ред. А. Н. Тихонова. — М., 2007. </li> <li> Башмаков А. И., Старых В. А. Принципы и технологические основы создания открытых информационно-образовательных сред / под ред. А. Н. Тихонова. — М., 2010. </li> <li> Овчинников, С. А. Управление проектом по разработке программного обеспечения с целью повышения качества на основе анализа проектных рисков / Овчинников С. А. // Известия ВолгГТУ. Серия «Актуальные проблемы управления, вычислительной техники и информатики в технических системах». Вып. 16: межвуз. сб. науч.ст. / ВолгГТУ. — Волгоград, 2013. — № 8 (111). </li> </ol> </div> <!--/text--> <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> <div class="similar_articles2"> <h2>Похожие статьи</h2> <div class="similar_article"> <h3><a href="/th/1/archive/41/1300/">Оптимизация взаимодействия дошкольной организации с родителями (законными представителями) воспитанников посредством официального сайта в соответствии с Федеральным государственным образовательным стандартом дошкольного образования</a></h3> </div> <div class="similar_article"> <h3><a href="/conf/ped/archive/208/11216/">Интернет-технологии в образовании</a></h3> </div> <div class="similar_article"> <h3><a href="/conf/ped/archive/144/6549/">Цветовая палитра повести А. И. Куприна «Олеся»</a></h3> </div> <div class="similar_article"> <h3><a href="/conf/ped/archive/101/5150/">Интернет как средство формирования медиакомпетентности студентов</a></h3> </div> <div class="similar_article"> <h3><a href="/archive/93/20839/">Разработка интернет-магазина для домашней пекарни «Небесный миндаль»</a></h3> </div> </div> <!--/similar_articles--> <div class="b3"> <a href="http://moluch.ru/"><img src="http://old.moluch.ru/img/banner/728х90-animation.gif"></a> </div> <div class="comments"> <h2>Обсуждение</h2> <div id="mc-container"></div> <script type="text/javascript"> cackle_widget = window.cackle_widget || []; cackle_widget.push({widget: 'Comment', id: 38079}); (function () { var mc = document.createElement('script'); mc.type = 'text/javascript'; mc.async = true; mc.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cackle.me/widget.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling); })(); </script> <a id="mc-link" href="http://cackle.ru">Социальные комментарии <b style="color:#4FA3DA">Cackl</b><b style="color:#F65077">e</b></a> </div><!--discussion-end--> </div> <div class="col0 col3"> <div class="b2"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Responsive (в правом блоке, перед блоком "похожие статьи") --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9031165696323115" data-ad-slot="8553292623" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="similar_articles"> <h2>Похожие статьи</h2> <div class="similar_article"> <h3><a href="/th/1/archive/41/1300/">Оптимизация взаимодействия дошкольной организации с родителями (законными представителями) воспитанников посредством официального сайта в соответствии с Федеральным государственным образовательным стандартом дошкольного образования</a></h3> </div> <div class="similar_article"> <h3><a href="/conf/ped/archive/208/11216/">Интернет-технологии в образовании</a></h3> </div> <div class="similar_article"> <h3><a href="/conf/ped/archive/144/6549/">Цветовая палитра повести А. И. Куприна «Олеся»</a></h3> </div> <div class="similar_article"> <h3><a href="/conf/ped/archive/101/5150/">Интернет как средство формирования медиакомпетентности студентов</a></h3> </div> <div class="similar_article"> <h3><a href="/archive/93/20839/">Разработка интернет-магазина для домашней пекарни «Небесный миндаль»</a></h3> </div> </div> <!--/similar_articles--> <div class="side_faqs"> <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"> <a href="http://moluch.ru/"><img src="http://old.moluch.ru/img/banner/160х600-animation.gif"></a> </div> <div class="b2"> <!-- Яндекс.Директ --> <script type="text/javascript"> yandex_partner_id = 105961; yandex_site_bg_color = 'FFFFFF'; yandex_ad_format = 'direct'; yandex_direct_type = '160x600'; yandex_direct_links_underline = true; yandex_direct_header_bg_color = 'FEEAC7'; yandex_direct_title_color = '0000CC'; yandex_direct_url_color = '006600'; yandex_direct_text_color = '000000'; yandex_direct_hover_color = '0066FF'; yandex_direct_favicon = false; yandex_no_sitelinks = true; document.write('<scr'+'ipt type="text/javascript" src="//an.yandex.ru/system/context.js"></scr'+'ipt>'); </script> </div> <div class="b2"> </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. — С. 2-5.', 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 class="share_line"> <div class="subscr col0"> <!-- Begin MailChimp Signup Form --> <div id="mc_embed_signup"> <div id="ecd1d1e9f3e9a50a092ea7d2bbc93c0ad8284e248a1d931480fe6cdcd327176e"> <input type="hidden" name="sform[hash]" value="ecd1d1e9f3e9a50a092ea7d2bbc93c0ad8284e248a1d931480fe6cdcd327176e"> <label class="col">Подпишитесь на нашу рассылку:</label> <input class="inpt inpt_subscr" maxlength="255" name="sform[email]" type="email" required="required"> <button id="buttonecd1d1e9f3e9a50a092ea7d2bbc93c0ad8284e248a1d931480fe6cdcd327176e" class="btn_3" onclick="sformecd1d1e9f3e9a50a092ea7d2bbc93c0ad8284e248a1d931480fe6cdcd327176e._button(this);"> Подписаться </button> </div> <script type="text/javascript" src="https://login.sendpulse.com/members/forms/user-form-js/ac/ecd1d1e9f3e9a50a092ea7d2bbc93c0ad8284e248a1d931480fe6cdcd327176e/c/1/"></script> <script type="text/javascript">var sform_lang = 'ru'</script> </div> </div> <!--/subscr--> <div class="share col0"> <ul> <li><a href="http://vk.com/moluch_ru"><img src="/static/site/img/soc_vk.png" width="30" height="17"/></a></li> <li><a href="https://www.facebook.com/moluch"><img src="/static/site/img/soc_f.png" width="11" height="21"/></a></li> <li><a href="https://www.instagram.com/moluch_ru/"><img src="/static/site/img/soc_i.png" width="22" height="22"/></a></li> <!--<li><a href="https://plus.google.com/+MoluchRu/"><img src="/static/site/img/soc_g.png" width="21" height="22"/></a></li> <li><a href="https://twitter.com/moluch"><img src="/static/site/img/soc_t.png" width="24" height="20"/></a></li> <li><a href="http://www.odnoklassniki.ru/group/54592454721560"><img src="/static/site/img/soc_o.png" width="21" height="22"/></a></li>--> </ul> </div> <!--/share--> </div> <!--/share_line--> </div> <!--/MAIN--> <!--FOOTER--> <div class="footer"> <div class="footer_l col0"> <div class="footer_contacts col0"> <div class="footer_tel">+7 (499) 653-70-87</div> <div class="footer_tel_note">звонок бесплатный</div> <div class="footer_mail"><a href="mailto:info@moluch.ru">info@moluch.ru</a></div> </div> <!--/footer_contacts--> <div class="c col0"> <p>© 2008–2016, Издательство «Молодой учёный»</p> <p><a href="/offer/">Публичная оферта и реквизиты</a></p> <p><a href="/privacy/">Политика конфиденциальности</a></p> <div class="madein"><a class="nu" href="http://octoberweb.ru">Дизайн сайта <span>OctoberWeb</span></a></div> </div> <!--/c--> <div class="footer_search"> <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'http://yandex.ru/sitesearch','arrow':false,'bg':'transparent','fontsize':12,'fg':'#000000','language':'ru','logo':'rb','publicname':'Поиск по moluch.ru','suggest':true,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2209648,'webopt':false,'websearch':false,'input_fg':'#000000','input_bg':'#ffffff','input_fontStyle':'normal','input_fontWeight':'normal','input_placeholder':null,'input_placeholderColor':'#000000','input_borderColor':'#7f9db9'}"> <form action="http://yandex.ru/sitesearch" method="get" target="_self"> <input type="hidden" name="searchid" value="2209648"/> <input type="hidden" name="l10n" value="ru"/> <input type="hidden" name="reqenc" value=""/> <input type="search" name="text" value=""/> <input type="submit" value="Найти"/> </form> </div> <script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script> </div> </div> <!--/footer_l--> <div class="footer_menu col0"> <ul class="col" style="width: 190px;" > <li><a href="/journal-issues/">Номера журнала</a></li> <li><a href="/th/">Тематические журналы</a></li> <li><a href="/conf/">Научные конференции</a></li> <li><a href="/information/">Полезная информация</a></li> <li><a href="/rules/">Правила оформления</a></li> </ul> <ul class="col0" style="width: 150px;" > <li><a href="/pay/">Оплата и скидки</a></li> <li><a href="/about_izd/">Об издательстве</a></li> <li><a href="/faq/">Вопрос — ответ</a></li> <li><a href="/board/">Редакционный совет</a></li> <li><a href="/feedback/">Отзывы и защиты наших авторов</a></li> </ul> </div> <!--/footer_menu--> </div> <!--/FOOTER--> </div> <!--/PAGE--> </div> <!--/wrapper--> <!-- Yandex.Metrika counter --> <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script> <script type="text/javascript"> try { var yaCounter108345 = new Ya.Metrika({id:108345, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } </script> <noscript><div><img src="//mc.yandex.ru/watch/108345" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-37863613-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>