Файл: Разработка сайта компании (ООО Управление и Инвестиции).pdf

Были рассмотрены следующие текстовые редакторы:

• Atom;
• Notepad++;
• Sublime Text;
• Code Writer;
• Bluefish и т.д.;

Atom (в прошлом Atomicity) бесплатный текстовый редактор с открытым исходным кодом для Linux, macOS, Windows с поддержкой плагинов, написанных на Node.js, и встраиваемых под управлением Git. Большинство плагинов имеют статус свободного программного обеспечения, разрабатываются и поддерживаются сообществом. [9]

Atom основан на Electron (ранее известный как Atom Shell) — фреймворке кроссплатформенной разработки с использованием Chromium и io.js. Редактор написан на CoffeeScript и LESS. Версия 1.0 была выпущена 25 июня 2015 г.

Рабочее окно программы Atom продемонстрировано на рисунке 2.

Рисунок 2. Рабочее окно программы Atom.

Как видно из рисунка 1, программа Atom имеет минималистичный и современный интерфейс. Это обусловлено не награмажденностью кнопок навигации. Дизайн Atom очень интуитивный и продуманный, нет ничего лишнего, и все элементы грамотно расположены. Имеется возможность работать с несколькими файлами одновременно, которые будут расположены в разных вкладках. Также имеется возможность зонирования окон по периметру программы, распределение на панели, что дает удобный доступ к разным файлам, не переключаясь между ними. Это удобно в том случае, когда работа ведется над одним файлом, но есть разные файлы css и javascript, прикрепленных к одному проекту.

Далее будут расписаны достоинства и недостатки текстового редактора Atom.

Достоинства:

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

Недостатки:

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

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

---

Notepad++ — свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки, а также языков описания аппаратуры VHDL и Verilog. Поддерживает открытие более 100 форматов. Базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Windows API и распространяется под лицензией GNU General Public License. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

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

Notepad++ может не только работать с различными кодировками текста, но и преобразовывать их из одной в другую прямо в процессе работы. Программа способна конвертировать текст в следующие кодировки: ANSI, обычный UTF, UTF без BOM, UCS-2 Big Endian, UCS-2 Little Endian.

Возможности программного обеспечения заявлены на официальном сайте Notepad++: [10]

• подсветка синтаксиса;
• сворачивание кода;
• авто дополнение и автоматическое закрытие скобок и тэгов (если активировано);
• закладки;
• регулярные выражения для поиска и замены;
• запись и воспроизведение макросов;
• сравнение файлов;
• менеджер проектов;
• карта документа;
• переопределение любых горячих клавиш;
• резервное копирование сохраняемых файлов (включается в настройках);
• трансформация текста при помощи подключённого плагина TextFX;
• поддержка и конвертирование кодировок ANSI, UTF-8 и UCS-2;
• блоковое выделение текста, одновременное выделение нескольких разных мест (с Ctrl);
• многострочное редактирование (с использованием Alt).

Рабочее окно программы Notepad++ показано на рисунке 3.

Рисунок 3. Рабочее окно программы Notepad++.

Данная программа является одной из самых популярных в области веб разработок. Были рассмотрены достоинства и недостатки программы Notepad++.

Достоинства:

• поддержка интерфейса на 76 языках, включая русский;
• поддерживает работу на двух платформах: Windows и ReactOS;
• очень большой функционал, в сравнении с аналогами;
• поддержка плагинов;
• использование технологии WYSIWYG.

Недоставки:

• запускается медленнее, чем менее продвинутые программы;
• имеет обыденный интерфейс;
• Notepad++ является текстовым редактором, а не IDE, что в свою очередь требует дополнительной установки плагинов;
• при установке неофициальных плагинов, то с ними могут быть баги в дальнейшей работе.

---

Как видно из вышесказанного, текстовый редактор Notepad++ имеет расширенный функционал, что является существенным преимуществом перед аналогичными программами. Это заслуженно делает данное приложение одним из самых популярных утилит для редактирования текста, html разметки и программного кода.

