Ontology.ru - Современные онтологии в нефтегазовой отрасли

Современный веб-сайт для популяризации онтологий и семантических технологий в нефтегазовой отрасли. Проект создан для студентов Губкинского университета и специалистов НИИ Транснефть.

🎯 Цель проекта

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

Популяризации онтологий среди студентов и специалистов
Публикации научных статей и исследований
Размещения вакансий и проектов
Предоставления полезных ресурсов и материалов
Создания сообщества экспертов в области онтологий

🚀 Технологии

Frontend: Vue 3 + Vite
Роутинг: Vue Router 4
Стили: CSS3 с CSS переменными
Адаптивность: Mobile-first подход
Деплой: GitHub Pages

📁 Структура проекта

ontology.ru/
├── src/
│   ├── components/          # Переиспользуемые компоненты
│   │   ├── AuthorCard.vue   # Карточка автора
│   │   ├── ArticleCard.vue  # Карточка статьи
│   │   ├── ProjectCard.vue  # Карточка проекта
│   │   └── ResourceCard.vue # Карточка ресурса
│   ├── pages/               # Страницы приложения
│   │   ├── HomePage.vue     # Главная страница
│   │   ├── ProjectsPage.vue # Проекты и вакансии
│   │   ├── ResourcesPage.vue # Полезные ссылки
│   │   ├── SciencePage.vue  # Научные публикации
│   │   └── AuthorsPage.vue  # Авторы и эксперты
│   ├── App.vue              # Главный компонент
│   ├── main.js              # Точка входа
│   └── style.css            # Глобальные стили
├── public/                  # Статические файлы
├── index.html               # HTML шаблон
├── package.json             # Зависимости
├── vite.config.js           # Конфигурация Vite
└── README.md                # Документация

🛠️ Установка и запуск

Предварительные требования

Node.js 16+
npm или yarn

Установка зависимостей

npm install

Запуск в режиме разработки

npm run dev

Сайт будет доступен по адресу: http://localhost:5173

Сборка для продакшена

npm run build

Предварительный просмотр сборки

npm run preview

Деплой на GitHub Pages

npm run deploy

📄 Страницы сайта

1. Главная страница (`/`)

Hero секция с описанием онтологий
Статистика проектов и публикаций
Обзор применения онтологий в нефтегазовой отрасли
Преимущества использования онтологий
Обзор технологий и инструментов

2. Проекты (`/projects`)

Список активных проектов с вакансиями
Фильтрация по статусу, технологиям
Детальная информация о проектах
Возможность отклика на вакансии
Статистика проектов

3. Полезные ссылки (`/resources`)

Каталог программ, методичек, курсов
Фильтрация по типу ресурса, языку
Рейтинговая система
Возможность скачивания и добавления в избранное
Рекомендуемые ресурсы

4. Наука (`/science`)

Научные публикации и статьи
Фильтрация по журналу, году
Метрики цитирования и импакт-факторы
Популярные журналы
Тренды исследований

5. Авторы (`/authors`)

Профили экспертов и авторов
Фильтрация по организации, специализации
Публикации авторов
Контактная информация
Партнерские организации

🎨 Компоненты

AuthorCard

Карточка автора с информацией о специалисте:

Аватар и основная информация
Специализации (теги)
Контактные данные
Список публикаций

Использование:

<AuthorCard :author="authorData" />

Структура данных:

{
  id: 1,
  name: 'Иванов А.П.',
  title: 'Ведущий научный сотрудник',
  organization: 'НИИ Транснефть',
  specializations: ['Онтологии', 'Нефтегазовая отрасль'],
  description: 'Описание эксперта...',
  contacts: {
    email: 'ivanov@transneft.ru',
    phone: '+7 (495) 123-45-67',
    linkedin: 'https://linkedin.com/in/ivanov'
  },
  publications: [
    { id: 1, title: 'Название статьи', year: 2024, url: '#' }
  ],
  avatar: 'path/to/avatar.jpg'
}

ArticleCard

Карточка научной статьи:

Заголовок и авторы
Журнал и год публикации
DOI и ссылки
Аннотация и ключевые слова
Метрики (цитирования, импакт-фактор)

Использование:

