Создание веб-сайта

Автор: Пользователь скрыл имя, 25 Декабря 2011 в 11:30, курсовая работа

Описание работы

Расширение применения индивидуального подхода к потребителям, определяемое общей тенденцией поиска частных решений в удовлетворении потребностей, все активнее воздействует на процесс преобразования характера отношений между производителями и потребителями. Результатом таких преобразований является переход от классического монолога массового маркетинга к непосредственно диалогу с покупателем.
Факторами, оказавшими наибольшее влияние на переход отношений в новое качество, являются:
· повсеместное внедрение компьютерных технологий, программного обеспечения, а также интернет-технологий;

Работа содержит 1 файл

курсовик.doc

— 247.50 Кб (Скачать)

     Существуют  еще и редактор для анимационной графики Xara ScreenMaker, имеющий в своем наборе достаточно большой набор шаблонов анимации, представляющую из себя вращающиеся трехмерные буквы (или меняющиеся в форме и размерах), а также геометрические фигуры-кубы, также вращающиеся, на гранях которых могут быть представлены ваши фото или другие изображения.

     К сожалению, демоверсия не позволяет  сделать хотя бы даже самую скудную  анимацию и лишь после оплаты можно  воспользоваться этим замечательным  графическим анимационным редактором.

     Интересно будет отметить, что сайт, который  Вы видите в данный момент перед  собой, создан исключительно с помошью Xara Webstyle. Во всяком случае, весь его дизайн.

     Бесплатные программы для создания сайтов

     Из  бесплатного софта (здесь имеется в виду возможность скачать эти программы в Рунете и пользоваться им бесплатно неограниченное время)момно порекомендовать редактор HtmlPad FisherMan, требующий, правда, хотя бы элементарное знание html-языка. Аналогично можно воспользоваться и редактором html-Reader.

     Но  кроме них, существует еще редактор Microsoft Front Page, не требующий знания html-тэгов  и зачастую входящий в программный  пакет Microsoft Office. Его интерфейс понятен  практическу каждому пользователю, имеющему элементарные навыки работы на ПК.

     HTML-редакторы:

     1. Блокнот

     Самый простой вариант — это редактор Notepad (Блокнот), входящий в стандартную  поставку Windows. Однако в данном случае все тэги и вообще весь html-код страницы приходится писать вручную. Отсюда напрашивается использовать специальные более навороченные редакторы, позволяющие большую часть работы автоматизировать.

     2. Веб-редактор TextPad

     Тем, кто предпочитает набирать код вручную, но кому не хватает функциональности блокнота, можно посоветовать редактор TextPad. Его можно найти в Интернете. Эта программа при написаниие веб-страницы похожа на блокнот, однако в нее включены такие функции, как подсветка тегов синим цветом, их атрибутов темно-синим, их значений-зеленым цветом. Хотя по желанию верстальщик страницы может и изменить цвета подсветки. Эта функция подсветки полезна тем, что в случае случайно допущенной ошибки в имени тега или иего атрибута, то он будет черного цвета, что сразу сообщит об ошибке.

     3. HTML-редактор Microsoft FrontPage Express

     Это один из тех html-редакторов, не требующий  знаний основ HTML. С его помощью  Вы можете легко и просто создавать, созранять и редактировать web-страницы не только на жестком диске вашего компьютера, но и в веб-интерфейсе.

     4. Редактор HTML-Reader

     Этот  редактор требует знание основ HTML. Однако он имеет ряд встроенных функций  на панели инструментов, позволяющих  вставлять стандартные html-тэги, графические  изображения и т. п., что значительно  упрощает задачу верстальщику html и облегчает его труд.

     5. Редактор htmlPad FisherMan

     Этот  редактор, как и предыдущий, включает в себя набор основных функций  на панели инструментов. Кроме этого, его преимущество еще и в том, что имеется встроенная библиотека Java-скриптов, PHP-скриптов. Также он позволяет верстать и редактировать php-скрипты, Java-скрипты, страницы, написанные на языке Perl, также имеет на панели инструментов набор дополнительных значков, позволяющих запускать следующие программы: блокнот, Microsoft Word, Microsoft Excel,Paint,WordPad, Photoshop. 
