Разработка информативного сайта для предприятия, который отображает внутреннюю жизнь данной организации

Особенности применения языков программирования PHP, CSS для разработки сайта и размещения готового проекта в сети интернет. Проектирование и настройка программного обеспечения, поддерживающего сайт с информацией о деятельности промышленной организации.

Рубрика Программирование, компьютеры и кибернетика
Вид отчет по практике
Язык русский
Дата добавления 06.02.2016
Размер файла 804,6 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://allbest.ru

Введение

Задание на практику - это "Разработка информативного сайта для предприятия, который отображает внутреннюю жизнь данной организации ".

В ходе производственной практики, необходимо изучить языки программирования PHP, CSS для разработки сайта и размещения проекта в сети интернет.

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

1. Знакомство с организацией

Акционерное общество "Связьтранснефть " - предприятие является единым сетевым интегратором и оператором связи нефтепроводной отрасли.

Основными направлениями деятельности АО "Связьтранснефть" СВ ПТУС является:

· Обеспечение всеми видами технологической и оперативно-производственной связи объектов транспорта и добычи нефти в соответствии с правилами технической эксплуатации магистральных нефтепроводов.

· Предоставление услуг в области связи юридическим и физическим лицам в соответствии с действующим законодательством.

· Внешнеэкономическая деятельность, в том числе обеспечение технологической и оперативно-производственной связью транспортировку нефти на экспорт.

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

· Эксплуатация и техническое обслуживание систем охранной и пожарной сигнализаций.

· Осуществление других видов деятельности в области связи.

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

История возникновения предприятия неразрывно связана с историей освоения и нефтяных запасов страны. В 2014 году АО «Связьтранснефть» отметила свое 65-летие.

В настоящее время специалисты АО «Связьтранснефть» обслуживают свыше 60 тыс. км линий связи. В том числе кабели связи с металлическими проводниками, радиорелейные линии, волоконно-оптические линии связи.

Подразделения «Связьтранснефть» - это 13 филиалов, предоставляющих широкий спектр телекоммуникационных услуг предприятиям нефтегазового комплекса, другим организациям и частным лицам в более чем 60-ти регионах России (в том числе обеспечивающих технологической и оперативно-производственной связью транспортировку нефти на экспорт), в соответствии с лицензиями, выданными Министерством информационных технологий и связи Российской Федерации.

2. Подготовка рабочего места

программирование сайт интернет

2.1 Знакомство со средой разработки

Для разработки серверной части проекта будет использоваться PHP версии 5.3. т.к. в области веб-программирования, в частности серверной части, это один из самых популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET), благодаря своей простоте, скорости выполнения, богатому функционалу, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений Основные из них:

автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

· взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

· автоматизированная отправка HTTP-заголовков;

· работа с HTTP-авторизацией;

· работа с cookies и сессиями;

· обработка файлов, загружаемых на сервер;

· работа с XForms.

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в сентябре 2015 года PHP находился на 6 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

Для клиентской части будем использовать HTML, CSS.

2.2 Технические характеристики рабочего места

Технические характеристики компьютера, на котором будет производиться разработка:

Процессор: Intel(R) Core(TM) i7-3630QM CPU 2.4 GHz

Оперативная память: 8 GB DDR3 1333MHz

Жесткий диск: 700 GB HDD

Видеокарта: NVIDIA GeForce GT 635M

Программное обеспечение для разработки:

Текстовый редактор: Notepad++. Это бесплатный текстовый редактор, который позволяет использовать нужные нам кодировки (будем использовать UTF-8) и имеет подсветку синтаксиса таких языков как PHP, Javascript, и каскадных таблиц стилей.

Графический редактор: лицензированная версия Photoshop CC. В нем будет реализована вся графическая часть нашего проекта.

Локальный веб-сервер для тестирования: Denver. Это бесплатная портативная серверная платформа и программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.

3. Описание разработки веб-сайта

3.1 Установка и настройка локального веб-сервера Denwer

