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

1.1 Библиотека MSHTML

2.1 Технические требования

3.1 Концепция построения программы

Список всех классов приведён на рисунке 3.1.

Рисунок 3.1 - Диаграмма классов программы

В качестве главного класса используется TForm1, который содержит некоторые компоненты IDE C++ Builder и методы для обротки событий возникающих на этих компонентах и также вспомогательный методы для работы с содержимым редактора.

3.2 Функциональная модель

- режим просмотра html документов;

- режим редактирования html документов;

- открывать, создавать и сохранять .html файлы

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

- вставлять в документ гиперссылки

- форматировать текст документа

- выход из программы.

Главными процессами данного ПО являются процессы взаимодействия пользователей с графическими элементами программы для осуществления редактирования документа.

3.3 Тестирование

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

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

Данная программа была протестирована на различных компьютерах, на ОС Windows (7,8,10), различными пользователями. Никаких ошибок и несоответствия к предъявленным требованиям к данному ПО не обнаружено.

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

В результате чего, можно сделать вывод, что приложение игра «html-editor», пригодно для использования конечным пользователем.

4. Описание алгоритмов решения задачи

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

Рисунок 4.1 - блок-схема алгоритма передвижения шара

Блок 1 и 9 начало и конец алгоритма соответственно.

Блок 2 при запуске программы инициализирует необходимые средства для генерации и отображения документов html, а также создает новый пустой документ.

Блок 3 дает возможность открыть документ или воспользоваться новым пустым документом.

Блок 4 осуществляет проверку находиться ли документ в режиме редактирования или в режиме просмотра. Если условие истинное, то мы переходим к блоку 5, в противном случае возвращаемся к блоку 3.

Блок 5 Пользователь вводит различные данные, добавляет изображения

Блок 6 Различные операции редактирования текста такие как: копировать, вырезать, вставить, жирный текст, наклонный текст, подчеркнутый текст, отменить, повторить, гиперссылка, найти;

Блок 7 условный, пользователю предлагается сохранить документ или выйти без сохранения. Если пользователь согласился, то он переходит к блоку 8, иначе к блоку 9.

редактирование инсталляция html

4.2 Инструменты разработки

Среда разработки: IDE C++ Builder XE8.

C++Builder - это отмеченный наградами набор инструментов быстрой разработки приложений на C++ для нативной разработки под Windows, Mac и для мобильных устройств, с расширенной поддержкой облаков и IoT. Он оснащен обновленным CLANG 3.3 и поддержкой C++11 в самых быстрых инструментах разработки для Windows 10 и множества устройств. C++Builder это ваш выбор для сверхбыстрой корпоративно-ориентированной разработки. Посмотрите на увеличенный объем памяти для крупных проектов, расширенную поддержку нескольких мониторов, улучшенный инспектор объектов и многое другое. C++Builder обеспечивает 5-кратно увеличенную скорость разработки и развертывания на нескольких настольных, мобильных, облачных средах и платформах баз данных, включая 32-разрядные и 64-битные ОС Windows 10. [10]

5. Руководство пользователя

Программа разработана для демонстрации возможностей языка C++ и может использоваться для пользователей, которые не знакомы с языком html. Так же программа имеет простой, интуитивно понятный и комфортный интерфейс, что облегчает работу с ней и даёт возможность использования без предварительного изучения инструкций.

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

5.2 Среда функционирования

Средой функционирования являются операционные системы платформы Windows NT: Windows 7, Windows 8, Windows 10.

5.3 Инсталляция

Для того чтобы полноценно пользоваться данным программным продуктом, необходимо скопировать папку с программой на жесткий диск. Однако программа полностью независимая и может запускаться со съёмных носителей. Для запуска игры необходимо запустить файл «html-editor.exe» из каталога ЕХЕ.

5.4 Сообщения системы

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

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

Рисунок 5.1 - Сообщение вставки изображения.

Если пользователь нажал кнопку добавления ссылки в документ, то он увидит всплывающие окошко в соответствии с рисунком 5.2.

Рисунок 5.2 - Сообщение добавления ссылки.

