Разработка сайта для филиала ВГУЭС

Технические характеристики компьютерных систем. Анализ интернет-сайта филиала предприятия и выявление основных проблем. Обновление структуры и подгонка сайта под современные стандарты с помощью программы WebSite X5. Создание дизайна веб-страницы.

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

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

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

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

Содержание

  • Введение
  • 1. Характеристика объекта практики
    • 1.1 Общие сведения о месте прохождения практики по профилю специальности
    • 1.2 Технические характеристики компьютерных систем предприятия
    • 1.3 Занимаемая должность
    • 1.4 Теоретические основы занимаемой должности
  • 2. Прохождение практики. Разработка сайта для филиала ВГУЭС»
    • 2.1 Поиск проблемы
    • 2.2 Дизайн сайта
    • 2.3 Техническая реализация сайта
    • 2.4 Трудности при создании
  • Заключение
  • Список использованных источников

Введение

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

Ныне существует более 2500 тысяч языков программирования, и их количество стремительно возрастает. Множество из них соответствуют специальным международным стандартам; одни языки применяются только узким кругом людей, например, самими разработчиками; другие становятся популярными среди миллионов пользователей.

Целями практики являются:

- определить основные проблемы автоматизации на предприятии;

- исправить недостатки автоматизации;

Задачей практики является:

- разработать сайт для предприятия и отладить его работу;

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

1. Характеристика объекта практики

1.1 Общие сведения о месте прохождения практики по профилю специальности

Филиал ВГУЭС в городе Артеме - самое популярное учебное заведение в Артемовском городском округе, в котором обучается 60% студентов профессиональных учебных заведений города. И это не случайно. Филиал ВГУЭС, а в прошлом индустриально-педагогический колледж был основан в 1956 г. За более полувека своего существования он зарекомендовал себя учебным заведением, в котором принято учиться династиями.

8 декабря 1998 года - особая дата в истории развития: приказом Министерства образования РФ колледж был реорганизован в филиал Владивостокского государственного университета экономики и сервиса в г. Артеме.

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

Сегодня филиал ВГУЭС в г. Артеме - это современный, предпринимательский, динамично развивающийся университетский комплекс, включающий в себя: институт, колледж, академический лицей, в котором получают образование 2900 студентов по всем формам обучения.

В институте подготовка бакалавров ведется по дневной и недневной формам обучения по 6 направлениям: «Дизайн», «Менеджмент», «Прикладная информатика», «Эксплуатация транспортно-технологических машин и комплексов», «Туризм», «Экономика».

В колледже филиала на базе основного общего и среднего (полного) общего образования реализуется 11 образовательных программ по дневной и недневной формам обучения по специальностям: «Техническое обслуживание и ремонт автомобильного транспорта», «Право и организация социального обеспечения», «Экономика и бухгалтерский учет», «Программирование в компьютерных системах», «Дизайн», «Гостиничный сервис», «Строительство и эксплуатация зданий и сооружений», «Технология продукции общественного питания», «Организация обслуживания в общественном питании», «Реклама», «Коммерция».

В академическом лицее обучаются ребята с 1 по 11 класс, получая основное общее и среднее (полное) общее образование. Дошкольники от 1 года до шести лет осваивают знания по программам дополнительного образования.

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

Филиал сотрудничает на международном уровне в сфере образования и науки с университетами Китая, Кореи, Казахстана.

Заключен договор с международной бизнес - школой Solbridge, который предоставляет возможность обучения студентам и прохождение стажировок профессорско-преподавательского состава в Корее. Тесное сотрудничество филиала с Петровским колледжем в Санкт-Петербурге, у которого сложились долговременные отношения с Финляндией, Францией, Германией по подготовке специалистов в области сервиса, позволяет лучшим студентам института направления подготовки «Туризм» и студентам колледжа по специальности «Гостиничный сервис» проходить практику в вышеперечисленных европейских странах. В целях исключения языкового барьера у молодых людей и предоставления возможности обучения за границей в январе 2012 года в филиале состоялось открытие языкового центра.

Научно-исследовательская работа в филиале реализуется по основным направлениям выпускающих кафедр. Ежегодно в учебном заведении проходит «Международная научно-практическая конференция-конкурс научных докладов студентов, аспирантов и молодых исследователей «Интеллектуальный потенциал вузов - на развитие Дальневосточного региона России и стран АТР». Результатом такой работы стало участие студентов в международных и всероссийских олимпиадах и конкурсах, межвузовских конференциях. За последние пять лет на конкурсы различного уровня представлено более 300 студенческих работ.

