Создание интернет-портала на основе технологии Yii PHP Framework

Содержание
Введение....................................................................................................................... 7
1 Аналитическая часть................................................................................................ 9
1.1 Методика создания web-сайтов ........................................................................ 9
1.2 Обзор инструментальных средств разработки web-сайтов ......................... 10
1.3 Анализ программно-аппаратной платформы реализации web-сайтов....... 11
1.4 Требования к пользовательскому интерфейсу.............................................. 14
1.5 Постановка задачи ........................................................................................... 15
1.6 Назначение и область применения................................................................. 16
2 Теоритическая часть .............................................................................................. 18
2.1 Язык гипертекстовой разметки HTML .......................................................... 18
2.2 Язык программирования PHP......................................................................... 20
2.2.1 Синтаксис PHP ......................................................................................... 21
2.2.2 Парадигма PHP ......................................................................................... 22
2.3 Расширяемый язык разметки XML ................................................................ 23
2.4 jаvascript - язык создания сценариев ............................................................. 25
2.5 CSS - средство управления макетом HTML документов ............................ 27
2.6 СУБД ................................................................................................................. 29
2.7 Обзор web-фреймворков ................................................................................. 31
3 Разработка web-приложения ................................................................................. 34
3.1 MySQL............................................................................................................... 34
3.1.1 Анализ предметной области ................................................................... 35
3.1.2 Проектирование базы данных................................................................. 36
3.1.3 Обеспечение безопасности базы данных .............................................. 41
3.2 Разработка интерфейса приложения .............................................................. 42
3.3 Перенос сайта с локального сервера на виртуальный хостинг ................... 49
4 Технико-экономическое обоснование проекта ................................................... 53
4.1 Описание работы и обоснование необходимости ........................................ 53
4.2 Трудовые ресурсы, используемые в работе .................................................. 53
4.3 Расчет стоимости работы по проектированию и разработке ...................... 54
4.4 Расчет затрат на амортизацию ........................................................................ 61
5 Техническое решение безопасности труда.......................................................... 66
5.1 Анализ потенциально опасных и вредных производственных факторов . 66
5.1.1 Микроклимат рабочей зоны программиста .......................................... 66
5.1.2 Воздействие шума на программиста. Защита от шума ........................ 67
5.1.3 Опасность уровня напряженности электромагнитного поля .............. 67
5.2 Расчет искусственного освещения помещения............................................. 69
5.3 Расчет системы кондиционирования офиса .................................................. 72
Заключение ................................................................................................................ 76
Список используемой литературы .......................................................................... 77
Приложение А ........................................................................................................... 78

1.1 Методика создания WEB-сайтов

На сегодняшний день существует огромное количество различных
методов создания сайтов, различающихся в зависимости от назначения и типа
сайта, умений разработчика или финансовых возможностей заказчика. При
этом классифицировать методы можно по разным признакам: используемому
программному обеспечению, архитектуре сервера, технологическим признакам
либо даже маркетинговым. Однако перечисленные особенности касаются,
прежде всего, разработчика, провайдера либо регистратора.
Для будущего владельца сайта главную роль скорее сыграют такие
факторы, как время выполнения и стоимость. Разнообразных же методов
разработки, отличающихся друг от друга, десятки. Несмотря на множество
технологических различий, принципиально отличающихся подходов к
разработке можно выделить лишь несколько. Если группировать методы
создания сайтов, исходя из того, что признак цена-время является самым
востребованным, то можно выделить три основных метода.
1 Разработка с нуля.
Данный метод наиболее длительный и трудный. При этом он требует
знаний хотя бы одного языка веб-программирования (РНР, HTML, CSS), а
также опыт работы с базами данных (MySQL). Можно также воспользоваться
наиболее популярными программами для создания сайтов вручную, к которым
относятся Dreamweaver, FrontPage, WebSite X5, а также Photoshop (для работы с
изображениями).
Однако всю рутинную работу разработчику придется выполнить самому.
Результаты при этом могут получиться более чем скромными, характерными
для новичков и любителей в сфере SEO. Главным минусом данного метода
является необходимость осуществлять все самостоятельно, затрачивая
значительное количество времени и сил.
2 Использование конструктора.
Самый простой метод разработки, поскольку не требует знаний
профессионального веб-программиста. Однако на качественную работу также
рассчитывать не стоит. Существует множество инструментов для разработки по
тем либо иным шаблонам и макетам. К самым популярным и хорошо
изученным конструкторам относятся «narod.ru», «setup.ru», «umi.ru», «ucoz.ru»
и подобные им.
Зачастую, воспользовавшись конструктором на начальном этапе,
разработчик может впоследствии пожалеть о потерянном на изучение работы
конструктора времени, поскольку данный метод таит в себе пару серьезных
недостатков. Один заключается в ограниченности возможностей такого рода
конструктора, невозможности реализовать более, нежели предусмотрено его