При выполнении поиска перед пользователем появляется модальное окошко с соответствии с рисунком 5.3.

Рисунок 5.3 - Модальное окно поиска.

При возникновении непредвиденной ошибки, пользователь увидит следующее сообщение представление на рисунке 5.4.

Рисунок 5.4 - Модальное окно критической ошибки.

5.5 Системные требования

– процессор 1000 Мгц или выше;

– ОЗУ 512 Мб или выше;

– свободным дисковым пространством не менее 5 Мб;

– видеоадаптер с разрешением не хуже SVGA, 1024x768, 16 бит цветность;

Требования к ОС:

– Windows 7;

– Windows 8;

– Windows 10;

– MS Internet Explore

Программа может работать и в более ранних графических операционных системах, но не так стабильно.

На любом этапе работы приложения можно воспользоваться следующими функциями меню:

– «Новый документ» - позволяет создать новый чистый документ;

– «Открыть» - позволяет открыть html документ;

– «Сохранить» - позволяет сохранить изменения;

– «Очистить» - очищает документ;

– «Редактировать» - переключает документ в режим правки;

– «Заблокировать» - переключает документ в режим просмотра;

– «Выход» - выход из приложения.

5.6 Элементы управления

В качестве элементов управления используются панель быстрого форматирования текста, представленная на рисунке 5.5

Рисунок 5.5 - Панель форматирования текста.

Также сочетания клавиш и мышь, которые выполняют основные функции редактирования:

– Ctrl + C - Копировать;

– Ctrl + X - Вырезать;

– Ctrl + V - Вставить;

– Ctrl + B - Жирный текст;

– Ctrl + I - Наклонный текст;

– Ctrl + U - Подчеркнутый текст;

– Ctrl + Z - Отменить;

– Ctrl + Y - Повторить;

– Ctrl + K - Гиперссылка;

– Ctrl + F - Найти;

– Ctrl + A - Выделить всё;

– Ctrl + Left-Click - Выделить блок.

Заключение

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

Параллельно с разработкой программы были изучены возможности и особенности программного обеспечения С++ Builder. Приобретены навыки построения UML-диаграмм при помощи программы С++ Builder XE8. Изучены методы взаимодействия форм с компонентами. Испытания созданного приложения позволили исключить большое количество возникающих ошибок.

В целом создание данного программного продукта привело к более детальному овладению практическими навыками проектирования и разработки законченного, отлаженного и протестированного программного продукта с использованием языка высокого уровня С++ и закрепить и углубить теоретические знания по предмету «Конструирование программ и языки программирования».

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

Литература

1. Методические указания по выполнению курсовых и дипломных проектов. Специальность: 2-40 02 01 «Программное обеспечение информационных технологий»;

2. Культин Н.Б. Самоучитель С++ Builder. - СПб.: БХВ-Петербург,2005. - 320с.: ил.

3. Культин Н.Б. С/С++ в задачах и примерах. - СПб.: БХВ-Петербург, 2006. - 288с.: ил.

4. Borland Builder C++. Освой самостоятельно. - СПб.: Питер, 2005. - 702с.: ил.

5. Холзнер С. Visual C++ 6. Учебный курс. - СПб.: Питер, 2006. - 570с.: ил.

6. Красиков И.В., Красикова И.Е. Алгоритмы. Просто как дважды два. - М.: Эксмо,2006. - 256с.: ил.

7. Карпов Б., Баранова Т. С++. Специальный справочник (2-е издание). - СПб.: Питер, 2005. - 381с.: ил.

8. Франка П. С++: Учебный курс. - СПб.: Питер, 2005. - 522с.: ил.

9. Википедия - свободная энциклопедия [Электронный ресурс]. - Электронные данные. - Режим доступа: http://ru.wikipedia.org/wiki/Веб-сайт;

10. Embarcadero Website [Электронный ресурс]. - Электронные данные. - Режим доступа: https://www.embarcadero.com/ru/products/cbuilder

Приложение А (обязательное)

Текст программы

//---------------------------------------------------------------------------

#include <vcl.h>