Также имеется в достаточном количестве библиотека различной палитры (коды разных цветов).

     6. Редактор Coffee CupHTML Editor

     У этого редактора большой набор  помощников и функций: изображения, таблицы, и т.п.. Этот html-редактор близок к визуальным редакторам типа WYSIWYG-редакторов, т.е. он позволяет создавать сайт, не прибегая к просмотру и редактированию html-кода. Кроме того, там имеются встроенные библиотеки Java-скриптов. Такой редактор наиболее подходит для начинающих вебмастеров, только осваивающих азы html.

     7. Редактор Homesite

     Этот  редактор является одним среди наиболее популярных.

     Что касается CMS-движков, то в настоящее время они находят все большее применение благодаря удобному и понятному интерфейсу и практичности при редактировании меню сайта. 
 
 
 
 
 
 

 

Глава II. Создание web-сайта для банка

     2.1 Выбор программы  для создания сайта

программы

критерии

Drupal Joomla WordPress
    1. Безопасность
Сейчас целый ряд крупных корпоративных сайтов компаний с мировыми именами работает на Drupal, поэтому у разработчиков к безопасности серьезное отношение. 
Исправить безопасность на высоком уровне, о чем свидетельствуют имена крупных сайтов.
Безопасность  самого проекта находится на высоком уровне. Что же касается безопасности сторонних расширений, то тут все не так гладко. Действительно сильных расширений мало, но они есть. 
Однако разработчиков меньше и проверенность
посравнению сдругими бесплатными движками является довольно хорошо защищённой платформой. Но существуют уязвимости, которые могут повлиять на безопасность WordPress любой версии. 
Найти конкретные уязвимости 
    1. Версии
Версии  выходят регулярно. Выпущена 6-я версия. Предыдущая 5-я версия по сравнению с 4.7 выглядит хорошим эволюционным этапом. Новые версии подолгу тестируются. Ядро стабильное. Ошибки в востребованных модулях обычно исправляются оперативно. С наличием новых  версий у Joomla стабильная постоянность. Версию 1.0.13 можно смело считать очень-очень стабильной и безопасной. Новые версии выходят нерегулярно, но со временем максимально дорабатываются. Хотя официально и заявлено, что версии WordPress будут  выходить по графику, на самом деле этого не происходит. Если обнаруживается какая-либо серьезная «дыра», то разработчики опреративно выпускают обновление, поэтому график версий сбивается
    1. Русская документация
Несмотря на то, что русское сообщество занимается переводом документации на Drupal, белых пятен еще много. Ситуация отчасти компенсируется самописными статьями и руководствами. Документация на модули по большей части не переведена. Русскоязычной документации много. Причем она не ограничивается переводом официальной помощи, а также снабжена большими библиотеками авторских статей. обладает очень  большой документацией , но только на английском языке. Составлена она грамотно и практически не требует особого знания языка. Документация построена таким образом, что позволяет довольно быстро найти нужный ответ.
    1. Русское комьюнити/поддержка
Русское сообщество развивается, причем достаточно бурно, поскольку в последнее время о Drupal много говорят в русском интернете. Есть люди разбирающиеся в архитектуре. Широкая поддержка на форуме. В целом сообщество открытое и дружелюбное. Существует  два различных сообщества, ведущих свои форумы и сайты поддержки. Наличие конкуренции подталкивает команды к качеству разработки. У русского WordPress'а  есть два официальных сайта. Поддержка  пользователей осуществляется через форумы добровольцамими. Существует много блогов, где их авторы выкладывают и делятся самыми разными находками и решениями по WordPress
    1. Борьба со спамом
Широкий выбор  всевозможных решений от механического до аналитического филтра посетителей. Борьба со спамом в интернете на данный момент ведется только в одном месте— комментарии к публикациям. Широкий выбор  всевозможных средств борьбы. Установка  большинства плагинов антиспама  очень проста, зачатую достаточно только его активировать в админ-панели.
    1. Интеграция с форумом
Базовый пакет Drupal содержит достаточно функциональный форум, который подойдет для организации небольших сообществ. Для организации больших сообществ он тоже, впрочем, подойдет— на форуме drupal.org сейчас более 320 000 сообщений. 
Есть модераторы, группы пользователей с разными правами доступа, извещения по email, аватары, подписи, RSS. Преимущество встроенного форума— единая база пользователей, которую используют остальные части сайта. Есть возможность интеграции с PHPBB.
Вместе с  Joomla не поставляется компонента форума, однако на данный момент самым оптимальным вариантом создания встроенного форума является FireBoard и его русская редакция от Adeptus'а. Что же касается интеграций— они существуют. Самой распространенной является связка Joomla-SMF, под которую есть не одна интеграция, даже коммерческая. Для WordPress'а разработан и рекомендуется форум BBPress (есть и руссификация), который полностью интегрируется в блог. Правда, возможности у этого форум более чем скромные. На официальном сайте WordPress'а используется именно этот форум. Также существуют плагины, которые позволяют частично интегрировать некоторые популярные форумы в блог. Для этого требуются хорошие знания программирования, и при этом, все равно стопроцентной интеграции не получится— все-таки это разные системы.
    1. Визуальный  редактор