Развитие инновационной деятельности филиала направлено на внедрение результатов научно-исследовательских работ в реальный сектор экономики, создание условий для привлечения студентов и профессорско-преподавательского состава к прикладным научным исследованиям. В этом направлении ВГУЭС в г. Артеме работает в тесном контакте с предприятиями города и края, администрацией Артемовского городского округа по инициативе которой на базе учебного заведения создается «Бизнес-инкубатор» - экспериментальная площадка по подготовке специалистов в области малого и среднего бизнеса г. Артема, Шкотовского и Надеждинского районов.

Материально-техническая база вуза с каждым годом модернизируется и совершенствуется. Разработан и реализуется проект информационной системы комплексной автоматизации управленческой, образовательной и научной деятельности. Техническое оснащение информационного комплекса филиала позволяет активно внедрять информационно-обучающие системы. В университете используется 253 компьютера, работает 4 компьютерных класса, лингафонный кабинет. Лекционные аудитории оборудованы мультимедийными проекторами, интерактивными досками.

Для проведения в режиме online лекций, совещаний и семинаров между головным вузом и филиалом создан кабинет видеоконференц-связи. Все компьютеры филиала подключены к локальной вычислительной сети и к корпоративной сети головного вуза. Учебное заведение полностью интегрировано в информационную и телекоммуникационную среду ВГУЭС, что позволяет в любой момент получить доступ к его методической базе и информационным ресурсам.

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

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

Общежитие филиала предоставляет студентам комфортные условия для проживания.

Молодежный центр учебного заведения - место встречи активных и талантливых студентов. Для всех желающих открыты двери молодежных объединений, где каждый может найти занятие по душе. Театральная студия филиала ВГУЭС награждена дипломом первой степени Всероссийского и Международного Фестиваля детского и молодежного творчества. Хор профессорско-преподавательского состава и сотрудников учебного заведения является дипломантом краевого конкурса «Поющий океан», участник международного фестиваля Яньбиньского Государственного университета, КНР. Хор учеников академического лицея - участник городских и краевых мероприятий, дипломант конкурса «Восхождение». Команда КВН «Радостные» ежегодно представляет учебное заведение на фестивалях и конкурсах. В декабре 2011 г. в учебном заведении на рождественских встречах с социальными партнерами состоялось торжественное открытие первого в городе Артеме Центра русской культуры.

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

За время своего существования филиал выпустил более 18000 специалистов. Выпускники ВГУЭС в г. Артеме работают в коммерческих структурах, промышленных предприятиях, кадровых агентствах, инвестиционных компаниях, на предприятиях малого и среднего бизнеса города и края, многие из которых являются социальными партнерами учебного заведения, активно принимают участие в образовательном процессе, предоставляя места прохождения практики и последующего трудоустройства студентам.

В своем развитии филиал неотрывно следует приоритетам головного вуза. Геннадий Иннокентьевич Лазарев, ректор университета, высоко оценил деятельность ВГУЭС в г. Артеме, отметил значимость учебного заведения для развития Артемовского городского округа. Преподаватели и сотрудники учебного заведения неоднократно были удостоены почетной грамоты ректора, самой значимой награды - почетным нагрудным знаком «Золотой фонд ВГУЭС». Награждены почетной грамотой Министерства образования и науки Российской Федерации, нагрудным знаком «Почетный работник среднего профессионального образования», почетной грамотой Департамента образования и науки администрации Приморского края.

1.2 Технические характеристики компьютерных систем предприятия

В общей сложности, на территории Филиала ВГУЭС имеется около 200-ти компьютеров, объединенных в единую локальную сеть. Машины соответствуют всем современным требованиям. Большинство компьютеров на предприятии оснащено двухъядерным процессором и оперативной памятью объемом 1 гигабайт, такой мощности достаточно для решения офисных задач.

- Упрощенное управление ПК облегчает ИТ-специалистам развертывание настольных компьютеров, ноутбуков, виртуальных сред и управление ими, а также

Кроме того, на предприятии используются следующие программные продукты:

- пакет программ Microsoft Office 2007;

- пакет программ 1C;

- антивирус Касперского 2014;

- Adobe Photoshop CS5.

1.3 Занимаемая должность

В течение периода прохождения практики мне было предложено освоить работу веб-программиста.

Веб-программист занимается разработкой программ, поддерживающих функционирование интернет-сайтов. На основе концептуальных и дизайнерских задач, поставленных заказчиком или работодателем. Он должен знать HTML, Java, JavaScript, РНР, Perl, иметь опыт работы с такими инструментами веб-разработчиков, как Dreamweaver, Flash и ColdFusion. Эти языки и программы расширяют возможности сайтов, помогают вносить разнообразие: элементы анимации, звук, интерактивные игры, онлайновые анкеты и функции Интернет-торговли.

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