<ArticleCard :article="articleData" />

ProjectCard

Карточка проекта с вакансиями:

Информация о проекте
Список вакансий с требованиями
Контактная информация
Возможность отклика на вакансии

Использование:

<ProjectCard :project="projectData" />

ResourceCard

Карточка полезного ресурса:

Тип ресурса (программа, методичка, курс)
Описание и метаданные
Рейтинг и отзывы
Ссылки для скачивания

Использование:

<ResourceCard :resource="resourceData" />

🔧 Добавление контента

Добавление новой статьи

Откройте файл src/pages/SciencePage.vue
Найдите массив articles в секции setup()
Добавьте новый объект статьи:

{
  id: 7, // Уникальный ID
  title: 'Название статьи',
  authors: ['Автор 1', 'Автор 2'],
  journal: 'Название журнала',
  year: 2024,
  doi: '10.1234/doi',
  url: 'https://ссылка-на-статью',
  abstract: 'Аннотация статьи...',
  keywords: ['ключевое', 'слово', '1', 'ключевое', 'слово', '2'],
  metrics: {
    citations: 10,
    impactFactor: 3.5
  }
}

Добавление нового автора

Откройте файл src/pages/AuthorsPage.vue
Найдите массив authors в секции setup()
Добавьте новый объект автора:

{
  id: 7,
  name: 'ФИО автора',
  title: 'Должность',
  organization: 'Организация',
  specializations: ['Специализация 1', 'Специализация 2'],
  description: 'Описание автора...',
  contacts: {
    email: 'email@domain.com',
    phone: '+7 (495) 123-45-67',
    linkedin: 'https://linkedin.com/in/profile'
  },
  publications: [
    { id: 1, title: 'Название публикации', year: 2024, url: '#' }
  ],
  avatar: null // Путь к аватару или null
}

Добавление нового проекта

Откройте файл src/pages/ProjectsPage.vue
Найдите массив projects в секции setup()
Добавьте новый объект проекта:

{
  id: 5,
  title: 'Название проекта',
  description: 'Описание проекта...',
  status: 'active', // active, planning, completed, on-hold, cancelled
  duration: '12 месяцев',
  teamSize: 8,
  budget: '15 млн ₽',
  technologies: ['OWL', 'RDF', 'Protégé'],
  vacancies: [
    {
      id: 1,
      title: 'Название вакансии',
      salary: '120-180 тыс. ₽',
      description: 'Описание вакансии...',
      requirements: ['Требование 1', 'Требование 2']
    }
  ],
  contacts: {
    manager: 'Имя руководителя',
    email: 'project@transneft.ru',
    phone: '+7 (495) 123-45-67'
  }
}

Добавление нового ресурса

Откройте файл src/pages/ResourcesPage.vue
Найдите массив resources в секции setup()
Добавьте новый объект ресурса:

{
  id: 10,
  title: 'Название ресурса',
  description: 'Описание ресурса...',
  type: 'software', // software, manual, article, video, course, book, tool
  url: 'https://ссылка-на-ресурс',
  author: 'Автор',
  year: 2024,
  language: 'ru', // ru, en, de
  rating: 4,
  tags: ['тег1', 'тег2'],
  extra: {
    fileSize: '150 MB',
    pages: 120,
    duration: '6 недель'
  }
}

🎨 Кастомизация стилей

Цветовая схема

Основные цвета определены в CSS переменных в файле src/style.css:

:root {
  --primary-color: #1e3a8a;    /* Основной синий */
  --secondary-color: #3b82f6;  /* Вторичный синий */
  --accent-color: #06b6d4;     /* Акцентный голубой */
  --success-color: #10b981;    /* Зеленый */
  --warning-color: #f59e0b;    /* Оранжевый */
  --error-color: #ef4444;      /* Красный */
}

Изменение цветов

Откройте файл src/style.css
Найдите секцию :root
Измените значения цветовых переменных
Все компоненты автоматически обновятся

Добавление новых стилей

Для добавления новых стилей:

Глобальные стили: Добавьте в src/style.css
Стили компонента: Добавьте в секцию <style scoped> компонента
Стили страницы: Добавьте в секцию <style scoped> страницы

