Интернет-технологии в преподавательской деятельности. Создаём сайт для учебных целей в программе Joomla!

Интернет-технологии в преподавательской деятельности.

Создаём сайт для учебных целей в программе Joomla!

Осипов Роман Александрович

Поволжский институт управления имени П. А. Столыпина.

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

Ключевые слова: Самостоятельная работа учащихся. Использование веб-сайта в процессе обучения. Создание и редактирование веб-сайтов. CMS – система управления контентом. CMS Joomla! Установка CMS Joomla!

Как известно, древние греки обучались, гуляя по саду и общаясь с учителем и между собой. Древнеиндийские учителя передавали знания ученику только в личном общении и в устной форме. Индиец, прочитавший ту же информацию в книгах, не считался образованным.  Появление письменности, книгопечатания, радио, телевидения, Интернета, Skype не смогли не только не отменить классической формы обучения, но даже отодвинуть её куда-то на второй план. И действительно, многие люди часто обращают внимание на то, что объяснить тот или иной необходимый материал человеку лично намного проще, чем этот же материал изложить на бумаге. Так личное, очное обучение по формуле «учитель – ученик» или «учитель – ученики» без каких либо посредников испокон веку и до наших дней остаётся незыблемым авторитетом.  

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

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

во-вторых: преподаватель обеспечит доступность этих материалов.

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

Если нам по душе немецкая классическая системы образования, то вместо того, чтобы создавать сайт, мы напишем его на языке HTML. Но этот язык позволит нам создать не весь сайт, а только его каркас. Кроме каркаса сайт должен обладать своей собственной уникальной формой, своим стилем.  Для того чтобы разработать стиль сайта, нам понадобится язык CSS. Ну а если нам понадобится, чтобы при наведении мышки на тот или иной элемент сайта, рядом с курсором всплывала подсказка, или нам понадобится иметь на нашем сайте другой какой-то фокус, то нам придётся овладеть языком JavaScript. А ещё нашему сайту наверняка пригодятся форум, чат, рассылка писем и тому подобное. В связи с этим необходимо буде ещё уметь использовать язык PHP. Ко всему прочему современный сайт должен быть привязан к базе данных, для создания которой понадобится язык MySQL. Как Вы понимаете, всех вышеперечисленных слов вполне достаточно, чтобы раз и навсегда отбить всякое желание создать хоть какой-нибудь сайт, но, во всяком случае, создать его на принципах немецкой классической школы.

Возникает вопрос в альтернативах и именно в таких альтернативах, которые бы значительно упрощали работу по созданию веб-сайта. И действительно, оказывается, что все пять языков веб-программирования можно заменить одной единственной программой. Это может быть Macromedia Dreamweaver или Microsoft FrontPage. Любая из них позволит создать и основу сайта, и его дизайн. И при этом не нужно изучать языки веб-программирования. Такая программа как  Macromedia Dreamweaver конечно же значительно упрощает труд, однако и в этом случае остается множество забот: нужно написать текст, разместить его в Macromedia Dreamweaver, разместить медиафайлы, да и в целом реализовать полный образ страницы. После чего и саму страницу, и все файлы, связанные с ней (рисунки, видео), нужно загрузить на хостинг. Не маловажным остаётся вопрос: что делать, если возникнет необходимость внести изменения на сайте. Оказывается, что сайт придётся отредактировать в программе Macromedia Dreamweaver, а затем заново загрузить его на хостинг поверх первоначальной версии. Небольшим утешением в этом случае должен служить тот факт, что рисунки и сопутствующие файлы при этом перезагружать не надо.

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

И такой способ есть. Для его реализации были специально разработаны системы управления контентом – content management system – CMS. По-другому такие программы можно называть контент-менеджерами, но чаще их всё-таки называют «цмс-ками». По своей сути система управления контентом – это программа, которая позволяет  упростить процесс создания и редактирования веб-страницы. Эта программа позволяет в специально созданную базу данных сохранять весь контент: текст, рисунки, видео- и аудиофайлы. За оформление, то есть за дизайн, сайта отвечает уже не база данных, а шаблон. После того, как в базу данных загружен контент, и создан шаблон, CMS объединяет контент и шаблон, создаёт веб-сайт и выкладывает его в сеть. Благодаря такой концепции CMS позволяет создавать лёгкие и удобные в управлении динамические веб-сайты практически любому человеку вне зависимости от уровня его профессионального мастерства [2].

