CC BY
8
2. Иллюстрированный самоучитель по Delphi 7 для профессионалов/ Фильтры http : //samoychiteli. ru/document27713. html
3. Назначение АРМ. - режим доступа к источнику: https://vuzlit.ru/1022175/naznachenie_otdel_kadrov.
УДК 004.4
Вардиащвили Н.Н., к. э.н.
доцент
кафедра «Информационные системы»
Сартаев Ж.М. студент 4 курса специальность Информационные системы КГУ имени А. Байтурсынова Казахстан, г. Костанай ПРОЕКТИРОВАНИЕ НОВОСТНОГО САЙТА IT-ТЕХНОЛОГИЙ
Аннотация: Статья посвящена описанию процесса разработки и использования новостнго сайта IT-технологий. Сайт реализован в среде CMS Joomla и представляет совокупность базы данных и приложений. На сайте имеются функции добавления, удаления данных, поиск пользователей и материалов.
Ключевые слова: база данных, CMS, Joomla, сайт, новости.
Vardiashvili N.Ni.
Associate Professor of the department "Information Systems", Candidate
of Economic Sciences KSU after A. Baytursynov Kazakhstan, Kostanay city Sartayev Z.Mu. Student
4 year, specialty Information Systems KSU after A. Baytursynov Kazakhstan, Kostanay city DESIGNING A NEWS SITE FOR IT TECHNOLOGIES
Annotation: The article is devoted to the description of the process of development and use of a news site for IT technologies. The site is implemented in the CMS Joomla environment and is a database and applications. The site has the functions of adding, deleting data, searching of users and materials.
Key words: database, CMS, Joomla, site, news.
Новостной сайт используется для ознакомления заинтересованного круга пользователей с актуальной информацией в области IT-технологий Казахстана, представленной как в текстовом, так и мультимедийном формате.
Новостной портал обеспечивает выполнение следующих функций:
- демонстрация всех разработанных страниц согласно структурной схеме в соответствующих разделах меню;
- свободная навигация по страницам без обновления меню и оформления;
- регистрация пользователей, назначение им соответствующих ролей и прав доступа;
- добавление, редактирование, удаление материала;
- добавление, редактирование, удаление категорий;
- добавление, редактирование, удаление модулей и расширений.
С точки зрения наглядности, новостной портал должен имеет:
- удобный и понятный интерфейс;
- современный дизайн;
- возможность просмотра контента без установки дополнительных программ и шрифтов;
- просмотр контента на различных браузерах.
Информационный портал используется для работы на компьютерах общего пользования.
Логическая структура портала новостей состоит из одной главной страницы, которая разделена на несколько блоков с размещением в них определеного модуля в указанной позиции. Добавление модуля и настройка его позиции осуществляется в администраторской панели.
Структура главной страницы с определенными в ней позициями показана в таблице 1.
Зная расположение позиции, разработчик / администратор может настраивать расположение модулей и соответственно отображение контента так, как ему удобно.
В соответствии с имеющимися позициями и имеющими блоками, страница портала имеет следующую схему:
Таблица 1 - Структура главной страницы с позициями
Position: header_top1 Position: header_top2
Position: top_menu
Position: left Position: right
Position: left Position: right
Position: left Position: right
Position: bottom1 Position: bottom2 Position: bottom3
Position: footer1 Position: footer2 Position: footer3
Таблица 2 - Структура главной страницы с имеющимися блоками
Логотип Форма поиска
Верхнее меню СЛАЙДЕР
Основной контент Основное меню Форма регистрации Топ - 5 новостей
Ранние материалы
Описание процедур
Блок заголовка
Блок заголовка (header) представляет собой блок главной страницы портала, в котором отображается логотип организации. Стиль самого блока прописан в файле css.css и представлен ниже: header {
background: url(../images/backgrounds/header_bg_default.png); // расположение файла фонового изображения background-repeat: no-repeat; // фоновое изображение не повторяется margin-left: 10px; // отступ слева
margin-right: 10px; // отступ справа }
Блок навигации
Блок навигации представляет собой блок, который содержит верхнее меню с пунктами: видеоматериалы, контакты, фоторепортажи. Стиль самого блока прописан в файле css.css и представлен ниже: #hor_nav {
background: url(../images/backgrounds/nav_bg_default.png) left top repeat-
x;
background-color: #DCDCDC; }
Далее следует главный блок, который включает в себя несколько внутренних блоков: блок слайдера, блок правого меню, блок левого меню, блок основного контента.
Блок слайдера
Блок страницы, в котором размещен слайдер, имеет название wowslider-container1.
Стиль данного блока описывается представленными ниже свойствами, файл сохранен как style.css: #wowslider-container1
{
zoom: 1;
position: relative; margin: 0px auto 111 px; z-index: 90; border: none; text-align: left; font-size: 10px;
}
Блок правого меню
Блок, размещенный в правой части главной страницы сайта, имеет название right_side_bar. Стили данного блока описаны в файлах css.css, grid.css. За отображение информации в блоке предусмотрено несколько классов стилей. Стили, отвечающие за характеристику блока, представлены ниже:
.moduletable_menu {
border: solid 1px #DDD; background: #F9F9F9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px; margin-bottom: 20px;
}
Блок левого меню
Блок, размещенный в правой части главной страницы сайта, имеет название left_side_bar. Стили данного блока описаны в файлах css.css, grid.css. За отображение информации в блоке предусмотрено несколько классов стилей. Стили, отвечающие за характеристику блока, представлены ниже:
.mod-preview-info { padding: 2px 4px 2px 4px; // внешние отступы border: 1px solid black; // толщина, тип и цвет границ рамки position: absolute; // описание позиции: абсолютное background-color: white; // цвет фона color: red; // цвет текста
}
Блок основного контента
Блок, в котором отображается основной контент имеет название main_body.
Представление информации в блоке основного контента отображается в соответствии с классами свойств, которые описаны в файлах css.css, bootstrap.min.css, template.css. Файл css.css имеет несколько классов стилей. Свойства данных классов стилей описаны ниже:
.crate {
min-height: 20px; padding: 10px; margin-bottom: 20px; border: 0;
background-color: #FFF;
-webkit-box-shadow: 0px 0px 10px -1px rgba(102,102,102,1); -moz-box-shadow: 0px 0px 10px -1px rgba(102,102,102,1); box-shadow: 0px 0px 10px -1px rgba(102, 102, 102, 1);
}
Итоговый общий вид показан на рисунке 1.
Рисунок 1 - Главная страница новостного портала Разработанный новостной сайт, позволяет отображать актуальную информацию в мире технологий.
Использованные источники:
1. Андорецкая, И.В. Интернет программирование. - СПб.: ВНУ, - 2000. - 224 с.
2. Буковецкая, О.А. Дизайн текста: шрифт, эффекты, цвет. - М.: ДМК, 2012. - 304 с.
3. Васильев, И.А. Методы и инструментальные средства построения семантических web-порталов: диссертация на соискание ученой степени кандидата технических наук: спец. 05.13.11 / И. А. Васильев; Томский
политехнический университет; науч. рук. В. З. Ямпольский. - Защищена 14.12.2005 г. - Томск: Б.и., 2005. - 185 с.
4. Веллинг, Л., Томсон, Л. Разработка веб-приложений с помощью PHP и MySQL, 4-е издание: перевод с англ. - М.: ООО «И.Д. Вильямс», 2011. - 848 с.
5. Вигерс К.И. Разработка требований к программному обеспечению, Москва: «Русская редакция», 2011.
6. Герасимов, В.В., Гридина Е.Г., Кривошеев Л.О., Курмышев Н.В., Попов С.В. Учебный курс «Технологии построения интернет-порталов».
7. Зандстра, М. PHP: объекты, шаблоны и методики программирования, 2-е издание: перевод с англ. - М.: ООО «И.Д. Вильямс», 2009. - 480 с.
8. Макфаланд, Д. Большая книга CSS. 2-е издание. - СПб.: Питер, 2011. - 560 с.
9. Советов, Б.Я. Информационные технологии: учебник для вузов / Б.Я. Советов, В.В. Цехановский. - М.: Высшая школа, 2012.
10. Цеховой, В.А. Web-дизайн и коммерция. - М.: Наука и техника, 2013. -192 с.