В Drupal можно  встроить TinyMCE или FCKEditor. И тот и  другой гибко настраиваются. Оба являются мощными средствами. В TinyMCE, например, можно работать с таблицами, добавляя и удаляя строки и столбы и объединяя ячейки, может фильтровать скопированные из Ворда тексты от избыточных тегов. Таковых под  нее множество: в основном это  портированные и самые распространенные редакторы. Однако самым удобным и хорошим из бесплатных является редактор JCE, разработанный специально для Joomla (а изначально еще для Mambo, тогда он назывался MosCE), способный составить очень хорошую альтернативу платному WysiwygPro. Стандартно  в WordPress'е используется немного урезанный TinyMCE и простой текстовый редактор (переключение между ними «на лету»). Нужно отметить, что в WordPress'е есть возможность сторонним плагинам добавлять кнопки в редактор. Таким образом можно например получить функции для добавления видео, аудио и т.д.
    1. Работа с изображениями
Поддерживается  изменение размеров картинки при  загрузке и генерация изображений preview. Существует  три типа расширений - компонент, модули и мамботы. Причем каждый тип расширений позволяет решать свои типы задач, что  позволяет добавлять фактически любой новый функционал не залезая в "ядро". (extensions.joomla.org). В WordPress'е вполне удобно можно добавлять картинки в редактор. Автоматически будет сделана миниатюра. То есть расчет на то, чтобы с этой задачей справился неопытный пользователь.
    1. Шаблоны оформления
Движок шаблонов—  сильная сторона Drupal. Этот компонент добротно спроектирован, поэтому разобраться с интеграцией своих шаблонов сможет начинающий PHP-программист. Вообще Drupal предоставляет целый букет возможностей по управлению темами: можно настраивать цвета разных элементов прямо из админ интерфейса. Joomla ветки 1.0.х  не поддерживает шаблоны. Конечно,  в ней есть общий и большой шаблон, позволяющий на PHP создавать вполне замысловатые структуры общей структуры сайта и расположения модулей, но вот шаблонизации отдельных элементов нет, и все ограничивается примением CSS Для WordPress'а созданы  тысячи шаблонов и многие из них  выполнены на очень хорошем дизайнерском уровне. Устройство WordPress таково, что под него несложно переделать, скажем, html-шаблон. В шаблонах испольуются обычные PHP-функции, поэтому никаких сложностей с изучением т.н. языков шаблонов нет. По созданию шаблонов существует довольно много статей, даже есть он-лайн генератор. Готовые шаблоны достаточно загрузить в отдельный каталог и после этого в админ-панели выбрать понравившийся. Существует также возможность переключать шаблоны и посетителями.
    1. Расширенная функциональность (плагины)
Сейчас в  официальном репозитории хранится под тысячу бесплатных модулей. Среди прочих есть решение для электронной коммерции, CRM-система, wiki-движок. Еще отмечу модули Views и CCK, которые дают Друпалу полное право именоваться CMF, а не CMS. CCK (Content Construction Kit), к примеру, позволяет при помощи графического интерфейса описывать объекты предметной области в базе данных и сразу же создавать формы для управления ими. Их существует несколько видов, есть специальная  система установки, позволяющая при помощи xml-файла описывать все действия необходимые для совершения при создании записи о расширении (например, SQL-запросы, копируемые файлы или действия выполняемые сразу после установки, которые нельзя выполнить автоматически). WordPress можно  расширить за счет плагинов—  это различные php-скрипты, которые автоматически подключаются к основному «ядру». Таким образом можно не просто добавить нужную функциональность, но и изменить уже существующую. Плагинов для WordPress написано несколько тысяч (только на одном wp-plugins.net— 2568, но думаю, что целом цифру можно удвоить), поэтому можно найти плагин практически под любые нужды.
  1. Виджеты/блоги
В Drupal это называется «блоки». Их можно располагать в разных областях страниц в зависимости от возможностей шаблона. В каждой области блоки можно сортировать для управления порядком вывода. Изначально областей пять— шапка, центральная, левая и правая колонки, подвал. Блоки можно показывать не на всех страницах. Отсутствует. Полноценная поддержка  виджетов появилась только в версии 2.2. До этого нужно было устанавливать отдельный плагин. Внутренняя реализация виджетов такова, что с их можно использовать для вывода какого-либо плагина или своей функции.
  1. Кодировки