Сайты здесь называются динамическими, потому что их можно создавать и редактировать в режиме реального времени. Статические сайты создаются на собственном компьютере и только потом загружаются в Интернет, ну, то есть на сервер по протоколу FTP. Если мы хотим поменять контент статического сайта, то нам придётся скачать страницу веб-сайта обратно на собственный компьютер, отредактировать её, а затем загрузить новую версию на сервер поверх старой. В динамических же сайтах исправление появляется на сайте сразу же, как только мы его сделали на панели управления CMS. Примером наиболее известных и широко используемых CMS являются из бесплатных Joomla!, WordPress, Drupal; из платных - 1С-Битрикс [4].

Joomla! – это только одна из множества CMS. В Joomla! встроен Менеджер материалов, который способен разложить весь контент по категориям, подкатегориям и статьям. То есть он позволяет не только хранить контент, но и ещё структурирует его. Также в Joomla! встроен Менеджер пользователей. Он отвечает за управление взаимодействием пользователей с сайтом. Он позволяет определённым пользователям видеть материалы и выполнять разрешённые действия. С другой стороны людям, задачей которых является редактирование контента или управление сайтом, Менеджер пользователей предоставляет совершенно другой набор возможностей. Наряду с Менеджером пользователей и Менеджером материалов, в Joomla есть ещё Медиаменеджер. Он организовывает мультимедийные файлы, такие как изображения, видео, аудио, и позволяет эти файлы интегрировать в материалы сайта [4].

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

Попробуем описать общую конструкцию системы создания веб-сайта в программе Joomla! В основе всей конструкции будет лежать веб-сервер, частично или полностью принадлежащий нашему провайдеру. Под провайдером мы имеем в виду ту организацию, которая будет размещать наш сайт в Интернете. В распоряжении провайдера находятся сервер – компьютер, который подключен к сети и работает круглые сутки (на него и будет записан наш сайт), программное обеспечение, частью которого является программа для создания базы данных. Современный сайт должен опираться на базу данных [5].

Программа Joomla! должна быть установлена не на компьютере пользователя, создающего сайт, а на сервере, на котором провайдер выделяет место под наш сайт. Программа устанавливается на сервер и там же она настраивается (конфигурируется). Автор сайта через браузер заходит на сервер, открывает там программу Joomla! И в ней создаёт и редактирует сайт. Таким образом, основой всей конструкции является сервер провайдера (Смотрите рис. 1. Система элементов, необходимых для создания сайта с помощью CMS Joomla!).

Для того чтобы собрать представленную на рис.1 конструкцию, нужно совершить ряд шагов. Во-первых, нужно оценить, насколько благоприятны для Joomla! характеристики сервера, по-другому говорят: среда выбранного нами хостинга. Если мы признали её благоприятной, то можно переходить к следующему шагу – выбору версии Joomla!. У нас есть возможность установить самую последнюю, а значит самую современную, версию. Но опыт её использования не очень большой. И это означает, что существует вероятность наличия в такой версии таких ошибок, которые ещё не успели выявить. С другой стороны у нас есть право установить предпоследнюю версию – не такую современную, но более надёжную. Определившись с выбором, можно зайти на сайт, посвящённый программе Joomla! и скачать с него эту программу. Сделав это, мы можем уже зайти на веб-сервер нашего провайдера, то есть на наш хостинг. Сначала там нужно будет создать базу данных для нашего сайта. После чего туда можно уже загрузить Joomlu!, установить её там и совершить ещё ряд послеустановочных действий, которые позволят нам войти в наш сайт и в программу Joomla!, чтобы в ней этот сайт наполнять и редактировать [5].

Таким образом, получается, что установка CMS Joomla! состоит из семи шагов, то, что называется «семь раз отмерь…»: А. Анализ среды хостинга для Joomla! Б. Выбор версии Joomla! В. Загрузка Joomla! на собственный компьютер. Г. Создание на хостинге базы данных для сайта. Д. Загрузка Joomla! на сервер провайдера. Е. Установка Joomla! Ж. Послеустановочные действия (Смотрите рис. 2. Семь шагов на пути к установке Joomla! От А до Ж.).

Решение задачи установки CMS Joomla! начинается с шага А, то есть с анализа среды хостинга. Если мы хотим, чтобы в Интернете был наш сайт, то этот сайт должен быть размещён на веб-сервере. Веб-сервер – это компьютер, который круглосуточно подключен к Интернету. И любой интернет-пользователь в любое время может затребовать с него любой сайт. Веб-сервер или его часть принадлежит какому-то конкретному провайдеру хостинга (хостинговой компании). У хостинговой компании придётся покупать право разместить наш сайт на веб-сервере. В этой связи необходимо понять: условия, которые предоставляет провайдер хостинга (или другими словами: параметры веб-сервера, на котором мы собираемся размещать наш веб-сайт) подходят для того, чтобы работать с программой Joomla! или не подходят? 