📱 Адаптивность

Сайт полностью адаптивен и оптимизирован для:

Desktop: 1200px+
Tablet: 768px - 1199px
Mobile: до 767px

Медиа-запросы

Используются стандартные брейкпоинты:

@media (max-width: 768px) {
  /* Стили для мобильных устройств */
}

🚀 Деплой

GitHub Pages

Убедитесь, что репозиторий подключен к GitHub
Выполните сборку: npm run build
Деплой: npm run deploy

Другие платформы

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

Netlify: Перетащите папку dist в Netlify
Vercel: Подключите репозиторий к Vercel
Firebase Hosting: Используйте Firebase CLI

🔧 Разработка

Структура компонентов

Каждый компонент следует принципам:

Single Responsibility: Один компонент - одна задача
Reusability: Компоненты переиспользуемы
Props Validation: Валидация входных параметров
Composition API: Использование Vue 3 Composition API

Добавление новых страниц

Создайте новый файл в src/pages/
Добавьте роут в src/main.js
Добавьте ссылку в навигацию src/App.vue

Добавление новых компонентов

Создайте файл в src/components/
Экспортируйте компонент с именем
Импортируйте и используйте в нужных местах

📊 Производительность

Оптимизации

Lazy Loading: Компоненты загружаются по требованию
Code Splitting: Автоматическое разделение кода
Image Optimization: Оптимизация изображений
CSS Optimization: Минификация CSS

Мониторинг

Для мониторинга производительности:

Используйте Vue DevTools
Проверьте Lighthouse в Chrome DevTools
Мониторьте Core Web Vitals

🐛 Отладка

Vue DevTools

Установите Vue DevTools для отладки:

npm install -g @vue/devtools

Логирование

Используйте console.log() для отладки:

console.log('Debug info:', data)

Ошибки

Проверьте консоль браузера для ошибок JavaScript и Vue.

📝 Лицензия

Проект создан для НИИ Транснефть и Губкинского университета.

🤝 Поддержка

Для вопросов и предложений:

Email: ontology@transneft.ru
Телефон: +7 (495) 123-45-67

🔄 Обновления

Версия 1.0.0

Базовая функциональность
5 основных страниц
Адаптивный дизайн
Компонентная архитектура

Планы развития

Система авторизации
Административная панель
API для динамического контента
Система комментариев
Интеграция с внешними API
Многоязычность
PWA функциональность

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
src		src
.gitignore		.gitignore
MAINTENANCE.md		MAINTENANCE.md
README.md		README.md
index.html		index.html
install_deps.bat		install_deps.bat
package-lock.json		package-lock.json
package.json		package.json
vite.config.js		vite.config.js

Folders and files

Latest commit

History

Repository files navigation

Ontology.ru - Современные онтологии в нефтегазовой отрасли

🎯 Цель проекта

🚀 Технологии

📁 Структура проекта

🛠️ Установка и запуск

Предварительные требования

Установка зависимостей

Запуск в режиме разработки

Сборка для продакшена

Предварительный просмотр сборки

Деплой на GitHub Pages

📄 Страницы сайта

1. Главная страница (/)

2. Проекты (/projects)

3. Полезные ссылки (/resources)

4. Наука (/science)

5. Авторы (/authors)

🎨 Компоненты

AuthorCard

ArticleCard

ProjectCard

ResourceCard

🔧 Добавление контента

Добавление новой статьи

Добавление нового автора

Добавление нового проекта

Добавление нового ресурса

🎨 Кастомизация стилей

Цветовая схема

Изменение цветов

Добавление новых стилей

📱 Адаптивность

Медиа-запросы

🚀 Деплой

GitHub Pages

Другие платформы

🔧 Разработка

Структура компонентов

Добавление новых страниц

Добавление новых компонентов

📊 Производительность

Оптимизации

Мониторинг

🐛 Отладка

Vue DevTools

Логирование

Ошибки

📝 Лицензия

🤝 Поддержка

🔄 Обновления

Версия 1.0.0

Планы развития

About

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

1. Главная страница (`/`)

2. Проекты (`/projects`)

3. Полезные ссылки (`/resources`)

4. Наука (`/science`)

5. Авторы (`/authors`)