Джентльменский набор Web-разработчика («Д.н.w.р», читается «Денвер») -- локальный сервер (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера -- удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

Установка локального веб-сервера Denwer.

Запустите скачанный инсталлятор Денвера. Мы увидим перед собой следующее (рис 3.3.1.1):

Рис. 3.3.1.1 - установочное меню

Вас спросят о том, в какой каталог вы хотели бы установить комплекс (по умолчанию используется C:\WebServers, вам нужно лишь нажать Enter, чтобы согласиться с этим выбором). В указанном каталоге будут расположены абсолютно все компоненты системы, и вне его никакие файлы в дальнейшем не создаются (исключая ярлыки на Рабочем столе).

Настоятельно рекомендуем вам устанавливать комплекс в каталог первого уровня -- то есть, C:\WebServers, а не, например, C:\My\WebServers. Дело в том, что инсталляторы пакетов расширений ищут базовый комплект именно на первом уровне по всем дискам. И, если не находят, заставляют вас ввести имя директории вручную. Наверное, вам не нужны лишние проволочки при установке расширений?..

Далее предложат ввести имя виртуального диска, который будет связан с только что указанной директорией. Рекомендуется согласиться со значением по умолчанию (Z:). Важно, что диска с этим именем еще не должно содержаться в системе -- чаще всего так и происходит с диском Z:.

После этого начнется копирование файлов дистрибутива, а под конец вам будет задан вопрос, как именно вы собираетесь запускать и останавливать комплекс. У вас есть две альтернативы:

1. Создавать виртуальный диск при загрузке машины (естественно, инсталлятор позаботится, чтобы это происходило автоматически), а при остановке серверов его (диск) не отключать. На мой взгляд, это наиболее удобный режим, и я сам пользуюсь только им.

2. Создавать виртуальный диск только по явной команде старта комплекса (при щелчке по ярлыку запуска на Рабочем столе). И, соответственно, отключать диск от системы -- при остановке серверов.

Наконец, установка завершена. Сразу же щелкайте по созданному инсталлятором ярлыку Start Denwer на Рабочем столе, а затем, дождавшись, когда все консольные окна исчезнут, открывайте браузер и набирайте в нем адрес: http://localhost/denwer/. Выходить из Интернета при этом не обязательно. (Рис. 3.3.1.2)

Рис. 3.3.1.2 - установка завершена

3.2 Создание Базы данных в phpMyAdmin

PhpMyAdmin - это интерфейс, позволяющий нам работать с базой данных. MySql базы данных - основной инструмент для создания динамических сайтов. Принцип работы заключается в следующем: создается HTML-каркас сайта и в определенные места каркаса (например в область основного содержимого) посредством PHP-скриптов из базы данных выводится информация, которая и формирует контент сайта.

Запускаем Denver через ярлык на Рабочем столе, переходим в окно браузера и в адресной строке браузера набираем http://localhost. Прокручиваем загрузившуюся страницу до списка ссылок.(рис. 2.4.2.1)

Рис. 3.3.2.1 - список ссылок

Проходим по ссылке http://localhost/Tools/phpMyAdmin.

Кликнув по данной ссылке, открывается программа phpMyAdmin. (Рис. 3.3.2.2)

Рис. 3.3.2.2 - главное меню phpMyAdmin

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

Рис. 3.3.2.2 - Привилегии phpMyAdmin

Переходим по ссылке «Привилегии» в окне phpMyAdmin и попадаем на страницу с перечислением всех аккаунтов пользователей баз данных. (Рис. 3.3.2.3)

На странице «Привилегии» переходим по ссылке «Добавить нового пользователя». На странице добавления пользователя вводим логин и пароль выбираем все привилегии. (Рис. 3.3.2.4)

Рис. 3.3.2.4 - добавление нового пользователя

Нажимаем кнопку «Пошел» и мы видим подтверждение создания нового пользователя. (Рис.2.3.2.5)

Рис. 3.3.2.5 - успешное добавление пользователя

Теперь когда я буду работать с php-скриптом и подключаться при помощи него к базе данных, необходимо будет использовать логин и пароль пользователя, указанные при его создании.

Вернувшись на Главную страницу phpMyAdmin ввел название новой базы данных, и нажал кнопку «Создать».

Рис. 3.3.2.6 - создание базы данных "Database"

Данная база была создана. В ней я создал две таблицы : top_menu и left_menu и связал их по полям id(первичный ключ) - idpm.

Подробное описание таблиц:

Значения полей таблицы Top_menu:

Поле Id -порядковый номер

Поле position - местоположение в меню

Поле item - отображающийся текст в меню

Поле url - ссылка пункта

Поле urlpict - ссылка на картинку

Поле hidden - флаг скрытия, отображения

Поле ftext - текст

Таблица Left_menu (Рис. 3.3.2.8):

Рис. 3.3.2.8 - таблица "Left_menu"

Значения полей таблицы Left_menu:

Поле id - порядковый номер

Поле title - название самого пункта

Поле introtext - превью текста

Поле ftext - текст

Поле idpm - id родительского пункта группы

Поле hidden - флаг скрытия и отображения

Схема базы данных Database (Рис. 3.3.2.9):

Рис. 3.3.2.9 - схема базы данных "Database"

3.3 Создание директорий сайта на локальном сервере Denwer

На виртуальном диске Z локального сервера в папке Home я создал папку Prtl, которая является корневой папкой. (Рис.3.3.3.1):

Рис. 3.3.3.1 - создание папки "Prtl"

В папке "Prtl" я создал папку "www", где будут располагаться все элементы разрабатываемого сайта (Рис. 3.3.3.2)

Рис. 3.3.3.2 - создание папки "www"

Первым файлом я создал файл Index.php, через который будут подзагружаться остальные файлы такие как (Рис. 3.3.3.3):

- stylex.css

- content.php

- db_connect.php

- footer.php

- header.php

- incl.php

- left.php

- query.php

- right.php

Рис. 3.3.3.3 - часть кода index.php

Файл Stylex.css содержит в себе каскадные таблицы стилей, которые формируют внешний вид сайта. (Рис. 3.3.3.4)

Рис. 3.3.3.4 - часть кода style.css

В файле db_connect.php происходит подключение к базе данных "Database". Там определены логин и пароль для работы с базой данных через phpMySQL.

В файле header.php находится "шапка" сайта, меню, логотип компании. (Рис. 3.3.3.6)

Рис. 3.3.3.6 - часть кода header.php

В файле left.php происходит извлечение пунктов меню из запросов к базе данных "Database" (Рис. 3.3.3.7)

Рис. 3.3.3.7 - часть кода left.php

В файле query.php формируются запросы, результат которых сохраняется в переменную. (Рис. 3.3.3.8)

Рис. 3.3.3.8 - часть кода query.php

В папке Images располагаются графические элементы , необходимые для стилистики и дизайна сайта. (Рис. 3.3.3.9)

Рис. 3.3.3.9 - папка "Images"

Заключение

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

Был приобретён практический опыт разработки вебприложений с использованием современных технологий. Изучены возможности языка PHP и объектно-ориентированного программирования.

Список используемой литературы

1. http://www.php.su/ - форум языка программирования PHP.

2. http://htmlbook.ru/ - Сайт о языке HTML, CSS, веб-дизайне, графике и процессе создания сайтов.

3. https://learn.javascript.ru/ - учебник JavaScript.

4. www.w3schools.com/ - форум веб-разработчиков.

5. Линн Бейли, Майкл Моррисон. Изучаем PHP и MySQL. 2010 г.

6. К.Дари, Б.Бринзаре. Ajax и PHP: Разработка динамических вебприложений 2006 г.

7. Эрл Каслдайн, Крэйг Шарки. Изучаем JQuery 2009 г.

Приложение

Размещено на Allbest.ru


Подобные документы

  • Проектирование книжного интернет-магазина для реализации книжной продукции через Интернет. Анализ и обоснование выбора языков программирования и средств разработки сайта. Затраты внедрение сайта, его программное обеспечение, тестирование и отладка.

    дипломная работа [2,1 M], добавлен 06.06.2013

  • Особенности создания сайта интернет-магазина для частных лиц и организаций. Анализ финансовой и технико-экономической деятельности фирмы. Создание информационной модели сайта, ее базовые элементы. Выбор программного и аппаратного обеспечения сайта.

    дипломная работа [1,5 M], добавлен 08.12.2013

  • Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.

    дипломная работа [850,3 K], добавлен 11.01.2015

  • Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.

    контрольная работа [3,2 M], добавлен 15.02.2011

  • Постановка задачи разработки сайта компании "ОргТехСервис". Выбор методики проектирование сайта, разработка проекта, тестирование и отладка. Расчет показателей надежности Интернет-услуг. Порядок разработки интерфейсов взаимодействия с пользователем.

    контрольная работа [1,5 M], добавлен 22.10.2014

  • Услуги, предоставляемые компанией "Южные телефонные сети". Официальный сайт предприятия. Языковые и программные средства редактирования веб-страниц. Создание сайта на платформе Xara Designer Pro X9. Размещение готового веб-сайта в сети интернет.

    курсовая работа [448,8 K], добавлен 25.02.2015

  • Проектирование сайта: сбор и компоновка информации, разработка технического задания; дизайн интерфейса, создание шаблонов и программных компонентов, интеграция сайта с системой управления, тестирование и отладка; сдача. Описание среды программирования.

    курсовая работа [60,2 K], добавлен 30.06.2014

  • Использование функциональных возможностей GSM uCoz для разработки сайта. Сущность, значимость, типы и виды сайтов, способы их создания. Правила размещения сайта в сети Интернет. Основные возможности, понятия, преимущества и недостатки сервиса uCoz.

    дипломная работа [1,7 M], добавлен 20.07.2014

  • Анализ методов разработки сайта с помощью веб-инструментов, конструктора, системы управления сайтом. Выбор языка веб-программирования, графического редактора. Разработка корпоративного сайта, его внедрение в интернет и тестирование на различных браузерах.

    курсовая работа [2,5 M], добавлен 22.03.2017

  • Функциональные возможности веб-сайтов и их применение. Сравнительный анализ языков программирования для веб-разработки. Методические аспекты разработки образовательного веб-сайта. Определение трудозатрат на разработку и отладку программного продукта.

    дипломная работа [2,8 M], добавлен 03.09.2021

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.