Научная статья на тему 'Из опыта создания прототипа Веб сайта для агенства надвижимости'

Из опыта создания прототипа Веб сайта для агенства надвижимости Текст научной статьи по специальности «Компьютерные и информационные науки»

CC BY
340
46
i Надоели баннеры? Вы всегда можете отключить рекламу.
Ключевые слова
ПРОТОТИП ВЕБСАЙТА / СРЕДСТВА ДЛЯ СОЗДАНИЯ ВЕБСАЙТОВ / СРЕДСТВА РАЗРАБОТКИ

Аннотация научной статьи по компьютерным и информационным наукам, автор научной работы — Сизов А.Д.

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

i Надоели баннеры? Вы всегда можете отключить рекламу.

Похожие темы научных работ по компьютерным и информационным наукам , автор научной работы — Сизов А.Д.

iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.
i Надоели баннеры? Вы всегда можете отключить рекламу.

Текст научной работы на тему «Из опыта создания прототипа Веб сайта для агенства надвижимости»

Рисунок 2 - Вантовый мост на остров Русский.

Несмотря на то, что основная функция Русского моста - транспортное сообщение между островом и материком, эстетические характеристики самой современной достопримечательности Владивостока способны вызвать неподдельное восхищение. Фантастический вид на конструкцию открывается ночью, когда включается архитектурная подсветка. Профессионально выстроенное освещение создает оптическую иллюзию полета. Мост словно парит над темным проливом. Дополняют облик Русского моста и сами ванты, окрашенные в цвета российского триколора (Рис.2). Они придают композиции особый, неповторимый колорит и необыкновенную торжественность. Список использованной литературы.

1. Описание проекта (Русский мост) - URL: rusmost.ru/about/

2. Золотой мост во Владивостоке - URL: otdyxsam.ru/rossiya/zolotoj-most-vo-vladivostoke

3. Мировая экономика в начале 19 века: сборник научных статей. /под ред. В.М Грибанич. - М.: Научная книга, 2003г.-204с.

© Макаров А.В., Исаков Ш.М., 2019

УДК 004

А.Д. Сизов

студент 4 курса ВШЭ г. Нижний Новгород, РФ

ИЗ ОПЫТА СОЗДАНИЯ ПРОТОТИПА ВЕБ САЙТА ДЛЯ АГЕНСТВА НАДВИЖИМОСТИ

Аннотация

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

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

средств для разработки конкретного сайта.

Ключевые слова:

прототип вебсайта, средства для создания вебсайтов, средства разработки

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

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

Создание сайта. Чтобы создать успешный веб сайта нужно сделать следующее:

• Провести анализ типов современных вебсайтов;

• Провести анализ средств для создания сайтов, существующих в настоящее время;

• Выбрать из существующих средства для разработки конкретного сайта;

• Создать прототип сайта.

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

• Физическое расположение

• Доступность сервисов

• Схема представления информации

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

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

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

Самыми популярными средствами по данным сайта W3Techs.com. являются:

«HTML(theHypertextMarkupLanguage) - язык гипертекстовой разметки, описывающий структуру веб-документа для его отображения в браузере. HTMLиспользует описательную разметку, а это основной фактор в развитии веб-технологий.

CSS (Cascading Style Sheets) - язык для описания представления веб-страницы, включая цвет текста, фона, расположения элементов, шрифты и многое другое. CSS позволяет адаптировать внешний вид страницы под различные девайсы с большими и маленькими экранами».

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

«JavaScript - встраиваемый язык программирования для доступа к объектам приложения, поддерживающий объектно-ориентированную, императивную и функциональную парадигмы программирования». Самое широкое применение он находит в браузерах для применения сценариев и воплощения интерактивности на веб-страницах.

«PHP - скриптовый язык общего назначения, с открытым исходным кодом, который применяется для веб-разработок».

PHP приобрёл популярность как язык для веб-программирования, в основном, благодаря простоте в освоении и легкости при внедрении в html-страницы.

На следующем этапе переходим к выбору средств, нужных, чтобы разработать конкретный сайт. Тут важна правильность подбора инструментов, чтобы у разработчика была возможность реализовать все

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

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

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

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

• Простота при освоении, преимущественно для тех, кто знает более сложные языки программирования;

• Большая функциональность;

• Имеет большое сообщество;

