Файл: Разработка сайта стоматологической клиники (Анализ исходных данных).pdf

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

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

Наличие обратной связи позволит клиентам общаться с Вами напрямую. В прошлых статьях мы уже упоминали важность наличия на сайте формы обратной связи. Таким образом, появится возможность отвечать на вопросы потенциальных клиентов, что в свою очередь будет увеличивать уровень доверия и лояльности. Это увеличит количество заказов и будет способствовать появлению постоянных клиентов. Следовательно, прибыль тоже будет расти[1 с.67].

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

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

Целью данной работы является разработка сайта стоматологической клиники «Bless Smile» с возможностью последующего размещением в сети Интернет.

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

Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

Информационная.

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

Рекламная.

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

Разработка сайта стоматологической клиники

Требования к приложению

Основание для разработки

Разработка сайта ведется на основе задания, выданного на Курсовой проект.

Тема разработки: «РАЗРАБОТКА САЙТА СТОМАТОЛОГИЧЕСКОЙ КЛИНИКИ «Bless Smile»».

Назначение разработки

Сайт предназначен для рекламы стоматологической поликлиники в сети Интернет.

Требования к программе:

Требования к функциональным характеристикам:

В сайте должны быть реализованы следующие функции:

реализация кнопок быстрого доступа;

хранение и обработка данных о специалистах в базе данных;

возможность быстрого доступа к окну Запись;

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

Достижение максимальной валентности.

Входными данными являются:

данные о специалистах (ФИО, должность, повышение квалификации и профессиональная подготовка, стаж работы, стаж работы по специальности);

Данные о новостях (заголовок, содержание);

Данные об услугах

Выходными данными являются:

Новости;

Данные о новостях (заголовок, содержание);

Данные об услугах

К временным характеристикам:

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

задержка при загрузке не должна превышать 10 сек;

исключить зависания и остальные не предвиденные ошибки сайта;

занесение записи в базу должно происходить не более чем за 5 сек.

Требования к пользовательскому интерфейсу:

наличие понятного интерфейса;

наличие цветовой палитры не раздражающего цвета;

возможность работать с сайтом не подготовленному пользователю;

Анализ исходных данных

Чтобы разные электронные устройства могли взаимодействовать между собой, передавать и принимать информацию требуется набор определенных правил и соглашений, которого все они будут придерживаться, это называется протоколом передачи данных. В настоящее время для связи компьютеров между собой в сети интернет используется стек протоколов TCP/IP, а самым распространенным протоколом прикладного уровня является протокол HTTP (HyperText Transfer Prоtocоl) использующийся для просмотра сайтов в World Wide Web[3 с.167]..

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

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

Hypertext Transfer Protocol (HTTP)

Базовый протокол передачи данных между клиентом и сервером. Он описывает так вещи как запрос и ответ, сессии, кэш, аутентификация и прочее. Работа над ним (и HTML) была начата в 1989 году Тимом Бернерс-Ли (Tim Berners-Lee) и его командой в CERN. Первая официальная версия протокола (HTTP 1.0) была представлена в 1996 году, а чуть позже, в 1997 была выпущена версия 1.1, которой мы пользуемся и сегодня.

По этому протоколу данные между браузером и клиентом отсылаются в виде обычного текста, позволяя владельцу сети видеть содержимое. Это проблема безопасности, поэтому было разработано и представлено HTTP Secure (HTTPS), позволяющий клиенту и серверу сначала установить зашифрованное соединение, а затем отправлять по нему HTTP-сообщения, не волнуясь, что их можно просто так прочитать.

Зашифрованный канал устанавливается с помощью протокола Transport Layer Security (TLS), который раньше назывался Secure Socket Layer (SSL). Эти сроки, как правило, взаимозаменяемы, ведь SSL 3.0 был заменен TLS 1.0. SSL был протоколом, разработанным Netscape, в то время как TLS — стандарт IEFT. Все версии SSL (1.0, 2.0, 3.0) считаются устаревшими из-за проблем с безопасностью и будут вызывать предупреждения в браузеров. Версии TLS (1.0, 1.1, 1.2) используются и сейчас, а TLS 1.3 находится в разработке.

То есть, где-то между 1996 и 1997 образовался тот способ передачи данных, который мы знаем (HTTP 1.1 с или без SSL и TLS). Ранее HTTP использовали для общего трафика (например, чтение новостей), а для важного трафика — HTTPS (аутентификация, e-commerce). Но восходящий фокус на приватности привнес свои изменения, и теперь Chrome обозначает HTTP-сайты как «не частные».

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

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