#pragma hdrstop

#include "mshtml.h"

#include "home.h"

//---------------------------------------------------------------------------

#pragma package(smart_init)

#pragma resource "*.dfm"

using namespace std;

TForm1 *Form1;

IDispatch *Disp = NULL;

//---------------------------------------------------------------------------

__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner)

{

}

//---------------------------------------------------------------------------

void __fastcall TForm1::FormCreate(TObject *Sender)

{

this->WebBrowser1->Navigate("about:<html><body></body></html>");

}

//---------------------------------------------------------------------------

void __fastcall TForm1::BitBtn1Click(TObject *Sender)

{

if (this->WebBrowser1->Document)

{

IHTMLDocument2 *html;

this->WebBrowser1->Document->QueryInterface<IHTMLDocument2>(&html);

BSTR bstrMode;

html->get_designMode(&bstrMode);

BSTR chek = L"On";

// Смена режима редактиования на режим просмотра )

if ( wcscmp(bstrMode , chek) ) {

html->put_designMode(L"On");

this->StatusBar1->Panels->operator [](1)->Text = "Редактирование";

this->BitBtn1->Caption = "Заблокировать";

}else{

html->put_designMode(L"Off");

this->StatusBar1->Panels->operator [](1)->Text = "Просмотр";

this->BitBtn1->Caption = "Редактировать";

}

html->Release();

}

}

//---------------------------------------------------------------------------

void __fastcall TForm1::ButtonGroup1Items1Click(TObject *Sender)

{

if (this->WebBrowser1->Document)

{

IHTMLDocument2 *html;

TStringList *t = new TStringList;

this->WebBrowser1->Document->QueryInterface<IHTMLDocument2>(&html);

IHTMLElement *pElement;

html->get_body(&pElement);

pElement->get_parentElement(&pElement);

wchar_t *tmp;

pElement->get_outerHTML(&tmp);

t->Text = tmp;

if (this->SaveDialog1->Execute()){

t->SaveToFile( this->SaveDialog1->FileName);

}

pElement->Release();

html->Release();

}

}

//---------------------------------------------------------------------------

void __fastcall TForm1::ButtonGroup1Items0Click(TObject *Sender)

{

if(this->OpenDialog1->Execute()){

Application->ProcessMessages();

TStringList *t = new TStringList;

t->LoadFromFile(this->OpenDialog1->FileName);

if (this->WebBrowser1->Document) {

this->WebBrowser1->Navigate("about:"+t->Text+"\0");

this->StatusBar1->Panels->operator [](1)->Text = "Просмотр";

this->BitBtn1->Caption = "Редактировать";

}

}

}

//---------------------------------------------------------------------------

void __fastcall TForm1::ButtonGroup1Items3Click(TObject *Sender)

{

IHTMLDocument2 *html;

this->WebBrowser1->Document->QueryInterface<IHTMLDocument2>(&html);

html->put_designMode(L"Off");

this->StatusBar1->Panels->operator [](1)->Text = "Просмотр";

this->BitBtn1->Caption = "Редактировать";

this->WebBrowser1->Navigate("about:blank");

}

//---------------------------------------------------------------------------

void __fastcall TForm1::ButtonGroup1Items2Click(TObject *Sender)

{

if(this->WebBrowser1->Document){

IHTMLDocument2 *html;

this->WebBrowser1->Document->QueryInterface<IHTMLDocument2>(&html);

html->put_designMode(L"Off");

this->WebBrowser1->Navigate("about:blank");

this->StatusBar1->Panels->operator [](1)->Text = "Просмотр";

this->BitBtn1->Caption = "Редактировать";

html->Release();

}

}

//---------------------------------------------------------------------------

void ExecComd(BSTR cmd, VARIANT_BOOL showUI ){

if ( Form1->WebBrowser1->Document)

{

IHTMLDocument2 *html;

Form1->WebBrowser1->Document->QueryInterface<IHTMLDocument2>(&html);

VARIANT var;

VARIANT_BOOL receive;

html->execCommand(cmd,showUI,var, &receive);

html->Release();

}

}

