ТЕХНИЧЕСКИЕ НАУКИ
ПРОЕКТИРОВАНИЕ УДАЛЁННОГО ИНФОРМАЦИОННОГО
РЕСУРСА С ИСПОЛЬЗОВАНИЕМ ВЕБ-ТЕХНОЛОГИЙ
1 2 Ломовская Е.В. , Алешкова Е.Н.
1Ломовская Елена Владиславовна - заведующая учебной частью;
2Алешкова Елена Николаевна - заведующая отделением, отделение очного обучения, Государственное бюджетное профессиональное образовательное учреждение
Ростовской области Волгодонский техникум металлообработки и машиностроения, г. Волгодонск
В современном мире удаленные информационные ресурсы активно используются во многих сферах жизни общества, особенно они необходимы в условиях непредвиденных ситуаций, которые влекут за собой переход на работу из дома. Для работников образовательных организаций очень важно иметь возможность удаленного подключения как к ресурсам учреждения, так и к информационным ресурсам, включающим все необходимые сведения о студентах с возможностью редактирования их данных в процессе прохождения обучения.
Для решения задачи организации информационного ресурса с возможностью использования и редактирования базы данных студентов была спроектирована и реализована веб-страница на конкретном удалённом хостинге с использованием БД на mysql-server, phpmyadmin, языка php, которая позволяет не только хранить данные о студентах, но и редактировать и удалять их.
В ходе работы была составлена таблица с исходными данными.
Таблица 1. Исходные данные
№ Пароль к FTP-серверу и БД Наименование таблицы в БД Поля в таблице Тип поля Дружественное название
4 J2mmOau3 users name varchar(100) ФИО студента
username varchar(20) Логин
passwd varchar(20) Пароль
study binary Учится?
Далее было произведено подключение к серверу по протоколу FTP (Рис.1) с последующим сохранением данных на сервере (Рис. 2). Файлы и папки на удалённом хостинге.
css - содержит файлы расширением *.css со стилизацией веб-страниц; html - содержит подстраницы сайта (шаблоны, формы, заготовки и т.д.), а именно - файлы *.html с html-кодом;
images - содержит изображения в формате *.png и *.jpeg; pma - каталог с веб-сайтом для работы с БД (phpmyadmin); form.php - содержит код-обработчик формы (карточки студента); index.php - исполняемый файл веб-сайта;
sets.php - файл с настройками, глобальными переменными и кодом подключения к
БД.
WinSCP Login
Session ! - Stored sessions Environment ; - Directories
Session
File protocol: Encryption
FTP v No encryption v
Host name: Port number:
User name: Password:
........I
Account: I I I Anonymous login
Select color
[^Advanced options
Login Save... | Qose
Рис. 1. Форма ввода адреса и параметров входа на хостинг
Name bet Size Type Changed At Name bet Size Changed Rights Ouvrier
ь.. Parent directory 15.01,2014 12:52:37 r ,.
) . css Папка с файл.., 22.10,2013 21:53:38 J.j C55 15.01,20149:06 плдсг-хг- 1002
Si html Папка с файл.., 22.10,2013 21:53:38 Jj html 15.01,20149:06 плдсг-хг- 1002
jу images Папка с файл.., 22.10,2013 21:53:00 j, images 15.01,20149:06 плдсг-хг- 1002
1. pma Папка с файл.., 23.10,2013 17:05:36 Xi Ipma I 13.01,20149:29 rwxr-xr- 1002
1 form.php 1 777B Файл "PHP" 22.10,2013 21:53:38 a i [form,php 1 777B 15.01,20149:06 rw-r—r- 1002
П index,php 3 380 В Файл "PHP" 22.10,2013 21 ¡43:40 a i_i index,php 3 380 В 15.01,20149:06 rw-r—r- 1002
lJ sets.php 770 В Файл "PHP" 22.10,2013 21:53:38 a G sets.php 770 В 15.01,20149:06 rw-r—r- 1002
OB of 5 927 В in Oof 7 0B of 5 927 В in Oof 7
1 r? F2 Rename Jf F4 Edit Q F5 Copy iQi F6 Move ф F7 Create Directory X FS Delete ßf F9 Properties JLFIOQuit
FTP m 0:03:47 y
Рис. 2. Файлы и папки на удаленном хостинге Содержимое каталога html:
pattern.html - шаблон вывода веб-страницы. В шаблоне всегда в некоторых местах устанавливаются теги, вместо которых генерируется html-код. Таким образом, с помощью php возможно создавать небольшую, понятную структуру сайта и генерировать html-код в динамическом режиме. Затем готовый шаблон (уже без тегов, а с html-кодом) командой «echo» отображается как веб-страница.
form.html - html-форма ввода данных. Она также подставляется в нужный момент в шаблон и выводится вместе с ним.
Следующим этапом происходит работа с БД, где с помощью phpmyadmin и учетных данных осуществляется вход, создание таблицы с заданием полей (Рис.3) и изменение фала sets.php (замена имени пользователя, пароля, имени базы данных и таблицы) для того, чтобы подключиться к БД.
phpMyAdmin
& aj
I (Недавние таблицы) {*][
— db_ns2 I j Новая + - I users +- informationschema
J Обзор kt Структура О SQL -i Поиск *■= Вставить Экспорт si Импорт $ Операции
# Имя Тип Сравнение Атрибуты Null По умолчанию Дополнительно Действие
□ 1 name varchar(lQQ) uif8_geneial_ci Нет Нет J Изменить @ Удалить -^Ещё
Q 2 iisername varchar(2C} utfO_general_ci Нет Нет Изменить @ Удалить ▼Ещё
I □ 3 passwd varchar(20} ulf8_geneial_ci Нет Нет Изменить Q Удалить ▼ Еще
□ 4 study binary(1) Нет Нет Изменить Удалить ▼Ещё
X_ □ Отметить все С отмененными. |ffj Обзор Изменить Q Удалить ¿ß> Первичный jj Уникальный
¿J Индекс
Сервер local hos I » Щ База данных: db_ns2 »K Таблица: users
^ Версия для печати ^ Связи ^ Анализ структуры таблицы у/ Переместить поля ^¿Добавить |1 | лопе{я)1§) В конец таблицы О В начало таблицы О После пате V ОК + Индексы
!
Row statistics
Данные I« КБ Формат Comptct
Индекс о Байт Сравнение
Создание
Рис. 3. Задание полей таблицы
Результатом всех вышеперечисленных действий является веб-страница со списком студентов, который можно редактировать (Рис. 4, 5).
№
11 л me ияеташе passwd study
1 Иванов Иван Иванович disigner 123321 Нет
2 Иванов Иван Сергеевич sergeich 123456 Нет
3 Ивановская Ольга Владимировна olka 555 Да
4 Иванов Андрей Михайлович Andy gtilti Да всего студентов: 4
Добавить студента
Рис. 4. Вывод списка студентов
Вернуться к списку студентов
Рис. 5. Форма изменения данных о студенте
При выполнении работы были использованы следующие программные продукты:
1) PhpMyAdmin - добавление, редактирование базы данных, расположенной на сервере
2) WinSCP - связь с помощью ftp-соединения с удаленным хостингом, добавление, удаление, изменение файлов и папок.
3) Notepad++ - создание, редактирование файлов (*.php, *.html, *.css).
4) Chrome - браузер для просмотра работы сайта.
В итоге работа состояла из нескольких этапов, включающих разработку таблицы базы данных, а также соединение с удаленным веб-ресурсом по протоколу FTP и создание файлов *.html, *.php, необходимых для работы веб-страницы и её подключения к базе данных.
Таким образом в ходе выполнения работы с помощью вышеперечисленного программного обеспечения, а также современных веб-технологий и языков - php, JavaScript и CSS, СУБД - MySql на сервере был организован информационный ресурс, который включает: веб-страницу со списком студентов и возможностью редактировать данные, а также базу данных MySql.
Данный информационный ресурс в дальнейшем можно оформить и стилизовать с использованием CSS.
Список литературы
1. Советов Б.Я. Представление знаний в информационных системах: учеб. для вузов / Б.Я. Советов, В.В. Цехановский, В.Д. Чертовский. М.: Академия, 2011. 143 с.
2. Норенков И.П. Автоматизированные информационные системы : учеб. пособие для вузов / И.П. Норенков. М. : Изд-во МГТУ им. Н.Э. Баумана, 2011. 342 с.