С ростом влияния и распространения сети Интернет востребованность веб-программистов растет с каждым днем.

Веб-программист должен обладать следующими качествами:

- усидчивость, внимательность, хорошая память;

- способность выдерживать серьезные умственные нагрузки;

- умение слаженно работать в команде;

- владение языками программирования PHP/ Perl/ Ruby, JavaScript;

- опыт работы с массивными базами данных.

1.4 Теоретические основы занимаемой должности

Языки, с которыми работают веб-программисты, можно разделить на два типа: клиентские и серверные.

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

К серверным языкам относятся: PHP, ASP, ASPX, Perl, SSI, XML, DHTML, XHTML и другие. Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла.

Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. К серверным языкам программирования можно отнести: PHP, Perl, Python, Ruby, любой .NET язык программирования, Java, Groovy.

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

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

HTML является стандартным языком, предназначенным для создания гипертекстовых документов в сети Интернет.

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение.html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются GoogleChrome, MozillaFirefox, Opera, InternetExplorer и Safari.

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

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

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров (например, AdobeDreamWeaver, PSPad). Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий программиста.

Несмотря на регулярное появление новых технологий, язык HTML остается самым популярным инструментом разметки. Последняя на сегодняшний день, 5-ая версия языка поддерживает возможность воспроизведения аудио и видео, элементы анимации, а также, улучшенное структурирование документов.

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

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

CSS3 (последняя на сегодняшний день версия языка) обладает расширенными возможностями в плане дизайна и оформления документов, что позволяет разработчикам частично отказаться от Flash и JavaScript, которые ранее использовались для создания анимированных элементов на веб-страницах.

2. Прохождение практики. Разработка сайта для филиала ВГУЭС

2.1 Поиск проблемы

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

Для разработки сайта который был бы удобен и прост в навигации, функционален, а также отвечал современным требованиям могут потребоваться колоссальные усилия многих людей: веб-дизайнеров, верстальщиков, JavaScript и PHP программистов и специалистов по работе с базами данных. К сожалению не все компании могут (а некоторые просто не хотят) содержать у себя штат веб-программистов, что давало бы возможность регулярно обновлять и дорабатывать свой сайт, и прибегают в к услугам сторонних студий, занимающихся разработкой в области Web.

В ходе практики нужно было создать сайт визитка для ВГУЭ.

были поставлены следующие задачи:

- провести анализ нынешнего сайта компании и выявить недостатки;

- осовременить дизайн сайта для ВГУЭС используя современные наработки в области веб-программирования.

2.2 Дизайн сайта

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

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

Рисунок 1 - Сайт-визитка Филиала ВГУЭС в городе Артеме

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

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

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

В ходе анализа интернет-сайта филиала ВГУЭС были выявлены три основные проблемы:

- отсутствие внятной, логичной структуры главного меню. Некоторые разделы малосодержательны, их можно объединить с другими либо устранить полностью;

- устарелость сайта в плане дизайна;

- устарелость сайта в техническом плане, игнорирование всех современных веб-разработок таких как HTML5 и CSS3;

Обновленная версия сайта для ВГУЭС была разработана в соответствии с современными тенденциями в области проектирования веб-ресурсов. Основными отличиями от оригинального сайта являются:

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

- горизонтальное построение структуры меню, что делает сайт более удобным для просмотра на планшетах и мобильных устройствах;

- использование HTML5 и CSS3 с их расширенными возможностями по оформлению веб-страниц;

Использование минималистичного дизайна для сайта подразумевает использование минимума выразительных средств для достижения максимума информативности. В настоящее время это направление является одним из лидирующих в области создания веб-ресурсов. В последние два-три года такие интернет-гиганты как Google, YouTube, Ebayи другие стремятся упрощать дизайн своих сайтов, при этом увеличивая удобство использования для своих пользователей.

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

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

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

сайт дизайн интернет

Как и было сказано выше, сайт филиала ВГУЭС успел устареть в техническом плане. Для его обновления и подгонки под современные стандарты было решено использовать инструментарий WebSite X5.

WebSite X5 это программа для создания современных, кросс-браузерных и стандартизованных интерфейсов. Продуманная структура кода HTML, JavaScript и CSS дает возможность создавать множество самых разнообразных элементов интерфейса и сетку сайта.

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

Основные инструменты WebSite x5:

- сетки - заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140px относится к классу .span2, который можно использовать в CSS описании документа.

- шаблоны - фиксированный или резиновый шаблон документа.