• Кроссплатформенность языка;

• Бесплатный.

Кроме того PHP может генерировать не только файлы html, но и изображения PDF и, даже Flash, которые создаются «на лету». Также он способен сгенерировать и XML файл. Ещё одним значительным преимуществом PHP является способность поддерживать широкий круг баз данных.

Если говорить о базах данных, то нужно сказать, что мы выбрали MySQL. В данный момент MySQL пользуется хорошим спросом. В связи с этим, перечислим самые значительные преимущества:

• Способность к быстродействию;

• Безопасность;

• Открытость кода;

• Надежность:

• Способность к низкому потреблению ресурсов;

• Имеет большое сообщество;

• Довольно легкая переносимость.

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

«CMS (ContentManagementSystem) - система управления контентом, информационная система или программное обеспечение для совместной работы над созданием и редактированием контента и последующим его управлением. Framework - программная платформа, определяющая структуру программной системы и облегчающая разработку сложных проектов».

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

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

• Он популярен:

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

• Он структурирован:

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

• Его можно расширить:

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

• Он функционален:

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

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

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

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

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

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

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

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

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

Заключение. В нашем случае были решены следующие задачи:

• Был создан дизайн сайта, где навигация проста и понятна. Сайт имеет легкий порог вхождения новых пользователей;

• Была создана простая структура базы данных, чтобы сайт работал эффективно;

• Был разработан интерфейс пользователя для облегчения работы с сайтом;

• Сайта был размещен на бесплатном хостинге для ознакомления.

Разработанный сайт в данный момент является прототипом. Под прототипом сайта понимается сайт,

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

1. The Web Book: The ultimate beginner's guide to HTML, CSS, JavaScript, PHP and MySQL. Robert Schifreen, Oakworth Business Publishing Ltd; 1 edition, 2010.

2. The Website Manager's Handbook, Chapter 3, Shane Diffily, 2006.

3. Head First HTML and CSS, 2nd Edition, Elisabeth Robson, Eric Freeman, O'Reilly Media 2012.

4. Learning PHP, MySQL, JavaScript, CSS & HTML5, Third Edition, Robin Nixon, O'Reilly Media 2014.

5. W3Schools. The world's largest web developer site.(https://www.w3schools.com).

6. W3C. The World Wide Web Consortium. (https://www.w3.org/standards/webdesign/)

7. JavaScript Tutorial. (https://www.javascript.com/learn/javascript/strings)

8. jQuery Documentation (http://api.jquery.com)

9. PHP. Справочник языка. (http://php.net/manual/ru/langref.php)

10. PHP. Справочник функций. (http://php.net/manual/ru/funcref.php)

11. Laravel. Official documentation. (https://laravel.com/docs/5.4)

12. Laracast. Free tutorial. (https://laracasts.com/series/laravel-from-scratch-2017)

13. Laravel API Specification. (https://laravel.com/api/5.4/index.html)

14. Laravel Collective. Form & Html. (https://laravelcollective.com/docs/5.3/html)

15. Larasel. Рускоязычное коммьюнити. Документация. (http://laravel.su/docs/5.0/installation)

16. Laravel по-русски. Документация. (https://laravel.ru/docs/v5)

17. MySQL Documentation. (https://dev.mysql.com/doc/)

18. Полный мануал по MySQL (http://www.mysql.ru/docs/man/)

iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.

19. W3Techs. Technologies Overview (https://w3techs.com/technologies)

20. NetBeans. PHP and HTML5 Learning Trail (https://netbeans.org/kb/trails/php.html)

21. Lightbox. Getting started. (http://lokeshdhakar.com/projects/lightbox2/#getting-started

© Сизов А.Д., 2019

УДК 623.1/.7

Скирмант И.С.

курсант ЧВВАКУШ, г. Челябинск E-mail: Skirant.ilya@yandex.ru Карташов К.С. курсант ЧВВАКУШ, г. Челябинск E-mail: fantom-201252@mail.ru Кокшаров О.Б.

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

Буланов А.В.

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

ПРОТИВОСПУТНИКОВОЕ ОРУЖИЕ - КОСМИЧЕСКИЕ УБИЙЦЫ

Аннотация

В данной статье рассматриваются первое противоспутниковое оружие СССР, а также современные

i Надоели баннеры? Вы всегда можете отключить рекламу.