Предоставляющая HTTPS

Почему все так гоняются за HTTPS, что в нем такого? Его используют по трем причинам:

Конфиденциальность

HTTPS защищает коммуникацию между клиентом и сервером от посторонних лиц. Без HTTPS кто-то может запустить точку доступа Wi-Fi и видеть все данные, за ней идут: номера кредитных карточек, и другие важные данные.

Целостность

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

Идентификация

HTTPS гарантирует, что сайт является именно тем, кем представился. Злоумышленник с точкой доступа может отправлять нам фейковые сайты. HTTPS гарантирует, что сайт, представившийся как example.com действительно example.com

Конфиденциальность, гарантия целостности и идентификация — ключевые концепты криптографии, а не фича HTTPS. Рассмотрим их.

Конфиденциальность

Конфиденциальность — основа приватности. Именно она гарантирует, что информацию не получат третьи лица. Обычно для этого информацию обрабатывают таким образом, что она по понятной (так называемой plaintext) становится непонятной (шифротекст, ciphertext). Этот процесс называется шифрованием (encryption). Обратный процесс — расшифровкой (decryption). Делать это можно по-разному, и для этого создано много алгоритмов шифрования.

Разработка приложения.

Оформление — важный инструмент для повышения эффективности и продвижения проекта. Создаётся шаблон с каркасом сайта. Дизайнер разрабатывает его, учитывая пожелания заказчика по графическим элементам, цветовой палитре и пользовательскому интерфейсу. Всё начинается со скетча — наброска макета, который должен утвердить заказчик. Выглядит он достаточно схематично и даёт приблизительное представление о том, как будет выглядеть финальный результат. Часто первоначальный вариант несколько раз дорабатывается, пока не будут учтены все пожелания клиента[5 с.234].. После согласования базового дизайна специалист начинает работу над отдельными элементами оформления, в том числе над интерфейсом (рис. 1).

Рис. 1 Макет главной страницы

Для создания страниц используем HTML и CSS

HTML — своего рода строительный материал для веб-страничек. Читая специальные тэги (команды, слова, которые имеют особый смысл для браузера) браузер строит страничку с содержимым текстом, картинками и прочим в своем окне.

CSS — облицовочный материал, который делает всю красоту.

Грубо говоря, HTML — это то, что должно быть на сайте, а CSS отвечает за то, как оно должно выглядеть [4 с.67].. Именно благодаря CSS мы видим различные эффекты, анимации и прочие вкусности на сайтах (рис.2,3).

Рис. 2 Кнопки быстрого доступа

Рис. 3 Описание услуг с иллюстрациями

Для создания форм диалога используем JavaScript ( Рис.4).

JavaScript - это язык программирования, как правило, выполняется на стороне клиента. Он используется для взаимодействия с пользователем. Он также используется в разработке игр, настольных и мобильных приложений, в создании документов pdf и виджетов рабочего стола. Веб-браузеры имеют встроенную поддержку для этого языка. Использование JavaScript-кода Одно из ранних использований JavaScript-кода в диалоговом окне сообщений, предусмотренных предупреждениях, оповещениях или приглашениях пользователям. Содержимое HTML - элементов может быть изменено с помощью JavaScript. Это требует использования HTML dom, в котором HTML - элементы определены как объекты. JavaScript может использоваться для обратной связи с пользователями посредством онлайн-форм. Он широко используется в формах регистрации и принятия индивидуальных логина и пароля. Поле поиска, которое принимает вводимые пользователем данные, на основе которых выводятся результаты поиска, делает JavaScript [7 с.167].

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

Например, нажав на кнопку "Читать далее" раскрывает информацию, которая была скрыта при загрузке страницы, или щелкнув на кнопку 'да' или 'нет' ведет вас к странице/разделу которые не были показаны по умолчанию. JavaScript может использоваться для приема пользовательских комментариев или обратной связи с клиентами онлайн. Это, как правило, в виде текстовых полей, которые появляются при действии пользователя и предлагают пользователю ввести текст в полях, которые получены и отображены или сохранены для дальнейшего использования. Он может быть использован для хранения IP-адресов посетителей и записи их посещений страниц. JavaScript легко реализовать.