функциями, а другой - в наличии специальных фрагментов кода и сложности
раскрутки созданного ресурса.
3 Использование системы управления сайтом.
Самый быстрый, а также широко используемый метод. На сегодняшний
день широко используются такие системы («движки»), как WordPress, Joomla,
Django, Drupal и прочие, которые идеально подойдут для сайтов либо блогов.
Для форумов более подходящими станут: phpbb, ExBB, PunBB, SMF.
Использование движков (CMS) предоставляет доступ к множеству
современных шаблонов и схем построения, а также значительно ускоряет и
упрощает работу разработчика.
Будущий владелец сайта сам выбирает, какой из методов использовать.
Конечно же, он также может заказать сайт в веб-студии, ведь разработанный с
применением новейших технологий и инструментов слаженным коллективом
дизайнеров, программистов, оптимизаторов, верстальщиков, копирайтеров,
аниматоров профессиональной веб-студии сайт всегда предпочтителен.

1.2 Обзор инструментальных средств разработки Web-сайтов
Для верстки веб-страниц придумали немало различных инструментов.
Все редакторы делятся на текстовые и визуальные. Визуальные редакторы
выгодно отличаются тем, что не требуют от пользователя знаний html и css.
Вы можете создавать сайт как на листе бумаги - что нарисовали, то и
получили, но есть и свои минусы - все визуальные редакторы имеют огрехи и
ограниченные возможности.
Поэтому настоящие профессионалы предпочитают не отказываться от
использования текстовых редакторов. В любом случае лучше иметь в своем
распоряжении два редактора: визуальный и текстовой.
Рассмотрим подробнее существующие визуальные редакторы:
1 Macromedi Dreamweaver.Высокотехнологичный инструмент
специально для создания web-страниц. По статистике это одна из лучших
программ на сегодняшний день. Разработчики заявляют, что Macromedia
Dreamweaver служит для проектирования сложных профессиональных web-
сайтов. Dreamweaver - это не только визуальный редактор, это сложный и
мощный инструмент, на освоение которого придется потратить время;
2 Adobe GoLive - прекрасное решение для тех, кто предпочитает работать
с программами от Adobe. Знакомая среда позволяет легко и быстро
разобраться, что здесь к чему. GoLive всего лишь визуальный редактор,
который поддерживает Html, CSS и XML. Зато GoLive имеет чудесный
встроенный редактор кода;
3 Microsoft FrontPage По словам разработчиков FrontPage создана для
проектирования сложных веб-узлов, а также позволяет управлять
разработанным сайтом. FrontPage прекрасно дружит как с Html, Css, так и с
Dhtml и jаvascript. Программа дает широкие возможности для управления
изображениями и flash-технологиями;

4 Homesite - это наиболее популярный и мощный текстовый редактор. В
нем довольно просто и удобно работать с Html-кодом, а также с CSS-
редактором;
5 HTML Pad это самый серьезный конкурент программы Homesite, так
как наряду с ней пользуется любовью и признанием пользователей. Помимо
стандартного набора функций HTML Pad дружит с jаvascript, VBScript, Perl,
SSI и ASP. А помимо все прочего программа содержит много полезных
материалов по CSS и Html;
6 Notepad или обычный Блокнот эта самая простая программа, с которой
многие начинали свои первые шаги в веб-программировании. Блокнот есть у
всех без исключения в стандартных программах.
По крайней мере, я именно с него начинал свой путь в изучении HTML и
CSS и вам советую. О том, как научиться создавать сайты, вы можете
прочитать в отдельной записи на блоге, но хочу отметить, что каким бы
визуальным редактором вы в дальнейшем не пользовались, опыт работы с
простым текстовым редактором вам всегда пригодится

