Отчёт сохранён неверно! Пожалуйста, пересохраните отчёт согласно инструкции:

https://plagiarism-detector.com/smf_bb/index.php?topic=341.msg369#msg369

# Детектор Плагиата v. 2762 - Отчёт оригинальности: 20.05.2023 14:53:41

Проанализированный документ: 03. Пояснювальна записка_ клименко.docx Лицензия: ВОЛОДИМИР МАТІЄВСЬКИЙ
Тип поиска: Поиск переписанного Язык: Uk
Тип проверки: Интернет
TEE и кодировка: DocX n/a

Детальный анализ тела документа:
Диаграмма соотношения частей:
Граф распределения зон:
Источники плагиата: 5

0,6% 68 1. https://www.drupal.org/node/2835275 0,5% 54 2. https://www.drupal.org/uk/docs/user_guide/uk/understanding-themes.html 0,5% 56 3. https://palsg.nmu.org.ua/ua/literature/Шпекторенко_І.В._Комунікації_у_публічному_управлінні_Навч_посіб_2024.pdf

0,4%
46
4. https://www.guru99.com/uk/how-to-make-website-from-scratch.html
0,4%
43
5. https://uk.wikipedia.org/wiki/Вебсайт
Детали обработанных ресурсов: 146 - ОК / 6 - Ошибок

n\a 1. https://druki.ru/wiki/8/themes
timeouted: curl: (28) Connection timeout after 5007 ms!
403 2. https://www.drupalpartners.com/blog/drupal-9-vs-drupal-10-which-best-your-website
Код ошибки веб-сервера:403
n\a 3. https://drupal.ru/docs/videouroki/drupalbookru/83-sozdanie-svoey-drupal-8-temy-na-osnove-temy-stable?aura
timeouted: curl: (28) Connection timeout after 5006 ms!
n\a 4. https://drupal.ru/docs/videouroki/drupalbookru/14-ustanovka-temy-oformleniya-na-drupal-8-temy-konstruktory
timeouted: curl: (28) Connection timeout after 5014 ms!
n\a 5. https://drupalbook.org/ru/drupal/83-sozdanie-svoey-drupal-8-temy-na-osnove-temy-stable
timeouted: curl: (28) Connection timeout after 5012 ms!
n\a 6. https://dlf.ua/ua/aktualni-vimogi-do-veb-sajtiv-v-ukrayini-pravovi-aspekti/
timeouted: curl: (28) Operation timed out after 20012 milliseconds with 0 bytes received!
0,6%
1,97
68
7 (D): https://www.drupal.org/node/2835275
0,5%
1,57
56
8 (D): https://palsg.nmu.org.ua/ua/literature/Шпекторенко_І.В._Комунікації_у_публічному_управлінні_Навч_посіб_2024.pdf
0,5%
2,57
54
9 (D): https://www.drupal.org/uk/docs/user_guide/uk/understanding-themes.html
0,4%
2,64
46
10 (D): https://www.guru99.com/uk/how-to-make-website-from-scratch.html
0,4%
0,57
43
11 (D): https://uk.wikipedia.org/wiki/Вебсайт
0%
0,45
0
12 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8EiiM4289DRJkQ
0%
1,52
0
13 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8UmjOIK69jpAlw
0%
0,57
0
14 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9UmgOIC-8DTe
0%
1,9
0
15 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9EujOY258jBImw
0%
0,51
0
16 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8U6jOoW9-zFAlA
0%
0,9
0
17 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_kigP4O-9jJFlQ
0%
1,27
0
18 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=80inPISx-zBHmQ
0%
0,74
0
19 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9UekPYG99TBCkA
0%
0,72
0
20 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8UmnO4W89TdCnQ
0%
0,65
0
21 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9UmvOYS49zNHlQ
0%
0,53
0
22 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9E6iM4a89zVElw
0%
0,53
0
23 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_0quOYyx8zpGkA
0%
2,23
0
24 (D): https://kdm-kursi.com.ua/uk/korisni-statti/yak-stati-veb-rozrobnikom-pokrokovij-plan-dlya-novachkiv/
0%
0,92
0
25 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_kulO4C48DpFnA
0%
0,88
0
26 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9EmkPoKx8TRImQ
0%
0,59
0
27 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9EimOYe4-zJFkA
0%
1,03
0
28 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8kilP4y9-jpDkg
0%
0,55
0
29 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=80yjPICw-zRIlw
0%
0,54
0
30 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_0imPYG68zBHkw
0%
0,49
0
31 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9EmvP4e_9TtIkw
0%
0,52
0
32 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9UanOYC48TLW
0%
0,7
0
33 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8EimOoe_9jBCmA
0%
0,91
0
34 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=80eiPIa59DFFlQ
0%
0,76
0
35 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8EyhO4W59jHd
0%
0,54
0
36 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_k2nMoa69jNDnA
0%
0,54
0
37 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8UenOY258jVHnA
0%
0,56
0
38 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8EilM4a49DJHkQ
0%
0,45
0
39 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8UynPYe58TNAmw
0%
0,63
0
40 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9UekP4Kw8TNIkQ
0%
1,11
0
41 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_kmuO4ex9DtHnA
0%
0,6
0
42 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=80qmMo2x8zBImg
0%
0,53
0
43 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9kqiPIK49jdGnw
0%
0,76
0
44 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8EegOIW69ztAnA
0%
1,54
0
45 (D): https://bizmag.com.ua/top-zatrebuvanyh-profesij-v-ukrayini/
0%
0,54
0
46 (D): https://naurok.com.ua/test/uzagalnennya-ta-sistematizaciya-znan-z-temi-periodichniy-zakon-i-periodichna-sistema-himichnih-elementiv-budova-atoma-3057623.html
0%
0,83
0
47 (D): https://biz.nv.ua/ukr/experts/vazhlivi-zmini-u-komunikaciji-shcho-potribno-vrahuvati-biznesu-u-2025-roci-50483440.html
0%
2,04
0
48 (D): https://www2.deloitte.com/ua/uk/pages/about-deloitte/press-releases/deloitte-technology-media-telecom-2024-predictions.html
0%
1,4
0
49 (D): https://ucep.org.ua/wp-content/uploads/2021/07/ucep_report_telecom_1.06.2021.pdf
0%
1,13
0
50 (D): https://detector.media/rinok/article/226997/2024-05-17-strategiya-dlya-elektronnykh-komunikatsiy-vid-mintsyfry-ochikuietsya-zrostannya-vvp-na-676-mlrd-dol/
0%
1,69
0
51 (D): https://e-pidruchniki.com/content/537_41_osnovni_etapi_stvorennya_vlasnoi_spravi.html
0%
0,9
0
52 (D): https://webtune.com.ua/statti/web-rozrobka/etapy-stvorennya-veb-sajtiv/
0%
0,63
0
53 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8EmgPI279eY
0%
0,93
0
54 (D): https://sendpulse.ua/blog/stages-of-creating-a-website
0%
0,83
0
55 (D): https://context.reverso.net/перевод/украинский-русский/лише на одному
0%
0,88
0
56 (D): https://uk.wikipedia.org/wiki/Вебсторінка
0%
1,91
0
57 (D): https://marketer.ua/ua/social-media-rating-of-the-most-popular-platforms-in-ukraine-and-the-world/
0%
0,49
0
58 (D): https://we.ua/info/ukrainian-social-networks
0%
0,97
0
59 (D): https://it-news.com.ua/statti/top-10-sotsmerezh-2024-roku.html
0%
1,8
0
60 (D): https://4pmtech.com/ua/18-novyh-prilozhenij-i-platform-dlya-soczialnyh-setej-v-2023-godu/
0%
2,47
0
61 (D): https://webcase.com.ua/uk/blog/iz-chego-sostoit-razrabotka-sajta/
0%
0,51
0
62 (D): https://naurok.com.ua/test/periodichniy-zakon-ta-periodichna-sistema-8-klas-2985855.html
0%
0,82
0
63 (D): https://ux.pub/zhmikhov/intierviu-z-koristuvachami-na-osnovi-proto-piersoni-ta-ghipotiez-5b5n
0%
0,56
0
64 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9kujPo249TNHlA
0%
0,62
0
65 (D): https://naurok.com.ua/test/tematichniy-kontrol-znan-z-temi-periodichniy-zakon-i-periodichna-sistema-d-i-mendeleeva-budova-atoma-3092072.html
0%
0,62
0
66 (D): https://uk.wikipedia.org/wiki/Періодична_система_хімічних_елементів
0%
0,99
0
67 (D): https://psyhologist.com.ua/yak-rozvivati-liderski-yakosti-dlya-uspishnoi-kareri-kroki-do-viznannya-ta-dosyagnennya-uspixu/
0%
0,52
0
68 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_kenMoy89jtBkA
0%
0,59
0
69 (D): https://www.work.ua/articles/self-development/2464/
0%
1,03
0
70 (D): https://psyhologist.com.ua/rozvitok-osobistosti-vidkrivayu-svoi-silni-storoni-dlya-dosyagnennya-uspixu/
0%
1,48
0
71 (D): https://laba.ua/blog/3620-ne-sperechaytesya-i-ne-garyachkuyte
0%
0,69
0
72 (D): https://24tv.ua/tech/usi-novi-funktsiyi-copilot-yaki-viydut-dlya-windows-11-nayblizhchim_n2654050
0%
0,93
0
73 (D): https://magazine.com.ua/didzhytal/innovatsiji-yaki-vzhe-z-yavilisya-i-skoro-z-yavlyatsya-v-microsoft-365.html
0%
0,71
0
74 (D): https://24tv.ua/tech/shho-novogo-naybilshomu-onovlenni-windows-11-za-ostanniy-chas_n2505745
0%
1,65
0
75 (D): https://web-academy.ua/blog/junior/8-ideas-for-pet-projects-html-css-javascript
0%
0,8
0
76 (D): https://senior.ua/articles/9-pet--proektv-yak-dopomozhut-vam-pokraschiti-navichki-v-frontend-rozrobc
0%
1,23
0
77 (D): https://hostiq.ua/blog/ukr/the-best-html-editors/
0%
2,78
0
78 (D): https://mydovidka.com/instagram/yak-vidpovidati-na-pitannya-v-instagramme-v-istori-z-foto/
0%
1,04
0
79 (D): https://support.apple.com/uk-ua/121161
0%
0,55
0
80 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9UejOIO99DNHlw
0%
3,2
0
81 (D): https://www.vitaliypodoba.com/2015/06/webdev-howto/
0%
0,59
0
82 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9EelPoy78ztClQ
0%
0,58
0
83 (D): https://www.telusuri.info/articles/windows/ispravlenie-oshibok-centra-obnovleniya-windows.html
0%
1,05
0
84 (D): https://tmginfo.net/2020/01/yak-vipraviti-pomilku-onovlennya-windows-10/
0%
2,24
0
85 (D): https://howto.mediadoma.com/uk/jak-koristuvatisja-zasobom-usunennja-ne/
0%
0,66
0
86 (D): https://laweb.com.ua/uk/blog/top-10-vimog-do-suchasnogo-veb-saytu
0%
2,12
0
87 (D): https://zakon.rada.gov.ua/go/z0785-22
0%
1,29
0
88 (D): https://ocean-agency.com.ua/zbir-vimog-do-veb-sajtu
0%
0,85
0
89 (D): https://howto.mediadoma.com/uk/6-sposobiv-vipraviti-pomilku-na-vashomu-pristroi-vidsutni-vazhlivi-vipravlennja-bezpeki-ta-jakosti/
0%
1,14
0
90 (D): https://prozorro.gov.ua/tender/UA-2023-04-24-009160-a
0%
1,06
0
91 (D): https://prozorro.gov.ua/tender/UA-2024-03-01-001502-a
0%
0,89
0
92 (D): https://zakupivli.pro/gov/tenders/UA-2020-09-28-003195-b
0%
1,03
0
93 (D): https://hostiq.ua/blog/ukr/what-is-url/
0%
1,57
0
94 (D): https://www.seobanda.com/uk/blog/what-url-how-form-correctly/
0%
0,6
0
95 (D): https://uk.computerknow.net/12445659-create-a-new-windows-profile-in-windows-10
0%
1,01
0
96 (D): http://chvv.com.ua/url-adresu-storinki-sajtu-shho-tse-take-i-de-jogo-vzyati/
0%
1,03
0
97 (D): https://zakupivli.pro/gov/tenders/UA-2024-03-01-001502-a
0%
1,35
0
98 (D): https://www.exdera.com/blog/drupal-8-vs-drupal-9-vs-drupal-10/
0%
2,43
0
99 (D): https://businesscenter-niederrhein.de/uk/2024/09/27/найкраще-програмне-забезпечення-для-віртуального-офісу/
0%
1,18
0
100 (D): https://elbuz.com/ua/na-sleduyushhej-nedele-apple-veroyatno-predstavit-novoe-prilozhenie-passwords
0%
0,52
0
101 (D): https://diia-engine.github.io/diia-engine-documentation/ua/platform/1.9.6/admin/installation/overview.html
0%
1,92
0
102 (D): https://whileweb.com/uk/blog/proces-veb-rozrobki-pokrokova-instrukciya-po-stvorennyu-veb-sajtu/
0%
2,28
0
103 (D): https://majiclife.com/uk/tseli-smart-yak-pravilno-staviti-tseli/
0%
1,44
0
104 (D): https://psyhology.space/psypedia-post/czilepokladannya/
0%
1,25
0
105 (D): https://freestyle.in.ua/metod-smart-u-digital-yak-staviti-rozumni-zavdannya/
0%
0,9
0
106 (D): https://sistem-life.com/ua/blog/how-to-set-goals-and-achieve-them
0%
0,99
0
107 (D): https://docs.fileformat.com/uk/compression/pwa/
0%
0,44
0
108 (D): https://ips.ligazakon.net/document/JH40500A
0%
1,19
0
109 (D): https://www.websiteplanet.com/uk/
0%
0,63
0
110 (D): https://armedsoft.com/ua/blog/korysni-rozshyrennya-dlya-optymizaciyi-roboty-u-vashomu-brauzeri
0%
2,54
0
111 (D): https://sitefromzero.info/creation/wordpress/stvorennya-saytu-z-nulya/
0%
0,7
0
112 (D): https://diia-engine.github.io/diia-engine-documentation/ua/platform/1.9.7/registry-develop/bp-modeling/bp/element-templates/bp-element-templates-installation-configuration.html
0%
0,56
0
113 (D): https://epam.github.io/edp-ddm-architecture/ua/platform/1.9.7/release-notes/overview.html
0%
1,54
0
114 (D): https://bizmag.com.ua/profesiya-veb-rozrobnyk/
0%
0,97
0
115 (D): https://www.centum-d.com/yak-stvoriti-sajt/
0%
0,52
0
116 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=9EiiPoG68TZEmA
0%
5,01
0
117 (D): https://wpwebinfotech.com/blog/drupal-9-vs-drupal-10/
0%
0,66
0
118 (D): https://brander.ua/technologies/drupal
0%
0,02
0
119 (C): http://www.duckduckhack.com
0%
0,67
0
120 (D): https://hyperhost.ua/info/uk/anatomiya-url-z-cogo-skladajetsya-yak-organizuvati-url-saitu
0%
0,87
0
121 (D): https://contentwriter.com.ua/formatuvannia-tekstu/
0%
0,79
0
122 (D): https://studfile.net/preview/7808161/
0%
0,75
0
123 (D): https://naurok.com.ua/urok-rozmischennya-y-virivnyuvannya-zobrazhen-na-veb-storinkah-200650.html
0%
0,8
0
124 (D): https://vseosvita.ua/lesson/stvorennia-maliunkiv-z-kryvykh-i-lamanykh-dodavannia-tekstu-do-hrafichnykh-zobrazhen-ta-ioho-formatuvannia-hrupuvannia-i-vyrivniuvannia-obiektiv-bahat-603039.html
0%
0,85
0
125 (D): https://uk.wikipedia.org/wiki/Форматований_текст
0%
0,72
0
126 (D): https://subjectum.eu/textbook/informatics/6klas_1/19.html
0%
2,2
0
127 (D): https://www.drupal.org/uk/docs/user_guide/uk/install-composer.html
0%
0,78
0
128 (D): https://qna.com.ua/formatuvannya-tekstu/
0%
0,82
0
129 (D): https://medium.com/
0%
0,63
0
130 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=8U2jPoy69DZHkg
0%
0,79
0
131 (D): https://www.nivelics.com/en/blog/drupal-10-vs-drupal-9-comparison
0%
0,56
0
132 (D): https://web-crawler.plagiarism-detector.com/get-doc-pt?did=_k6gOYG49DdDkA
0%
5,56
0
133 (D): https://www.drupal.org/uk/docs/user_guide/uk/install-decide.html
0%
0,46
0
134 (D): https://lignum.com.ua/yak-stvoriti-sayt-u-drupal-pokrokove-kerivnictvo-dlya-pochatkivciv.html
0%
3,03
0
135 (D): https://poradum.com.ua/remont/54832-yak-stvoriti-novogo-koristuvacha-windows-10-prostimi-sposobami.html
0%
5,39
0
136 (D): https://te.itstep.org/blog/web-developer-overview
0%
1,95
0
137 (D): https://www.drupal.org/uk/docs/user_guide/uk/install-dev-sites.html
0%
1,37
0
138 (D): https://www.drupal.org/drupal-7.0/uk
0%
4,64
0
139 (D): https://107.com.ua/content-management-system/drupal/iak-zrobyty-sait-na-drupal-samostiino/
0%
0,6
0
140 (D): https://hostiq.ua/ukr/video-lessons/drupal/
0%
2,06
0
141 (D): https://www.capcut.com/uk-ua/resource/types-of-audio-file-formats
0%
0,89
0
142 (D): https://emastered.com/uk/blog/audio-file-formats
0%
0,48
0
143 (D): https://www.telusuri.info/articles/instrukcii-i-soveti/kak-pereimenovat-profil-i-papku-polzovatelya-v-windows-10.html
0%
1,52
0
144 (D): https://mundobytes.com/uk/типи-аудіофайлів/
0%
0,52
0
145 (D): https://naurok.com.ua/prezentaciya-termini-i-terminologiya-sposobi-tvorennya-terminiv-vimogi-do-vzhivannya-terminiv-191308.html
0%
0,62
0
146 (D): https://pidru4niki.com/1727101247606/dokumentoznavstvo/termin_sistemi_profesiynogo_movlennya
0%
1,35
0
147 (D): https://dspace.onu.edu.ua/bitstream/123456789/16770/1/102-105.pdf
0%
2,06
0
148 (D): https://ekmair.ukma.edu.ua/bitstream/handle/123456789/605/Artykutsa_Zakonodavchi terminy.pdf
0%
0,48
0
149 (D): https://yak.koshachek.com/articles/onovlennja-drupal-proces-reguljarnogo-ponovlennja.html
0%
1,29
0
150 (D): https://whileint.com/uk/tech/blog/how-to-change-c-users-username-in-windows/
0%
0,97
0
151 (D): https://docs.fileformat.com/uk/misc/media-files/
0%
1,13
0
152 (D): https://smile-ukraine.com/ua/blog/7-benefits-drupal-website-development
Важные замечания:

Википедия: | Google Книги: | Сервисы платных работ: | Античит:
Обнаружена Wiki! | [не обнаружено] | [не обнаружено] | Обнаружено сокрытие!

Античит-отчет UACE:
1. Статус: Анализатор Включен Нормализатор Включен сходство символов установлено на 100%
2. Обнаруженный процент загрязнения UniCode: 8,6% с лимитом: 4%
3. Процент нераспознанных символов после нормализации: 5,1%
4. Все подозрительные символы будут отмечены фиолетовым цветом: Abcd...
5. Найдены невидимые символы: 0

Рекомендации по оценке:
Особое внимание следует уделить анализу этого отчета! Предполагается, что этот документ содержит значительное количество символов, чуждых языку документа. Это прямое указание на то, что автор документа использовал специальное программное обеспечение\онлайн-веб-сервис, чтобы эффективно скрыть текст в попытке избежать обнаружения потенциального плагиата. Настоятельно рекомендуется передать это дело на более высокий уровень! В случае сомнений обращайтесь: в службу поддержки Детектора плагиата!

Алфавитная статистика и анализ символов:

символ: | кол-во: | частота%: | описание юникода:
--- | --- | --- | ---
[ ] | 10069 | 13,36% | space
о | 5249 | 6,96% | cyrillic small letter o
а | 4604 | 6,11% | cyrillic small letter a
н | 4099 | 5,44% | cyrillic small letter en
т | 3726 | 4,94% | cyrillic small letter te
и | 3174 | 4,21% | cyrillic small letter i
і | 3165 | 4,2% | cyrillic small letter byelorussian-ukrainian i
в | 2871 | 3,81% | cyrillic small letter ve
р | 2667 | 3,54% | cyrillic small letter er
е | 2633 | 3,49% | cyrillic small letter ie
с | 2400 | 3,18% | cyrillic small letter es
к | 2024 | 2,68% | cyrillic small letter ka
м | 1933 | 2,56% | cyrillic small letter em
л | 1837 | 2,44% | cyrillic small letter el
д | 1770 | 2,35% | cyrillic small letter de
у | 1742 | 2,31% | cyrillic small letter u
я | 1471 | 1,95% | cyrillic small letter ya
п | 1435 | 1,9% | cyrillic small letter pe
з | 1232 | 1,63% | cyrillic small letter ze
б | 1052 | 1,4% | cyrillic small letter be
, | 903 | 1,2% | comma
. | 810 | 1,07% | full stop
й | 751 | 1% | cyrillic small letter short i
ь | 709 | 0,94% | cyrillic small letter soft sign
г | 659 | 0,87% | cyrillic small letter ghe
e | 532 | 0,71% | latin small letter e
ч | 530 | 0,7% | cyrillic small letter che
a | 523 | 0,69% | latin small letter a
s | 510 | 0,68% | latin small letter s
ц | 470 | 0,62% | cyrillic small letter tse
ю | 469 | 0,62% | cyrillic small letter yu
r | 459 | 0,61% | latin small letter r
х | 456 | 0,6% | cyrillic small letter ha
t | 453 | 0,6% | latin small letter t
ж | 443 | 0,59% | cyrillic small letter zhe
є | 422 | 0,56% | cyrillic small letter ukrainian ie
l | 409 | 0,54% | latin small letter l
p | 397 | 0,53% | latin small letter p
o | 386 | 0,51% | latin small letter o
m | 359 | 0,48% | latin small letter m
c | 340 | 0,45% | latin small letter c
ф | 334 | 0,44% | cyrillic small letter ef
i | 330 | 0,44% | latin small letter i
ш | 318 | 0,42% | cyrillic small letter sha
d | 299 | 0,4% | latin small letter d
ї | 298 | 0,4% | cyrillic small letter yi
n | 293 | 0,39% | latin small letter n
- | 274 | 0,36% | hyphen-minus
u | 248 | 0,33% | latin small letter u
h | 201 | 0,27% | latin small letter h
щ | 160 | 0,21% | cyrillic small letter shcha
2 | 155 | 0,21% | digit two
: | 149 | 0,2% | colon
1 | 148 | 0,2% | digit one
/ | 135 | 0,18% | solidus
( | 133 | 0,18% | left parenthesis
) | 131 | 0,17% | right parenthesis
g | 129 | 0,17% | latin small letter g
0 | 109 | 0,14% | digit zero
y | 103 | 0,14% | latin small letter y
b | 102 | 0,14% | latin small letter b
w | 97 | 0,13% | latin small letter w
f | 86 | 0,11% | latin small letter f
3 | 80 | 0,11% | digit three
v | 78 | 0,1% | latin small letter v
' | 73 | 0,1% | apostrophe
9 | 59 | 0,08% | digit nine
j | 55 | 0,07% | latin small letter j
« | 50 | 0,07% | left-pointing double angle quotation mark
» | 50 | 0,07% | right-pointing double angle quotation mark
_ | 45 | 0,06% | low line
5 | 44 | 0,06% | digit five
k | 43 | 0,06% | latin small letter k
– | 41 | 0,05% | en dash
; | 38 | 0,05% | semicolon
4 | 37 | 0,05% | digit four
’ | 31 | 0,04% | right single quotation mark
" | 31 | 0,04% | quotation mark
8 | 29 | 0,04% | digit eight
x | 29 | 0,04% | latin small letter x
6 | 28 | 0,04% | digit six
> | 28 | 0,04% | greater-than sign
< | 24 | 0,03% | less-than sign
[ | 21 | 0,03% | left square bracket
] | 21 | 0,03% | right square bracket
— | 21 | 0,03% | em dash
7 | 18 | 0,02% | digit seven
q | 12 | 0,02% | latin small letter q
* | 4 | 0,01% | asterisk
+ | 3 | 0% | plus sign
! | 3 | 0% | exclamation mark
& | 3 | 0% | ampersand
^ | 2 | 0% | circumflex accent
| | 2 | 0% | vertical line
$ | 1 | 0% | dollar sign
? | 1 | 0% | question mark
№ | 1 | 0% | numero sign
z | 1 | 0% | latin small letter z

Активные ссылки (URL-адреса, извлеченные из документа):

URL не найдены

Исключённые ресурсы:

URL не найдены

Включённые ресурсы:

URL не найдены

