Giter Site home page Giter Site logo

akarmain / template_for_the_presentation-dictionary_website Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.34 MB

Шаблон для сайта презентации/словаря с серверной частью на node JS.

License: GNU General Public License v3.0

CSS 3.66% JavaScript 33.86% Python 19.30% EJS 43.18%

template_for_the_presentation-dictionary_website's Introduction

Template_for_the_presentation-dictionary_website

Шаблон для сайта презентации/словаря с серверной частью на Node.js.👇

Пример


Инструкция по настройке своей версии сайта:

  1. Загрузите проект и скачайте все зависимости npm install

  2. Проверьте работоспособность node server.js

  3. Сконвертируйте все презентации в набор слайдов с расширением .jpeg. Для этого можно воспользоваться скриптом ppt_to_jpeg.py

    1. Установите Python с официального сайта

    2. Установите: LibreOffice.

    3. Установите Poppler: Poppler(необходим для работы библиотеки pdf2image)

    • Для Windows: скачайте бинарные файлы Poppler и добавьте путь к файлам исполнения в переменную среды Path.

    • Для macOS: установите с помощью Homebrew: brew install poppler

    • Для Ubuntu/Debian: установите с помощью apt: sudo apt-get install poppler-utils

    1. Установите необходимые библиотеки Python командой pip install pdf2image
  4. Переходим в директорию проекта и запускаем код командой python3 ppt_to_jpeg.py /путь/к/папке/с/презентациями
    и получаем папки с набором изображений как в public/media/presentations/

  5. Теперь удаляем содержимое папки public/media/presentations/ и переносим туда созданные ранее папки со слайдами.

  6. В папку public/media/download переносим исходники презентаций (pptx/ppt).

  7. Изменяем файл public/baza.json Таким образом:

{   // Главное название (Название папки в ~/presentations)
    "Example_of_a_presentation_0": {
        // Автор презентации
        "author": "akarmain",
        // Категория для фильтра в general_vocabulary
        "category": "rad",
        // Pptx или ppt в зависимости от исходника в ~/download/Главное название
        "extension": "pptx",
        // Общая тема слайдов: номера этих слайдов (для general_vocabulary)
        "number_slides": 3,
        "crumbers_words": {
            "A one rad": [1],
            "A two rad": [1, 2],
            "A three rad": [1, 2, 3]
        }
    }
}

Чтобы ускорить процесс создания baza.json, можно воспользоваться скриптом update_json.js:

  1. Переходим в директорию скрипта.

  2. Запускаем код python3 update_json.py

    • Введите главное имя (Example_of_a_presentation_0)
    • Введите категорию (rad)
    • Введите количество слайдов (3)
    • Введите расширение pptx/ppt (pptx)
    • Введите название слова A one rad
    • Введите номера слайдов (1)
    • Введите название слова A two rad
    • Введите номера слайдов (1 2)
    • Введите название слова A three rad
    • Введите номера слайдов (1 2 3)
    • end (для выхода из ввода crumbers_words)
    • end (для полной остановки программы)
  3. Теперь немного изменяем файл baza.json для правильного хранения информации (см. первоначальный пример). И запускаем сайт.

🚨Внимание

Все названия папок в presentations и презентаций в download должны вместо пробелов содержать "_". В baza.json не должно быть повторяющихся элементов. Для проверки запустите checking_duplicate_words.py ("Example" != "Example " используйте пробел для того чтобы сделать эти слова разными)

📇Контакты

Если у вас возникли трудности или вопросы не стесняйтесь писать мне: Мой Telegram: akarmain почта: [email protected]

template_for_the_presentation-dictionary_website's People

Contributors

akarmain avatar

Stargazers

Ortyom avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.