Разработка Web-приложения средствами C++ Builder
Отчет по практике - Компьютеры, программирование
Другие отчеты по практике по предмету Компьютеры, программирование
Оглавление
Введение
Глава 1. Разработка Web-приложения
Постановка задачи
Карта сайта
Интерфейс сайта
Алгоритмы реализации интерактивных функций сайта
Анализ работы по разработке сайта
Глава 2. Разработка программного продукта средствами C++ Builder
Постановка задачи
Структура программы
Интерфейс программы
Алгоритмы реализации основных функций программы
Анализ работы по разработке программного продукта
Заключение
Приложения
Техническое задание для сайта
Программный код сайта
Программный код программы
Введение
Цель и задача практики
Цель:
Формирование у студентов общих и профессиональных компетенций, приобретение практического опыта при освоении таких видов деятельности, как Разработка программных модулей, программного обеспечения для компьютерных систем и Разработка Web-приложений
Задачи:
1.Разработка программного модуля, программного обеспечения для компьютерных систем (средствами C++ Builder).
2.Разработка Web-приложения (средствами PHP, AJAX).
Общие сведения о предприятии.
ООО НоваИнТех Сферы деятельности: Ремонт оргтехники, продажа программного обеспечения, услуги системного администрирования, ремонт компьютеров. Расположен по ул. Ленина, 10п ст3.
Глава 1. Разработка Web-приложения
Постановка задачи
Сайт предназначен для публикации данных связанных с Игримским профессиональным колледжем. Данные включают в себя общую информацию об учреждении, информацию необходимую для поступления, информацию о значимых событиях, в которых участвуют либо участвовали студенты, преподаватели, администрация колледжа. Целевой аудиторией являются как студенческий состав с руководством, так и потенциальные абитуриенты. Разделим всех посетителей на несколько групп в порядке повышения уровня отношений с сайтом:
Случайные
Заинтересовавшиеся
Целевые
Постоянные
Случайные - Посетители, которые просматривают одну или несколько страниц сайта и уходят. Они приходят случайно, не находят нужных данных и покидают сайт.
Заинтересовавшиеся - Посетители, которые опять-таки попали на сайт случайно, но заинтересовавшись в обнаруженных данных решают изучить найденное подробнее. В итоге посетители относящиеся к этой категории либо переходят в категорию Целевые либо покидают сайт забывая о нем.
Целевые - Люди, которые наиболее часто приходят, увидев сайт в результатах поисковой выдачи по своему запросу. Они намерены ознакомится со всей информацией которой они интересовались. Изучив ее они покидают сайт.
Постоянные - Это люди которые заходят на сайт уже не в первый раз, они следят за обновлениями на сайте ожидая публикации новой информацией которой они заинтересованы. Как правило это сами студенты и преподаватели.
Карта сайта
Интерфейс сайта
Как можно увидеть из скриншота интерфейс сайта прост и не вызовет никаких вопросов, но если вопрос возник всегда можно задать его воспользуясь страницей обратной связи. В верхней части расположены ссылки на странички, посвященные указанным разделам сайта. В правой части можно увидеть структурированное меню, благодаря которому облегчается поиск искомой информации. И наконец, на главной части сайта располагается искомая информация, на скриншоте это Новости.
Алгоритмы реализации интерактивных функций сайта
При создании сайта я брал в инициативу простоту реализации, так как собственные написанные функции не привели бы к максимально эффективным и простым способам решения я решил не изобретать велосипед и прибег к использованию уже готовых функций. В пример фотогалерея.
Подключаемся к файлам todo.js который содержит набор функций для работы и gallery.css который является листом стилей отвечает за красивое отображение самой формы галереи.
…
">
.onload(function(){
todo.gallery(gallery);
…
каждый элемент (Изображение) галереи является элементом маркированного списка, поэтому обращатся к ним мы будем так
…
…
Код реализации переключения между элементами
…
next:function(){if(this.current<this.a.length-1)this.set(this.a[this.current+1]);},
0)this.set(this.a[this.current-1]);},">prev:function(){if(this.current>0)this.set(this.a[this.current-1]);},
setTitle:function(){if(this.a[this.current].title){this.e.appendChild(todo.create(div,{class:todo_gallery_title},this.a[this.current].title),{});}},
0){left=e.appendChild(todo.create(div,{class:todo_gallery_button_left,title:Prev}));._gallery=this;.onclick=function(){this._gallery.prev();};">setNav:function(){(this.a.length==1)return;e=this.e.appendChild(todo.create(div,{class:todo_gallery_nav},(this.current+1)+ of +this.a.length));(this.current>0){left=e.appendChild(todo.create(div,{class:todo_gallery_button_left,title:Prev}));._gallery=this;.onclick=function(){this._gallery.prev();};
};(this.current<this.a.length-1){right=e.appendChild(todo.create(div,{class:todo_gallery_button_right,title:Next}));._gallery=this;.onclick=function(){this._gallery.next();};
}
…