Drupal работает  на UTF-8. Каких-то забытых строковых функций, не работающих с UTF-8 я не замечал. Некоторые хостеры по старинке отдают страницы в cp1251, но это легко чиниться. Проблемы с MySQL тоже обычно решаются одной строчкой кода. Все проблемы с  русской версий в кодировке CP1251 уже  давно решены и на не слишком высоких версиях MySQL проблем почти не вызывают, нужно лишь почитать документацию. Система сама выбирает нужную конфигурацию подключения в зависимости от версии MySQL. С аяксом все сложно В самом WordPress'е  есть возможность установить любую кодировку. Главное, чтобы кодировка базы данных совпадала с кодировкой блога. Правда, начиная с версии 2.1 WordPress должен работать в UTF-8. Это напрямую связано с использованием AJAX. Поэтому для русскоязычных пользователей основная проблема состоит только в том, что на серверах часто стоит CP1251. Сейчас можно довольно уверенно сказать, что особых проблем с кодировками в WordPress'е нет.
  1. Комментирование
Комментарии в  блогах могут быть и «плоскими» («flat») и древовидными («treaded»). Всё это  находится в базовом пакете. Извещения по email делаются внешним модулем. Компонентов комментариев много. Стабильных решений не много, ожидается jComments от русского разработчика, которая все поставит на свои места. Для любой записи можно разрешить или запретить комментирование. При помощи отдельных плагинов можно сделать древовидные комментарии, а также разбить отображение комментариев по страницам. Есть также плагин (работает на AJAX), который позволяет в течение некоторого времени редактировать посетителю свой комментарий.
  1. Экспорт/импорт данных
Для Друпала  написано много разных конвертеров, в основном связанных с форумными миграциями. Любые RSS потоки. Экспорта в RDF или CSV, XML и SQL. Не предусмотрен. Исключительно sql запросами. WordPress позволяет экспортировать записи и комментарии блога в XML-файл. Можно экспортировать записи отдельного автора. Для импорта записей в WordPress можно воспользоваться 9 способами. Также в RSS и свой XML-формат.
 

     Исходя  из данной таблицы делаем вывод, что  WordPress является оптимальным вариантом для создания сайта.

     2.2 Техническое задание

    1. Наименование разработки: создание web-сайта.
    2. Цель разработки: продвижение кредитных услуг банка по средствам сайта.
    3. Основание разработки: задание руководителя курсовой работы.
    4. Выбор средства разработки: программа WordPress, так как эта программа более удобна в использовании и полностью русифицирована.
    5. Требования к дизайну сайта: При разработке сайта должны быть использованы преимущественно светлые стили. Основные разделы сайта должны быть доступны с первой страницы. На первой странице не должно быть большого объема текстовой информации. В дизайне сайта не должны присутствовать:

       - мелькающие баннеры;

       - много сливающегося текста;

      -т.д.;

     6.  Требования к структуре сайта: Все названия разделов сайта, приведенные ниже, являются условными и могут корректироваться по согласованию с Заказчиком в ходе проектирования. Первоначальная структура сайта должна иметь следующий вид:

     a. История компании

     b. Дипломы и сертификатыc.

     c. Наши партнеры

     d. Наши клиентыe.

     e. Наши координаты

     7.     Требования к хранению данных: все данные сайта должны храниться  в структурированном виде под  управлением реляционной СУБД. Исключения  составляют файлы данных, предназначенные  для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них. Наполнение различных сайтов, функционирование которых поддерживается одной и той же инсталляцией системы, должно храниться под управлением единой СУБД.

     8.     Требования к техническому обеспечению:  Для функционирования сайта необходимо  следующее техническое обеспечение  со следующими минимальными характеристиками:

      - процессор – Intel Pentium III 1 Ghz;

     - оперативная память – 512 Mb RAM;

     - жесткий диск - 20 Gb HDD.

     - т.д.;

     2.3 Техническая реализация сайта

     Исходя  из цели курсовой работы, сайт направлен  на продвижение кредитных услуг  банка. После того как определена цель создания сайта нужно купить домен и хостинг. Для того, чтобы  это сделать нам нужны, так называемые, электронные деньги. Производим регистрацию на WebMoney, затем пополняем счет и подбираем свободное доменное имя в зоне .RU на специальном сервисе http://www.whois-service.ru/. Регистрируем хостинг на http://redhosting.ru/ и домен на 2domains.ru.

     Следующим шагом является скачивание движка, в моем случае это WordPress, создаем базу данных MySQL и привязываю к ней пользователя, в данном случае им являюсь я. Теперь пришло время разобраться и с самим движком. Распаковываю скачанный архив со скриптом, найдем в нем файл wp-config-sample.php, переименуем его в wp-config.php. Далее откроем его AkelPad. Открыли. Теперь отредактируем файл, согласно инструкции:

     <?php// ** Настройки базы MySQL ** //define(’DB_NAME’, ‘Имя_базы _данныхs’); // wordpressdefine(’DB_USER’, ‘Имя_пользователя’); // admindefine(’DB_PASSWORD’, ‘Пароль_для_пользователя’); // admin

     Сохраняем его. Впринципе скрипт готов к установке. Теперь нам надо этот скрипт закачать на хостинг по FTP. Для этого есть специальные FTP менеджеры, которых куча в инете, а я пользуюсь обычным TotalCommander, в нем это делается так: Идем в меню «FTP» -> «Соедениться с Ftp-сервером», в открывшемся окошке жмем кнопку «Добавить» и вводим данные нашего ftp соединения. После этого жмем кнопку «Соединиться». Попадаем в корневую папку хостинга, идите в папку public_html. Сюда как раз нам и надо закачать движок. Закачиваем -> Готово.

     По  сути сайт создан, но не наполнен нужной информацией и тема сайта не подходит под требования. Скачиваем нужную тему и заполняем информацию по кредитным услугам банка.

     2.4 Результаты апробации и внедрения.

     В результате апробации сайт получил  положительные отзывы, как от системного администратора банка, так и от клиентов, которые успели посетить данный сайт. Так же устраивает и то, что сайт находится на бесплатном хостинге, поэтому не влечет дополнительных затрат на эксплуатацию. Страницы сайта не загружены лишней информацией, что дает возможность клиентам банка ориентироваться на нужную им услугу. После апробации составляется акт внедрения web-сайта.

