- •Министерство образования и науки республики казахстан Университет «туран»
- •Дипломный проект
- •Задание на дипломный проект
- •Руководитель: ________ Ахметжанова ж.Б.
- •Содержание:
- •Глава 1. Обоснование потребности в Web-сайте……….……..……………………... 6
- •Глава 2. Разработка и создание Web-сайта……………....…………………………… 24
- •Глава 3. Технико-экономическое обоснование……………………………...………. 66
- •Глава 4. Охрана труда и безопасность жизнедеятельности……………………….. 73
- •Введение
- •Цели и поставленные задачи дипломного проекта
- •Глава 1. Обоснование потребности в Web-сайте
- •1.1 Web-сайт, общие понятия.
- •1.1.1 Классификация Web-сайтов
- •1.1.2 Проектирование и разработка Web-сайта
- •1 Этап — определение целей создания сайта
- •2 Этап — проведение исследований по теме
- •3 Этап — определение типа сайта, разработка тз и структуры
- •4 Этап — разработка макета дизайна сайта
- •5 Этап — html-css вёрстка
- •6 Этап — программирование и установка на cms
- •1.2 Разработка базы данных MySql
- •1.2.1 Связь с базами данных MySql
- •1.2.2 Хранение данных в реляционных базах данных
- •1.3 Разработка административной части сайта
- •1.4 Язык php
- •1.4.1 Общие правила построения php-программы
- •Переменные
- •1.4.2 Связь php с базой данных MySql
- •1.5 Основы css
- •Свойства шрифта
- •Глава 2 Разработка и создание Web-сайта «Детский Хоккейный Клуб»
- •2.1 Постановка задачи при проектировании web- сайта
- •2.2 Общая структура Web-сайта
- •Главная
- •2.2.1 Каталоги в cms Joomla V.1.5.8
- •2.2.2 Работа с базами данных в cms Joomla V.1.5.8
- •Префикс
- •Общепринятые поля таблицы
- •Поля даты
- •Многоязычные требования
- •Запрос в базу данных
- •Написание запросов
- •Получение результата
- •Использование adOdb
- •Управление зарезервированными полями
- •Publishing
- •Checking Out
- •Ordering
- •Поле параметров
- •Поля даты
- •2.3 Дизайн Web-сайта
- •2.3.1 Подробное описание разделов и подразделов
- •2.4 Администрирование
- •2.4.1 Панель администратора
- •Пиктограмма с надписью Сайт.
- •Пиктограмма Меню
- •Пиктограмма Статьи
- •Пиктограмма Компоненты
- •Пиктограмма Расширения
- •Пиктограмма Инструменты
- •2.4.2 Создание пунктов меню
- •2.4.3 Редактирование материала
- •2.4.4 Установка Шаблона Web-сайта
- •2.4.5 Вставка видео на Web-сайт
- •Вставка видео с YouTube.Com
- •2.4.6 Опрос пользователей Web-сайта
- •Глава 3. Технико-экономическое обоснование
- •3.1 Оценка общего состояния рынка веб-разработки
- •3.2 Стоимость разработки
- •Стоимость операционной системы
- •Системные требования html-редакторов
- •Минимальные требования и расходы
- •Необходимые требования и расходы
- •Оптимальный вариант для создания Web-сайта «Детский хоккейный клуб»
- •Глава 4. Нормы и требования охраны труда на рабочем месте разработчика Web-сайта
- •4.1 Общие положения
- •4.2 Требования безопасности во время эксплуатации эвм
- •4.3 Требования безопасности во время работы
- •4.4 Выводы
- •Заключение
- •Список использованной литературы
- •16. Д. Н. Колисниченко. Движок для вашего сайта. Cms Joomla!, Slaed, php Издательство: бхв-Петербург, 2008г.
- •34. Билл Скотт, Тереза Нейл. Проектирование веб-интерфейсов. 2010г.
- •Приложения
1.1.2 Проектирование и разработка Web-сайта
Проектирование и разработка Web-сайта включают следующие этапы:
1 Этап — определение целей создания сайта
Это самый важный этап в создании сайта, потому что нельзя добиться цели, если её нет или если она определена неправильно. От целей будет зависеть весь дальнейший процесс создания вашего сайта, каждый его этап. Поэтому к постановке цели нужно подходить с максимальной серьёзностью.
2 Этап — проведение исследований по теме
Прежде, чем преступить к разработке, необходимо проанализировать тему, изучить сайты потенциальных конкурентов. В дальнейшем это поможет в создании собственной концепции.
3 Этап — определение типа сайта, разработка тз и структуры
На этом этапе разработчик совместно с заказчиком составляет ТЗ (техническое задание) на создание сайта. Техническое задание, как минимум, должно включать следующие пункты:
Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)
Функционал сайта (поиск, каталог, лента новостей и т.д.)
Стиль дизайна (строгий, веселый, мрачный и т.д.)
Структура сайта (какие страницы должны быть на сайте)
Структура страниц (какие блоки должны быть на страницах и в каком виде)
При составлении ТЗ обязательно нужно помнить о целях создания сайта. Если какая-нибудь функция сайта не способствует достижению поставленных целей — необходимо от неё отказаться: на сайте она будет лишней.
4 Этап — разработка макета дизайна сайта
Этот этап делится на несколько подэтапов:
Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
Разработка предварительного макета дизайна главной страницы.
Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.
Разработка внутренних страниц по аналогичному алгоритму.
В макете должны быть прорисованы все блоки, которые будут на сайте. Если к моменту разработки дизайна текстовые и графические материалы ещё не готовы, можно использовать любую информацию для заполнения, но нельзя оставлять в макете «пустые» места.
Каждый шаг разработки макета дизайна должен выполняться в соответствии с ТЗ и целями сайта.
5 Этап — html-css вёрстка
В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:
Кроссбраузерность — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.
Быстрота обработки кода браузером
Валидность — соответствие стандартам
Семантическая корректность — логичное и правильное использование элементов HTML
6 Этап — программирование и установка на cms
Это чисто технический этап, на котором реализуется весь функционал сайта. Требования к этому этапу определяются техническим заданием.
7 этап — заполнение сайта контентом (информацией)
На этом этапе очень важен качественный, профессиональный копирайтинг. Все материалы сайта, будь то тексты или графика, также должны вписываться в общую концепцию сайта, соответствовать его целям и задачам.
8 этап — тестирование сайта и исправление ошибок
Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.
9 этап — публикация сайта в интернете
На этом этапе сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.
10 этап — продвижение сайта и реклама в интернете
Когда сайт полностью готов к работе — нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.
[15]
1.1.3 Выбор программного средства для разработки Web-сайта
Учитывая поставленные выше задачи, разработчик счел наиболее оптимальную базу для разработки такого рода Web-сайта –HTML+система управления содержимымCMSJoomlav.1.5.8.
CMS Joomla v.1.5.8— система управления содержанием (ControlManagementSystem), написанная на языкеPHPи использующая в качестве хранилища содержания базу данныхMySQL.CMSJoomlav.1.5.8 является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей данной системы является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов.
Система управления содержанием CMSJoomlav.1.5.8 является ответвлением широко известной CMSMambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. И 16 сентября 2005 года в свет вышла первая версия Joomla, являющаяся по сути переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.
CMSJoomlav.1.5.8 включает в себя различные инструменты для изготовленияweb-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.
CMSJoomlaпытается быть как можно более простойCMSсистемой, насколько это только возможно, но и в то же время предоставляя большие возможности. Наконец - то незнакомые с программированием люди могут овладеть системой полного управления своими сайтами, не расходуя большущих средств на программное обеспечение с закрытым шифром.
Достоинства CMS Joomla:-CMSJoomlaсодержит в себе модуль безопасности для уровневой идентификации пользователей/администраторов. - Полностью продуманная структура добавления и редактирования новостей - Возможность публиковаться авторам - Поддержка многопользовательского режима (именно благодаря этому авторов может быть достаточно много) - Работа под Linux - Возможности администрирования. - Форум опросы голосования для действенной обратной связи. - Предварительный просмотр перед окончательным размещением. - Создание огромного числа страниц - Заранее продуманная организация конструкции сайта - Большое количество модулей и компонентов, делающихCMSJoomlaдостаточно гибкой. - Возможность создания уникального дизайна. - Возможность самому писать расширения для Joomla. - Ограничение доступа сайта для незарегистрированных пользователей. - Управление всеми модулями сайта из панели администратора одним движением.
Недостатки CMS Joomla:
- Слабая безопасность от взлома; - Есть некоторые недочёты в иерархии элементов движка. - В CMSJoomlaнельзя управлять одновременно несколькими сайтами. Для каждого новогоweb-ресурса необходимо устанавливать отдельную CMS. Хотя для некоторых пользователей это может и не являться проблемой; - Наличие большого количество лишнего кода, как в самом движке, так и шаблонах. Лишний программный код – это ненужные расширения, плагины, незадействованные скрипты, ссылки на сайты разработчиков. Более того, весь этот мусор сгруппирован не лучшим образом; - Медленная загрузкаweb-страниц по сравнению с другими некоторыми CMS и тем более классическими сайтами. - Отвратительная индексация поисковыми системами. Обусловлена сложнойиерархией элементов.___________
[16]