Визуальное програмирование

Минобрнауки России

                                                                                                                         

федеральное государственное  бюджетное образовательное учреждение

высшего профессионального  образования

«Санкт-Петербургский государственный технологический институт

(технический университет)»

 

 

 

 

 

 

 

 

 

 

 

 

Пояснительная записка к курсовой работе «Визуальное программирование»

 

 

 

 

Выполнил:

___________

 

Проверил:

___________

 

 

 

 

 

 

 

 

 

 

 

 

Санкт-Петербург

2012 год

 

Минобрнауки России

                                                                                                                         

федеральное государственное  бюджетное образовательное учреждение

высшего профессионального образования

«Санкт-Петербургский государственный технологический институт

(технический университет)»

 

 

 

 

Факультет_________________________________________________________

__________________________________________________________________

 

Кафедра __________________________________________________________          

__________________________________________________________________             

 

Учебная дисциплина________________________________________________

__________________________________________________________________

 

Курс____________________    Группа____________________

 

 

 

ЗАДАНИЕ НА КУРСОВУЮ РАБОТУ

 

 

Тема:       «Визуальное программирование» 

 

Цель работы:  Разобраться в понятии термина визуального программирования, визуализация, помочь пользователю интуитивно разбираться в назначении всех элементов интерфейса визуализации

 

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

Описать  аналогичные продукты визуального программирования, изучить программы Visual Basic и Delphi.

 

 

Рекомендуемая литература

1. Холзнер С. Visual C++ 6: учебный курс - СПб: Питер,2001. - 576 с. : ил.
2. Тихомиров Ю. Visual C++ 6 - Спб.:БХВ - Санкт-Петербург, 1998. - 496 с. : ил.
3. Шилдт, Герберт. Полный справочник по С, 4-е издание. : Пер. с англ. - М,: Издательский дом "Вильямс", 2002. - 704 с. : ил. - Парал.т ит. англ.
4. Павловская Т.А. С/C++. Программирование на языке высокого уровня. / Т.А. Павловская. - СПб.: Питер, 2002. - 464 с.: ил.
5. Культин Н.Б. C/C++ в задачах и примерах. - СПб.:БХВ-Петербург, 2001. - 288 с.: ил.
6. Франка П. С++: учебный курс. - СПб.: Питер, 2001. - 528 с.: ил.

 

 

Дата выдачи задания________________________________________________

 

 

Срок представления  к защите_________________________________________

 

 

 

Руководитель                _______________                   ______________________

                                          (подпись, дата )                      ( инициалы, фамилия )

 

Студент                          _______________                  ______________________         

                                          (подпись, дата )                       ( инициалы, фамилия )                

 

 

 

 

Реферат

Данная работа содержит 44 страницы, приложение в виде таблиц основных видов языков программирования.

Список использованных источников содержит 18  наименований

Целью работы является изучение визуального программирования.

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

Окно инструментов (Toolbox) это  окно, которое содержит набор элементов, из которых и выводится визуальная модель. Частенько элементы подразделяются по  назначению элементов на определенные группы, которые размещаются на раздельных закладках окон их инструментов.

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

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

 

 

 

 

 

 

 

 

 

 

 

Содержание.

Введение…………………………………………………………………………...6

1.  Начальная стадия визуального программирования…………………….7

1. Подготовка к работе………………………………………….……….….10

2. Первый запуск среды Delphi……………………………………….…….13

3. Исследуем среду разработки программ………………………………....15

4. Первая программа…………………………………………………….…..23

2.  Графическое программирование……………………………………………..34
3. Визуальные средства разработки…………………………………………….36

Заключение………………………………………………………………….…..38

Список использованной литературы………………………………………..…41

Приложения…………………………………………………………………..…43

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Введение

 

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