- типографика - описания шрифтов, определение некоторых классов для шрифтов, таких как код, цитаты и т. п.

- медиа - представляет некоторое управление изображениями, аудио и видео.

- таблицы - средства оформления таблиц, вплоть до добавления функциональности сортировки.

- формы - классы для оформления не только форм, но и некоторых событий происходящих с ними.

- алерты - формление диалоговых окон, подсказок и всплывающих окон.

Благодаря Bootstrap структура сайта была полностью переработана. В новой версии главная страница поделена на три основные части. Со стороны кода они представляют собой div-контейнеры с назначенным css-классом, который определяет функционал и наполнение самого контейнера.

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

AJAX, или, более длинно, Asynchronous Javascript And Xml - технология для взаимодействия с сервером без перезагрузки страниц.За счет этого уменьшается время отклика и веб-приложение по интерактивности больше напоминает десктоп.

Технология AJAX, как указывает первая буква A в ее названии - асинхронна, т.е. браузер, отослав запрос, может делать что угодно, например, показать сообщение об ожидании ответа, прокручивать страницу, и т.п. Для обмена данными с сервером используется специальный объект XmlHttpRequest, который умеет отправлять запрос и получать ответ с сервера.

Типичное AJAX-приложение состоит как минимум из двух частей. Первая выполняется в браузере и написана, как правило, на JavaScript, а вторая - находится на сервере и написана, например, на Ruby, Java или PHP. Смысл AJAX - в интерактивности и быстром времени отклика.

Так как подгрузка совершается с помощью ajax-скрипта, это дает несколько преимуществ:

- Экономия трафика, использование AJAX позволяет значительно сократить трафик при работе с веб-приложением благодаря тому, что вместо загрузки всей страницы достаточно загрузить только изменившуюся часть;

- Уменьшение нагрузки на сервер, при правильной реализации, AJAX позволяет снизить нагрузку на сервер в разы. В частности, все страницы сайта чаще всего генерируются по одному шаблону, включая неизменные элементы для генерации которых требуются обращения к разным файлам, время на обработку скриптов (а иногда и запросы к БД) -- всё это можно опустить, если заменить полную загрузку страницы генерацией и передачей лишь содержательной части;

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

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

В нашем сайте ajax-скрипт располагается на главной странице, а к каждой кнопке добавлена функция «onclick» с ссылкой на нужный документ. При нажатии файл подгрузится в центральный контейнер div.

2.4 Трудности при создании

Первоначально для разработки была выбрана Joomla - система для разработки интернет-сайтов.

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

Joomla позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского, белорусского и ещё некоторых языков стран СНГ.

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

Второе важное достоинство - очень удобная система управления сайтом. Встроенный редактор текстовых материалов очень похож на привычный всем Microsoft Word, что существенно упрощает работу. Довольно понятно устроена и административная панель.

Тем не менее не смотря на очевидные достоинства, создание сайта на Joomla не обернулось успехом из-за особенностей это платформы.

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

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

Переход на WebSite позволили добиться поставленной цели и переработать сайт ВГУЭС в соответствии с поставленной задачей.

сайта дизайн интернет

Заключение

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

- методы работы с компонентами доступа к данным, создание запросов с параметрами, редактирование данных на программном уровне;

- оформление текстовой документации в соответствии с установленными стандартами.

В ходе курсового проектирования было самостоятельно разработано:

· техническое задание на программное средство;

· программное средство в соответствии с поставленной задачей;

· техническая документация к программному средству.

Список использованных источников

1 Александров В.В. Развивающиеся структуры и проблемно-ориентированные среды. Теоретические основы и прикладные задачи интеллектуальных информационных технологий / В.В. Александров. - СПб.: СПИИРАН, 2012. - 324с.

2 Бондаренко С. Руководство по SQLite. Популярный самоучитель / С. Бондаренко, М. Бондаренко. - СПб.: Питер, 2010. - 320 с.

3 Вашкевич Э. PowerPoint 2007. Эффективные презентации на компьютере / Э. Вашкевич. - М.: Норма, 2009. - 240 с.

4 Горбачев А.Г. Базы данных SQLite / А.Г. Горбачев, Д.В. Котлеев. - СПб.: Питер, 2010. - 96 с.

5 Гордеев А.В. Операционные системы: учебник для вузов / А.В. Гордеев. - СПб.: Питер, 2011. - 416 с.

6 Глушаков С.В. Microsoft Word 2007 / С.В. Глушаков, А.С. Сурядный. - М.: АСТ.: Харвест, 2009. - 34 с.

