Современные методы создания сайтов
Разработка онлайн магазина для сайта спортивных товаров. Изучение программного инструментария, правил и рекомендаций по разработке и созданию Web-сайтов. Описание входных и выходных документов и структуры проекта. Расчет прибыли за счет внедрения сайта.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 06.02.2015 |
| Размер файла | 3,8 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
По названию документа HTML другие обозреватели могут найти информацию. Место для названия всегда определено - оно находится вверху экрана, и отдельно от содержимого документа. Максимальная длина названия - 40 символов.
Форматирование в языке HTML может быть непосредственным от автора сайта. Если вы используете тэг <pre>, то форматирование считается авторским:
<body>
<pre>
Тэги присущи непосредственному форматированию:
<p> - параграф
<hr> - горизонтальная линия
<br> - обрыв строки
Заголовки и подзаголовки языка HTML (шесть уровней заголовков). Первый заголовок - самый главный. На него обращается особое внимание. Остальные заголовки могут быть оформлены, например, жирным шрифтом или прописными буквами. В HTML первый заголовок обозначается как <H1>:
<Hn>Текст</Hn>
Под n понимается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или 6.
В HTML первый заголовок может совпадать с названием документа.
Списки в HTML подразделяются на:
- ненумерованные
<ul>
<li> элемент списка
</ul>
нумерованные
<ol>
<li> элемент списка
</ol>
- с описаниями
<dl>
<dt> (элемент списка)
<dd> (описание элемента)
</dl>
- вложенные
<ul>
<li> примус
<ol>
<li> другой примус
...</ol>
<li>
...
</ul>
Выделение текста в HTML-документе может быть выполнено одним из следующих способов:
<cite> - цитата </cite>;
<code> - программный код </code>;
<dfn> - определение </dfn>;
<em> - логический акцент </em>;
<kbd> - ввод с клавиатуры </kbd>;
<samp> - сообщения компьютера </samp>;
<strong> - сильный акцент </strong>;
<var> - переменные </var>.
Разбиение в HTML-документе на строки не принципиально. Это означает, что вы можете разбить строки вашего документа в любом его месте. Связано это с тем, что в гипертекстовом документе идущие подряд отбивки превращаются в одну. Если отбивка сделана после тэга <P>, то она учитывается. Если какой-нибудь тэг <H> игнорируется, то отбивка также учитывается. В остальных случаях обозреватель будет пропускать отбивки.
HTML позволяет пользователю связать текст или картинку с другими
гипертекстовыми документами. Текст, как правило, выделяется цветом
или оформляется подчеркиванием. Для этого используется тэг <a> который означает ссылку на данный предмет или объект. Помните, что после буквы «a» должен стоять пробел как, например:
<a href="filename"> текст гипертекстовой ссылки </a>;
Один из вариантов гипертекстовой ссылки может выглядеть так;
<a href="rinat.html">Ссылка</a>.
Здесь слово «Ссылка» ссылается на документ rinat.html, образуя гипертекстовую ссылку. Если документ, формирующий ссылку, находится в другой директории, то подобная ссылка называется относительной. Ссылки можно формировать на основе так называемого универсального локатора ресурса, то есть, используя следующий синтаксис: protocol: //hostport/path
Расширенные цитаты
Тэг <BLOCKQUOTE> позволяет вам включить цитату в уединенный объект.
Тэг <ADDRESS> позволяет сформировать информацию об авторе документа.
В HTML слова, строки и рисунки кодируются логическими и физическими стилями. Физические стили форматируют текст. Логические стили форматируют через определение в гипертекстовом документе виде программного кода некоторого значения. Это в частности означает, что тэг заголовка первого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому, чтобы изменить символьное форматирование заголовка вы должны модифицировать заголовок первого уровня. Через логические (в том числе и символьные) тэги вы можете сформировать согласованный гипертекстовый документ, то есть определить заголовок первого уровня в качестве только <h1> (без информации о гарнитуре шрифта и его кегле).
Логические стили документа HTML
<dfn> определить слово, курсив.
<em> усилить акцент, курсив.
<cite> заголовок чего-то большого и хорошего, курсив.
<code> компьютерный код, моноширный шрифт.
<kbd> текст, введенный с клавиатуры, моноширинный жирный шрифт.
<samp> сообщение программы, моноширинный шрифт.
<strong> очень важные участки, жирный шрифт.
Физические стили документа HTML
<b>полужирный
<i>курсив
<tt>моноширинный
<u>подчеркнутый
<s>перечеркнутый
<sup>верхний индекс
<sub>нижний индекс
Символы, которые не могут быть введены в текст документа непосредственно называются специальными символами. Для таких символов существуют особые тэги. Четыре символа - знак меньше <, знак больше >, амперсант & и двойные кавычки " имеют специальное значение внутри HTML и, следовательно, не могут быть использованы в тексте в своем обычном значении. Скобки используются для обозначения начала и конца HTML тэгов, а амперсант используется для обозначения так называемой escape-последовательности.
Горизонтальные разделители - тэг <HR> формирует горизонтальную
линию по всей ширине окна.
Вы можете встраивать в ваш документ картинки.
<IMG SRC=image_URL>
Здесь image_URL есть указатель на файл картинки,синтаксис которого совпадает с синтаксисом ссылки HTML.
Для того чтобы вставить в вашу страничку звуковой файл, например, midi-файл необходимо:
<EMBED SRC="bob1.mid" WIDTH="140" HEIGHT="50"
ALIGN="MIDDLE" BORDER="0" AUTOSTART=TRUE>(Это одна строка).
В этом тэге были использованы следующие параметры:
WIDTH - параметр, определяющий ширину midi-плеера;
HEIGHT - параметр, определяющий высоту midi-плеера;
BORDER - ширина рамки midi-плеера;
AUTOSTART - запустить midi-плеер сразу после того, как загрузится документ HTML.
Используя распределения ссылок по картинке, вы можете, например, создать графическое меню из одной большой картинки таким образом, чтобы каждый элемент системы меню содержал определенный URL. Распределение ссылок по картинке(используемые форматы: JPG,BMP,GIF и т.д. ) описывается тэге в следующим виде IMG:
<IMG SRC="url" USEMAP="url#map_name">
Здесь аргумент USEMAP задает расположение схемы распределения map_name в URL.
Если URL не указан, то поиск схемы map_name ведется в текущем документе. Форма области. Возможно выделить область на картинке так:
default - стандартная форма
rect - прямоугольник
circle - круг
poly - многоугольник произвольной формы
cords - координаты области. Задаются в пикселях. Отсчет начинается с нуля. Круг имеет три координаты, прямоугольник - четыре, а для многоугольника вы должны описать каждый его угол в двух координатах.
nohref - указать, что в данной области картинки отсутствует ссылка.
Этот параметр работает всегда, когда не определен параметр href.
</map> - закончить описание схемы распределения ссылок по картинке.
Общий шлюзовой интерфейс позволяет облегчить работу с данными сервера Web в интерактивном режиме. Сервер Web через CGI запускает поисковую программу и пересылает обработанные данные назад. Это означает, что файл из каталога CGI-BIN всегда исполняемый файл. Если
CGI- программа, например, взаимодействует с системой управления базой данных, то пользователь может получать некоторую интересующую его информацию в интерактивном режиме. Код программы пишется, как правило, на языке описания сценариев Perl. Perl является интерпретируемым языком, интерпретатор которого соответствует операционной системе. Передача данных от сервера к программе CGI осуществляется сервером через командную строку и переменные окружения. Таким образом, сервер через общий шлюзовой интерфейс запускает программу CGI и пересылает ей вводимые пользователем данные. Сами данные вводятся через так называемые формы HTML. Форма представляет собой гипертекстовую страницу с одним или несколькими полями данных и специальной кнопкой для передачи, введенной информации. Как и код любого гипертекстового документа, код формы начинается с тэга form action = /sgi-bin/example.pl и заканчивается тэгом /form Аргумент action - это URL программы CGI, то есть /sgi-bin/example.pl.
Method - используемый для запроса данных, параметр задает режим передачи данных из формы в программу CGI. Основные режимы передачи - get, head и post. Программа CGI должна поддерживать один из этих режимов, иначе обработки данных не произойдет.
В режиме get данные входят через URL в строку запроса. Программы CGI получают данные от переменных окружения и посылают выходные данные через общий шлюзовой интерфейс обратно пользователю. Заголовок get определяет получение документа *.HTML в корневом каталоге сервера.
Относительно аргумента post CGI реализован в программах, поддерживающих Unix и некоторые приложения Windows. CGI для Windows реализуется лишь в том случае, если сервер Web способен декодировать данные тех форм HTML, которые пересылаются в режиме post. Это можно сделать двумя способами:
URL-Encoded (Данные формы пересылаются на сервер в виде HTML).
Multipart Form Data (Данные формы пересылаются на сервер в виде
MIME-сообщения).
input type=text - поместить в форму текстовое поле данных.
name=name - определить имя текстового поля данных name.
mxlength=number - размер текстового поля данных. Вместо number
вы можете ввести целое число.
radio - определить кнопку переключения.
name=prodtype - определить логическое поле prodtype.
Input type=checkbox - определить флажок для протокола передачи.
Accept - метод, используемый для интерпретации пересылаемых файлов. Файлы могут пересылаться в виде ASCII или HTML. Количество заголовков accept соответствует типам данных MIME (Multipurpose Internet Mail Extensions). Заголовок accept: type/sub-type {parameters} пересылается как значение параметра accept. Каждый тип данных имеет собственный параметр accept.
Технология создания фреймов в HTML позволяет просматривать в одном окне обозревателя несколько гипертекстовых документов. Один фрейм отображает только один гипертекстовый документ. Что такое фрейм это разбиение HTML-документа на графические таблицы в которых имеются ссылки отвечающие за определённые действия в сайте.
Создание фрейма осуществляется через тэг <frameset>. Тэг <body> в этом случае не используется. Тэг </frameset> заканчивает выполнение кода. Далее идет стандартное применение HTML.
Тэг <frame src="Name1"> позволяет описать первый фрейм, т.е. присвоить имя гипертекстовому документу. Второй фрейм описывается тэгом < frame src="Name2" NAME="Main">.
Если обозреватель того или иного пользователя не поддерживает фреймы, то между тэгом <noframes> и тэгом </noframes> заносится текст, который распознает обозреватель.
Тэг <frame>, имеющий самое большое количество атрибутов, позволяет настроить свойства фрейма. Ниже описываются атрибуты.
name=имя фрейма.
marginwidth=горизонтальный отступ (от 1 до 6) между фреймом и его границей.
marginheight=вертикальный отступ (от 1 до 6) между фреймом и его границей.
scrolling=прокрутка фрейма. Под атрибут scrolling =yes позволяет создать полосы прокрутки, scrolling =no - указывает обозревателя, что полосы прокрутки отсутствуют в данном фрейме, а под атрибут scrolling =auto позволяет отображать полосы прокрутки в зависимости от свойств обозревателя.
noresize - фиксированный размер фрейма.
src= задать гипертекстовый документ для этого фрейма.
target=Name - открыть ссылку во фрейме с именем Name.
2.4.3 Вспомогательные языки
В программе я также использовал различные языки программирования для сайтов, например: РНР (Personal Home Page Tools - персональные инструменты для домашней странички). PHP - язык написания сценариев,
внедренный в HTML. Многое из синтаксиса заимствовано из C, Java и Perl (языки программирования), с добавлением специфичных для PHP возможностей. Задача языка состоит в том, чтобы дать возможность Web-разработчикам легко и быстро создавать динамично изменяемые html-страницы. РНР - код внедряется в HTML, без ограничений. Кроме единственного условия - не забывать открывать и закрывать теги, которыми
ограничивается код РНР. Чтобы сервер узнал, что в коде страницы кроме стандартного HTML есть код РНР, необходимо в нужном файле изменить расширение со стандартных *.htm или *.html на *.phtml, *.php3 или *.php. Синтаксис РНР похож на синтаксисы с языков С, С++, Java и т.д. РНР перешло все самое лучшее из этих. Но один из основных недостатков языка
РНР - отсутствие возможности условных и безусловных переходов в скрипте. Это накладывает ограничения на большие скрипты (просто очень большие скрипты становится писать уже сложно). РНР разрабатывался именно как небольшие включения в HTML. РНР удивительно легко интегрируется со всеми основными базами данных и позволяет делать, к примеру, прайс листы с возможностью поиска информации.
Модуль PHP - устраняет потребность в многочисленных малых cgi программах на Perl, позволяя поместить простые скрипт-программы непосредственно в HTML файлы. Также упрощает управление большими WEB серверами, помещая все компоненты WEB страницы в одиночном файле HTML. Встроенная поддержка различных баз данных делает тривиальной разработку WEB страниц с доступом к базам данных.
Во время написания сайта появилась необходимость во внедрении программ на языке программирования Java
Программы, разработанные на языке программирования Java, можно разделить по своему назначению и функциональности на две большие группы:
самостоятельные программы (назовём их приложения Java), работающие независимо на локальном компьютере; апплеты (applets), работающие в Internet.
В настоящее время работа Java поддерживается всеми основными компьютерными платформами. Самостоятельное приложение, предназначенное для автономной работы, компилируется и выполняется на локальной машине под управлением системы времени выполнения Java. Java вполне подходит для написания приложений, которые с тем же успехом могли быть написаны на С, С++, Basic, Delphi или любом другом языке программирования.
Апплеты, которые обеспечивают этому языку его популярность, представляют собой разновидность приложений Java, которые интерпретируются виртуальной машиной Java, встроенной практически во все современные браузеры.
Каждый апплет -- это небольшая программа, динамически загружаемая
по сети с Web сервера при открытии в браузере HTML страницы, в которой имеется ссылка на апплет -- точно так же, как картинка, звуковой файл или элемент мультипликации. Главная особенность апплетов заключается в том, что они являются настоящими программами, а не очередным форматом файлов для хранения мультфильмов или какой-либо другой информации. Апплет не просто проигрывает один и тот же сценарий, а реагирует на
действия пользователя и может динамически менять свое поведение. С помощью апплетов вы можете сделать страницы сервера Web динамичными и интерактивными. Апплеты позволяют выполнять сложную локальную обработку данных, полученных от сервера Web или введенных пользователем с клавиатуры. Для повышения производительности апплетов в браузерах используется компиляция "на лету Just-In-Time compilation (JIT). При первой загрузке апплета его код транслируется в обычную исполнимую программу, которая сохраняется на диске и запускается. В результате общая скорость выполнения апплета Java увеличивается в несколько раз. Из соображений безопасности апплеты (в отличие от обычных приложений Java) не имеют никакого доступа к файловой системе локального компьютера. Все данные для обработки они могут получить только от сервера Web. Исходный файл на языке Java - это текстовый файл, содержащий в себе одно или несколько описаний классов. Транслятор Java предполагает, что исходные тексты программ хранятся в файлах с расширениями java. Получаемый в процессе трансляции байт-код для каждого класса записывается в отдельном выходном файле, с именем совпадающем с именем класса, и расширением class. Именно class-файлы, содержащие байт-код, интерпретируются системой времени выполнения Java в машинный код конкретной системы. Прежде всего, байт-код Java загружается в систему времени выполнения загрузчиком классов. Загрузчик классов отвечает за то, чтобы были загружены все классы, необходимые для выполнения приложения. Затем байт-код проверяется верификатором байт-кода на отсутствие операций, которые могли бы нарушить безопасность системы или вызвать в ней аварийную ситуацию. Важно отметить, что загрузчик классов и верификатор байт-кодов не делают никаких предположений относительно происхождения кодов, получены они с локальной файловой системы или с другого континента. Верификатор гарантирует, что любой код, прошедший проверку, может быть использован интерпретатором, без риска повредить его (интерпретатор), а именно:
не может произойти переполнение или "исчерпание" стека;
параметры для инструкций байт-машины имеют нужный тип;
доступ к полям и методам объектов не нарушает правил. После такой проверки на безопасность байт-код интерпретируется в машинный код и запускается на выполнение интерпретатором. Причём классы, полученные локально (заслуживающие безусловного доверия), и классы, присланные по сети из остального мира (и потенциально враждебные), находятся в разных
пространствах имён. При разрешении ссылки на какой-либо класс он ищется, прежде всего, в локальном пространстве. Это не позволяет "внешним" кодам подменить один из базовых классов в системе. Также в процессе интерпретации происходит подключение необходимых библиотек (файлы с расширением jar).
В первую очередь программист готовит исходные тексты приложения для платформы Windows NT и отлаживает их там. Для получения загрузочного модуля исходные тексты компилируются и редактируются. Полученный в результате загрузочный модуль может работать на процессоре фирмы Intel в среде операционной системы Windows XP.
Приложение Java (или апплет) должно работать на нескольких платформах, нет необходимости компилировать его исходные тексты несколько раз. Можно откомпилировать и отладить приложение Java на одной, наиболее удобной платформе. В результате получится байт-код, пригодный для любой платформы, где есть виртуальный процессор Java
Java таким образом компилируется и отлаживается только один раз, что уже значительно лучше. Приложение Java не обращается напрямую к интерфейсу операционной системы. Вместо этого оно пользуется стандартными готовыми библиотеками классов, содержащими все необходимое для организации пользовательского интерфейса, обращения к файлам, для работы в сети и так далее.
Внутренняя строения реализация библиотек классов, разумеется, зависит от платформы, на которой они расположены. Однако все загрузочные модули, реализующие возможности этих библиотек, поставляются в готовом виде вместе с виртуальной машиной Java, поэтому программисту не нужно об этом заботиться. Для операционной системы Windows, например, поставляются библиотеки динамической загрузки DLL, внутри которых запрятана вся функциональность стандартных классов Java.
Программисты могут больше не заботиться о различиях в реализации программного интерфейса конкретных операционных систем. Это позволяет создавать по-настоящему мобильные приложения, не требующие при переносе на различные платформы перетрансляции и изменения исходного текста.
Есть ещё одна проблема, возникающая при переносе программ, составленных на языке программирования С, заключается в том, что размер области памяти, занимаемой переменными стандартных типов, различный на разных платформах. Например, в среде операционной системы Windows версии 3.1 переменная типа int в программе, составленной на С, занимает 16 бит. В среде Windows XP этот размер составляет 32 бита. Трудно составлять программу, не зная точно, количества имеющихся бит в слове или в байте. При переносе программ на платформы с иной разрядностью могут возникать ошибки, которые трудно обнаружить.
3. Описание программной части
3.1 Описание входных и выходных документов комплекса программ
Выходными документами сайта являются:
Главная страница сайта это лицо сайта, при виде этой странице пользователь должен понимать куда он зашел.
Страница «Беседка» - предназначена для того, чтобы пользователь мог общаться с людьми и узнать информацию о других посетителях.
Страница «Корзина» - предназначена для того, чтобы пользователь мог узнать, какие он зделал заказы которые поступают в корзину.
Страница «Магазин» - предназначен для того, чтобы пользователь мог узнать, какие есть товары в наличий магазина.
Страница «Оплата» - предназначена для того, чтобы пользователь, мог оплатить заказанный им товар четырьмя способами.
Страница «Об авторе сайта» - предназначена для того, чтобы пользователь, знал разработчика сайта и его контактные данные.
Страница «Профиль» - предназначена для того, чтобы пользователь, мог поменять свой настройки такие как смена пороля,адреса и заказа.
3.1.1 Описание комплекса
Для начала нужен выход в интернет, как соединение с глобальной сетью будет готово, можно будет запускать один из ваших любимых браузеров и вводить
адрес сайта: http://localhost/sport.ru.
Размер сайта составляет 2.2 Mb.
http://localhost/ https://sport.ru/ . - Это стартовая страница сайта «Кросби» тут выводятся главные данные о сайте, ее история и контактная информация.
https://sport.ru/?page_id=2- Беседка возможность общаться с другими пользователями.
https://sport.ru/?page_id=5. - Выводит на экран информацию что вы выбрали и готово к заказу.
https://sport.ru/?post_type=product. - Позволяет узнать о товарах предлагаемым онлайн магазином Кросби.
https://sport.ru/?page_id=59- Краткая информация о создателе сайта.
http://localhost/sport.ru/?page_id=5. - Отвечает за оплату и заказ товара виды услуг в этом направлении.
http://localhost/sport.ru/?page_id=8. - Тут описывается информация о пользователей сайта и настройки профиля.
3.2 Описание проблемной задачи
Html Кошмары редактор кода
По большей части, редакторы сайта являются большими, если у вас есть небольшое количество опыта Microsoft Слово и опыт HTML код, но если вы только начинаете, там может быть довольно кривой обучения. Есть большое разнообразие редакторов, начиная от чрезмерно упрощенным и очень сложными.
В теории, Word может быть использован для создания простого веб-сайта. Основной вопрос, который мы запускаем в это огромное количество стилей код, который оказывается в фоновом режиме, когда текст "скопировать и вставить" из документа Word. Это может быть пара сотен строк кода достаточно бесполезны, что поисковые системы должны ползти, чтобы добраться до содержимого вашего сайта.
Принимая время, чтобы структурировать содержание должным образом пойдет на пользу сайта нагрузка раз, поисковые системы и самого себя, если вам придется вернуться назад и изменить или добавить больше содержания. Если код за кулисами в редактор не является чистым, форматирования в редакторе может быть болезненным процессом.
Проблемной программой было осуществить переход с одной страницы на другую, так как сайт разбит на три блока, то было необходимо сделать переход, так что бы менялась только та часть где нужно вывести информацию .
3.2.1 Схема комплекса проблемной программы
Схема работы комплекса проблемной программы
Рисунок 3.1 - главное окно программы
3.2.2 Таблица набора данных
Таблица 2.1 - Наборов данных проблемной программы
|
Имя набора в интернете |
Имя набора на внешнем носителе |
Логи-ческое устрой-ство |
Длина записи набора |
Тип набора |
Метод доступа к данным |
Тип записи |
|
|
http://localhost/sport.ru/?page_id5 |
Internet Explorer |
C:/ |
1 Мб |
Вводный |
Прямой |
Постоян-ный |
|
|
http://localhost/sport.ru/?post_type=product |
Internet Explorer |
C:/ |
1 Мб |
Вводный |
Прямой |
Постоян-ный |
|
|
http://localhost/sport.ru/?page_id5 |
Internet Explorer |
C:/ |
1 Мб |
Вводный |
Прямой |
Постоян-ный |
3.3 Организация работы сайта
3.3.1 Комплекс технических средств, необходимых для выполнения
программы
- Персональный компьютер, ноутбук или КПК.
- Выход в интернет.
- Программа с помощью которой можно выходить в интернет
(браузеры(Mozilla Firefox, Internet explorer, Opera, Google Chrome).
Минимальные системные требования:
Pentium II 1.4 GHz.
DDR 128 Mb.
HDD 10 Gb.
Video: GeForce 5200, Radeon x 400.
Звуковая карта DirectX 8.1
Скорость доступа 56 Kb/s.
3.3.2 Назначение программы
Главное назначение сайта заключается в том, чтобы поведать пользователям о спортивных товарах и так же о новинках в спрортивном мире. Просто и очевидно, не так ли? Тем не менее, в борьбе за создание удобных и практичных домашних страниц большинство дизайнеров терпят поражение, поскольку они либо не совсем осознают, для чего же нужна домашняя страница, либо останавливаются на узком или ошибочном понимании ее предназначения. Исходя из опыта пользователей, домашнюю страницу можно сравнить с целым рядом хорошо знакомых вещей. Каждое из этих сравнений имеет право на жизнь, поскольку домашняя страница выполняет множество функций. Вместе с тем, не все сравнения равноценны, а некоторые из них и вовсе уводят мышление дизайнера в совершенно противоположную сторону. Главное выбрать свой дизайн сайта и представить каким он будет.
3.3.3 Особенности работы с Wordpress
Среди функций управления, осуществляемых на изучаемом магазине, будет так же дополнительная трата времени клиента и персонала на покупку/реализацию спортивных товаров негативно сказывается на количестве и качестве продаж.
Интерактивный веб-сайт, рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, способа получения заказа и выписывающий счет на оплату является необходимой автоматизацией для сайта «Кросби». Выбрав необходимые товары или услуги, пользователь обычно имеет возможность тут же на сайте выбрать метод оплаты и доставки. Совокупность отобранных товаров, способ оплаты и доставки представляют собой законченный заказ, который оформляется на сайте путем сообщения минимально необходимой информации о покупателе.
Обоснование необходимости автоматизации
Преимущества виртуального магазина, перед реальным очевидны: уменьшается численность персонала за счет сокращения объема взаимодействия с клиентами, аренда дискового пространства и размещение "электронной витрины" дешевле и проще аренды торговых помещений и размещения товаров на полках, нет нужды в кассовом обслуживании, нет проверок различных государственных организаций(пожарные службы и т.д.) неограниченное количество покупателей, так же проведем ряд сравнений, указанных в таблице 1.2.1.
Таблица 1.2.1
|
СрОплата .покупателем счета на товар в кассе магазина наличными деньгами или банковской картой и почтовой службой |
Оплата покупателем счета по какой-нибудь системе электронных платежей (банковская карта, электронный чек, цифровые деньги, электронные деньги) |
Границы рассматриваемой задачи: проект автоматизируется от начальной стадии (как есть), до полной автоматизации продаж через Интернет.
Для создания данной системы интернет магазина нам потребуются следующие специалисты:
Web-программист со знанием и опытом работы с CMS Wordpress
Оператор - cоздание отчётов, редактирование базы данных.
Основные определения и понятия, свойственные рассматриваемой области:
CMS Wordpress -- система управления содержимым, написанная на языках PHP и JavaScript, использующая в качестве хранилища содержания базу данных MySQL. Joomla! является свободным программным обеспечением, защищённым лицензией GNU GPL. CMS Wordpress! включает в себя различные инструменты для изготовления веб-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.
Описание перечня результатных показателей, рассчитываемых на базе использования совокупности исходных показателей в процессе выполнения этих функций: главный показатель эффективности разрабатываемого проекта, будет увеличение продаж и прибыли магазина «Кросби».
3.4 Инструкции оператору по подготовке данных
Устанавливаем Denwer на диске ПК, скопировать документы сайта в специальную папку которую мы создали, открываем браузер, вводим адрес сайт и нажимаем Enter
Рисунок 3.5 вход в панель управления
Рисунок страницы- Регистраций на сайте
Рисунок страницы - Главная страница
Рисунок Страницы -Беседка
Рисунок страницы - Корзина
Рисунок страницы- Магазин
Рисунок страницы-Об авторе сайта
Рисунок страницы- Оплаты
Рисунок страницы- Профиль
Рисунок страницы- Смены пароля
Рисунок страницы- Смены адреса доставки
Заключение
В данной дипломной работе был разработан интернет-магазин. Интернет-магазин был создан средствами языка разметки гипертекстовых документов HTML, серверных языков программирования PHP и Apache.
Для разработки сайта были рассмотрены актуальные вопросы разработки и создания современного Web-сайта.
При этом были решены следующие частные задачи:
- ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;
- изучение программного инструментария, применяемого для разработки и создания Web-сайтов;
- выявление и учет методов и способов представления на Web-страницах различных видов информации, не препятствующих их доступности;
- ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;
- определение структуры Web-страниц;
- выбор стратегии разработки и создания Web-сайта.
В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта.
В данной работе такие технологии, как CSS JavaScript, были затронуты лишь поверхностно, дабы показать эффективность совокупности использования HTML с интерактивными скриптовыми технологиями. Использование последних является отдельной темой, подходящей для отдельного проекта
Интерфейс программы прост и удобен, работа не требует получения большого количества дополнительных знаний.
Список использованной литературы
Л. Кан, Л. Логан “Мой узел Web”, Microsoft Press - русская редакция, 1996 г.
С. Клименко, В. Уразметов “Internet. Среда обитания информационного общества”, РЦФТИ, Протвино, 1995 г.
3. Андрианов В.И. и др. “Шпионские штучки” и устройства для защиты
объектов и информации”, Санкт Петербург, изд-во “Лань”, 1997 г. 4. Э. Крамер. HTML - Наглядный курс Web-дизайна. М.-Спб.-Киев: Диалектика, 2001 5.Пол Макфедрис. Создание Web-страниц. М.: АСТ Астрель, 2005;
7. Интернет - ресурсы
8.Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998
8.Ганчаров А. Самоучитель HTML. Питер 2000
10.Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999
11.Денисов Internet Explorer 5 Справочник Питер 1999
12.Хоумер А. Dynamic HTML Справочник Питер 1999
13.Петюшкин А.В., HTML. Экспресс-курс. - СПб.: БХВ - Петербург, 2003
14.Кингсли-Хью Э., JavaScript: учебный курс. - СПб.: Питер, 2002
15.http: //www.robotland.ru/
16.http://lanserv1.kemsu.ru/obuch3.html
17.http://www.helloworld.ru/texts/comp/web/html/html3/lab1.htm 18.http://www.sao.ru/racs/reques/diplom.html
19.http://mail1.kemsu.ru/obuch3.html
20.С.В.Симонович Информатика. Базовый курс. Издательство «Питер» 1999
21.Лекции по WEB программировани
22.Гультяев А.К., Машин В.А. Уроки Web-мастера. Технология и инструменты: Практическое пособие.- СПб.: КОРОНА принт, 2001.
23.Костарев А.Ф. РНР в Web-дизайне.- СПб.: BHV-Петербург, 2002.
Франкл+ин Д., Паттон Б. Flash 4. Анимация в Интернете/ Пер. с англ.- СПб.: Символ-Плюс, 2000.
24.Шапошников И.В. Web-сайт своими руками: Практическое руководство. - СПб.: БВХ-Санкт-Петербург, 2000.
25.Гончаров А. Самоучитель HTML.- СПб.: Питер, 2001.
26.Румянцев Д. Сам себе Web-программист. Практикум создания качественного Web-сайта. - М.: ИНФРА-М, 2001.
27.Спейнаур С., Куэрсиа В. Справочник Web-мастера. _ Киев: BHV, 1997.
28.Хоумер А. Dynamic HTML: справочник программиста. - СПб.: ПитерКом, 1998.
29.Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование Web-страниц. - Харьков: Фолио, 2002.
30.Федоров А. JavaScript для всех. - М.: КомпьютерПресс, 1998.
31.Фролов А.В., Фролов Г.В. Сервер Web своими руками. - М.: ДИАЛОГ-МИФИ, 1998.
Размещено на Allbest.ru
...Подобные документы
Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.
дипломная работа [1,5 M], добавлен 03.06.2015Рассмотрение понятий и программного инструментария, применяемых для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации. Создание структуры файлов проекта, главной страницы и страниц номеров отеля.
курсовая работа [3,5 M], добавлен 13.11.2022История появления первого в мире сайта info.cern.ch в 1991 году. Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Использование конструктора при разработке сайтов. Создание сайта "с нуля", разработка дизайна, верстка, оформление.
реферат [21,5 K], добавлен 26.05.2015Обзор методов и средств по созданию и проектированию Web–сайтов. Языки программирования для создания Web–сайтов. Анализ достоинств и недостатков систем управления сайтом CMS. Разработка дизайна и макета сайта. Расчет затрат на разработку продукта.
дипломная работа [1,1 M], добавлен 02.06.2016Управление электронным бизнесом. Изучение технологии создания сайта предприятия с использованием выбранных бесплатных конструкторов сайтов. Сравнительный анализ макетов сайтов, разработанных для организации с помощью конструкторов "Nethouse" и "А5".
курсовая работа [867,2 K], добавлен 23.03.2016Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".
курсовая работа [3,5 M], добавлен 05.06.2015Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.
презентация [1,3 M], добавлен 28.11.2015Анализ существующих сайтов образовательный учреждений учебных сайтов Астраханской области. Обзор среды реализации разработки веб-сайта. Требования к официальным сайтам образовательных учреждений. Разработка логической структуры веб-сайта колледжа.
дипломная работа [6,1 M], добавлен 10.06.2014Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.
дипломная работа [850,3 K], добавлен 11.01.2015Основы рекламной деятельности по раскрутке сайта. Описание информационной модели сайта и используемых классификаторов, состав входных документов и справочников. Описание архитектуры проекта со стороны пользователя. Экономическая эффективность проекта.
дипломная работа [6,8 M], добавлен 21.03.2015Разработка структуры сайта и автоматизация процесса заказа и покупки товара посредством сети интернет. Проектирование базы данных, подключенной к сайту. Создание инфологической модели, форм входных и выходных документов, графа диалога, экранных форм.
дипломная работа [1,9 M], добавлен 06.07.2015Возможные варианты веб-сайты вегетарианских ресторанов. Изучение особенности дизайна корпоративных сайтов вегетарианских ресторанов на примере других сайтов. Создание дизайн-макета сайта в программе Adobe Photoshop. Готовый макет корпоративного сайта.
курсовая работа [1,7 M], добавлен 11.06.2015Современные тенденции разработки и принципы классификации web-сайтов. Сайт как средство развития бизнеса. Технологии, применяемые при разработке web-сайтов, системы управления контентом. Разработка web-сайта для ЗАО "Кондитерская фабрика "Саратовская".
дипломная работа [4,1 M], добавлен 01.10.2012Классификация современных web-технологий. Сравнительный анализ систем управления сайтами. Исследование методов разработки, оптимизации и продвижения Web-сайта. Изучение фреймворков, используемых при разработке сайтов. Обзор создания графического дизайна.
дипломная работа [3,8 M], добавлен 07.11.2013Исследование содержания и анализ оформления игровых сайтов. Пояснение целесообразности использования программных средств, для создания узла. Разработка требований к Web-узлу, тестирование и анализ эффективности его работы, структура и элементы сайта.
курсовая работа [2,0 M], добавлен 13.12.2013Анализ современных концепций построения сайтов онлайн-тестирования. Разработка автоматизированного тестирующего комплекса – обучающего Web-приложения, позволяющего проводить контроль уровня знаний математики с применением языка программирования Php.
дипломная работа [865,8 K], добавлен 24.06.2013Популярные решения и системы создания и использования сайтов. Требования к сайту. Состав и содержание работ по созданию сайта. Прототипы страниц, структура web-сайта. Программная совместимость, документация по установке. Порядок сдачи-приемки работ.
курсовая работа [226,0 K], добавлен 01.04.2017Анализ сетевых технологий в гостиничном деле. Официальные сайты компаний. Технологии при создании и поддержке сайтов. Разработка модели web-ресурса, шаблона, тестового примера. Основные этапы создания веб-сайта и презентации. Цены на разработку сайта.
курсовая работа [3,6 M], добавлен 30.03.2014Классификация сайтов по технологиям, влияющим на дизайн и функциональность. Исследование языков программирования для web-сайтов. Характеристика особенностей личных и коммерческих сайтов. Разработка и реализация сайта Института математики и информатики.
отчет по практике [5,1 M], добавлен 09.12.2014Анализ основных средств для создания Web-сайтов. Обзор и сравнительный анализ СУБД, применяемых в Web-программировании. Анализ методов продвижения Web-сайтов. Проектирование Web-сайта в области коммунального хозяйства. Разработка графического дизайна.
курсовая работа [3,0 M], добавлен 07.11.2013
