Embedded Files
ЛЕКЦІЙНІ МАТЕРІАЛИ
Швидко заповнити лекційний матеріал дозволяє використання існуючих матеріалів сконвертованих у формат DOCX, XLSX, PPTX або PDF. Розглянемо приклад, як зберегти функціонал (тобто можливість додавати питання після підпунктів і відстежувати прогрес вивчення) модулю "Лекція" використовуючи матеріали у форматі DOCX, XLSX, PPTX або PDF. Для цього скористаємося можливостями вбудовування переглядачів файлів у веб-сторінки.
УВАГА! Для вбудовування перегляду DOCX, XLSX, PPTX ми будемо використовувати переглядачі від компанії Google. Так переглядач від Google замінює всі OLE об'єкти (зокрема MathType, Equation) які було вбудовано іншими редакторами, наприклад Microsoft Word, на зображення. Відповідно структура та вміст документу може відрізнятися від оригіналу. Зберігайте оригінал файлу окремо для збереження можливості подальшого редагування.
ВИГЛЯД ВБУДОВАНИХ ПЕРЕГЛЯДАЧІВ З РІЗНИМИ ФОРМАТАМИ
ВБУДОВАНИЙ PDF
ВБУДОВАНИЙ DOCX
ВБУДОВАНИЙ XLSX
ВБУДОВАНИЙ PPTX
ПІДГОТОВКА ЛЕКЦІЙНОГО МАТЕРІАЛУ
Лекційні матеріали повинні бути розбиті на окремі лекції, за необхідності можна розділити лекцію на декілька частин (підтеми). Тобто у вас повинні бути окремі файли "Лекція 1", "Лекція 2" і т.д. або "Лекція 1 Вступ", "Лекція 1.1", "Лекція 1.2", "Лекція 2 Вступ", "Лекція 2.1", "Лекція 2.2" і т.д. Ім'я файлів може бути довільним.
Нижче розглянуто два варіанти використання сховищ для файлів. Для варіанту з використанням сховища Moodle файли необхідно сконвертувати в формат PDF. Для варіанту з використанням сховища в Google Drive - в DOCX, XLSX, PPTX або також в PDF.
ВАРІАНТ З ВИКОРИСТАННЯМ СХОВИЩА MOODLE
В системі Мудл на відповідному курсі організовуємо (можна переіменувати існуючу, або створити нову) секцію "Матеріали курсу". В неї добавляємо діяльність або ресурс "Тека" і завантажуємо PDF файли лекцій.
Переваги і недоліки
+ Зрозумілий шлях до файлу
- Необхідність мати теку на курсі з доступом для здобувачів
- Необхідність виправляти посилання на файли при повторному використанні курсу
- Не працює з DOCX, XLSX, PPTX
ВАРІАНТ З ВИКОРИСТАННЯМ СХОВИЩА GOOGLE DRIVE
В Google Drive створюємо теку, в її налаштуваннях дозволяємо доступ на перегляд для всіх користувачів інтернету і завантажуємо DOCX, XLSX, PPTX або PDF файли лекцій.
Переваги і недоліки
+ Єдине посилання на файл незалежно від повторного використання курсу
+ Можливість змінювати вміст лекцій на всіх повторно використаних курсах замінюючи єдиний існуючий файл
- Незрозуміле складне посилання на файл
ВБУДОВА ПЕРЕГЛЯДУ ФАЙЛІВ В СТОРІНКУ З ДАНИМИ ЛЕКЦІЇ
В редакторі вмісту сторінки з даними вибираємо редагування коду HTML (в типовому редакторі натискаємо на першу кнопку "Показати більше кнопок" і далі натискаємо на саму останню кнопку "HTML"). Для вбудови перегляду файлів в сторінку з даними скористаємося наведеними нижче кодами для кожного з варіантів сховищ.
Будьте уважні при редагуванні коду, косметичні покращення у вигляді видалення або додавання зайвих символів, таких як пробіли та символи завершення строки можуть привести до невірної роботи коду. Рекомендовано копіювати наведені коди цілком, а потім вносити необхідні зміни замість копіювання фрагментів або ручного набору.КОД ДЛЯ PDF ДЛЯ ВАРІАНТУ ЗІ СХОВИЩЕМ У MOODLE
<object data="Файл" type="application/pdf" width="100%" height="750px"> <embed src="Файл" type="application/pdf" /><p>This browser does not support PDF. Please download the PDF to view it: <a href="Файл">Download PDF</a>.</p></object>
В даному коді всі три включення Файл ви повинні замінити на повне ім'я вашого файлу разом із шляхом.
ПРИКЛАД ДЛЯ ВАРІАНТУ ЗІ СХОВИЩЕМ У MOODLE
У новій вкладці перейдіть на сторінці курсу в теку з лекціями (які ви попередньо завантажили), на потрібному файлі в контекстному меню виберіть "копіювати адресу посилання" (або відкрийте цей файл і скопіюйте вміст адресної строки). В наведеному вищє коді замініть всі включення Файл без лапок на скопійовану адресу (вміст буферу обміну).
Для файлу http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/Лекції/Лекція 1.pdf відповідний код буде:
<object data="http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/Лекції/Лекція 1.pdf" type="application/pdf" width="100%" height="750px"> <embed src="http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/Лекції/Лекція 1.pdf" type="application/pdf" /><p>This browser does not support PDF. Please download the PDF to view it: <a href="http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/Лекції/Лекція 1.pdf">Download PDF</a>.</p></object>
Оскільки в інтернет адресах використовуються лише латинські літери, кириліця в шляху http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/Лекції/Лекція 1.pdf конвертується в строку такого вигляду: http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%97/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%8F%201.pdf
В такому випадку код буде мати вигляд:
<object data="http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%97/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%8F%201.pdf" type="application/pdf" width="100%" height="750px"> <embed src="http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%97/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%8F%201.pdf" type="application/pdf" /><p>This browser does not support PDF. Please download the PDF to view it: <a href="http://moodle.btu.kharkiv.ua/pluginfile.php/55652/mod_folder/content/0/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%97/%D0%9B%D0%B5%D0%BA%D1%86%D1%96%D1%8F%201.pdf">Download PDF</a>.</p></object>
Функціональної різниці для нашої задачі між ним та попереднім кодом не існує (браузер автоматично перетворює кирилічні символи на коди латиницею) - є лише незручності в нашому візуальному сприйманні.
КОД ДЛЯ DOCX, XLSX, PPTX ТА PDF ДЛЯ ВАРІАНТУ ЗІ СХОВИЩЕМ У GOOGLE DRIVE
<object data="Файл" width="100%" height="750px"> <embed src="Файл" /><p>This browser does not support current file. Please download the file to view it: <a href="Файл">Download file</a>.</p></object>
В даному коді всі три включення Файл ви повинні замінити на посилання на перегляд вашого файлу.
ПРИКЛАД ДЛЯ ВАРІАНТУ ЗІ СХОВИЩЕМ У GOOGLE DRIVE
У новій вкладці перейдіть в Google Drive в теку з лекціями, на потрібному файлі в контекстному меню виберіть "Надати доступ" і "Копіювати посилання". Переконайтеся, що існує доступ на перегляд файлу для всіх користувачів інтернету (якщо ви дозволили доступ до теки в Google Drive, права на доступ розповсюджуються на вміст всієї теки і окремо надавати доступ до кожного файлу немає сенсу).
ДЛЯ PDF
В новій вкладці в адресну строку вставляєте скопійоване посилання, наприклад https://drive.google.com/file/d/13_6smZx3cG45E0LUcYATeR71APp5VyB1/view і замінюєте вкінці рядку завершення view на preview (також це можна зробити за допомогою, наприклад, блокноту). Отримуємо посилання: https://drive.google.com/file/d/13_6smZx3cG45E0LUcYATeR71APp5VyB1/preview
В наведеному на початку коді для DOCX, XLSX, PPTX та PDF для варіанту з Google Drive замініть всі включення Файл без лапок на отримане посилання.
Отримаємо код:
<object data="https://drive.google.com/file/d/13_6smZx3cG45E0LUcYATeR71APp5VyB1/preview" width="100%" height="750px"> <embed src="https://drive.google.com/file/d/13_6smZx3cG45E0LUcYATeR71APp5VyB1/preview" /><p>This browser does not support PDF. Please download the PDF to view it: <a href="https://drive.google.com/file/d/13_6smZx3cG45E0LUcYATeR71APp5VyB1/preview">Download PDF</a>.</p></object>
ДЛЯ DOCX
В новій вкладці в адресну строку вставляєте скопійоване посилання, наприклад https://docs.google.com/document/d/1EKLJTkQ0ean6rdR1Zl4sbhInMqphxW90XlAcjd-oonU/edit?usp=drive_link і замінюєте вкінці рядку завершення edit?usp=drive_link на preview (також це можна зробити за допомогою, наприклад, блокноту). Отримуємо посилання: https://docs.google.com/document/d/1EKLJTkQ0ean6rdR1Zl4sbhInMqphxW90XlAcjd-oonU/preview
В наведеному на початку коді для DOCX, XLSX, PPTX та PDF для варіанту з Google Drive замініть всі включення Файл без лапок на отримане посилання.
Отримаємо код:
<object data="https://docs.google.com/document/d/1EKLJTkQ0ean6rdR1Zl4sbhInMqphxW90XlAcjd-oonU/preview" width="100%" height="750px"> <embed src="https://docs.google.com/document/d/1EKLJTkQ0ean6rdR1Zl4sbhInMqphxW90XlAcjd-oonU/preview" /><p>This browser does not support DOCX. Please download the DOCX to view it: <a href="https://docs.google.com/document/d/1EKLJTkQ0ean6rdR1Zl4sbhInMqphxW90XlAcjd-oonU/preview">Download DOCX</a>.</p></object>
ДЛЯ PPTX
Повністю аналогічно як і для DOCX
Приклад коду для файлу презентації на Google Drive: https://docs.google.com/presentation/d/1q0Ly5sbTvfD98guNKA8E_I3uC-K7WChP_rKixkEC-lQ/edit?usp=drive_link
<object data="https://docs.google.com/presentation/d/1q0Ly5sbTvfD98guNKA8E_I3uC-K7WChP_rKixkEC-lQ/preview" width="100%" height="750px"> <embed src="https://docs.google.com/presentation/d/1q0Ly5sbTvfD98guNKA8E_I3uC-K7WChP_rKixkEC-lQ/preview" /><p>This browser does not support PPTX. Please download the PPTX to view it: <a href="https://docs.google.com/presentation/d/1q0Ly5sbTvfD98guNKA8E_I3uC-K7WChP_rKixkEC-lQ/preview">Download PPTX</a>.</p></object>
НАПЕВНО ВИ ЗГАДАЛИ І ПРО XLSX
Так! Ви все вірно зрозуміли!
ВСТАВКА КОДУ В РЕДАКТОРІ HTML
Отримані варіанти коду вставляємо в редакторі HTML у вміст лекції, після виходу з режиму редагування HTML, якщо все виконано без помилок, ви побачите вміст вбудованого документу.
Якщо наведені рекомендації допомогли і Вам, будь ласка, поставте лайк в новині https://t.me/elektrofak163/112При публікації копій матеріалу бажано розмістити посилання на дану сторінку16.10.2023 (C) СНТГ "КОМП'ЮТЕР-163"
Page updated
Google Sites
Report abuse