Достаточно ответить на несколько вопросов. Во-первых, на хостинге должны быть такие программы, которые позволили бы обрабатывать сайты, сделанные с помощью Joomla! Во-вторых, на хостинге должна быть, а в-третьих, должна быть удобной, хостинговая контрольная панель (окно с командами, которое открывается в браузере). Речь идёт о панели, с помощью которой мы и будем работать с нашим сайтом. Составной частью хостинговой контрольной панели является панель Менеджер файлов. С помощью этого Менеджера мы будем загружать все элементы сайта на хостинг (на веб-сервер). И хостинговая контрольная панель в целом, и Менеджер файлов в частности должны быть удобными для работы. В то же время очень полезным будет наличие инструкции по работе с хостинговой контрольной панелью. Если всё-таки в процессе установки Joomla! возникнут какие-то проблемы, то возможно их удастся разрешить с помощью этой инструкции. И наконец, важно, чтобы имеющаяся у провайдера хостинга программа для создания базы данных отвечала некоторым заданным критериям. Таким образом, если мы проанализируем все требования: соответствие программного обеспечения веб-сервера нашим задачам, наличие и удобство хостинговой контрольной панели, наличие инструкции по работе с хостинговой контрольной панелью, соответствие нашим задачам программы, отвечающей за создание базы данных; то можно сказать, что анализ и оценка условий хостинга проведена. После этого мы можем принять решение о том, удастся ли работать на данном хостинге с Joomla!, или нужно поменять хостинг, или использовать какую-то другую CMS. Возможно, что в принятии этого решения смогут помочь материалы, размещённые на http://vir-norindoc.org/index.php/ru/13-sozdajom-sajty-s-pomoshchyu-kontent-menedzhera-joomla/ustanovka-joomla/6-ustanovka-joomla-analiz-sredy-khostinga-dlya-joomla.

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

На следующем шаге – шаге Б – необходимо выбрать какую-то из двух предлагаемых версий: либо релиз долговременной поддержки (LTS), либо релиз краткосрочной поддержки (STS):

 а. В краткосрочном релизе (STS) будут предлагаться самые последние, а значит самые широкие возможности, однако часть расширений для Joomla! по отношению к такому наисовременнейшему релизу могут оказаться устаревшими.

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

Так что выбор остаётся за веб-мастером: «или вчера, ну очень большие, или сегодня,  но по три».

Шаг В ненамного сложнее шага Б. Всего лишь навсего нужно скачать программу Joomla! c сайта в Интернете на наш компьютер. Программа будет скачиваться в заархивированном файле. Необходимо в браузере открыть сайт  http//www.joomla.org. и выбирать релиз. После этого останется только нажать на кнопку Download (Скачать), выбрать место для хранения программы, ну и собственно скачать её. За более подробной информацией можно обратиться на http://vir-norindoc.org/index.php/ru/15-sozdajom-sajty-s-pomoshchyu-kontent-menedzhera-joomla/zagruzka-joomla-na-sobstvennyj-kompyuter/8-zagruzka-joomla-na-sobstvennyj-kompyuter.

Казалось бы, что после того, как мы скачали программу, её можно было бы и установить. Однако прежде того, надо создать необходимую для работы нашего сайта базу данных. Этому-то и посвящён шаг Г. Алгоритм создания базы данных. Этот самый алгоритм зависит от хостинга и от провайдера. А если быть более точным, от того, как провайдер выстраивает взаимодействие с создателями сайтов; и от того, какую он использует контрольную панель. Поэтому, у разных провайдеров алгоритм создания базы данных будет разным. Но, насколько бы алгоритмы разных провайдеров не отличались бы друг от друга, в них обязательно будут присутствовать четыре шага: а. Сначала нужно на сайте хостингового провайдера зайти на хостинговую контрольную панель; б. Затем с неё перейти на панель Управление базами данных MySQL; в. После этого можно уже создать базу данных; г. Затем её настроить (отконфигурировать). Детально это описано на http://vir-norindoc.org/index.php/ru/16-sozdajom-sajty-s-pomoshchyu-kontent-menedzhera-joomla/sozdanie-bazy-dannykh/9-sozdanie-bazy-dannykh.

На следующем шаге – шаге Д – мы загружаем файл с программой Joomla! на наш хостинг (на веб-сервер нашего хостингового провайдера). Для того чтобы это сделать, нужно зайти на хостинг, то есть в хостинговую контрольную панель, и через неё выйти на панель Файловый менеджер. С помощью Файлового менеджера нужно найти то место, куда необходимо будет загрузить файл с программой Joomla! Это главная папка, отвечающая за наш сайт и наш домен. В этом месте с помощью диалогового окна Открыть мы найдём файл с программой Joomla! и загрузим его с нашего компьютера на хостинг (на веб-сервер). Подробно этот процесс описан в материалах на http://vir-norindoc.org/index.php/ru/17-sozdajom-sajty-s-pomoshchyu-kontent-menedzhera-joomla/zagruzka-joomla-na-server-provajdera/10-zagruzka-joomla-na-server-provajdera.