Sublime Text — проприетарный текстовый редактор. Поддерживает плагины на языке программирования Python. Разработчик позволяет бесплатно и без ограничений ознакомиться с продуктом, однако программа уведомляет о необходимости приобретения лицензии.

Некоторые возможности: [11]

• быстрая навигация (Goto Anything)
• командная палитра (Command Palette)
• API плагинов на Python
• одновременное редактирование (Split Editing)
• высокая степень настраиваемости (Customize Anything)

Для демонстрации интерфейса программы Sublime Text предоставлен рисунок 4.

Рисунок 4. Рабочее окно программы Sublime Text.

Достоинства:

• физическая «легкость» и техническая «мощность»: позволяет быстро писать код, сохраняя в качестве заготовок часто используемые конструкции.
• подсветка синтаксиса и высокая контрастность: основные текстовые элементы выделяются разными цветами.
• быстрый запуск и автоматическое сохранение: никаких проволочек и паники при внезапном отключении компьютера.
• высокая организационная схема: существуют различные сплит-экраны для тестовой разработки (Python — на одном, текстовые скрипты — на другом) или front-end’а (HTML и CSS/Javascript).
• поддержка большого количества языков программирования: C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL и XML.

Недостатки:

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

Code Writer — интегрированная среда разработки программного обеспечения для многих языков программирования, в частности Java, JavaScript, Python, разработанная компанией Actipro Software LLC. Особенностью данного программного обеспечения является то, что его надо скачивать не с сети Интернет, а с компонента операционной системы Windows — Microsoft Store. Данное приложение было разработано специально для Windows 10.

Microsoft Store — предназначен для покупки и загрузки Metro/UWP-приложений, игр, фильмов, темы рабочего стола. Microsoft Store — единственный способ покупки и загрузки универсальных приложений, а также приложений для рабочего стола в Windows.

Рабочее окно программы Code Writer продемонстрировано на рисунке 5.

---

Рисунок 5. Рабочее окно программы Code Writer.

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

Достоинства:

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

Недостатки:

• проверка не является интеллектуальной, что часто влечет за собой ошибки при подсветке кода;
• не корректная подсветка синтаксиса.

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

Основные свойства Bluefish: [12]

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

Рабочее окно программного продукта Bluefish показано на рисунке 6.

Рисунок 6. Рабочее окно программы Bluefish.

В анализе программы Bluefish были выделены достоинства и недостатки ее работы.

Достоинства:

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

Недоставки:

• устаревший интерфейс;
• скорость запуска программы.

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

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

---

• 1. Анализ программных решений серверной части

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

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

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

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

Чтобы не устанавливать эти компоненты по отдельности (например, веб-сервер Apache, базы данных MySQL, языки программирования PHP, Perl) – обычно используют готовый набор программ. Настроенная связка этих программ и есть локальный сервер.

Под операционную систему Windows наиболее популярны следующие локальные сервера:

• Denwer;
• OpenServer;
• XAMPP;
• MAMP.

Denwer — набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов на локальном ПК под управлением ОС Windows. Denwer также называют джентльменский набор Web-разработчика.

В базовый пакет Denwer входят: [13]

• веб-сервер Apache с поддержкой SSI, SSL, mod_rewrite, mod_php;
• интерпретатор PHP с поддержкой GD, MySQL, SQLite;
• СУБД MySQL с поддержкой транзакций (mysqld-max);
• система управления виртуальными хостами, основанная на шаблонах;
• система управления запуском и завершением;
• панель phpMyAdmin для администрирования системой управления базами данных;
• ядро интерпретатора Perl без стандартных библиотек (поставляются отдельно);
• эмулятор sendmail и сервера SMTP с поддержкой работы совместно с PHP, Perl, Parser и др;
• установщик.

---