Как только появился первый транслятор COBOL, санскриты программирования здорово поменялись. За последние несколько лет благодаря повсеместной сети Интернет и таким графическим интерфейсам среды, как Windows, использование и возможности языков программирования поменялись почти в такой же степени, как и за первые 35 лет развития серверов. Каждый новый язык обещал быстрое обучение и улучшенные функциональные возможности обслуживания исходного кода.

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

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

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

1. Начальная стадия визуального программирования

 

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

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

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

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

Нормальная  весовая категория в кг. = Рост в см, то есть - 100 - 10

Пункт один исполнен, задание абсолютно ясно, алгоритм решения имеется.

Сейчас  выполним второй раздел - нарисуем то, что мы желаем увидеть на экране в ходе вычисления задания (рисунок 1), поскольку две клавиши  созданы для начал исчислений (Compute) и выхода из платформы (Close); два редактируемых поля существуют для ввода параметров роста (Specify your height) и вывода весовой категории (Your ideal weight); текстовые надписи.

Рисунок 1. Структура и ее содержимое

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

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

Изучив и исследовав теорию с рисунками, исполним, наконец-то, раздел третий поставленной задачи, то есть напишем сценарий работы нашей будущей программы. Сразу после старта программы на телеэкране появляется модель нашей главное формы. Пользователь начинает вычисления с того, что сначала активизирует редактируемое поле с надписью Specify your height и вставляет значение роста мнимого человека, после чего выжимает кнопку Compute. Программа начинает откликаться на это событие, а именно вычисляет идеальный вес, затем выводит полученный результат в поле с надписью Your ideal weight. Пользователь нажмет кнопку Close только после того как определит идеальный вес всех своих знакомых. В ответ на это событие программа уберет с экрана свою форму и заверши искомую работу.

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

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

Затем необходимо совершить довольно важный вопрос: что в этом сценарии будет делать среда Delphi, а что пользователь. Дело, в общем, обстоит так:

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

Программист дописывает на языке Delphi некоторые части программы, называемые процедурой обработки событий. Он создает это во встроенном в среду редактора коде. Главное событие нашей программы это нажать кнопку  Compute, а кодирование формулы Weight = Height - 100 – 10 – это обработка этого события.

Среда Delphi по команде программиста компилирует целиковый исходный код и запускает программу.

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

Только  что изученные нами понятия технологии визуального программирования являются ключом к пониманию использованной  в среде Delphi. Имея капитальную абстрактную подготовленность, можно смело судить, что «снаряжение туриста»  это устанавливать на свой компьютер систему Delphi, а значит начинать тренировку во всех направлениях, а именно писать первую программу.

1. Подготовка к работе

 

Система программирования Delphi существует в нескольких редакциях:

• Delphi Personal – для тех, кто хочет изучить программирование это минимальный набор для так называемых любителей;
• Delphi Professional – для тех, кто не называет себя любителями, а считаем настоящими профессионалами, набор для так называемых разработчиков-индивидуалов;
• Delphi Enterprise – достаточный набор инструментальных средств и методов для фирм, которые занимаются изготовлением программного обеспечения для заказчика.
• Delphi Architect - самый «упакованный» вариант набора, то есть добавляющий к набору Delphi Enterprise средства коллективной разработки и средства моделирования данных.

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

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

Для этого  нужно вставить первый компакт-диск в устройство CD-ROM и наша заставка установочной программы запустится самостоятельно. Если же этого не произошло, то нам необходимо запустить программу Windows Explorer, то есть отркыть компакт-диск и запустить программу Install. Те указания, которые установочная программа будет время от времени выводить для нас на экран нам очень важна, поэтому нам просто нужно смело ее использовать. Установочная программа сама свяжется с операционной системой компьютера, но для этого ей придется организовать в стартовом меню Start / Programs папку Borland Delphi 7 и поместить в нее ярлычки соответствующими их программам. (рисунок 2): ²

Рисунок 2. Папка Borland Delphi 7 в стартовом меню

 

Теперь  можно беглым взглядом посмотреть на то, что же мы установили и что у нас получилось:

• Delphi 7  это интегрированная концепция для разработки приложений;
• Image Editor  это орудие для редактирования и создания непосредственно точечных рисунков, либо значков или указателей мыши;
• BDE Administrator  это программа-администратор для создания баз данных ядра Borland Database Engine;
• Database Desktop это орудие для создания и редактирования таблиц в самих базах данных;
• SQL Explorer это средство для просмотра и редактирования таблиц в базах данных, интегрированное в саму среду Delphi;
• SQL Monitor это отладочное средство, позволяющее программисту прослеживать SQL-запросы к базам данных компьютера;
• WinSight32 это отладочное орудие, позволяющее нам прослеживать сообщения программы Windows;
• XML Mapper это программа, производящая размен информацией с структурой базы данных или иными приложениями заготовки схем преображения самых обычных XML-документов в пакеты данных.
• Register Now это программа, с помощью которой программист сможет зарегистрировать его копию системы Delphi у фирмы-разработчика.

Существует множество  справочников по разным вопросам; их список впечатляет (рисунок 3).

Рисунок 3. Справочник программы Delphi

 

 

 

2. Первый запуск среды Delphi

 

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

Рисунок 4. Вид среды Delphi при первом запуске 

Что же мы видим  на этом изображении? Скорее всего это она, кнопки и списки, одним словом полная неразбериха. А теперь нам нужно попробовать привести наши файлы в надлежащий порядок, чтобы не было этого хаоса. Для этого сначала посмотрим на среду Delphi издалека и заметим, что это же навсегда запечатленные в памяти программиста краеугольные камни, а точнее их форма, компоненты и свойства (рисунок 5). ³

Рисунок 5. Главные  части среды Delphi

Ну, наконец-то получилось, то есть неведомое вышло здесь  слишком хорошо известным! На этом рисунке беспорядок исчез, на что теперь программист сможет понять одну суть, если достаточно умен, что из области «палитра компонентов» нужно будет при помощи мыши избрать частицу это либо кнопка, либо надпись или всего лишь редактор текста, положить на «форму» и задать необходимое свойство его значений в области «свойства». Среда программы Delphi сначала изучит содержание нашей формы, затем создаст нужный для данной программы программный код, а программисту останется только ввести в него условия решения задачи это отклики на события. В целом, если  программисту понятно назначение интегрированной среды, то нужно заняться следующими деталями. ⁴

 

 

 

3. Исследуем среду разработки программ

 

На  следующем рисунке нам необходимо взглянуть на интегрированную среду разработки (рисунок 6) и дать название каждой ее структуры:

Рисунок 6. Среда Delphi в деталях 

Разберем немного каждую из составных элементов. Главная часть  это форма (рисунок 7), которая выделяет заголовок Form1, но пока она не заполнена и пуста (аналогична чистому листу, на котором программист только еще думает что-либо изобразить): ⁵

Рисунок 7. Форма 

Теперь нам нужно  взглянуть на тот факт, что у формы существует  достаточно признаков «главного окна» известных графических приложений это значок, заголовок, кнопки с функцией «Свернуть», «Развернуть», «Закрыть», размерной рамки и, естественно данные программы управляются мышкой. До этого, казалось бы, сколько надо всего придумать, чтобы сделать все это самому, а здесь главная функция интерфейса практически готова сама.

На данном рисунке, а именно непосредственно под формой спрятан редактор кода (рисунок 8):

Рисунок 8. Редактор кода

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

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

Рисунок 9. Палитра  компонентов 

Наладчики среды Delphi разложили в палитру компонентов то, что считают оптимальным набором «строительных кирпичей», достаточным для придумывания разнообразных приложений. Между этими компонентами программист найдет себе меню с кнопками либо надписями, а точнее стандартные диалоговые окна и многое другое