void ExecComd2(BSTR cmd, VARIANT_BOOL showUI,VARIANT var ){

if ( Form1->WebBrowser1->Document)

{

IHTMLDocument2 *html;

Form1->WebBrowser1->Document->QueryInterface<IHTMLDocument2>(&html);

VARIANT_BOOL receive;

html->execCommand(cmd,showUI,var, &receive);

html->Release();

}

}

void __fastcall TForm1::Image5Click(TObject *Sender){ExecComd(L"Bold",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image8Click(TObject *Sender){ExecComd(L"Italic",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image6Click(TObject *Sender){ExecComd(L"underline",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image2Click(TObject *Sender){ExecComd(L"InsertImage",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image9Click(TObject *Sender){ExecComd(L"JustifyLeft",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image12Click(TObject *Sender){ExecComd(L"JustifyCenter",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image10Click(TObject *Sender){ExecComd(L"JustifyRight",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image11Click(TObject *Sender){ExecComd(L"justifyFull",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image1Click(TObject *Sender){ExecComd(L"Indent",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::Image3Click(TObject *Sender){ExecComd(L"CreateLink",true);}

//---------------------------------------------------------------------------

void __fastcall TForm1::BitBtn2Click(TObject *Sender)

{

if (RichEdit2->Text.Trim() == "" || RichEdit1->Text.Trim() == "") {

Beep();

return;

}

start = clock();

TStringList* tmpList = new TStringList;

tmpList->Assign(RichEdit2->Lines);

AnsiString procent = "";

for(int i=0; i < tmpList->Count ; i++){

AnsiString test = tmpList->operator [](i).Trim();

if (test.Length() < 3 ) {

continue;

}

TStringList* result = search(test, RichEdit1->Lines->Text);

if (result != NULL) {

AppendStr(procent,tmpList->operator [](i));

for(int i=0; i < result->Count ; i++){

// Form1->Memo1->Lines->Add(test);

RichEdit1->SelStart = StrToInt(result->operator [](i));

RichEdit1->SelLength = test.Length();

RichEdit1->SelAttributes->Color = clRed;

}

}

test = tmpList->operator [](i);

AnsiString noop = AnsiString::StringOfChar('ђ',test.Length());

tmpList->Text = StringReplace(tmpList->Text, test, noop, TReplaceFlags() << rfReplaceAll);

}

clock_t tmpl = clock();

Label4->Caption = "Текст уникален на " + FloatToStr(100.0 - (procent.Length() / (RichEdit1->Text.Length() / 100))) + "%";

log( "", "");

ADOTable1->Insert();

ADOTable1->Fields->operator [](2)->AsDateTime = Time();

ADOTable1->Fields->operator [](2)->AsString =FloatToStr((tmpl - start) / CLK_TCK)+" s.";

ADOTable1->Fields->operator [](3)->AsWideString = RichEdit2->Text.Trim();

ADOTable1->Fields->operator [](4)->AsWideString = RichEdit2->Text.Trim();

ADOTable1->Post();

}

//---------------------------------------------------------------------------

void __fastcall TForm1::Button1Click(TObject *Sender)

{

RichEdit1->Lines->Clear();

RichEdit2->Lines->Clear();

LabeledEdit1->Text = "";

}

//---------------------------------------------------------------------------

void __fastcall TForm1::SpeedButton1Click(TObject *Sender)

{

if (!OpenTextFileDialog1->Execute()) return;

RichEdit1->Lines->LoadFromFile(OpenTextFileDialog1->FileName);

}

//---------------------------------------------------------------------------

void __fastcall TForm1::SpeedButton2Click(TObject *Sender)

{

if (!OpenTextFileDialog1->Execute()) return;

RichEdit2->Lines->LoadFromFile(OpenTextFileDialog1->FileName);

}

//---------------------------------------------------------------------------

void __fastcall TForm1::SpeedButton3Click(TObject *Sender)

{

if (!SaveTextFileDialog1->Execute()) return;

RichEdit1->Lines->SaveToFile(SaveTextFileDialog1->FileName);

}

Приложение Б (обязательное)