1.3 Анализ программно-аппаратной платформы реализации Web-
сайта
Сегодняшний рынок программного обеспечения предъявляет большие
требования к создаваемым проектам. Так, для современных программных
средств важными требованиями являются переносимость,
мультиплатформенность и масштабируемость.
Под переносимостью
подразумевается возможность использовать
программное средство на разных программно-аппаратных платформах без
существенной переработки кода.
Масштабируемость означает возможность добавления новых функций и
свойств программного средства с минимальным изменением всего кода в
целом. Идеальным является вариант, который позволяет наращивать мощность
ПП без изменения основного кода, лишь добавляя новые модули.
Поэтому при разработке учитывались оба этих требования. Естественно,
создать достаточно сложное ПО, которое работало бы на всех известных
платформах, практически невозможно, но следует стремиться обеспечить его
функциональность на самых распространенных платформах [1].
Исходя из того, что платформа IBM PC является наиболее
распространенной в Казахстане, было принято решение разрабатывать web-
сайт именно под эту аппаратную платформу. Проанализировав системное
программное обеспечение IBM PC-совместимой компьютерной техники, были
получены следующие результаты: 73 % - OS семейства Windows, 16 % - Linux,
11 % - Free BSD, Open BSD, SCO, Mac OS X, Novell NetWare. Исходя из этих
результатов, а так же из соображения, что программное обеспечение должно
функционировать на как можно большем количестве платформ, было принято
решение разрабатывать ПС с таким расчетом,чтобы обеспечить
функционирование, как его отдельных компонентов, так и всего комплекса в
целом на двух основных программных платформах: Windows и Linux. Причем
это требования распространяется на ту часть разрабатываемого программного
обеспечения, которое должно быть размещено на web-сервере.
Веб-сервер - это сервер, принимающий HTTP запросы от клиентов.
Обычно в роли клиентов выступают веб-браузеры, и выдающий им HTTP
ответы, вместе с которыми передаются HTML страницы, изображения, файлы,
медиа-потоки или другие данные. Веб-серверы являются основой Всемирной
паутины.
Фактически веб-сервером называют как программное обеспечение
обеспечивающее все вышеперечисленные действия, так и компьютер, на
котором это программное обеспечение работает. Клиенты получают доступ к
веб-серверу по средствам единого указателя ресурсов - URL адресу нужной им
веб-страницы или другого ресурса располагаемого на сервере.
Apache HTTP-сервер (назван именем группы племён североамериканских
индейцев апачей; кроме того, является сокращением от англ. a patchy server;
среди русских пользователей общепринято искажённое апач) - свободный веб-
сервер [2].
Apache является кроссплатформенным ПО, поддерживает операционные
системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS.
Основными достоинствами Apache считаются надёжность и гибкость
конфигурации. Он позволяет подключать внешние модули для предоставления
данных, использовать СУБД для аутентификации пользователей,
модифицировать сообщения об ошибках и т. д. Поддерживает IPv6.
Open Server.
Open Server представляет из себя так называемый WAMP комплекс, суть
которого можно понять из расшифровки этой аббревиатуры:
Windows - операционная система, для работы в которой предназначен
данный локальный сервер
Apache - web-сервер, который «поднимается» при запуске программы
Open Server
MySQL - очень популярная система управления базами данных, которая
является обязательным условием для работы многих движков сайтов, в том
числе таких популярный, как Joomla и WordPress
PHP - интерпретатор серверного языка программирования, на котором
написано большинство CMS и создано множество других веб-приложений
Кроме этого «джентельменского набора» Опен Сервер имеет в своем
загашнике Nginx (популярный веб-сервер, часто устанавливаемый вместе с
Apache) и еще кое-что, показанное на приведенном ниже скриншоте. К тому
же, этот локальный сервер позволяете в настройках выбрать один из
нескольких вариантов Apache, PHP, MySQL и других компонентов
Рисунок 1.1 - Список компонентов сервера

Мне, как не специалисту в веб разработке, довольно трудно осознать всю
грандиозность данного проекта под названием Open Server, но, судя по
отзывам, разработка комплекса ведется с учетом пожелание пользователей и
огромным вниманием к деталям (если сравнивать с Денвером, то получите
«Вольво» вместо «Лады», хотя и то, и то ездит). Имеется удобный интерфейс
управления локальным сервером, созданными на нем сайтами и приложениями,
а также к тем инструментами и утилитами, которые входят в его комплект.
Ну, и даже такому нубу, как я, понятно, что простой набор слов «не
требует установки» значит очень много. Можно распаковать архив с
дистрибутивом Open Server на флешку, переносной жесткий диск и даже на
CD/DVD (правда, с ограничениями). После этого с вашими сайтами и веб-
приложениями можно будет работать на любом компьютере дома, на работе, в
интерне-кафе или где-либо еще, где имеется подходящая операционная система
(Windows 8 / Windows 7 / Windows Server 2008 / Windows Vista / Windows XP
SP3).
Однако, просто портативного локального сервера Open Server веб
разработчикам может быть не достаточно. Да, на основном компьютере у них,
конечно же, установлен весь необходимый в работе софт и даже сверх того. Но
вот вставив флешку с ОпенСервером в чужой компьютер, вы уже много из
того, к чему привыкли и что просто необходимо в работе, не обнаружите.
1.4 Требования к пользовательскому интерфейсу