2.5. Экономическая эффективность разработки и использования web-сайта

     В данном параграфе приводятся расчеты стоимости разработки, реализации проекта и эксплуатационных затрат. Дано обоснование экономической эффективности web-сайта.

     

  • Расчет стоимости  разработки Интернет-сайта.
  •      Расчет  вложений на создание программного продукта.

         Вложенные средства, связанные с разработкой  программного продукта, находятся следующим образом:     

         С = Сп + Ср 

         Сп  – Вложенные средства на проектирование.

         Ср  – Вложенные средства на реализацию.

         Для расчёта вложенных средств на проектирование необходимо составить  таблицу, в которой будет отображены виды работ, выполняемых сотрудниками определённой категории, и количество используемого для этого времени таблица(1.1).

         Таким образом, общая трудоемкость разработки Интернет-сайта составила 30 чел/дней, а общий заработок программиста – 20530 руб.  Отчисления на социальное страхование составят:

         Страховые взносы = ЗПпр * 34%                               

         Страховые взносы = 20530*34%=6980 руб. 20 коп.

         ЗП  с учетом страховых взносов – 20530+6980,2=27510 руб. 20 коп.

         Итоговая  сумма вложенных средств на проектирование рассчитывается по формуле:

         Сп = З + Х + Р

         где    З – Затраты по заработной плате.

         Х – Оплата хостинг услуг от Redhosting (redhosting.ru)

         Р - рекламные расходы (регистрация  сайта в каталогах, покупка баннеров на других ресурсах, добавление статей в каталоги статей)

         Сп = 27510,2+150+4500 =32160 руб. 20 коп.

         Таблица 1.1

         

  • Информация  о трудоёмкости этапов работ
  • Наименование  этапа раб. Исполнитель
      Дневная

      з/п

      (руб.)

    Трудоём-

    кость (чел/дни)

    Затраты по з/п (руб.)
    Постановка  задачи программист 700 1 700
    Сбор  исходных данных программист 700  
    1
    700
    Проектирование  структуры программист 700 3 2100
    Разработка  алгоритмов и кодирование программист 800 18 14400
    Отладка программист 450 2 900
    Тестирование программист 700 1 700
    Сдача в эксплуатацию программист 700 1 700
    Обновление  сайта Администратор 110 3 330
    Итого: 30 20530
    Итого с учетом страховых  взносов: 32160,2

    Информация о работе Создание веб-сайта