Теперь программа Joomla находится на хостинге, и там же на хостинге мы сможем создать свой собственный веб-сайт. Правда, сначала загруженную программу нужно, всё-таки, установить (инсталлировать), чем мы и должны заняться на шаге Е. Для установки (инсталлирования) CMS Joomla! потребуется  Мастер установки. Но прежде чем в Мастере установке нажать заветную клавишу Установка придётся провести конфигурирование сайта, конфигурирование базы данных. Также нужно будет отдать ещё несколько распоряжений и познакомиться с результатами тестирования условий хостинга на предмет совместимости с Joomla! И вот только после всего этого можно запустить процесс установки.  Подробнее с порядком действий на шаге Е можно познакомиться на http://vir-norindoc.org/index.php/ru/18-sozdajom-sajty-s-pomoshchyu-kontent-menedzhera-joomla/ustanovka-joomla-hosting/11-ustanovka-joomla.

Если мы установили CMS Joomla!, то зачем нужен ещё шаг Ж? Затем, что разработчики программы Joomla! решили не давать нам просто взять и всё закончить. Нужно совершить некие послеустановочные действия. Благо их набор минимален. Нужно всего лишь удалить папку с инсталляционными файлами, установить русский язык для Панели управления Joomla! и перейти к веб-сайту и Панели управления, чтобы просто на них посмотреть. И, между прочим, очень полезно будет сохранить их во вкладках браузера, чтобы в любой момент можно было бы к ним вернуться. А может быть даже нужно будет где-нибудь записать интернет-адреса этих страниц. Это полезно для повышения надёжности. Детально послеустановчные действия описаны на http://vir-norindoc.org/index.php/ru/19-sozdajom-sajty-s-pomoshchyu-kontent-menedzhera-joomla/posleustanovochnye-dejstviya/12-posleustanovochnye-dejstviya.

Ну вот и всё, установка завершена. Завершены и доустановочные действия, и установочные действия, и послеустановочные действия. Решение задачи не оказалось пустяковым. В самом начале нам пришлось решить вопрос: подходит ли наш хостинг (на котором мы собрались разместить наш сайт) для того, чтобы на нём можно было бы работать с программой Joomla! или нет? Затем мы выбрали версию (или, как ещё говорят, релиз) Joomla! После чего на нашем хостинге (на веб-сервере провайдера) мы создали базу данных, нужную нашему сайту. Потом мы скачали файл с программой Joomla! на наш компьютер, а с нашего компьютера на веб-сервер провайдера (на наш хостинг). После этого началось главное – установка: с помощью Мастера установки Joomla! мы провели конфигурирование сайта, базы данных и совершили ещё пару шагов, то есть установили наконец-то программу. Перед самым финишем мы совершили послеустановочные действия, закончившиеся тем, что мы увидели свой веб-сайт и Панель управления программы Joomla! Другими словами мы сделали всё для того, чтобы начать создавать свой собственный сайт – важный и нужный инструмент повышения эффективности обучения, прежде всего в той части, которая касается самостоятельной работы учащихся.

Предложенная статься, конечно же, не является инструкцией по подготовке к созданию веб-сайта. Она представляет собой лишь обзор всего процесса установки программы, необходимой для создания и редактирования сайта. А вот настоящую инструкцию можно найти на сайте: http://vir-norindoc.org/index.php/ru/.

Источники:

1. Калинин Д. А. Использование образовательного веб-сайта в дистанционном обучении / Фундаментальные и прикладные исследования: Проблемы и результаты. – 2015. - №20. – С. 39-43.

2. Стебаков А. А. Оценка эффективности проекта дистанционного обучения на основе CMS Joomla / Интеллектуальный потенциал XXI века: Ступени познания. – 2010. - №3. – С. 251 – 255.

3. Левина Л. М., Лукманова О. Б. Организация внеаудиторной самостоятельной работы студентов первого курса бакалавриата с помощью учебного веб-сайта / Вестник Нижегородского университета имени Н. И. Лобачевского. – 2013. – №6-1. – С. 20 – 26.

4. Мэрриотт Дж, Уоринг Э. Joomla! 3.0: Официальное руководство. – СПб.: Питер, 2013. – 496 с.

5. Создание сайта с помощью CMS Joomla! [Электронный ресурс]. URL: http://vir-norindoc.org/index.php/ru/