На сегодняшний день Интернет повсеместно используется в различных
областях человеческой деятельности: коммуникация (электронная почта,
совместная работа удаленных сотрудников, видеоконференции, электронные
конференции, системы диалоговых сообщений (чаты), ICQ, Napster),
электронная коммерция, дистанционное обучение, доступ к удаленной
информации, электронные развлечения (on-line игры, видео по заказу,
интерактивное телевидение и т.д.). И это далеко не полный список
использования Интернета.
Современные специалисты, и тем более специалисты,
специализирующиеся в области информационных технологий и связи, должны
в достаточной мере владеть Интернет-технологиями, и в частности веб-
технологиями, включая создание веб-сайтов средствами HTML и CSS.
Овладение такими технологиями, помимо возможности размещения
собственной информации в Интернете, поможет на более высоком уровне
использовать бесчисленные информационные ресурсы, расположенные во
Всемирной паутине. Так, изучение веб-дизайна даст возможность лучше
разбираться в структуре сайтов, размещенных в Интернете, более осмысленно
использовать навигацию как в пределах сайта, так и между отдельными веб-
сайтами. Оптимизация же собственного сайта для поисковых систем, а так же
регистрация его в интернет-каталогах, поможет более эффективно использовать
поисковые ресурсы Интернета.
Приведем ряд общих требований, предъявляемых к веб-сайтам:
1 легкость освоения;
2 запоминаемость;
3 эффективность использования;
4 надежность использования;
5 удовлетворение пользователя.
При создании веб-сайтов необходимо руководствоваться следующим:
1 не существует типичных людей, всегда пытайтесь представить в
качестве посетителя вашего сайта реально существующего человека;
2 избегайте использования текста, графики и фона одного оттенка;
3 поддерживайте высокий контраст. Избегайте использования текста,
фона и графики одинаковой яркости;
4 избегайте фонов, перегруженных графическими элементами;
5 не заставляйте пользователей запоминать информацию, так как
узнавание намного проще, чем воспроизведение из памяти;
6 ссылки, уже посещенные пользователем, должны отличаться цветом
и/или стилем от тех, по которым еще не был осуществлен переход;
7 так как запоминать зрительные образы намного проще, делайте
страницу так, чтобы она оставалась в памяти у пользователя и отличалась от
остальных;
8 ограничивайте размер однородных групп (например ссылок), из
которых необходимо сделать выбор 5 - 9 элементами. Это связано с
«магическим» числом миллера - 7 / 2, указывающего, сколько объектов
одновременно человек может удерживать во внимании;
9 помните, что время, которое пользователь согласен потратить на
ожидание, пропорционально ожидаемому результату;
10 если время загрузки страницы составляет более 30 с., необходимо
обеспечить пользователю уверенность в том, что процесс действительно
происходит. Это можно реализовать, например, при помощи индикатора
выполнения процесса;
11 затраченное время значит для пользователя намного больше, чем
закаченные байты;
12 сводите к минимуму расстояние, преодолеваемое указателем мыши
между двумя последовательными вариантами выбора;
13 постарайтесь свести к минимуму расстояние между наиболее часто
посещаемыми областями страницы (особенно это касается главной страницы) и
кнопкой «назад» браузера.
Ниже приведены некоторые наиболее распространенные традиции в веб-
дизайне:
- логотип сайта в верхнем левом углу одновременно является ссылкой на
главную страницу;
- ссылки часто продублированы в нижней части страницы. На длинных
страницах применяются ссылки, возвращающие пользователя в верхнюю часть
страницы;
- то, на чем возможен щелчок кнопкой мыши, имеет специальное
выделение. Например, текст ссылок обычно имеет подчеркивание или какое-
либо иное выделение. Кроме того, обычно применяется динамическое
выделение, когда объект изменяет свой внешний вид в момент прохода над ним
указателя мыши.....