Как следует из рисунка 9, все многообразие компонентов выделено на нужные программисту группы, каждая из которых размещена в палитре частей на своей вкладке: Standard это обыкновенные компоненты пользовательского интерфейса, Additional это компоненты дополнительного пользовательского интерфейса, Common Controls  это общепринятые для Windows компоненты пользовательского интерфейса и прочее. Описание каждой вкладки палитры компонентов расположено в приложении А.

Избрать необходимый компонент из нашей палитры, а затем разместить его на форму не очень сложно, поэтому нам сначала нужно:

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

Рисунок 10. Компонент Button на форме 

Компонент, который  расположен на форме, нуждается в том, чтобы ему придали необходимые свойства. Для этого следует обратится к окну с оглавлением Object Inspector, которое является окном свойств (рисунок 11). Данное окно находится слева внизу от формы и активируется с помощью кнопки F11.

Рисунок 11. Окно свойств 

Как только компонент появляется на нашей форме именно тогда, в появившемся  окне Object Inspector виден список его свойств. Задача программиста, который работает с этой программой,  заключается в том, чтобы придать свойствам необходимые значения. К примеру, для того, чтобы написать на клавише слово Compute, необходимо поменять значение свойства Caption, вначале  содержащее текстовку Button1. По размерам  набранной строки любая буква должна автоматом  являться на кнопке.

Несложно заметить, что наше окно Object Inspector состоит из двух вкладок, одно из которых называется вкладкой свойств это Properties и вкладкой событий это Events. Непосредственно на вкладке Properties устанавливаются свойства компонента. Программисту необходимо активировать вкладыш Events именно тогда, когда задачи  свойств определены. Сразу после этого будет виден список событий, на которые данный компонент сможет отреагировать. В качестве примера приведен ниже список событий, отредактированных кнопкой (рисунок 12):

Рисунок 12. Список событий  компонента Button

В представленном списке программиста сможет интересовать задача On Click это нажатие клавиши.

Подобно форме некоторые компоненты умеют содержать другие компоненты. Например, панель сможет содержать кнопки, надписи, другие панели и т.д. По внешнему виду формы не всегда можно определить, какие компоненты содержит интересующий вас компонент или на каком компоненте он содержится. Для ответа на эти вопросы, программисту следует обратиться к окну Object TreeView, называемое окном компонентов формы (рисунок 13). Оно активизируется нажатием комбинации клавиш Shift+Alt+F11 и расположено слева вверху от формы. В окне Object TreeView компоненты приведены в виде образа дерева, отражающего состав компонентов на форме. Сейчас на форме находится всего одна единственная кнопка, поэтому дерево компонентов имеет несложный  вид, состоящий из корневого элемента Form1 и одного вложенного элемента Button1.

Рисунок 13. Окно компонентов формы 

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

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

• File это функция работы с файлами.
• Edit скорее всего работа с областью мены и размещения компонентов на форме.
• Search это замена заданного символа или строки в тексте, либо поиск
• View это отображение разнообразной информации.
• Project это управление проектом, в котором используется добавление или удаление файлов, какая-либо выборка проекта, установка параметров проекта.
• Run это запуск и регулирование программы.
• Component используется для выработки новейших компонентов, либо установка готовых компонентов.
• Database это запуск программ, которые наиболее смягчают построение приложений баз данных.
• Tools программа для настройки параметров интегрированной среды разработки, а также запуск наиболее вспомогательных программ.
• Window программа для активизации необходимого окна интегрированной среды разработки.
• Help запуск для получения необходимой информации, а также справок по программам.

Для быстроты доступа к некоторым командам является панель клавиш

(рисунок 14).

Рисунок 14. Панель кнопок среды Delphi

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

Существует  маленькая панель, которая находится  справа от главного меню (рисунок 15), которая служит для сохранения и восстановления внешнего вида среды Delphi. Необходимо расположить окна на экране на свой вкус, затем подобрать необходимые и удобные для себя кнопки. Затем, после того как нажмете кнопку с подсказкой Save current desktop, сохраните внешний вид среды Delphi. В следующем сеансе работы программист может быстро восстановить его из списка.