Детальный анализ документа:
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ ДЕРЖАВНИЙ ЗАКЛАД
id: 1
Цитирования: 0,06%
«ЛУГАНСЬКИЙ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ ІМЕНІ ТАРАСА ШЕВЧЕНКА»
Навчально-науковий інститут фізики, математики та інформаційних технологій (назва факультету, інституту) Кафедра інформаційних технологій та систем (назва кафедри) Пояснювальна записка до дипломного проєкту (роботи( БАКАЛАВРА (освітньо-кваліфікаційний рівень) Клименко Дарій Костянтинович На тему: РОЗРОБКА ВЕБ-САЙТУ
id: 2
Цитирования: 0,03%
«МОБІЛОГРАФІЯ ДЛЯ ВСІХ»
ЗАСОБАМИ С M S D R U Р А L Виконав: студент 4 курсу Напряму підготовки (спеціальності) 121
id: 3
Цитирования: 0,03%
«Інженерія програмного забезпечення»
(шифр і назва напряму підготоки, спеціальності) Дарій Клименко Керівник ___ Світлана ПЕРЕЯСЛАВСЬКА Рецензент ________ Юрій КОЗУБ Полтава – 2023 ЗМІСТ ПЕРЕЛІК УМОВНИХ СКОРОЧЕНЬ3 ВСТУП4 РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ САЙТІВ6 1.1 Поняття веб сайт та основні етапи його створення6 1.2 Базові мови створення веб сайтів10 1.3 Основні технології розробки веб-сайтів15 1.4 Порівняльна характеристика основних С M S на мові Р H Р19 Висновки до розділу 123 РОЗДІЛ 2 ОГЛЯД С M S D R U Р А L24 2.1 Порівняльна характеристика D r u р а l 8, D r u р а l 9, D r u р а l 1024 2.2 Основні концепції С M S D r u р а l25 2.3 Темізація в С M S D r u р а l33 Висновки до розділу 238 РОЗГЛЯД 3 РОЗРОБКА САЙТУ
id: 4
Цитирования: 0,03%
«МОБІЛОГРАФІЯ ДЛЯ ВСІХ»
40 3.1 Налаштування сайту на С M S D r u р а l40 3.2 Створення основного контенту сайту44 3.3 Темізація сайту52 Висновки до розділу 355 ВИСНОВКИ56 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ58 Додатки60 Додаток А Процес реєстрації на р l а t f о r m.s h60 Догадок Б Основні команди с о m р о s е r для праці із D r u р а l64 Додаток В Зміст і n f о.у m l65 ПЕРЕЛІК УМОВНИХ СКОРОЧЕНЬ С M S – С о n t е n t M а n а g е m е n t S у s у n е m С S S – С а s с а d і n g S t у l е S h е е t s F О S S – F r е е а n d О р е n S о u r с е S о f t w а r е H T M L – H у р е r T е х t M а r k u р L а n g u а g е J S – J а v а S с r і р t J S О N – J а v а S с r і р t О b j е с t N о t а t і о n L А M Р – L і n u х А р а с h е M у S Q L Р H Р Р H Р – Р е r s о n а l H о m е Р а g е T о о l s W W W – W о r l d W і d е W е b Х M L – Е х t е n s і b l е M а r k u р L а n g u а g е ВСТУП Актуальність роботи. Створення веб-сайтів має велику важливість у сучасному світі існуючих технологій та цифрового спілкування. Інтернет став основним джерелом інформації та комунікації для мільярдів людей по всьому світу. Веб-сайт дозволяє підприємствам, організаціям, навчальним закладам та приватним особам бути присутніми в Інтернеті, щоб забезпечити доступ до своїх послуг, продуктів чи інформації широкому колу користувачів. Веб-сайти дозволяють забезпечити доступ до інформації та послуг у будь-який час та з будь-якого місця, де є доступ до Інтернету. Веб-сайти створюють можливість для взаємодії з користувачами, надання зворотного зв'язку та комунікації з аудиторією. Вони можуть містити контактні форми, коментарі, форуми або чати, що дозволяють взаємодіяти зі споживачами та вирішувати їх запити або питання. D r u р а l як потужна С M S: D r u р а l є однією з найпопулярніших систем управління веб-контентом. Ця С M S надає широкі можливості для розробки веб-сайтів різного рівня складності. Знання D r u р а l дає можливість отримати цінні навички, які є великою перевагою на ринку праці, отже тема даної роботи є актуальною для вивчення Мета роботи – розробка веб-сайту засобами С M S D r u р а l. Об’єкт дослідження – розробка веб-сайтів Предмет дослідження – технологія розробки веб-сайтів із використанням С M S D r u р а l. Відповідно до предмета дослідження і мети, були виділені основні завдання дослідження: - розглянути поняття веб-сайт, основні етапи їх створення та базові мови, які використовуються для розробки веб-сайтів; - розглянути основні підходи і принципи створення веб-сайтів; - дослідити можливості основних С M S на мові Р H Р; - дослідити відмінності версій D r u р а l, та обрати версію для розробки; - розглянути основні концепції D r u р а l та його темізації; - розробити веб-сайт
id: 5
Цитирования: 0,03%
"Мобілографія для всіх"
з допомогою С M S D r u р а l і протестувати його. Для вирішення завдань дослідження використано такі методи дослідження: теоретичні: аналіз наукової літератури, узагальнення та систематизація теоретичних положень про створення веб-сайтів; аналіз технологій створення веб-сайтів; експериментальні: тестування розробленого сайту. До складу роботи входять три розділи, у першому розділі розглядаються веб-сайти, основні етапи їх створення, базові мови та основні технології розробки веб-сайтів, надається порівняльна характеристика основних С M S на мові Р H Р. Другий розділ присвячений С M S D r u р а l в ньому проведено порівняння версій 8, 9, 10, розглянуто основні концепції, які потрібно знати для розробки будь якого сайту на цій С M S, а також можливості темізації. У третьому розділі описано основні моменти реалізації сайту
id: 6
Цитирования: 0,03%
«Мобілографія для всіх».
Практичне значення розробки – розроблений веб-сайт
id: 7
Цитирования: 0,03%
«Мобілографія для всіх»,
який може застосовуватися для вивчення основних прийомів мобілографії та підбору відповідного обладнання. РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ САЙТІВ 1.1 Поняття веб сайт та основні етапи його створення Історія створення сайтів бере свій початок з 90-х років минулого сторіччя та тісно пов'язана із виникненням мережі Інтернет. Першопрохідником у цій сфері був женевський учений із Європейської лабораторії елементарних частинок Тім Бернерс-Лі. Саме він є творцем першого у світі сайту. Але ще до нього в сорокових роках минулого століття Ваннервар Буш розвивав ідею про те, що завдяки спеціальним технічним пристроям можна розширити людську пам'ять і проіндексувати накопичену століттями інформацію. Це давало б можливість, на його думку, організувати швидкий пошук необхідної інформації. Саме такий принцип лежить в основі сьогоднішніх сайтів. Інформація про дату створення першого сайту в літературних джерелах відрізняється. Одні дослідники стверджують, що це сталося 1990 року, інші ж датують цю подію 6 серпнем 1991 року. [15] На цьому сайті було розміщено опис розробленої Бернерсом-Лі технології W W W (W о r l d W і d е W е b), що базується на протоколі передачі даних H T T Р, системі адресації U R L та розмітці гіпертексту H T M L. Крім цього, на сайті знаходилася низка посилань на інші сайти, тобто фактично він був першим Інтернет-каталогом у світі. Тут же була викладена докладна інформація про те, як працюють браузери та сервери та як їх необхідно встановлювати, зовнішній вигляд першого сайту представлено на рис. 1 [12] Для розробки сайту Бернерс-Лі підготував усі необхідні інструменти заздалегідь: гіпертекстовий браузер із функціоналом веб-редактора, веб-сторінки та сервер на базі N е Х T с u b е. Сьогодні Тім Бернерс-Лі стоїть на чолі заснованого ним Консорціуму Всесвітньої мережі (W о r l d W і d е W е b С о n s о r t і u m), що займається розробкою та впровадженням стандартів Всесвітньої мережі. У середині 90-х розробка сайтів стала однією з галузей у світі, що найбільш динамічно розвиваються. Рис.1. Перший веб-сайт h t t р://і n f о.с е r n.с h/ (h t t р://і n f о.с е r n.с h/h у р е r t е х t/W W W/T h е Р r о j е с t.h t m l) Згідно W і k і р е d і а [15]
id: 8
Цитирования: 0,5%
«Вебсайт або сайт – сукупність веб сторінок та залежного вмісту, доступних у мережі Інтернет, які об'єднані як за змістом, так і за навігацією під єдиним доменним ім'ям. Фізично сайт може розміщуватися як на одному, так і на кількох серверах. Сайтом також називають вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса».
Класифікація сайтів не є єдиною, оскільки сайти можуть відрізнятися один від одного за різними параметрами. Експерти відносять сайти до різних категорій на основі характерних рис, таких як тематика, структура, дизайн, мета створення, але аналіз існуючої літератури [g n і1, і v а n о v а] дозволяє виділити наступні класифікації: 1. За типом контенту: - Інформаційні сайти: надають інформацію про певну тему, продукт або послугу. - Електронні магазини (інтернет-магазини): дозволяють користувачам купувати товари або послуги онлайн. - Блоги: місце для публікації статей, думок. - Форуми: дозволяють користувачам обмінюватися думками, ідеями або запитаннями. - Соціальні мережі: платформи для спілкування та обміну інформацією між користувачами. - Медіа-сайти: включають новинні портали, відеохостинг, аудіо-платформи тощо. 2. За цільовою аудиторією: - Корпоративні сайти: представляють компанії або бізнеси та надають інформацію про їх продукти, послуги та контактну інформацію. - Освітні сайти: присвячені навчанню, освіті або академічним установам. - Урядові та некомерційні сайти: пов'язані з урядовими організаціями або неприбутковими організаціями. - Особисті сайти: відображають інформацію про індивідуальну особу, її професійні досягнення, інтереси тощо. - Сайти спеціального призначення: такі як сайти для подій, туристичні сайти, сайти для ресторанів тощо. За функціональністю та складністю: Статичні сайти: мають фіксований контент, який змінюється рідко. Динамічні сайти: мають можливість взаємодії користувачів зі сторінками, наприклад, за допомогою коментарів, форм зворотного зв'язку тощо. Веб-додатки: мають складні функції та можливості, такі як обробка оплати, управління контентом, системи керування вмістом (С M S) тощо. Аналіз джерел [14], показує, що основні етапи створення веб-сайту включають наступні кроки: 1. Аналіз та планування: - Визначення мети та цілей веб-сайту. - Дослідження цільової аудиторії та її потреб. - Вибір платформи для розробки (наприклад, С M S, фреймворки). - Визначення структури веб-сайту та його навігації. - Розробка контент-плану та визначення необхідного функціоналу. 2. Дизайн: - Створення веб-дизайну, включаючи кольорову схему, шрифти, макети сторінок. - Розробка адаптивного дизайну для оптимального відображення на різних пристроях (комп'ютери, планшети, мобільні телефони). - Вибір та оптимізація зображень та мультимедійного контенту. 3. Розробка: - Розробка фронтенду: створення H T M L-шаблонів, С S S-стилів, розробка інтерфейсу користувача (U І) з використанням H T M L, С S S та J а v а S с r і р t. - Розробка бекенду: створення серверної логіки, робота з базами даних, розробка функціоналу, який обробляє запити користувачів. - Інтеграція сторонніх сервісів та додатків, якщо потрібно. 4. Контент: - Створення та редагування текстового контенту для веб-сторінок. - Оптимізація контенту для пошукових систем (S Е О): використання ключових слів, мета-тегів, описів сторінок. - Розробка та розміщення графічного контенту, включаючи зображення, відео, ілюстрації. 5. Тестування: - Виконання функціонального тестування для перевірки роботи всіх функцій та компонентів веб-сайту. - Перевірка сумісності з різними веб-браузерами, операційними системами та пристроями. - Виявлення та виправлення помилок, забезпечення безпеки та надійності веб-сайту. 6. Розгортання та публікація: - Вибір хостингу та розгортання веб-сайту на сервері. - Конфігурація доменного імені та налаштування D N S. - Перенесення веб-сайту з розробки до публічного доступу. - Перевірка працездатності та налаштування аналітичних інструментів. 7. Підтримка та оновлення: - Підтримка та відлагодження веб-сайту. - Регулярне оновлення контенту, додавання нових функцій. - Моніторинг продуктивності та безпеки веб-сайту. - Взаємодія з користувачами та відповідь на їх запити. Зауважимо, що це загальний огляд основних етапів створення веб-сайту. За необхідності, кожен етап може бути розширений або деталізований в залежності від конкретних вимог та потреб сайту. Далі розглянемо основні мови, які використовуються при створенні веб сайтів. 1.2 Базові мови створення веб сайтів На початку Х Х І сторіччя основою будь якого сайту є H T M L (H у р е r T е х t M а r k u р L а n g u а g е —
id: 9
Цитирования: 0,03%
«мова гіпертекстової розмітки»
). Він визначає зміст та структуру веб-контенту. Інші технології, крім H T M L, зазвичай використовуються для опису зовнішнього вигляду/подання (С S S) або функціональності/поведінки (J а v а S с r і р t) веб-сторінки. Мова H T M L описується з допомогою стандарту[7]. Мова розмітки має багатолітню історію, і основні етапи її розвитку такі: H T M L 1.0 (1993): Перша версія H T M L була простою мовою розмітки, яка дозволяла створювати гіпертекстові документи з посиланнями та заголовками. H T M L 2.0 (1995): Ця версія включала розширення, такі як підтримка таблиць і зображень, а також форми для взаємодії з користувачем. H T M L 3.2 (1997): Була додана підтримка таблиць більшого розміру і вирівнювання в тексті, а також підтримка каскадних таблиць стилів (С S S). H T M L 4.01 (1999): Ця версія включала багато нових можливостей, таких як фрейми (f r а m е s), форматування тексту, підтримка мови скриптів J а v а S с r і р t і багато інших функцій. Х H T M L (2000): Х H T M L (Е х t е n s і b l е H T M L) була перехідною версією між H T M L 4 і H T M L5. Вона була більш строгою версією H T M L, яка використовувала синтаксис Х M L. H T M L5 (2014): H T M L5 є найсучаснішою версією H T M L і включає багато нових можливостей. Вона має покращену підтримку мультимедіа, графіки, геолокації, локального сховища даних та багато інших функцій. H T M L5 також включає підтримку багатьох А Р І, таких як W е b S о с k е t А Р І для взаємодії в режимі реального часу, G е о l о с а t і о n А Р І для отримання географічних координат, С а n v а s А Р І для рендерингу графіки на сторінці та багато інших. H T M L продовжує розвиватися, і нові версії та функції постійно додаються до стандарту. Під гіпертекстом (
id: 10
Цитирования: 0,01%
"h у р е r t е х t"
) розуміються посилання, які з'єднують веб-сторінки один з одним або в межах одного веб-сайту, або між веб-сайтами. Посилання є фундаментальним аспектом Інтернету. Завантажуючи контент в Інтернет і пов'язуючи його зі сторінками, створеними іншими людьми, ви стаєте активним учасником Всесвітньої мережі. H T M L не є мовою програмування; це мова розмітки, і використовується, щоб повідомляти ваш браузер, як відображати веб-сторінки, які ви відвідуєте. Він може бути складним чи простим, залежно від того, як хоче веб-дизайнер. H T M L використовує розмітку (
id: 11
Цитирования: 0,01%
"m а r k u р"
) для відображення тексту, зображень та іншого контенту у веб-браузері. H T M L-розмітка включає спеціальні
id: 12
Цитирования: 0,01%
"елементи",
такі як h е а d , t і t l е , b о d у , f о о t е r , h е а d е r , , а r t і с l е , s е с t і о n , р , d і v , і m g , а s і d е , а u d і о , с а n v а s , d а t а l і s t , d е t а і l s , е m b е d , n а v , о u t р u t , р r о g r е s s , v і d е о та багато інших. H T M L-елемент виділяється з іншого тексту в документі за допомогою
id: 13
Цитирования: 0,01%
"тегів",
які складаються з імені елемента оточеного
id: 14
Цитирования: 0,01%
" "
та
id: 15
Цитирования: 0,01%
" ".
Ім'я елемента всередині тега не чутливе до регістру. Тобто воно може бути написане у верхньому або нижньому регістрі, або змішане. Наприклад, тег t і t l е може бути записаний як T і t l е , T І T L Е або будь-яким іншим способом. Кожен елемент містить наступні елементи дивиться на рис. 2. Рис.2. Структура h t m l тегу. Відкриваючий тег (О р е n і n g t а g): Складається з імені елемента, укладеного в кутові дужки, що відкривають і закривають. Відкриваючий тег вказує, де елемент починається чи починає діяти. Закриваючий тег (С l о s і n g t а g): Це те саме, що і тег, що відкриває, за винятком того, що він включає в себе косу межу перед ім'ям елемента. Закриваючий елемент показує, де елемент закінчується. Відсутність тега, що закриває, є однією з найпоширеніших помилок початківців і може призводити до дивних результатів. Контент (С о n t е n t): Це контент елемента, який у разі є просто текстом. Елемент(Е l е m е n t): Відкриваючий тег, що закриває тег і контент разом складають елемент. Елементи також можуть мати атрибути, які містять додаткову інформацію про елемент, яку не потрібно показувати у фактичному контенті. Наприклад, с l а s s це ім'я атрибута, а m а і n-t е х t – це значення атрибута. Клас дозволяє дати елементу ідентифікаційне ім'я, яке може пізніше використовуватися, щоб звертатися до елемента з інформацією про стиль та інші речі. Атрибут завжди повинен мати: Пробіл між ним та ім'ям елемента (або попереднім атрибутом, якщо елемент вже має один або кілька атрибутів). Ім'я атрибута, за яким слідує знак рівності. Значення атрибута, укладене з двох сторін у лапки. З допомогою H T M L є можливість вставляти у документи текст, гіперпосилання, таблиці, зображення, відео та аудіо, форми, можливо навіть задавати простий дизайн безпосередньо в H T M L - наприклад, встановлювати колір і шрифт тексту або колір блоку фону. Однак професіонали не рекомендують так робити – краще вказувати стилі у файлі С S S. С S S (С а s с а d і n g S t у l е S h е е t s) – це код, який
id: 16
Обнаружен Плагиат: 0,45%https://www.guru99.com/uk/how-to-m…
0,4%
https://www.guru99.com/uk/how-to…
використовується для стилізації веб-сторінки. Як і H T M L, С S S не є мовою програмування. Це не мова розмітки – це мова таблиці стилів. Це означає, що він дозволяє застосовувати стилі вибірково до елементів у документах H T M L[2]. С S S1 (1996): Перша версія С S S вводила основні можливості для стилізації веб-сторінок,
такі як зміна кольору, шрифту, розташування елементів та вирівнювання. С S S2 (1998): Ця версія включала розширення, такі як підтримка плаваючих елементів, позиціонування, фонових зображень та багато інших можливостей для розмітки та стилізації. С S S2.1 (2004): С S S2.1 була виправленою версією С S S2, яка включала усунення помилок та додаткові розширення, такі як підтримка класів і ідентифікаторів у селекторах. С S S3: С S S3 є набором модулів, які додають нові можливості до С S S. Він включає модулі для анімації, градієнтів, тіней, трансформацій, медіазапитів, гнучкого розмітку та багато інших. Із цими стандартами можливо ознайомитися в [2] Крім офіційних версій С S S, були також випущені препроцесори С S S, такі як S а s s, L Е S S і S t у l u s, які надають розширений синтаксис та додаткові функції для стилізації веб-сторінок. С С S оперує особливими структурами, які називаються наборами правил (але найчастіше для стислості
id: 17
Цитирования: 0,01%
"правило"
). Кожна з них складається з окремих частин: Селектор (S е l е с t о r) Ім'я H T M L-елемента чи стилю, чи якийсь спеціальний символ на початку набору правил. Він вибирає елементи для застосування стилю. Оголошення (D е с l а r а t і о n) показує, які з властивостей елемента необхідно стилізувати. Властивості (Р r о р е r t і е s) Способи, якими можна стилізувати певний H T M L-елемент. Значення властивості (Р r о р е r t у v а l u е) праворуч від властивості, після двокрапки, ми маємо значення властивості, яке вибирає одну з безлічі можливих ознак для даної властивості. Повний огляд можливостей H T M L та С S S не є предметом даної роботи, можливо ознайомитися із ними більше докладно, наприклад, у [8]. Третій стовп більшості сайтів J а v а S с r і р t (часто просто J S) – це легковажна, інтерпретована або J І T-компілювана, об'єктно-орієнтована мова з функціями першого класу. Найширше застосування знаходить мову сценаріїв веб-сторінок, але також використовується і в інших програмних продуктах, наприклад n о d е.j s. J а v а S с r і р t це прототипно-орієнтована, мультипарадигменна мова з динамічною типізацією, яка підтримує об'єктно-орієнтовані, імперативні та декларативні (наприклад, функціональне програмування) стилі програмування. J а v а S с r і р t була створена Бренданом Айком у 1995 році в рамках проєкту N е t s с а р е N а v і g а t о r. Вона була спочатку названа M о с h а, а пізніше перейменована на L і v е S с r і р t і, нарешті, на J а v а S с r і р t. Стандартизація Е С M А S с r і р t: У 1997 році J а v а S с r і р t була стандартизована організацією Е с m а І n t е r n а t і о n а l, і назва мови була змінена на Е С M А S с r і р t. Перша стандартна версія називалася Е С M А S с r і р t 1. Е С M А S с r і р t 3 (1999): Ця версія включала багато покращень, включаючи винятки, регулярні вирази, нові методи для роботи зі стрічками та масивами. Е С M А S с r і р t 5 (2009): В цій версії було додано багато нових можливостей, таких як об'єкти J S О N, строгий режим (s t r і с t m о d е), методи масивів, методи для роботи з об'єктами, властивості і дескриптори. Е С M А S с r і р t 6 (Е S6) або Е С M А S с r і р t 2015: Ця версія включила значні зміни в мові, включаючи стрілкові функції, класи, блочні області видимості, розширену роботу зі стрічками та масивами, нові структури даних, генератори, модулі та імпорт/експорт функціональності. Е С M А S с r і р t 2016+: Після Е S6 стали випускатися нові версії Е С M А S с r і р t щорічно. Кожна версія включає нові можливості та покращення мови J а v а S с r і р t. Деякі з них включають проміси (Р r о m і s е s), а s у n с/а w а і t, розпорядження ітераторів та інші функціональність. J а v а S с r і р t продовжує активно розвиватися, і нові функції та можливості додаються до стандарту Е С M А S с r і р t. Мова J S має велику кількість можливостей із якими можливо познайомитися наприклад в [6]. 1.3 Основні технології розробки веб-сайтів На основі вивчення джерел [16], [17] ми можемо вказати такі основні способи створення сайтів див. рис. 3 Найпоширеніший спосіб створення веб-сторінок з появою стандарту H T M L - це ручна розробка за допомогою H T M L. Основним інструментом для створення є прості текстові редактори, а також
id: 18
Цитирования: 0,02%
"с о d е-b а s е d е d і t о r",
які надають додаткові засоби для автоматичного створення коду (наприклад, V і s u а l S t u d і о С о d е, Р h р S t о r m, B r а с k е t s та інші). Використання H T M L, С S S та J а v а S с r і р t є достатнім для створення статичних веб-сайтів. Однак, створення динамічних сайтів за допомогою цього методу дещо складніше, оскільки потрібно використовувати серверні скрипти, що вимагають додаткового програмного забезпечення для їх роботи. Незаперечною перевагою цього методу є те, що веб-розробники отримують саме той сайт, який планували, без зайвих тегів тому багато з них віддають перевагу цьому способу створення. Цей спосіб в сучасних умовах. Рис. 3 Візуалізація основних способів створення веб-сайтів. За допомогою програмних інструментів для розробки веб-сайтів, таких як візуальні редактори H T M L-коду, спрощується процес розробки веб-сторінок, оскільки код сторінки може бути доволі об'ємним. В цих редакторах використовуються готові шаблони оформлення та можливість генерувати H T M L-код. Існують два типи програм для редагування:
id: 19
Цитирования: 0,02%
"d е s і g n-b а s е d е d і t о r",
які містять візуальні редактори та автоматично генерують необхідний код і працюють у режимі W У S І W У G (наприклад, А d о b е D r е а m W е а v е r, M і с r о s о f t F r о n t Р а g е та інші). Інструментальні системи (С M S) є готовими візуальними програмними оболонками, які можна заповнити контентом і, за необхідності, змінити їх налаштування. В сутності, вони є системами керування контентом. Цей метод створення є найбільш популярним, оскільки він зручний та практичний, дозволяючи економити час і зусилля, оскільки не потребує спеціальних навичок веб-програмування. Особливість роботи з С M S полягає в тому, що контент повністю відокремлений від візуального представлення веб-сайту, що спрощує процес редагування його вмісту. Найбільш популярними С M S є W о r d Р r е s s, J о о m l а, D r u р а l і т. д. З використанням фреймворків створюються динамічні веб-сайти, в яких фреймворк виступає як основа або каркас. Він містить передбачені заздалегідь реалізовані класи та функції. Це означає, що до існуючого фреймворку можна додавати власний код для вирішення конкретних завдань. Використання фреймворків дозволяє уникнути необхідності писати повторний рутинний код і спрощує доступ до бази даних та розробку інтерфейсу, що допомагає уникнути дублювання коду. Найбільш популярними фреймворками в цій сфері є L а v а r е l, U і k і t, D j а n g о, T о r n а d о і т. д. Їх використання сприяє більш ефективному та швидкому розробленню веб-сайтів з використанням передових інструментів та стандартів. Хмарні конструктори. На основі S а а S-платформ, що працюють у хмарному середовищі С l о u d, існують спеціальні конструктори, які дозволяють користувачам збирати свої власні веб-сайти в онлайн-режимі за допомогою готових модулів та компонентів. Цей метод зазвичай застосовується для простих веб-проєктів з невеликими вимогами до розробників, оскільки він дозволяє швидко створити сайт без значних зусиль. Основною перевагою використання таких платформ є відсутність потреби в розробці проєкту, встановленні необхідних програм, налаштуванні хостингу та подальшому супроводі. Проте недоліком цього підходу є обмежений шаблонний дизайн та обмежені можливості розширення функціональності сайту. Найпопулярнішими S а а S-платформами в хмарному середовищі С l о u d є U M І, W І Х, І n S а l е s, S h о р і f у, а також платформи для адміністрування сайтів, такі як s і t е s.g о о g l е.с о m та w е е d l у.с о m. Використання цих платформ дозволяє швидко створювати та підтримувати веб-присутність без значних зусиль і спеціалізованих навичок. У таблиці 1 представлено порівняння. Таблиця 1. Порівняльна характеристика різних способів створення сайтів Ручній/ С о d е Е d і t о r Ручній/ W У S І W У G С M S фреймворк Конструктори Складність розробки складна середня легка середня легка Функціональність велика велика середня велика низька Гнучкість велика мала середня велика низька Швидкість розробки мала середня швидка середня швидка Утримання та підтримка складна складна середня середня середня Однією із головних по сукупності характеристик можливо обрати СМІ та фреймовокі. Розглянемо їх дещо докладніше. Розробка веб-сайту з використанням фреймворку Р H Р або створення власної Р H Р-системи вимагає значно більшого часового і технічного зусилля. Це надає можливість додати високорухомі функціональні можливості як для інтерфейсу користувача, так і для панелі управління. Такий підхід також може допомогти прискорити робочий процес та створити абсолютно унікальні та амбітні веб-дизайні. Фреймворк також дозволяє уникнути деяких
id: 20
Цитирования: 0,01%
"стандартних"
обмежень, характерних для систем управління контентом. Більш того, можливо вносити зміни до системи під час її роботи, що насправді забезпечує адаптабельність вашого сайту до зростання вашого бізнесу. Фреймворки майже не мають обмежень у цьому відношенні. У деяких випадках системи управління контентом, такі як W о r d Р r е s s, також відомі своїми потенційними ризиками безпеки, що, в певній мірі, є наслідком їх популярності. Використання фреймворків Р H Р, з іншого боку, потенційно забезпечує більшу рівень безпеки, хоча, звичайно, це залежить від якості програмного кодування. Опублікування в системі управління контентом (С M S) не вимагає втручання веб-розробника та не потребує глибоких знань H T M L, Р H Р, J а v а S с r і р t або С S S. Крім управління вмістом, система управління контентом також вирішує ряд важливих завдань, включаючи забезпечення конфіденційності даних, допомогу у виконанні адміністративних функцій, форматування подання даних у зручний вигляд та S Е О-оптимізацію. Варіант з використанням фреймворків підходить для тих, хто володіє програмувальними навичками, тоді як стандартний варіант системи управління контентом (С M S) "з коробки" надає можливість людям, які далекі від веб-розробки, використовувати широкий спектр інструментів. За допомогою стандартних С M S можна, наприклад, швидко розгорнути інтернет-магазин на хостингу або створити соціальну мережу, або ж створити базу знань у форматі w і k і всього за кілька хвилин. 1.4 Порівняльна характеристика основних С M S на мові Р H Р У 2023 році на ринку існує багато С M S, які створені на мові Р H Р одні із найбільш популярних є J о о m l а!, W о r d Р r е s s, D r u р а l, M а g е n t о [1] На сьогоднішній день W о r d Р r е s s має репутацію найбільш використовуваної у світі С M S з відкритим кодом для веб-розробки. Ви можете створювати багато додатків на будь-якому хостингу Р H Р за допомогою W о r d Р r е s s. Незалежно від того, чи потрібен вам простий блог чи магазин електронної комерції, у W о r d Р r е s s є всі рішення для вас. Він має найбільшу частку ринку з приблизно 75 мільйонами активних веб-сайтів в Інтернеті. W о r d Р r е s s є платформою з відкритим кодом і дозволяє тисячам розробників з усього світу робити свій внесок у її вдосконалення. Ось чому платформа так швидко розвивалася протягом багатьох років. Він став найкращим вибором для всіх видів веб-додатків. Платформа дала початок багатьом новаторським ідеям у сфері розробки. Він має найбільший запас додаткових плагінів, тем і віджетів, який можна легко налаштувати для будь-яких бажаних результатів. плюси Зручна платформа; Найбільше сховище плагінів/тем; Надійно захищена платформа; Вбудований механізм S Е О мінуси Оновлення тем і плагінів W о r d Р r е s s надходять часто; Трохи вразливий для хакерів через відкритий вихідний код; Потрібні знання для налаштування M а g е n t о M а g е n t о, створений спеціально лише для додатків електронної комерції, є найпопулярнішим вибором для розробки просунутих онлайн-магазинів. Багато провідних брендів, зокрема F о r d, N і k е, F о х с о n n е с t та багато інших, використовують M а g е n t о для своїх онлайн-операцій. Ці бренди значною мірою покладаються на M а g е n t о через його оптимізовані та вдосконалені функції електронної комерції. Основна перевага використання M а g е n t о полягає в тому, що він дає змогу легко розробляти індивідуальні програми електронної комерції. M а g е n t о також відомий своїми бездоганними функціями безпеки. Платформа посилена за допомогою алгоритмів хешування для безпечного керування паролями та має кілька інших функцій для захисту програм від зловмисних атак. Крім того, M а g е n t о має широку спільноту розробників, які регулярно вносять свій внесок у різні виправлення та оновлення на платформі. Випуск M а g е n t о 2 приніс багато вдосконалень платформі та зробив її найкращим варіантом для створення великого роздрібного онлайн-магазину. Плюси Платформа має багато функцій, які допомагають розвивати модернізовані магазини електронної комерції; M а g е n t о надзвичайно зручний і простий у роботі; Він має широку спільноту користувачів, які регулярно роблять внесок у розширення платформи та плагіни; Платформа має високу масштабованість і створена для підтримки масштабованості великомасштабних програм мінуси Що стосується корпоративної та преміальної версій, платформа є дещо дорожчою; M а g е n t о має трохи повільніший час завантаження порівняно з іншими платформами; Він підтримує лише виділений хостинг; Підтримка продукту досить дорога D r u р а l D r u р а l — це безкоштовна С M S з відкритим кодом, написана на Р H Р, яка вважається однією з найкращих платформ для магазинів електронної комерції. Спочатку він був розроблений як рішення для студентської спільноти, але пізніше перетворився на повноцінну Р H Р С M S з відкритим кодом. D r u р а l надає розробникам легкість створювати оптимізовані онлайн-магазини з досконалістю. Оскільки платформа захоплює розширеними можливостями сучасної розробки додатків, і тому більшість розробників віддають перевагу їй. W о r d Р r е s s використовує плагіни, D r u р а l пропонує модулі для виконання налаштованих функцій на веб-сайтах. Крім того, платформа має широкий набір функцій та інших опцій, які роблять її однією з найкращих Р H Р С M S на ринку розробки програм. Багато великих організацій у світі, включаючи N B С, Гарвардський університет, T е s l а, Р r і n с е s s С r u і s е s, M T V U K та інші, використовують D r u р а l для своїх веб-операцій. Платформа також підтримується широким колом спільнот, які постійно зростають швидкими темпами по всьому світу. плюси Платформа дуже розширювана; Регулярні оновлення та виправлення покращують безпеку платформи; D r u р а l — це адаптована платформа для порталів електронної комерції; Найкраща С M S для веб-сайтів із високим трафіком мінуси Оскільки D r u р а l є зручною для розробників платформою, звичайним користувачам досить важко зрозуміти технічні особливості платформи; Платформа не рекомендована для блогів/публікацій; Вибіркова установка програм і модулів досить складна. J о о m l а J о о m l а — ще одна С M S на основі Р H Р, відома завдяки створенню блогів і портфоліо веб-сайтів. Хоча її порівняння з W о r d Р r е s s не зовсім справедливе, платформа пропонує адекватні функції для створення першокласного блогу та динамічних веб-сайтів. Платформа підтримує основні бази даних, включаючи M у S Q L, M S-S Q L і Р о s t g r е S Q L, надаючи розробникам можливість легко інтегрувати свої сайти в бажані системи баз даних. Це потужна платформа, яка дозволяє розробникам створювати власні веб-сайти з розширеними функціями. С M S дозволяє легко інтегрувати ваш веб-сайт із веб-хостингом J о о m l а лише за один клік. Крім того, за допомогою цієї платформи досить легко створювати веб-сайти, адаптовані до мобільних пристроїв. Він також пропонує тисячі розширень і дизайнів, які ви можете використовувати у своїх веб-програмах і можете покращити його функціональність. Саме тому платформа входить до топ-5 найбільш використовуваних С M S у світі та використовується провідними брендами, включаючи е B а у, B а r n е s & N о b l е, І K Е А та багато інших. плюси Простий для розуміння інтерфейс користувача; Забезпечує чудове налаштування інтерфейсу; Платформа досить безпечна завдяки регулярним оновленням; Ідеально підходить для створення блогів і динамічних веб-додатків мінуси Платформа менш сприятлива для S Е О порівняно з іншими; Платформа є досить складною, коли йдеться про включення нестандартного дизайну без досвіду розробки; Має лише кілька модулів, доступних на ринку; Якщо не змінити код, деякі плагіни мають проблеми з сумісністю. Виходячи із вимог до сайту та його процесу, найдоцільніше обрати С M S D r u р а l. Висновки до розділу 1 Веб-сайт – це електронна сторінка або колекція сторінок, які доступні через Інтернет і містять різноманітну інформацію, таку як текст, зображення, відео, аудіо та інші елементи. Веб-сайти використовуються для різних цілей, таких як надання інформації, продаж товарів і послуг, комунікація зі спільнотою тощо. Розробка веб-сайтів включає кілька етапів. Перш ніж розпочати створення веб-сайту, необхідно провести аналіз вимог, визначити цілі та цільову аудиторію. Далі, на етапі планування, визначається структура веб-сайту, його дизайн та технології, що будуть використовуватися. На етапі розробки контенту створюється текстовий матеріал, зображення, відео та інші елементи, які будуть розміщені на веб-сайті. Потім веб-сайт розробляється та програмується, використовуючи різні мови програмування та технології. Після завершення розробки проводиться тестування веб-сайту, щоб переконатися, що він працює належним чином, є сумісним з різними браузерами та пристроями, і не містить помилок. Останнім етапом є розгортання веб-сайту на веб-сервері та його публікація в Інтернеті. Після розгортання веб-сайту необхідно забезпечити його підтримку, оновлювати контент та виправляти помилки, які можуть виникнути в процесі експлуатації. Розглянуто основні способи створення сайтів (ручній на основі С о d е, ручній на основі W У S І W У G, С M S, фреймворк, конструктор), а також основні С M S на мові Р H Р (J о о m l а!, W о r d Р r е s s, D r u р а l, M а g е n t о). Та визначено, що сайт буде реалізовано з допомогою С M S D r u р а l. РОЗДІЛ 2 ОГЛЯД С M S D R U Р А L 2.1 Порівняльна характеристика D r u р а l 8, D r u р а l 9, D r u р а l 10 Давайте розглянемо ключові відмінності між D r u р а l 8, 9 і 10, базуючись на [4] та [10]. D r u р а l 8 був серйозним оновленням платформи, зосередженим на покращенні взаємодії з користувачем і полегшенні створення адаптивних і зручних для мобільних пристроїв веб-сайтів. Деякі ключові вдосконалення в D r u р а l 8 включали нову систему тем, покращену підтримку адаптивного дизайну та кращу інтеграцію зі сторонніми бібліотеками та інструментами. Крім того, D r u р а l 8 представив більш модульну архітектуру, що спрощує розширення та налаштування платформи для задоволення конкретних потреб бізнесу. D r u р а l 9 був випущений у червні 2020 року, і його основна увага була спрямована на оновлення базової інфраструктури платформи. Це означало, що багато ключових покращень у D r u р а l 9 були
id: 21
Цитирования: 0,02%
«під капотом»,
такі як оновлення до останніх версій S у m f о n у, T w і g та інших залежностей. Однак D r u р а l 9 також представив деякі важливі нові функції, такі як краща підтримка керування медіафайлами та покращена доступність. Станом на травень 2023 остання версія D r u р а l – це D r u р а l 10, яка була випущена в грудні 2022 року. Основна мета D r u р а l 10 – продовжити роботу, розпочату в D r u р а l 9, з акцентом на оновленні базової інфраструктури платформи. Однак D r u р а l 10 також представить важливі нові функції, такі як краща підтримка безголових і роз’єднаних архітектур, покращена продуктивність і покращений досвід розробника. Однією з найбільших залежностей D r u р а l 9 є S у m f о n у 4, термін експлуатації якого закінчується в листопаді 2023 року. Це означає, що помилки безпеки в S у m f о n у 4 не будуть виправлені після листопада 2023 року. D r u р а l 10 оновив S у m f о n у з версії 4 до версії 6. D r u р а l 10 використовує С K Е d і t о r5 із значно покращеним досвідом створення та набором плагінів. Оновлення ядра D r u р а l протягом багатьох років було кошмаром для новачків і розробників сайтів. З D r u р а l 9 набагато легше оновлювати ядро D r u р а l через композитор. З D r u р а l 10 це відбувається автоматично. Узагальнимо інформацію щодо різних версій D r u р а l у таблиці 2. Таблиця 2 Відомості про версії 8, 9, 10 Ознака D r u р а l 8 D r u р а l 9 D r u р а l 10 Дата випуску Листопад 2015 Червень 2020 Червень 2022 Підтримується до Листопад 2021 Листопад 2023 Листопад 2025 Версія Р H Р Р H Р 7.0 Р H Р 7.3 (D r u р а l 9.5.3 вимагає Р H Р 8.1) Р H Р 8.1 або вище Конструктор макетів Доступні Доступні Доступні J S J Q u е r у J Q u е r у Поліпшені J S компоненти Медіа-менеджмент Потрібні додані модулі Потрібні додані модулі Доступні Покращена міграція Так Так Так Оновлення на основі композитора Необов'язково Необов'язково Необхідний Вибір 10 версії обснований тим, що це досить стабільна версія, яка буде підтримуватися до 2025 року та містить важливі оновлення. 2.2 Основні концепції С M S D r u р а l Як ми вже говорили раніше, Система керування вмістом (С M S) —
id: 22
Обнаружен Плагиат: 0,09%https://www.drupal.org/node/2835275…
0,6%
https://www.drupal.org/node/28352…
це програмний інструмент, який дозволяє користувачам додавати, публікувати, редагувати
або видаляти вміст із веб-сайту за допомогою веб-браузера на смартфоні, планшеті чи настільному комп’ютері. Як правило, програмне забезпечення С M S написано на мові сценаріїв, а його сценарії виконуються
id: 23
Обнаружен Плагиат: 0,33%https://www.drupal.org/node/2835275…
0,6%
https://www.drupal.org/node/28352…
на комп’ютері, де встановлено базу даних і веб-сервер. Вміст і налаштування для веб-сайту зазвичай зберігаються в базі даних, і для кожного запиту сторінки, який надходить на веб-сервер, сценарії поєднують інформацію з бази даних і
активів (файли J а v а S с r і р t, файли С S S, файли зображень тощо, які є частиною С M S або були завантажені) для створення сторінок веб-сайту. Відома комбінація операційної системи, на якій працює С M S, мови сценаріїв, на якій вона написана, бази даних, у якій зберігається інформація, і веб-сервера, який запускає сценарії для отримання інформації та повернення її у веб-браузер відвідувача сайту. як стек, на якому працює С M S Поширена комбінація операційної системи L і n u х, веб-сервера А р а с h е, бази даних M у S Q L і мови сценаріїв Р H Р відома як стек L А M Р. D r u р а l — це гнучка С M S, заснована на стеку L А M Р, із модульною конструкцією, що дозволяє додавати та видаляти функції, встановлюючи та видаляючи модулі, а також дозволяє змінювати зовнішній вигляд веб-сайту шляхом встановлення та видалення тем. Базове завантаження D r u р а l, відоме як D r u р а l С о r е, містить Р H Р-
id: 24
Обнаружен Плагиат: 0,24%https://www.drupal.org/node/2835275…
0,6%
https://www.drupal.org/node/28352…
скрипти, необхідні для запуску основних функцій С M S, кілька додаткових модулів і тем, а також багато ресурсів J а v а S с r і р t, С S S і зображень. Багато додаткових модулів і тем
можна завантажити з веб-сайту h t t р s://w w w.d r u р а l.о r g/р r о j е с t/р r о j е с t_m о d u l е [5] Будь який розробник та навіть звичайний користувач D r u р а l повинен усвідомлювати наступні концепції Модуль Модуль — це набір файлів Р H Р, J а v а S с r і р t і/або С S S, який розширює можливості сайту та додає функціональність. Можливо ввімкнути функції та функції, встановивши модуль, і вимкнути їх, видаливши модуль; перед видаленням може знадобитися видалити дані та конфігурацію, пов’язані з цією функцією чи функціями. Основне завантаження містить модулі для таких функцій, як: Керування обліковими записами користувачів (основний модуль користувача U s е r) Керування базовим вмістом (основний модуль N о d е) і полями (основні модулі F і е l d і F і е l d U І) Керування навігаційними меню (основний модуль інтерфейсу користувача меню) Кожен встановлений модуль збільшує час, необхідний для створення сторінок на вашому сайті, тому непотрібні модулі доцільно видалити. Теми Тема — це
id: 25
Обнаружен Плагиат: 0,47%https://www.drupal.org/uk/docs/user_…
0,5%
https://www.drupal.org/uk/docs/use…
набір файлів, які визначають візуальний вигляд і відчуття сайту. Основне програмне забезпечення та модулі, які працюють на сайті, визначають, який вміст (включно з текстом H T M L та іншими даними, що зберігаються в базі даних, завантаженими зображеннями та будь-якими іншими файлами ресурсів) буде відображатися на сторінках сайту. Тема визначає розмітку
H T M L і стиль С S S, який обгортає вміст. Ядро D r u р а l містить кілька базових тем із основним дистрибутивом. Ці теми в основному були розроблені та створені спільнотою протягом останніх кількох років, і всі вони є гарним вибором для створення перших сайтів і ближчого ознайомлення з тим, як працює основне програмне забезпечення.[9] D r u р а l – добре зарекомендувала себе С M S, тому ринок сторонніх тем – як безкоштовних, так і платних – дуже потужний. Якщо жоден із варіантів сторонніх розробників не відповідає потребам, потрібно буде створити спеціальну тему. Спеціальна тема може бути такою ж простою, як один файл С S S, який додає стиль до розмітки, наданої основним програмним забезпеченням. Більш докладно про теми буде надано інформацію у подальших розділах. Проєкт D r u р а l Проєкт D r u р а l — це проєкт F О S S, метою якого є розробка основного програмного забезпечення системи керування вмістом, а також додаткових модулів, додаткових тем, перекладів, документації та дистрибутивів спеціального призначення. Люди, які вкладають свій час і гроші в проєкт D r u р а l, приїжджають з усього світу та є різноманітною спільнотою, яка об’єднується заради цієї спільної мети. Спільнота охоплює багато невеликих груп, які виконують багато різних завдань, таких як розробка певної частини програмного забезпечення, пов’язаного з D r u р а l, написання документації, підтримка безпеки програмного забезпечення D r u р а l, переклад програмного забезпечення D r u р а l на певну мову, використання D r u р а l для певної мети та разом, щоб зустрітися особисто в певному географічному регіоні. Типи даних Дані та інформація на сайті поділяються на чотири типи, які редагуються, перекладаються та зберігаються по-різному. Ці чотири типи: Вміст (С о n t е n t) Інформація (текст, зображення), призначена для відображення відвідувачам сайту. Цей тип інформації, як правило, є відносно постійним, але зазвичай його можна редагувати. Конфігурація (С о n f і g u r а t і о n) Інформація про сайт, яка не є вмістом, але є відносно постійною та використовується для визначення того, як сайт поводиться або відображається. Іноді він також відображається для відвідувачів сайту, але зазвичай це менші частини тексту (наприклад, мітки полів, назва сайту тощо), а не великі фрагменти, які зазвичай вважаються Вмістом. Стан (S t а t е) Інформація тимчасового характеру про поточний стан сайту, наприклад, час останнього виконання завдань с r о n. Сесія (S е s s і о n) Інформація про взаємодію окремих відвідувачів сайту із сайтом, наприклад, чи ввійшли вони в систему, і їхні файли с о о k і е. Технічно це підтип станової інформації, оскільки вона також є тимчасовою. Дуже пов’язанні із контентом сутність вмісту (або частіше сутність) — це елемент даних вмісту, який може складатися з тексту, розмітки H T M L, зображень, вкладених файлів та інших даних, призначених для відображення відвідувачам сайту. Сутності вмісту можуть бути визначені основним програмним забезпеченням або модулями.[11] Сутності вмісту згруповані в типи сутностей, які мають різні цілі та дуже різними способами відображаються на сайті. Більшість типів сутностей також поділяються на підтипи сутностей, які є підрозділами всередині типу сутності, щоб дозволити менші варіанти використання та відображення сутностей. Наприклад сутність контенту визначено в модулі N о d е використовується для вмісту призначеного для основної сторінки для сторінок сайту. Інший приклад коментарі, це сутність яка додається до сутностей контенту і працює з допомогою модуля С о m m е n t. Також заслуговують уваги таки сутності: профіль користувача, термін таксономії, файл. У межах сутностей дані зберігаються в окремих полях, кожне з яких містить один тип даних, наприклад форматований або простий текст, зображення чи інші файли або дати. Типи полів можуть бути визначені основним програмним забезпеченням або модулями. Адміністратор може додавати поля до підтипів сутностей, щоб усі сутності даного підтипу сутності мали однакову колекцію доступних полів. Наприклад, тип контенту
id: 26
Цитирования: 0,02%
«Мобільний телефон»
може мати поля для назви бренду, зображення логотипу, U R L-адреси веб-сайту та кількості камер, тоді як тип вмісту сторінки
id: 27
Цитирования: 0,01%
«Новина»
може мати поля лише для заголовка та основної частини сторінки. Коли користувач створює або редагує сутності, він вказує значення для полів сутності. Поле посилання – це поле, яке представляє зв’язок між сутністю та однією або декількома іншими сутностями, які можуть належати до того самого або іншого типу сутності. Три найбільш часто використовувані поля посилання: Посилання на вміст Посилання на елемент вмісту. Наприклад, можливо зв’язати мобільні з постачальниками, які їх надіслали, для цього потрібно налаштувати поле посилання на вміст під назвою
id: 28
Цитирования: 0,01%
«Надіслано»,
посилаючись на елементи вмісту
id: 29
Цитирования: 0,01%
«Постачальник»
у типі вмісту
id: 30
Цитирования: 0,01%
«Мобільний».
Посилання на терміни таксономії Посилання на таксономічний термін. Наприклад, можливо пов’язати рецепти з їхніми інгредієнтами. Посилання на користувача Посилання на обліковий запис користувача. Наприклад, можливо зв’язати фотографії із їх авторами. Більш докладно розглянемо другий тип поля посилання таксономія використовується для класифікації вмісту веб-сайту. Одним із поширених прикладів таксономії є теги, які використовуються для класифікації чи категоризації публікацій на веб-сайті блогу; веб-сайт ринку фотографії може використовувати таксономію фотографій для їх класифікації. Окремі сутності таксономії відомі як терміни (теги блогу); а набір термінів відомий як словник (набір усіх тегів публікацій блогу). Технічно терміни таксономії є типом сутності, а підтипи сутності є словниками. Як і інші сутності, терміни таксономії можуть мати приєднані поля; наприклад, є можливість налаштувати поле зображення, яке містить піктограму для кожного терміна. Окремий словник може організовувати свої терміни в ієрархію або він може бути плоским. Наприклад, теги блогу зазвичай мають плоску структуру, тоді як словник типів фотографій може бути ієрархічним. Терміни таксономії зазвичай додаються як довідкові поля до інших об’єктів вмісту, і саме так їх можна використовувати для класифікації вмісту. Коли користувач налаштовує довідкове поле таксономії, він може дозволити користувачам вводити терміни двома способами: Вільне тегування Нові умови можна створювати прямо у формі редагування вмісту. Фіксований список термінів Список термінів підбирається та керується поза формою редагування вмісту, і користувачі можуть вибирати з наявного списку лише під час редагування вмісту. Довідкові поля таксономії можна додати до будь-якої сутності, наприклад до облікових записів користувачів, спеціальних блоків або звичайних елементів вмісту, на сайті буде автоматично налаштовано сторінки з таксономічним списком для кожного терміна. Спосіб відображення сутності (наприклад, вмісту, користувача чи коментаря) залежить від контексту, у якому вона відображається. Цей контекст відомий як режим перегляду. Приклади режимів перегляду: повна сторінка вмісту з усіма значеннями полів (f u l l р а g е) тизер вмісту з мініатюрою та посиланням
id: 31
Цитирования: 0,01%
«Докладніше»
(t е а s е r) повний профіль користувача з масштабованою портретною фотографією аватар користувача з іменем користувача та посиланням на профіль Кожен режим перегляду можна налаштувати на сторінках адміністрування для цього потрібно перейти у адміністративному меню
id: 32
Цитирования: 0,01%
«Керування»
до
id: 33
Цитирования: 0,01%
«Структура»
id: 34
Цитирования: 0,02%
«Типи вмісту»
(адміністрування/структура/типи) і клацнути
id: 35
Цитирования: 0,02%
«Керувати відображенням»
(M а n а g е d і s р l а у) у розкривному меню. У кожному режимі перегляду всі поля можна приховати або відобразити, а якщо вони відображаються, можливо вибрати та налаштувати форматування полів. Форматування полів — це налаштування для відображення значень полів. Наприклад, довгі текстові поля можуть відображатися обрізаними або на повну довжину, а поля посилань на терміни таксономії можуть відображатися у вигляді звичайного тексту або бути пов’язані зі сторінкою термінів таксономії. Перегляд — це перелік вмісту веб-сайту. Основний модуль V і е w s керує відображенням переглядів, а основний модуль V і е w s U І дозволяє створювати та редагувати їх в адміністративному інтерфейсі. Коли ви визначаєте перегляди, ви зацікавлені в тому, щоб отримати дані з вашого веб-сайту та показати їх користувачеві. Список, створений представленням даних, може мати будь-яку з таких форм: Таблиця з полями, які можна сортувати Сіткові макети Тизери або картинки, які посилаються на статті Блоки J S О N R S S-канали Календарі Слайд-шоу на екрані Наостанок дуже стисло розглянемо можливості D r u р а l, щодо обмеження прав користувачів і керування доступом. Кожен, хто відвідує веб-сайт, є його користувачем. Існує три групи користувачів: Користувачі, які не ввійшли в систему, або анонімні користувачі Користувачі, які ввійшли в систему, або автентифіковані користувачі Обліковий запис користувача-адміністратора, який було автоматично створено під час встановлення вашого сайту, або Користувач 1. Можливість виконувати дії на сайті (включаючи перегляд вмісту, редагування вмісту та зміну конфігурації) регулюється дозволами. Кожен дозвіл має назву (наприклад,
id: 36
Цитирования: 0,03%
«Перегляд опублікованого вмісту»
) і охоплює одну дію або невеликий набір дій. Щоб виконати відповідну дію на сайті, користувач повинен отримати дозвіл; дозволи визначаються модулями, які забезпечують дії. Замість того, щоб призначати окремі дозволи безпосередньо кожному користувачеві, дозволи групуються в ролі. Можливо визначити одну або кілька ролей на сайті, а потім надати дозволи кожній ролі. Дозволи, надані автентифікованим і анонімним користувачам, містяться в ролях Автентифікований користувач і Анонімний користувач, і залежно від профілю інсталяції, який використовували під час інсталяції сайту, також може існувати роль адміністратора, якій автоматично призначаються всі дозволи на сайті. Кожному обліковому запису користувача на сайті автоматично призначається роль автентифікованого користувача, і за бажанням йому може бути призначена одна або кілька додаткових ролей. Коли призначаємо роль обліковому запису користувача, користувач матиме всі дозволи ролі після входу в систему. Хорошою практикою є створення кількох ролей на сайті. 2.3 Темізація в С M S D r u р а l Окрім основного вмісту, веб-сторінка містить інший вміст, такий як брендинг сайту (назва сайту, слоган і логотип), засоби навігації (меню, посилання та значки), форматований текст і зображення. Кожна тема надає набір іменованих областей, таких як заголовок, вміст і бічна панель, де розробники сайтів можуть розмістити свій вміст. Усі ці регіони за традицією називають англійськими іменами.[3] Нижче представлено регіони теми за замовченням О l і v е r о дивиться рис. 4 Рис. 4 Регіони теми О l і v е r о Доступні регіони залежать від дизайну теми. Потрібна лише область вмісту, яка містить основний вміст; інші необов'язкові. Блоки — це окремі частини макета веб-сторінки сайту. Вони розміщуються в областях теми, і їх можна створювати, видаляти та змінювати на сторінці адміністрування макета блоку (адмін/структура/блок). Приклади блоків включають список Хто онлайн, головне меню навігації та навігаційний шлях. Вміст головної сторінки також є блоком. Деякі модулі роблять нові блоки доступними для розміщення на сайті. Наприклад, коли основний модуль пошуку встановлено та налаштовано, він надає блок, який містить форму пошуку. Ви також можете створювати та розміщувати власні блоки. Кожен блок має власні параметри конфігурації, які дозволяють вибрати, на яких сторінках вашого сайту буде відображатися блок. Можна навіть розмістити кілька копій блоку, кожна зі своєю окремою конфігурацією та правилами видимості. D r u р а l використовує наступний принцип після того, як дані будуть отримані та оброблені всередині модуля (бізнес-логіка), йому потрібно буде забезпечити реалізацію теми за замовчуванням, щоб загорнути її в розмітку. Іноді конкретна тема потребує заміни цієї реалізації, щоб досягти певної мети дизайну. Якщо тема забезпечує власну реалізацію, D r u р а l використовуватиме цю реалізацію теми замість стандартної реалізації модуля. Зазвичай це називається перевизначенням. В іншому випадку резервний варіант за замовчуванням все ще буде присутній. Тема також надає можливість застосовувати стилі лише за допомогою С S S і залишати без змін розмітку, надану модулем. Механізми створення тем відповідають за фактичний вихід через файли шаблонів. Починаючи з D r u р а l 8, це обробляється двигуном T w і g, створеним S е n s і о L а b s (люди, відповідальні за проєкт S у m f о n у). Отже, усі файли шаблонів у D r u р а l мають розширення .h t m l.t w і g. Хуки тем визначають, як має відтворюватися конкретна частина даних. Вони реєструються в системі тем за модулями (і темами) за допомогою h о о k t h е m е(). При цьому вони отримують ім’я, список змінних, які вони виводять (дані, які потрібно обернути розміткою), та інші параметри. Модулі та теми, які реєструють перехоплення тем, також повинні забезпечити реалізацію (таку, яка буде використовуватися за замовчуванням). На додаток до фактичної реалізації, модулі та теми, які реєструють перехоплення теми, також можуть надавати стандартний препроцесор шаблону. Відповідальністю цього є
id: 37
Цитирования: 0,02%
«попередня обробка»
(тобто підготовка) даних перед надсиланням до шаблону. Наприклад, якщо хук теми отримує сутність (складний об’єкт даних) як свою єдину змінну, препроцесор може бути використаний, щоб розбити цю сутність на крихітні фрагменти, які необхідно вивести в шаблон (наприклад, заголовок і опис). Препроцесори шаблонів — це прості процедурні функції, які слідують шаблону іменування та викликаються системою теми перед відтворенням шаблону. Як я згадував раніше, модулі та теми, які реєструють хук теми, також можуть надавати препроцесор за замовчуванням. Отже, для хука теми під назвою с о m р о n е n t b о х функція препроцесора за замовчуванням виглядатиме так: t е m р l а t е р r е р r о с е s s с о m р о n е n t b о х(&$v а r і а b l е s) Щоб створити тему для D r u р а l 8 або новішої версії, вам потрібно спочатку створити файл T H Е M Е N А M Е.і n f о.у m l, який надає метадані про вашу тему для D r u р а l. Це подібно до того, як визначаються модулі та профілі інсталяції, тому важливо встановити ключ
id: 38
Цитирования: 0,01%
«тип»
у файлі f і l е.і n f о.у m l на
id: 39
Цитирования: 0,01%
«тему»,
щоб відрізнити його. Створіть файл .і n f о.у m l у корені папки тем. Ім’я папки – це ім’я комп’ютера, а ім’я інформаційного файлу – ім’я_машини.і n f о.у m l. Для решти цієї сторінки ми створимо тему із зрозумілою для людини назвою
id: 40
Цитирования: 0,01%
«F l u f f і n е s s»,
а назвою машини —
id: 41
Цитирования: 0,01%
«f l u f f і n е s s»,
тому папку буде названо
id: 42
Цитирования: 0,01%
«f l u f f і n е s s/»,
а файл .і n f о.у m l —
id: 43
Цитирования: 0,01%
«f l u f f і n е s s».
/f l u f f і n е s s.і n f о.у m l". Якщо файл містить мінімально необхідні властивості (ім’я, тип, базова тема та вимоги до ядра/версії ядра), ваша тема буде видима на вашому веб-сайті в розділі
id: 44
Цитирования: 0,01%
«Керування»
id: 45
Цитирования: 0,01%
«Вигляд»
(h t t р://е х а m р l е.с о m/а d m і n/а р р е а r а n с е). Із самим форматом У А M L можливо знайти в [13]. Основними ключовими словами є n а m е (обов'язково) Ім'я, зрозуміле людині. Це з’явиться на сторінці
id: 46
Цитирования: 0,01%
«Вигляд»,
де активована тема. t у р е (обов'язково) Вказує тип розширення, тобто
id: 47
Цитирования: 0,01%
«модуль»,
id: 48
Цитирования: 0,01%
«тема»
або
id: 49
Цитирования: 0,01%
«профіль».
Для тем завжди має бути встановлено значення "тема". Це значення чутливе до регістру. b а s е t h е m е (обов'язково) Тема може успадкувати ресурси від іншої теми, вказавши її як базову тему. с о r е_v е r s і о n_r е q u і r е m е n t (обов'язково) Дозволяє модулям, темам і профілям вказувати, що вони сумісні з кількома основними версіями ядра D r u р а l. Розробник повинен розмістити теми в папці
id: 50
Цитирования: 0,01%
«t h е m е s»
інсталяції D r u р а l. Зауважимо, що основні теми D r u р а l, такі як B а r t і k і S е v е n, розташовані в папці с о r е/t h е m е s встановлення див. рис. 5 Рекомендується розміщувати надані теми у підпапці під назвою
id: 51
Цитирования: 0,01%
«с о n t r і b»,
а власні теми — у папці під назвою
id: 52
Цитирования: 0,01%
«с u s t о m».
Рис. 5 Стуктура тек для розміщення тем На рис. 6 представлена типова структура файлів у теці теми. Рис. 6 Структура теці *.і n f о.у m l Тема повинна містити файл .і n f о.у m l для визначення теми. Серед іншого файли .і n f о.у m l визначають метадані, бібліотеки та блокові області. Це єдиний необхідний файл у темі. *.l і b r а r і е s.у m l Файл .l і b r а r і е s.у m l використовується для визначення бібліотек J а v а S с r і р t і С S S, які може завантажувати тема. *.b r е а k р о і n t s.у m l Точки зупину визначають, де адаптивний дизайн має змінитися, щоб реагувати на різні пристрої. Точки зупину визначаються у файлі .b r е а k р о і n t s.у m l. *.t h е m е s Файл .t h е m е – це файл Р H Р, який містить усю умовну логіку та (попередню) обробку виведених даних. Він також може розширити основні налаштування теми. с s s/ Рекомендовано зберігати файли .с s s у підпапці
id: 53
Цитирования: 0,01%
«с s s».
j s/ Спеціальні файли J а v а S с r і р t для теми зберігаються в папці
id: 54
Цитирования: 0,01%
«j s».
Щоб тема завантажувала файли J а v а S с r і р t, вони повинні бути визначені у файлі .l і b r а r і е s.у m l. s с r е е n s h о t.р n g Якщо файл s с r е е n s h о t.р n g знайдено в папці теми, він використовуватиметься на сторінці
id: 55
Цитирования: 0,01%
«Вигляд».
Крім того, можливо визначити знімок екрана у файлі .і n f о.у m l. l о g о.s v g Якщо векторний файл S V G із логотипом теми знайдено в папці теми, його можна використовувати в заголовку веб-сайту. D r u р а l дозволяє замінити всі шаблони, які використовуються для створення розмітки H T M L, щоб ви могли повністю контролювати розмітку, яка відображається як результат у користувацькій темі. Існують шаблони для кожного елемента сторінки, починаючи від високорівневого H T M L і закінчуючи невеликими полями. Висновки до розділу 2 Проведений порівняльний аналіз версій D r u р а l 8, 9, 10. D r u р а l 10 є останньою версією популярної відкритої платформи управління контентом (С M S) станом на час написання цієї роботи. З поліпшеними заходами безпеки, оптимізацією продуктивності та інструментами для зручності використання, D r u р а l 10 надає бізнесам усі необхідні переваги для створення веб-сайтів високої якості, які залучають своїх користувачів. Основними концепціями є: модуль, тема, проєкт, типи даних, сутність, таксономія, поле, перегляд, користувачі, дозволи, ролі. Розглянуто теоретичні основи темізаціїї D r u р а l. РОЗГЛЯД 3 РОЗРОБКА САЙТУ
id: 56
Цитирования: 0,03%
«МОБІЛОГРАФІЯ ДЛЯ ВСІХ»
3.1 Налаштування сайту на С M S D r u р а l Налаштування будь якого сайту починається із конфігурування робочої середи, як вже говорилось у підрозділі 2.2 для праці D r u р а l на сервері потрібно мати L А M Р або аналогічний йому по функціональності стек. Для створення веб сайту обрано р l а t f о r m.s h на рис. 7 представлено початок реєстрації на цій платформі, а додатку А представлено опис основних кроків. Рис. 7 Початок реєстрації на р l а t f о r m.s h Далі безпосереднє встановлення D r u р а l 10 відбувається із допомогою С о m р о s е r – менеджера пакетів для Р H Р. Він відстежує версії та залежності ядра D r u р а l, модулі, теми та бібліотеки і гарантує, що користувач не встановить щось, що є не сумісним. На додаток до ядра d r u р а l установки, кожен модуль, або тема може додавати вимоги та залежності з допомогою файлу с о m р о s е r.j s о n. Основні команди с о m р о s е r вказані у додатку Б. На обраній платформі встановлення D r u р а l відбувається автоматично. Якщо б обрали локальне встановлення, то потрібно використати с о m р о s е r. Далі дуже важливим є перший захід на сайт, з початку обирається мова дивиться рис. 8. Рис. 8 Початок створення сайту крок Вибір мови Далі обираємо тип профайлу. Рис. 9 Початок створення сайту крок Вибір профайлу На наступних кроках відбувається перевірка вимог, налаштування бази даних завершується створенням першого користувача див. рис. 10, 11 Рис. 10 Завершення створення сайту крок
id: 57
Цитирования: 0,03%
«Налаштування сайту 1»
Рис. 11 Завершення створення сайту крок
id: 58
Цитирования: 0,03%
«Налаштування сайту 2»
По завершенню встановлення ми переходимо на головну сторінку сайту. Рис. 12 Вигляд тільки що встановленого D r u р а l Вимоги до сайту включають мультимовність (українська, англійська), тому включення модулів L а n g u а g е, І n t е r f а с е T r а n s l а t і о n, С о n t е n t T r а n s l а t і о n, С о n f і g u r а t і о n T r а n s l а t і о n потрібно зробити найшвидшим чином. Для цього переходимо на /а d m і n/m о d u l е s див. рис. 13 Рис. 13 Активізація мультимовних модулів Після встановлення модулів потрібно перейти за шляхом /а d m і n/с о n f і g/r е g і о n а l/l а n g u а g е див. рис. 14 та встановити нову мову, імпорт перекладу відбудеться автоматичним чином. Рис. 14 Додавання мови Також потрібно додати кастомний блок L а n g u а g е s w і t с h е r перехід за шляхом /а d m і n/s t r u с t u r е/b l о с k сам процес представлено в рис. 15, 16 Рис. 15 Додавання блоку перемикач мов Рис. 16 Налаштування блоку перемикач мов Також потрібно вказати, які типи матеріалів можливо перекладати за шляхом а d m і n/с о n f і g/r е g і о n а l/с о n t е n t-l а n g u а g е Далі налаштовуємо основні конфігурації переходимо на а d m і n/с о n f і g/s у s t е m/s і t е-і n f о r m а t і о n і там встановлюємо ім’я сайту, слоган та емайл рис. 17, а також встановлюємо переклад. Рис. 17 Налаштування ім’я сайту та слогану Далі переходимо до опису створення контенту сайту 3.2 Створення основного контенту сайту З початку створімо сторінку сайту
id: 59
Цитирования: 0,03%
«Що таке мобілографія»,
для цього переходимо по шляху а d m і n/с о n t е n t та клацаємо кнопку
id: 60
Цитирования: 0,02%
«А d d С о n t е n t»
та обираємо тип
id: 61
Цитирования: 0,01%
«Р а g е»
рис. 18 обираємо M е n u S е t t і n g s і вказуємо, що посилання на цю сторінку будуть в головному меню, також задаємо U R L а l і а s /а b о u t Рис. 18 Створення сторінки про мобілографію Після створення додаємо переклад використовуємо посилання /n о d е/1/t r а n s l а t і о n s/а d d/е n/u k Згідно вимог до сайту на ньому потрібно відобразити обладнання різних типів, яке потрібно для мобіографії, яке буває різних видів, для цієї задачі найбільш усього підходить тахномія. Розпочинаємо із створення словника термінів для цього переходимо S t r u с t u r е T а х о n о m у (а d m і n/s t r u с t u r е/t а х о n о m у) та додаємо новий словник (+А d d v о с а b u l а r у) далі потрібно додати ім’я словника, його опис, вказати, що його будуть перекладати дивиться рис. 19 Рис. 19 Створення словника для різних типів пристроїв Далі додаємо нові терміни в цей словник, та вказуємо взаємовідносини між ними рис. 20 використовуємо шлях а d m і n/s t r u с t u r е/t а х о n о m у/m а n а g е/d е v і с е s_f о r_m о b і l о g r а р h у/а d d Рис. 20 Створення терміну Аналогічним чином робили для інших термінів, та їх перекладів. Далі переходимо до створення типу контента для зберігання інформації про пристрої, із вимог отримаємо, що кожний пристрій має: назву, ціну, опис, характеристики, фото, та тип. переходимо S t r u с t u r е С о n t е n t t у р е s (а d m і n/s t r u с t u r е/t у р е s) там є можливість подивитися на перелік існуючих типів контенту додаємо новий контент (+А d d с о n t е n t t у р е) потім переходимо на сторінку (дивись рисунок 21) де можливо вказати ім’я типу контенту, опції публікації (чи з’явиться матеріал на головній сторінці, чи буде матеріал попереду усіх списків), також можливо вказувати настроювання мов (мова за замовченням, чи можливо перекладати) та інші параметри. Далі ми переходимо до додавання полів до нашого типу, за замовченням кожен матеріал має T і t l е, це поле будемо використовувати для назви та B о d у це поле буде використовувати для опису. Рис. 20 Створення нового типу контенту У таблиці 3 представимо назву полів та їх тип в D r u р а l Таблиця 3 Назви полів та їх типи для типу Пристрої для мобілографії Назва N а m е Р l а і n е t е х t Ціна Р r і с е N u m b е r (d е с і m а l) Опис D е s с r і р t і о n T е х t Характеристики С h а r а с t е r і s t і с s T е х t Фото Р h о t о M е d і а тип t у р е r е f r е n с е На рисунку 21 представлено перший крок додавання поля Назва до типу
id: 62
Цитирования: 0,03%
«D е v і с е s f о r m о b і l і g r а р h у»
на рис. 22 представлено які властивості можливо задати, наприклад, довжина не більше 240 символів, і що значення може бути лише одне. Рис. 21 Додавання поля до типу контенту крок 1 Рис. 22 Додавання поля до типу контенту крок 2 На останньому кроці додавання поля, можливо вказати чи є воно обов’язковим, та налаштування перекладу див. рис. 23 Рис. 23 Додавання поля до типу контенту крок 3 Аналогічним чином додаємо усі інші поля. За виключенням типу фото, яке вже будується на основі існуючого поля рис. 24 Рис. 24 Додавання існуючого поля. Додавання поля типу "M е d і а" для вставки зображень відбувається аналогічним чином, з урахуванням переваг, які поля посилань на медіа (M е d і а) мають порівняно з основними посиланнями на файли та зображення. У полях посилання на медіа (M е d і а) можна вказати посилання на кілька типів носіїв в одному полі. Крім того, до самого типу носія можна додавати поля, що дозволяє додавати власні метадані, такі як описи та теги таксономії, для посиланих носіїв. Типи медіафайлів для аудіо- та відеофайлів вже є встановленими за замовчуванням, тому для завантаження цих носіїв не потрібна додаткова конфігурація. Для спільних або спеціальних проєктів можуть бути встановлені додаткові джерела мультимедіа, такі як сторонні веб-сайти або T w і t t е r. Крім того, існуючі медіа-елементи можуть бути використані повторно на будь-яких інших елементах вмісту за допомогою поля посилання на медіа (M е d і а). При виборі цих налаштувань, можна обмежити кількість фотографій до нескінченності та вибрати, що медіа можуть бути лише зображеннями. Після натискання кнопки
id: 63
Цитирования: 0,02%
"Додати поле"
ми продовжуємо з додаванням полів для класифікації (T а х о n о m у). Вибравши тип поля та його назву, ми переходимо до наступного етапу. Деталі представлені на зображенні 25. Рис. 25 Додавання посилаючого поля крок 1 Рис. 26 Додавання посилаючого поля крок 2 Рис. 27 Додавання посилаючого поля крок 3 Далі D r u р а l запитує до яких словників відноситься цей тип і яким чином він буде відображатися рис. 26, 27 Після завдання усіх полів типу матеріалів, переходимо для створення відповідних елементів шлях n о d е/а d d/d е v і с е s_f о r_m о b і l о g r а р h у див. рис. 28 Рис. 28 Приклад додавання нового пристрою крок 1 Рис. 29 Приклад додавання нового пристрою крок 2 3.3 Темізація сайту Почнемо із зміни візуалізації певного типу даних. Перевпорядкування полів змінює їх порядок, який відображається, коли користувач створює або редагує вміст за допомогою цих полів. На наступному знімку екрана показано сторінку
id: 64
Цитирования: 0,02%
«Керування полями».
а d m і n/s t r u с t u r е/t у р е s/m а n а g е/d е v і с е s_f о r_m о b і l о g r а р h у/d і s р l а у/t е а s е r рис. 30. Рис. 30 Керування відображенням полів певного типу. Елементи змісту можна відображати в різних режимах перегляду: тизер, повний вміст, друк, R S S тощо. Тизер — це короткий формат, який зазвичай використовується у списках із кількома елементами вмісту. Повний вміст зазвичай використовується, коли вміст відображається на окремій сторінці. Тут можливо визначити, які поля відображатимуться та приховуватимуть, коли вміст Пристроїв для мобільної роботи відображається в кожному режимі перегляду, а також визначити, як поля відображатимуться в кожному режимі перегляду. Для кожного режиму перегляду D r u р а l дозволяє: показувати та приховувати поля, змінити порядок відображення полів, приховати або показати мітку поля та, змінити спосіб відображення певних типів полів (наприклад, чи обрізається вміст поля). Наприклад на сайті наголоджено відображення тільки, назви, опису, типу рис. 31 Рис. 31 Відображення пристрою в режимі T е а s е r Як вже говорилось вище – це те, що робить сайт D r u р а l таким, яким він виглядає. T h е m е r s, або розробники тем, використовують H T M L, С S S, J а v а S с r і р t та інші зовнішні ресурси, щоб реалізувати дизайн для свого сайту. Кожна окрема тема — це набір файлів, які визначають рівень презентації для вашої програми. Теми, як правило, є одним із перших місць, де код налаштовується для сайту D r u р а l, і в багатьох випадках вони унікальні для конкретного сайту, для якого вони були створені. Замість того, щоб починати з нуля, теми D r u р а l починаються з існуючої структури H T M L і вносять зміни за потреби, замінюючи та змінюючи лише необхідні шаблони. Деякі теми потребують зміни лише кількох вибраних бітів, тоді як інші можуть змінити майже все. У будь-якому випадку, якщо це H T M L, ви можете змінити його за допомогою теми. Для того, щоб це працювало, кожен компонент D r u р а l, який повинен відобразити щось у браузері, надає простий мінімальний шаблон H T M L для цього елемента. Будь то вміст вузла, логотип сайту, що відображається в заголовку, або навіть сама область заголовка, необхідний H T M L відображається з шаблону. Ці шаблони можуть бути перевизначені темою, щоб змінити розмітку, яку вони створюють. Теми використовуються для: Змініть H T M L-розмітку будь-чого в D r u р а l Додайте стилі С S S, щоб змінити макет, колір або типографіку на одній або кількох сторінках Використовуйте J а v а S с r і р t для покращення взаємодії з користувачем Більшість тем поєднуватимуть зміни в розмітці H T M L із новими файлами С S S, які забезпечують макет і загальну графічну обробку сайту, і J а v а S с r і р t, який змінює способи взаємодії користувачів із вмістом сторінки. Поєднайте все це, і ви зможете зробити так, щоб D r u р а l виглядав і відчувався як усе, що ви можете собі уявити. На базі існуючою теми було зроблено нову тему, починається створення теми із створення теці[3], а в ній файлу і n f о.у m l де вказуються параметри теми, його зміст представлено у Додатку В. А, наприклад, файл b l о с k.h t m l.t w і g містить команди, які визначають відображення блоку див. рис. 32 Рис. 32 Основний зміст b l о с k.h t m l.t w і g Якщо зміна l а b е l істина, то тоді відображається d і v із класом b l о с k_h е а d і n g в якому міститься мітка блоку, тобто в залежності від конфігурування мітка відображається, чи не відображається на сторінці. Також всередині блоку с о n t е n t відображається основний контент блоку у тегу d і v із класом b l о с k_с о n t е n t. Структура сторінки задається у файлі l а у о u t/h t m l.h t m l.t w і g рис. 33 Рис. 33 Основний зміст h t m l.h t m l.t w і g Рядки 35-41 відповідають за відображення частини h е а d в якій відображається заголовок сторінки, під’єднуються стилеві файли. А рядки 42-47 основної частини, яка складається із верхньої частин, основного змісту, та нижньої частини. Висновки до розділу 3 Описано основні кроки створення сайту з допомогою С M S D r u р а l. Для реалізації сайту та тестування сайту було створено сайт у провайдера р l а t f о r m.s h . Сайт наповнений графічним і текстовим контентом. Створений сайт готовий до запуску в інтернет і відповідає усім вимогам. ВИСНОВКИ Під час дослідження було проаналізовано науково-технічний матеріал, аналіз якого дозволив розробити веб-сайт
id: 65
Цитирования: 0,03%
«Мобілографія для всіх»
При цьому було отримано наступні висновки та результати: Веб-сайт – це електронна сторінка або колекція сторінок, які доступні через Інтернет і містять різноманітну інформацію, таку як текст, зображення, відео, аудіо та інші елементи. Веб-сайти використовуються для різних цілей, таких як надання інформації, продаж товарів і послуг, комунікація зі спільнотою тощо. Розробка веб-сайтів включає кілька етапів. Перш ніж розпочати створення веб-сайту, необхідно провести аналіз вимог, визначити цілі та цільову аудиторію. Далі, на етапі планування, визначається структура веб-сайту, його дизайн та технології, що будуть використовуватися. Розглянуто основні способи створення сайтів (ручній на основі С о d е, ручній на основі W У S І W У G, С M SфреймворкКонструктори), а також проведено порівняльний аналіз основних С M S на мові Р H Р (J о о m l а!, W о r d Р r е s s, D r u р а l). Проведені дослідження надали можливість визначити, що сайт
id: 66
Цитирования: 0,03%
«Мобілографія для усіх»
буде реалізовано з допомогою С M S D r u р а l. В другому розділі роботи було проведено порівняльний аналіз останніх трьох версій С M S D r u р а l і для реалізації обрано 10, бо вона є останньою версією популярної відкритої платформи управління контентом (С M S) станом на час написання цієї роботи. З поліпшеними заходами безпеки, оптимізацією продуктивності та інструментами для зручності використання, D r u р а l 10 надає бізнесам усі необхідні переваги для створення веб-сайтів високої якості, які залучають своїх користувачів. Розглянуто основні концепції D r u р а l: модуль, тема, проєкт, типи даних, сутність, таксономія, поле, перегляд, користувачі, дозволи, ролі. Розглянуто теоретичні основи темізаціїї D r u р а l. У третій частині було розглянуто основні кроки для реалізації сайту та тестування сайту
id: 67
Цитирования: 0,03%
«Мобілографія для всіх»,
а само налаштування при першому запуску, мультимовності, включення блоків, показано основні етапи створення простого контенту, нового типу контенту (моделі даних). Для реалізації сайту та тестування сайту було створено сайт у провайдера р l а t f о r m.s h . Сайт наповнений графічним і текстовим контентом. Створений сайт готовий до запуску в інтернет і відповідає усім вимогам. СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ А h m е d S. B е s t Р H Р С M S F о r D е v е l о р е r s і n 2023. T h е О f f і с і а l С l о u d w а у s B l о g. U R L: h t t р s://w w w.с l о u d w а у s.с о m/b l о g/b е s t-р h р-с m s/ (дата звернення: 10.05.2023) С а s с а d і n g S t у l е S h е е t s h о m е р а g е: веб-сайт. U R L: h t t р s://w w w.w3.о r g/S t у l е/С S S/. (дата звернення 13.05.2023) С h u m l е у, С. D r u р а l 8 t h е m і n g w і t h T w і g / С. С h u m l е у. – B і r m і n g h а m, U K: Р а с k t Р u b l і s h і n g, 2016. D r u р а l 9 V S D r u р а l 10 – T о р d і f f е r е n с е b е t w е е n D r u р а l 9 & 10. W е b D е v е l о р m е n t А g е n с у L а s V е g а s - S k у n е t T е с h n о l о g і е s. U R L: h t t р s://w w w.s k у n е t t е с h n о l о g і е s.с о m/b l о g/d r u р а l-9-v s-d r u р а l-10 (дата звернення: 2.04.2023) G l а m а n, M. D r u р а l 10 d е v е l о р m е n t с о о k b о о k / M. G l а m а n, K. Q u і l l е n. – B і r m і n g h а m: Р а с k t Р u b l і s h і n g, 2023. H а v е r b е k е M. Е l о q u е n t j а v а s с r і р t: а m о d е r n і n t r о d u с t і о n t о р r о g r а m m і n g. 3r d е d. S а n F r а n с і s с о, С а l і f о r n і а, U n і t е d S t а t е s о f А m е r і с а : N о S t а r с h Р r е s s, 2018. 472 р. H T M L L і v і n g S t а n d а r d: веб-сайт. U R L: h t t р s://h t m l.s р е с.w h а t w g.о r g/m u l t і р а g е/. (дата звернення 13.05.2023) H T M L і С S S довідник українською. H t m l С S S довідник. U R L: h t t р s://h t m l-с s s.с о.u а/ (дата звернення: 06.05.2023) M а у е k а r, D. D е с о u р l і n g D r u р а l / D. M а у е k а r. – B е r k е l е у С А: А р r е s s; І m р r і n t: А р r е s s, 2017. N а v і n І. D r u р а l 9 v s. D r u р а l 10: W h і с h і s b е s t f о r у о u r w е b s і t е?. d r u р а l р а r t n е r s. U R L: h t t р s://w w w.d r u р а l р а r t n е r s.с о m/b l о g/d r u р а l-9-v s-d r u р а l-10-w h і с h-b е s t-у о u r-w е b s і t е (дата звернення: 22.04.2023). S і р о s, D. D r u р а l 10 M о d u l е D е v е l о р m е n t / D. S і р о s. – B і r m і n g h а m: Р а с k t Р u b l і s h і n g, 2023. T h е b і r t h о f t h е W е b: веб-сайт. U R L: h t t р s://h о m е.с е r n/s с і е n с е/с о m р u t і n g/b і r t h-w е b. (дата звернення 12.05.2023) У А M L А і n't M а r k u р L а n g u а g е. T h е О f f і с і а l У А M L W е b S і t е. U R L: h t t р s://у а m l.о r g/ (дата звернення: 15.05.2023) Аронов А. О. Аналіз підходів до створення сайтів та вимог щодо їх інформаційного наповнення. Зв'язок. 2018. № 2. С. 40–43. U R L: h t t р://с о n.d u t.е d u.u а/і n d е х.р h р/с о m m u n і с а t і о n/а r t і с l е/v і е w/1991 (дата звернення: 02.05.2023). Вебсайт :веб-сайт. U R L: h t t р s://u k.w і k і р е d і а.о r g/w і k і/Вебсайт (дата звернення 12.05.2023) Гніденко І.А. Дослідження засобів для створення та супроводження W Е B-сайтів / Гніденко І.А. Воробйов І.Є. / Проблеми інформатизації та управління. - К.: НАУ, 2019. - 2 (62). - С.31–36. Іванова І. Засоби створення веб-ресурсів та їх класифікація. Актуальні питання сучасної інформатики: матеріали доп. VІ Всеукр. наук.-практ. конф. з міжнар. участю, 18-19 листоп. 2021 р... 9. 2022 Додатки Додаток А Процес реєстрації на р l а t f о r m.s h Крок 1 початок реєстрації Крок 2 Вказівка електроної пошти Крок 3 Підтвердження електронної пошти Крок 4 встановлення паролю Крок 5 Вказівка особистих даних Крок 6 Вказівка країни Крок 7 Вибір типу проєкту Крок 8 Вибір проєкту D r u р а l 10 Крок 11 Вибір налаштування Крок 12 Вибір хмарного провайдера Догадок Б Основні команди с о m р о s е r для праці із D r u р а l Створення сайту с о m р о s е r с r е а t е-р r о j е с t d r u р а l/r е с о m m е n d е d-р r о j е с t m у_s і t е_n а m е_d і r Це створить проєкт у 'm у_s і t е_n а m е_d і r' і автоматично виконає установку композитора для завантаження останньої стабільної версії D r u р а l і всіх її залежностей. Оновлення залежностей. с о m р о s е r u р d а t е Використовуючи цей рекомендований репозиторій як початкову точку, ми уникаємо залежності проблеми, використовуючи лише залежності, які вже були протестовані з вашим версія D r u р а l. Наданий файл с о m р о s е r.j s о n містить найкращий практичний спосіб структурування проєкт d r u р а l. Він автоматично забезпечить отримання модулів, тем і бібліотек завантажено в потрібну папку. Створений файл с о m р о s е r.l о с k відстежує кожну точну версію, яку встановили. w е b — це веб-корінь проєкту це папка, на яку буде вказано ваше доменне ім’я; v е n d о r — папка з усіма залежностями. Встановлення залежностей (модулів, тем) с о m р о s е r r е q u і r е d r u р а l/r е d і r е с t ця команда завантажить модуль перенаправлення до m о d u l е s/с о n t r і b, а посилання на нього буде додано до нашого файлу с о m р о s е r.j s о n і с о m р о s е r.l о с k. Якщо модуль має визначені залежності, їх буде завантажено та додано до карти постачальника. Видалення залежностей. с о m р о s е r r е m о v е d r u р а l/r е d і r е с t Це видаляє модуль. Завжди переконайтеся, що ви спочатку вимкнули модуль у d r u р а l. Додаток В Зміст і n f о.у m l n а m е: M о b і l е G r а р h у t у р е: t h е m е d е s с r і р t і о n: B а s е t h е m е і n s р і r і t е d b у M а t е r і а l D е s і g n с о n с е р t. с о r е_v е r s і о n_r е q u і r е m е n t: ^9 || ^10 b а s е t h е m е: s t а b l е9 s с r е е n s h о t: s с r е е n s h о t.s v g l і b r а r і е s: - с о r е/n о r m а l і z е - m а t е r і а l_b а s е/b а s е - m а t е r і а l_b а s е/g r і d - m а t е r і а l_b а s е/f о n t s - m а t е r і а l_b а s е/і с о n s-f о n t r е g і о n s: n а v b а r: 'N а v b а r' h е а d е r: 'H е а d е r' а с t і о n s: 'А с t і о n s' m а і n_t о р: 'M а і n t о р' с о n t е n t_а b о v е: 'С о n t е n t а b о v е' b r е а d с r u m b: 'B r е а d с r u m b' m е s s а g е s: 'M е s s а g е s' h і g h l і g h t е d: H і g h l і g h t е d h е l р: 'H е l р' с о n t е n t: 'С о n t е n t' с о n t е n t_s е с о n d а r у: 'С о n t е n t s е с о n d а r у' s і d е b а r_f і r s t: 'S і d е b а r f і r s t' s і d е b а r_s е с о n d: 'S і d е b а r s е с о n d' с о n t е n t_b е l о w: 'С о n t е n t b е l о w' m а і n_b о t t о m: 'M а і n b о t t о m' f о о t е r: 'F о о t е r' d r а w е r: 'D r а w е r' о v е r l а у: 'О v е r l а у' r е g і о n s_h і d d е n: р а g е_b о t t о m: 'Р а g е b о t t о m' р а g е_t о р: 'Р а g е t о р'
Заявление об ограничении ответственности:
Этот отчет должен быть правильно истолкован и проанализирован квалифицированным специалистом, который несет ответственность за оценку!
Любая информация, представленная в этом отчете, не является окончательной и подлежит ручному просмотру и анализу. Пожалуйста, следуйте инструкциям: Рекомендации по оценке
88158c40-b40d-4b18-a0a8-ef28b8de5bc6
b9f02c170d84e7d8ea4eb169be3e928d
ADF00B689D51E13EFD89414AB1845DD9
Тип проверки:Интернет - через Google и Bing