7 Гессе С. Введение в язык программирования / С. Гессе, В. Кирстен. - СПб.: АОЗТ “СП. АРМ”, 2013. - 280с.

8 Долженков А.Н. Справочное руководство по qWord / А.Н. Долженков. - СПб: АОЗТ “СП. АРМ”, 2012. - 65 с.

9 Ерофеев А.А. Интеллектуальные системы управления / А.А. Ерофеев, А.О. Поляков. - СПб.: Изд-во СПбГТУ, 2013. - 264с.

10 Киммел П. Справочник программиста / П. Киммел, Д. Грин. - М.: Академия, 2013. - 1088с.

11 Кирстен В. От ANS MUMPS к ISO M / В. Кирстен. - СПб.: СП. АРМ, 2010. -277с.

12 Кирстен В. Объектно-ориентированная разработка приложений в среде постреляционной СУБД CACHE / В. Кирстен, М.Ирингер, П.Шульте. - СПб.: АОЗТ “СП. АРМ”, 2010.- 364с.

13 Миллхолон М. Эффективная работа: Microsoft Office Word 2007 / М. Миллхолон, К. Мюррей. - СПб.: Питер, 2009. - 971 с.

14 Молоткова Н.В. Экономические расчеты для дипломных проектов по техническим специальностям / Н.В. Молотков, С.В. Соколова, О.Б. Ткалич. - СПб.: СПбГТУ, 2011. - 20 с.

15 Поляков А.О. Интеллектуальные системы управления. Введение в прикладную теорию / А.О. Поляков. - СПб: СПбГТУ, 2012. - 88 с.

16 Поляков А.О. Технология интеллектуальных систем / А.О. Поляков. - СПб: СПбГТУ, 2013. - 84 с.

17 Сергеев А.П. Microsoft Office 2007 / А.П. Сергеев. - М.: Норма, 2009. - 432 с.

18 Смит А.Б. Реляционные, древовидные и объектно-ориентированные базы данных / А.Б. Смит // MSM-бюллетень. - 2013. - №5. - С. 19-28.

19 Серогодский В.В. Базы данных. Эффективный самоучитель + справочник пользователя / В.В. Серогодский, Д.А. Козлов, Р.Г. Прокди, А.Ю. Дружинин. - М.: Норма, 2010. - 400 с.

20 Слепцова Л.Д. Программирование на VBA в Microsoft Office 2007 / Л.Д. Слепцова. - М.: ООО "И.Д. Вильямс", 2010. - 432 с.

21 Таненбаум Э.С. Современные операционные системы - Modern Operating Systems / Э.С. Таненбаум. - СПб.: Питер, 2011. - 1120 с.

22 Фигурнов Э. В. IBM PC для пользователя. Краткий курс / Э.В. Фигурнов. - М.: ИНФРА-М, 2012. - 479 с.

23 Фролов И.М. Энциклопедия Microsoft Office 2003 / И.М. Фролов. - М.: Бук-пресс, 2013. - 912 с.

24 Юдин М.В. Технология разработки баз данных / М.В. Юдин, А.В. Куприянова. - СПб.: Питер, 2009. - 80 с.

25 Ястребцовой Е.Н. INTEL Обучение для будущего (при поддержке Microsoft): учебное пособие / Е.Н. Ястребцовой, Я.С. Быховского. - М.: Норма, 2009. - 368 с.

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


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

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.

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

  • CRM-системы: разновидности, проблемы реализации, их преимущества и недостатки. Критические характеристики CRM-систем для работы через Интернет (WEB-CRM). Разработка содержания и структуры WEB-сайта интренет-магазина "Vinil", создание схемы и базы данных.

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

  • Изучение различных систем управления содержимым, обеспечивающих доступ к информации в сети Интернет и удобное редактирование сайта. Разработка информационной структуры, дизайна и информационное наполнение web-сайта по теме "Экстремальные виды спорта".

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

  • Анализ предметной области и функций сайта. Разработка структуры базы данных, структуры и дизайна web-сайта. Описание установки CMS "Joomla!" и программной оболочки Denwer, создание гостевой книги, галереи и карты Google, результаты их тестирования.

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

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

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

  • Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

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

  • Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.

    курсовая работа [686,4 K], добавлен 13.06.2022

  • Формирование виртуальной странички предприятия в Internet. Обоснование выбора платформы. Разработка структуры и дизайна сайта, электронного каталога продуктов фирмы. Оптимизация сайта под поисковые системы. Основные принципы и правила продвижения сайта.

    дипломная работа [3,0 M], добавлен 01.01.2018

  • Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.

    презентация [2,8 M], добавлен 01.09.2019

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