
- •Разработка Web-сервиса клиентского обслуживания
- •Глава1. Теоретические основы программирования в сети Internet 5
- •Глава2. Этапы проектирования Web-сайта 16
- •Глава 3. Разработка Web-сервиса клиентского обслуживания для предприятия полиграфической промышленности 25
- •Введение
- •Глава1. Теоретические основы программирования в сети Internet
- •Представление данных
- •Понятие сайта, классификации
- •1.2.1. Классификация веб-сайтов.
- •Современные технологии создания сайтов
- •Глава2. Этапы проектирования Web-сайта
- •2.1. Представление требований к Web-сайту
- •2.2. Выбор программных средств
- •2.2.1. Краткое описание Web-редакторов
- •2.2.2. Ручное создание сайта
- •2.3. Описание работы php, Javascript, jQuery, языков разметки html и css
- •Глава 3. Разработка Web-сервиса клиентского обслуживания для предприятия полиграфической промышленности
- •3.1. Краткая характеристика предприятия ооо «Дани-Алмас»
- •3.2. Разработка клиент-серверногоWeb-приложения
- •3.2.1.Обоснование выбранного способа Web-конструирования
- •3.2.2 Виды современного дизайна.
- •3.2.3 Элементы дизайна
- •3.2.3.1. Шрифт и текст
- •3.2.3.2 Заглавия и заголовки
- •3.2.4. Графика на Web-страницах
- •3.2.4.1. Форматы графики на Web-страницах
- •3.2.4.2. Оптимизация графики
- •3.2.5. Разработка сайта.
- •3.2.5.1. Проектирование сайта.
- •3.2.5.2. Дизайн
- •3.2.5.3. Верстка
- •3.2.5.4. Программирование
- •3.3. Стратегия модернизации Web-сайта
- •Заключение
- •Список использованной литературы
- •Приложения
Список использованной литературы
Internet-cайтразработчиковвеб-сервера«Apache». http://www.apache.org;
Internet-сайт «Web-дизайн. Создание, разработка Web-сайта»: http://Webdesign.site3k.net/;
Internet-сайт «Учебник по Web-дизайну»: http://Webdesign.site3k.net/;
Internet-сайт «Учебник по интернет-программированию» http://www.des4Web.ru/InternetDevelopment/soder.html;
Internet-страница «Content management system»http://brutto.ru/informacija/uznat-bolshe/content-management-system.
Internet-энциклопедия «Википедия»: http://ru.wikipedia.org/;
MySQL. Руководство администратора. – Вильямс, 2005;
Базы данных: разработка и управление: Книга/ Хансем Г., Хансем Дж. - М.: Бином, 2000. - 704 с;
Брусакова И.А., Бугорский В.Н., Егорова И. В., Панова Е. Н. Методические указания по подготовке выпускной квалификационной работы для бакалавров. - СПб, 2009;
В.Н. Бугорский, Р.В. Соколов Экономика и проектирование информационных систем. – СПб.: РИФ “Роза мира”, 1998;
ГОСТ 19.701-90 – Схемы алгоритмов, программ, данных и систем. – Москва: Государственный комитет СССР по управлению качеством продукции и стандартам, 1992;
Кирсанов Дмитрий. Веб-дизайн. Санкт-Петербург – 2006 г.;
Кычкин Н.И. Создание информационногоWeb-портала кафедры (на примере кафедры математической экономики и прикладной информатики) // Математическая экономика и прикладная информатика. Вып. 3. – Якутск: Филиал издательства СВФУ, 2011. – С. 35-37.
Кычкин Н.И. Разработка Web-сервиса клиентского обслуживания // Математическая экономика и прикладная информатика. Вып. 4. – Якутск: Филиал издательства СВФУ, 2012. – С. 31.
Люк Веллинг, Лора Томсон. Разработка веб-приложений с помощью PHP и MySQL. – Вильямс, 2009;
Маньков В. Д. Обеспечение безопасности при работе с ПЭВМ. Практическое руководство. – Политехника, 2006 г.
Олифер В.Г., Олифер Н.А., «Компьютерные сети. Принципы, технологии, протоколы» - Издательство «Питер» 2000 г.
Разработка Web-приложений на PHPи MySQL: Книга / Лаура Томсон, Люк Веллинг – М: DiaSoft, 2003. 380-396 с., 626-645 с.
Самоучитель PHP 5: Книга/ Колесниченко Д. Н. – М: Наука и техника, 2004. 69-81 с;
Учебник PHP, Самоучитель: IT студия SoftTime. 1-12 с;
Приложения
Приложение 1. Схема работы сайта
Приложение 2. Калькуляционная карточка
КАЛЬКУЛЯЦИОННАЯ КАРТОЧКА |
||||
предварительная |
||||
|
|
|
|
|
Заказ № |
|
|||
Заказчик |
|
|||
Наименование заказа |
|
|||
Тираж |
1000 |
|||
Формат |
а4 |
|||
Объем в п.л. |
44 |
|||
Объем обложки |
0,5 |
|||
Объем вклейки в п.л. |
|
|||
Бумага текста |
115 |
|||
Бумага вклейки |
|
|||
Бумага обложки |
7БЦ |
|||
красочность текста |
4 |
2 |
форзац белый |
|
красочность вклейки |
|
|
|
|
красочность обложки |
|
4 |
1 |
|
Стоимость материалов: |
|
рублей |
|
|
|
проявитель |
|
15,00 |
|
|
форма |
|
180,00 |
|
|
краска |
|
500 |
|
|
Бумага дата копи |
1,8 |
0,65 |
|
|
Бумага офсетная 115гр |
|
2,60 |
2 |
|
бумага офсетная А2 150 гр |
|
3,65 |
4,5 |
|
Бумага офсетная А2 186 гр |
|
3,02 |
4,2 |
|
100гр. |
|
1,80 |
1,55 |
|
Бумага офсетная А2 130 гр |
|
3,14 |
4,6 |
|
мастер пленка |
|
14,00 |
8 |
|
краска на дупло |
|
200 |
|
|
картон |
|
36 |
|
Наименование затрат |
Сумма, руб. |
|||
Итого типографские работы |
693900,00 |
|||
1 |
Материальные затраты |
|
208170,00 |
|
|
Материалы и покупные изделия |
|
|
|
|
|
|
0,00 |
|
|
|
|
0,00 |
|
|
|
|
0,00 |
|
|
|
|
|
0,00 |
|
|
|
|
|
|
|
|
|
|
|
Основной текст |
|
181400,00 |
|
|
Бумага |
|
114400,00 |
|
|
Формы |
|
63360,00 |
|
|
Проявитель |
|
2640,00 |
|
|
Вывод |
|
700,00 |
|
|
Краска |
|
300,00 |
|
|
Обложка |
|
26770,00 |
|
|
Бумага на вклейку |
|
2300,00 |
|
|
Формы |
|
1440,00 |
|
|
Проявитель |
|
30,00 |
|
|
шитво |
|
700,00 |
|
|
краска |
|
300,00 |
|
|
клей |
|
1000,00 |
|
|
картон |
|
18000,00 |
|
|
ламинация |
|
3000,00 |
|
|
тиснение |
|
|
|
2 |
Затраты на оплату труда |
15% |
104085,00 |
|
3 |
Отчисления на соцнужды |
5% |
34695,00 |
|
4 |
Транспортные расходы |
10% |
69390,00 |
|
5 |
Накладные расходы |
10% |
69390,00 |
|
6 |
Рентабельность |
|
30% |
208170,00 |
|
ВСЕГО |
|
|
693900,00 |
|
|
|
|
|
ИТОГО |
693900,00 |
|||
Издательские расходы |
0,00 |
|||
7 |
Издательские расходы |
|
0,00 |
|
|
конверт для СД |
|
|
|
|
Верстка, тех/редактирование |
|
|
|
|
|
|
|
|
|
правка |
|
|
|
|
УДК,ББК |
|
|
|
|
ИСБН |
|
|
|
ВСЕГО |
693900,00 |
|||
|
693,90 |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Расчет составила: |
|
|
Старостина А.И. |
Приложение 3. Исходный код главной страницы.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="language" content="ru" />
<title>ТипографияДаниАлмас</title>
<meta name="description" content="">
<metaname="author" content="Newrgun">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="stylesheet" href="media/style.css">
<script type="text/javascript" src="media/jquery.min.js"></script>
<script type="text/javascript" src="media/jquery.tools.min.js"></script>
<script type="text/javascript" src="media/script.js"></script>
</head>
<body><div class="wrapper">
<div class="header">
<imgsrc="media/logotype.png" /><br />
Типография ДаниАлмас
<p>Издание книг, брошюр, каталогов, альбомов и другой многостраничной полиграфической продукции.</p>
<div class="right">г. Якутск<br />ул. Кулаковского, д. 51, офис 404<br />Каждый день с 09:00 до 15:00<br /><b>(4112) 35 35 35</b></div>
</div>
<div class="text">
<div class="text-header"></div>
<p>Мы обладаем собственной производственной базой, и наши возможности позволяют выполнять все этапы изготовления книг и различную послепечатную обработку. Мы поможем Вам быстро и качественно издать книгу любой сложности, и выполним такие дополнительные виды работ, как набор текста, перевод на якутский язык, редактирование, корректура, художественное оформление, верстка, макетирование, присвоение библиотечного номера (УДК, ББК) и международного номера ISBN.</p>
<p>Основными преимуществами нашей типографии является возможность выполнения абсолютно любых видов работ, связанных с выходом в свет вашей книги, а также высокое качество работы от допечатной обработки до оформления обложки готовой книги.</p>
<a class="hover">Оставитьзаявку</a>
<div class="calc" style="display:none;">
<!-- Калькулятор-->
</div>
</div>
</div>
</body>
<script type="text/javascript">
$('.hover').click(function(){
$('.calc').slideToggle('fast');
});
</script>
</html>
Приложение 4. Исходный код файла стилей.
/* normalize.css 2011-06-23T00:50 UTC //github.com/jonathantneal/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{cursor:default;font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,form,input,button,select,textarea{font-size:100%;margin:0}a,a:active,a:hover{outline:none}/*a:focus{outline:thin dotted}*/abbr{_border-bottom:expression(this.title ? '1px dotted':'none')}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#FF0;color:#000}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}nav ul{list-style:none}audio[controls],canvas,video{display:inline-block;*display:inline}audio{display:none;_display:expression(this.controls ? 'inline':'none');*zoom:1}audio[controls]{display:inline-block}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){ overflow:hidden}legend{*margin-left:-7px}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;_overflow:expression(this.type == 'button|reset|submit' ? 'visible':'')}button,input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
ul,h1,h2,h3,p {margin:0;padding:0;}
.cf:before, .cf:after {content:""; display:table; }
.cf:after {clear:both;}
.cf {zoom:1;}
body {
font-family:Arial, sans-serif; font-size:15px; line-height:1.5;
color:#301303;
background:url('background-grad-s.png') center 33px repeat-x, url('background-grad.png') top left repeat-x;
min-width:300px;
background-color:#fbf5e3;
}
hr {border:1px solid #7f8fa8;}
.wrapper {
max-width:990px;
margin:20px auto;
}
a {color:#0a60d6; cursor:pointer;}
a:hover {color:#5aa0ff;}
a.hover {border-bottom:1px dashed #0a60d6;}
a.hover:hover {border-bottom:1px dashed #5aa0ff;}
p {margin-bottom:1em; text-align:justify;}
/*
.header {
text-align:center;
font-size:17px; margin:30px 0;
position:relative;
font-family:Georgia, 'Times New Roman', Times, serif;
}
.header .right {
position:absolute; right:20px; top:0;
text-align:right; color:#000;
font-family:Arial, sans-serif; font-size:13px;
}
@media (max-width:900px) {
.header .right {
position:static; margin:20px;
}
}
.text {
margin:20px;
font-family:Arial, sans-serif; font-size:14px; line-height:1.5;
-webkit-column-width:250px;
-moz-column-width:250px;
column-width:250px;
-webkit-column-gap:30px;
-moz-column-gap:30px;
column-gap:30px;
-webkit-column-fill:auto;
}
.text .some {
text-indent:0;
display:block;
}
.text .some img {width:100%;}
*/
.header {
width:200px; text-align:right; float:left;
margin-left:30px;
font-weight:bold;
}
.header img {margin-bottom:10px; width:100%;}
.header p {
margin-top:5px;
font-size:12px; font-weight:normal;
text-align:inherit;
}
.header .right {
font-weight:normal;
color:#000; margin:10px 0;
font-family:Arial, sans-serif; font-size:12px;
}
.header .right b {line-height:30px; font-size:16px;}
.text {
float:right;
max-width:700px;
margin:0 30px;
}
.text-header {
width:100%; height:200px;
margin-bottom:12px;
background:#fffurl('header.jpg') top repeat-x;
}
.calc {
font-size:12px; background:#fffff5;
width:400px; margin:15px 0; padding:10px;
}
.calc .row {margin:5px 0;}
.calc label {
display:inline-block; width:50%; margin-right:5px;
text-align:right;
}
.calc .hint, .calc .note {
display:block; width:100%;
text-align:right; font-style:italic;
}
.calc input {
width:47%; display:inline-block;
border:1px solid #777; border-radius:2px;
box-shadow:inset -1px 1px1px #ccc;
}
.calc .row #yw0 {display:inline-block; margin-top:20px;}
.calc .row #RegistrationForm_verifyCode {
float:right; margin-left:50%;
}
.calc .row #yw0, .calc .row #RegistrationForm_verifyCode {
position:relative; top:-20px;
}
.calc .submit input {height:25px;}
.calc .submit input:hover {background-color:#fff; cursor:pointer; margin:-1px -1px 0 0;}
@media (max-width:990px) {
.header {
float:left;
margin-right:30px;
text-align:left; text-indent:0;
}
.header p {
display:block; width:180px;
position:absolute; top:20px; left:250px;
text-align:left; text-indent:0;
}
.text {max-width:100%;}
.calc {margin-left:0;}
}
@media (max-width:450px) {
.header p {
position:static;
text-align:left;
}
.calc, .calc label, .calc input {width:100%;}
}
Якутск, 2012