Гадильчинов Альфар СТУДЕНТ-ПРАКТИКАНТ
ВВОДНАЯ ИНФОРМАЦИЯ
ОХРАНА ТРУДА
ОХРАНА ТРУДА
История развития
СТРУКТУРА ПРЕДПРИЯТИЯ
РОБОТОТЕХНИКА
РОБОТОТЕХНИКА
АУДИОТЕХНИКА
АУДИОТЕХНИКА
МЕРОПРИЯТИЕ
МЕРОПРИЯТИЕ
МЕРОПРИЯТИЕ
АНАЛИЗ ВЕБ-САЙТА
АНАЛИЗ ВЕБ-САЙТА
ВИРТУАЛЬНЫЕ ВЫСТАВКИ
ВИРТУАЛЬНЫЕ ВЫСТАВКИ
ВИРТУАЛЬНЫЕ ВЫСТАВКИ
Восстановление книг редкого фонда для италии
ВОССТАНОВЛЕНИЕ КНИГ РЕДКОГО ФОНДА ДЛЯ ИТАЛИИ
ВИРТУАЛЬНЫЕ ВЫСТАВКИ
ВИРТУАЛЬНЫЕ ВЫСТАВКИ
ИССЛЕДОВАНИЕ CMS
ИССЛЕДОВАНИЕ CMS
ОЦЕНКА ПОТРЕБНОСТЕЙ
РАЗРАБОТКА СТРУКТУРЫ КОНТЕНТА
РАЗРАБОТКА СТРУКТУРЫ КОНТЕНТА
РАЗРАБОТКА СТРУКТУРЫ КОНТЕНТА
ВНЕДРЕНИЕ СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ
ВНЕДРЕНИЕ СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ
УПРАВЛЕНИЕ КОНТЕНТОМ
УПРАВЛЕНИЕ КОНТЕНТОМ
УПРАВЛЕНИЕ КОНТЕНТОМ
МОДЕРНИЗАЦИЯ САЙТА
АНАЛИЗ И ОПТИМИЗАЦИЯ UX/UI
АНАЛИЗ И ОПТИМИЗАЦИЯ UX/UI
ТЕСТИРОВКА УДОБСТВА ИНТЕРФЕЙСА
ТЕСТИРОВКА УДОБСТВА ИНТЕРФЕЙСА
СИСТЕМА БЕЗОПАСНОСТИ
СИСТЕМА БЕЗОПАСНОСТИ
МОБИЛЬНАЯ ВЕРСИЯ САЙТА
МОБИЛЬНАЯ ВЕРСИЯ САЙТА
Мобильная версия сайта
РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ
РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ
РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ
Разработка веб-приложения
Разработка веб-сайта
эпилог
эпилог
ЭПИЛОГ
ЭПИЛОГ
10.09M
Category: informaticsinformatics

Отчёт по практике

1. Гадильчинов Альфар СТУДЕНТ-ПРАКТИКАНТ

ГАДИЛЬЧИНОВ АЛЬФАР
СТУДЕНТ-ПРАКТИКАНТ
ОТЧЁТ ПО ПРАКТИКЕ
344
/1

2. ВВОДНАЯ ИНФОРМАЦИЯ

• Библиотека им. Абая была открыта в 1883-м году.
• В 2001 завезли американское оборудование.
• В 2004 был создан веб-сайт библиотеки.
• 03.01.2013 издан первый новостной пост.

3. ОХРАНА ТРУДА

• В соответствии с трудовым законодательством,
был проведён вводный и пожарный инструктаж.
• При небольшом очаге возгорания необходимо
применить огнетушитель локально.
• При значительном возгорании применить
систему пожаротушения.

4. ОХРАНА ТРУДА

• После прослушивания лекций, а также показа
оборудования пожаротушения и связанных
систем, я оставил подпись в журнале.
• Каждый работник обязан пройти инструктаж, и
оставить свою подпись в журнале о технике
безопасности.

5. История развития

ИСТОРИЯ РАЗВИТИЯ
• Библиотека им. Абая старейшая в Республике.
• Основатели придерживались революционнодемократических взглядов.
• Американский журналист Джордж Кеннан в
1885-м году похвалил богатство библиотеки.
• Первоначальные два отдела (Читальный зал,
абонемент) эволюционировали в восемь.

6. СТРУКТУРА ПРЕДПРИЯТИЯ

• Отдел развития выполняет функции IT отдела:
— Организация доступа к сети Интернет.
— Создание информационной инфраструктуры для
обслуживания и использования электронного каталога
библиотеки.
— Обеспечение функционирования
автоматизированной библиотечной системы ИРБИС.
— Совершенствование системы обслуживания
пользователей библиотеки на основе
информационных технологий.

7. РОБОТОТЕХНИКА

8. РОБОТОТЕХНИКА

• В библиотеке существуют различные клубы по
интересам, в том числе по робототехнике.
• Туда приходят желающие дети в свободное
время, и занимаются простой инженерией и
программированием роботов.
• Нередко проводятся различные показы, выставки
а также состязания построенных моделей.
• Есть возможность напечатать дополнительные
детали на 3D принтере.

9. АУДИОТЕХНИКА

10. АУДИОТЕХНИКА

• Из аудиотехники в библиотеке очень много
оборудования, как например различные комбоусилители, процессоры, микрофоны и прочее.
• Обычно, это оборудование используется для
поддержки проведения культурно-массовых
мероприятий, в почтение посетителям и для
удобства прослушивания.
• Имеется удобная регулировка разных каналов,
для установки гармоничного и не
перебивающего друг-друга звучание.

11. МЕРОПРИЯТИЕ

12. МЕРОПРИЯТИЕ

• К нам на мероприятия часто приходят
представители государственной службы,
военнослужащие Национальной Гвардии,
Полицейских Департаментов и Армии.
• Также, образовательные учреждения тоже наши
частые посетители, такие как школы, колледжи.
• Дети и взрослые с большим интересом слушают
наши программы, задают интересные вопросы.

13. МЕРОПРИЯТИЕ

14. АНАЛИЗ ВЕБ-САЙТА

• Изначально, в одном из разделов мною были
заменены ссылки с нерабочих на актуальные.

15. АНАЛИЗ ВЕБ-САЙТА

• В данный момент, точная моя задача – неясна.
• Однако, при возникновении проблем с сайтом я
принимаю непосредственное участие в
улучшении его работы, организованности.
• Имеется интересный раздел
“Виртуальные выставки”.
• В разделе виртуальных выставок сделаны
удобные анимации для лёгкого просмотра.

16. ВИРТУАЛЬНЫЕ ВЫСТАВКИ

17. ВИРТУАЛЬНЫЕ ВЫСТАВКИ

• Так как я помогал с обработкой печатных книг в
цифровые посредством оцифровки и работы в
Photoshop (на подобии того, чему нас на 2 курсе
учили), я захотел сделать удобный метод чтения.
• Мне посоветовали Flip PDF из-за простоты его
работы и красивого оформления
• Проект ориентирован на читателей библиотеки
для просмотра с любых устройств.

18. ВИРТУАЛЬНЫЕ ВЫСТАВКИ

19. Восстановление книг редкого фонда для италии

ВОССТАНОВЛЕНИЕ КНИГ РЕДКОГО
ФОНДА ДЛЯ ИТАЛИИ
• Я лично занимался восстановлением редкого
фонда библиотеки.
• Проводил оцифровку редких изданий для
выпуска репринтных изданий.
• Изначально, книги были с потёртостями, иногда с
неразличимыми символами, однако я сумел
восстановить изначальное состояние.
• Я застал печать и издание данных экземпляров,
приложил руку.
• Сохранение редкого фонда очень важно, ввиду
физического износа и значимости памяти.

20. ВОССТАНОВЛЕНИЕ КНИГ РЕДКОГО ФОНДА ДЛЯ ИТАЛИИ

• Я работал на нескольких машинах, на разных
версиях Adobe Photoshop (CS5, CC2019, CC 2O20)
• Чаще всего, я использовал инструмент “Штамп”
и “Заливка”, чтобы вручную восстановить
неровности и артефакты.

21. ВИРТУАЛЬНЫЕ ВЫСТАВКИ

• Книга Дәулета Сейсенұлы «Туғыры Биік Тұлғалар»
является сборником очерков, посвящённых
выдающимся казахстанским личностям,
оказавшим значительное влияние на развитие
страны.

22. ВИРТУАЛЬНЫЕ ВЫСТАВКИ

• Полученную книгу после проверки отделом мы
поместили на сайт, где её может посмотреть
любой желающий.

23. ИССЛЕДОВАНИЕ CMS

• Content Management System – система
управления содержимым (контентом).
• Эти системы не требуют глубоких познаний в
программировании и разработке.
• Управление проектом (сайтом) возможно
несколькими администраторами.
• На мой взгляд, лучшая CMS – WordPress, за свою
простоту и популярность в учебных программах,
в реальных задачах.
• Использует БД MySQL и язык PHP.

24. ИССЛЕДОВАНИЕ CMS

• WordPress обрабатывает большие объёмы
содержимого, поддерживает много плагинов.
• Если сравнивать с Tilda (для примера), WordPress
предоставляет гораздо больше функций.
• Однако, иногда может быть смысл использовать
“Тильду”, по личным предпочтениям и удобству в
работе с ней.

25. ОЦЕНКА ПОТРЕБНОСТЕЙ

• Сейчас сайт имеет всё, что ему может
потребоваться.
• Главная страница, страница для отправки
вопросов на почту, заявления на продление
книги, множество информационных страниц,
новые поступления, издания от сотрудников
библиотеки, фотогалерея и новостной блок.
• Однако, я сделаю небольшой практический
проект, как пример моих навыков.

26. РАЗРАБОТКА СТРУКТУРЫ КОНТЕНТА

27. РАЗРАБОТКА СТРУКТУРЫ КОНТЕНТА

• WordPress предоставляет очень удобное
редактирование, с первых секунд работы
администратора встречает дружелюбный
интерфейс и множество подсказок.
• Имеются ссылки на сторонние сервисы
“Fiverr” и “Jetpack AI”.
• Favicon ставится так же просто, как, например –
аватарка.

28. РАЗРАБОТКА СТРУКТУРЫ КОНТЕНТА

29. ВНЕДРЕНИЕ СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ

30. ВНЕДРЕНИЕ СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ

• Что из себя представляет управление контентом?
• Это процесс воздвижения идеи, смыслов много.
• Таким образом, за управление контентом
можно посчитать как простое действие, вроде
написания статьи, так и разработку новой
системы для упрощения процессов.
• Я начал с изменения шаблона сайта, однако,
это также удалило предыдущую страницу, а
значит – нужно ещё возвести вновь.

31. УПРАВЛЕНИЕ КОНТЕНТОМ

• Я вновь сделал главную страницу, а также
форму для обратной связи с функционалом.

32. УПРАВЛЕНИЕ КОНТЕНТОМ

• Теперь макет сайта готов, необходимые
функции на нём есть.
• Следующим делом нужно сделать
безопасность, а именно настроить всё таким
образом, чтобы доступ к важным функциям
предоставлялся высоким ролям, во избежание
различных сливов и порчи.

33. УПРАВЛЕНИЕ КОНТЕНТОМ

• При выдачи роли, получателю придёт
оповещение на почту для информирования.

34. МОДЕРНИЗАЦИЯ САЙТА

• Сайт компании отвечает всем требованиям, а
именно: удобство, не перегруженность,
дружелюбный интерфейс.
• Однако, работа над книгой для виртуальной
выставки вносит свой вклад в модернизацию
актуального сайта компании.

35. АНАЛИЗ И ОПТИМИЗАЦИЯ UX/UI

• User Experience — пользовательский опыт. Это о
том, насколько удобно, понятно и приятно
пользователю пользоваться сайтом или
приложением.
• UI User Interface — пользовательский интерфейс.
Это внешний вид сайта: кнопки, цвета, шрифты,
расположение элементов и т.д.

36. АНАЛИЗ И ОПТИМИЗАЦИЯ UX/UI

• Я предложил улучшить UX/UI сайта библиотеки,
чтобы сделать его более удобным и
современным для пользователей.
• Ввиду окончания практики я не застану лично
реализацию, однако в будущем можно будет
просмотреть изменения на сайте semeylib.kz

37. ТЕСТИРОВКА УДОБСТВА ИНТЕРФЕЙСА

• Мне интерфейс актуального сайта показался
достаточно удобным.
• Одна из возможностей – продление книги без
личного визита в библиотеку.

38. ТЕСТИРОВКА УДОБСТВА ИНТЕРФЕЙСА

• Во вкладке с контактной информацией имеется
удобная встроенная карта, по которой можно
просматривать город.

39. СИСТЕМА БЕЗОПАСНОСТИ

• Плагин WP Security отвечает за основную
безопасность сайта, а также имеется платный
антивирус со стороны хостинга.
• Доступ к управлению сайтом имеет один
человек, остальные сотрудники передают
информацию.
• Самая полезная функция – сканирование кода
на наличие мальваров. Таким образом, никто не
сможет вмешаться в код без разрешения.

40. СИСТЕМА БЕЗОПАСНОСТИ

• Также, имеется файрволл, защита от брутфорса, сканирование плагинов и тем.
• Ну, и разумеется – бэкапы (они же резервные
копии).
• Поэтому, смело заявляю о потрясающей защите
сайта от несанкционированного доступа, что
очень важно для организации, занимающейся
хранением исторических сведений.

41. МОБИЛЬНАЯ ВЕРСИЯ САЙТА

• Мобильная версия сайта имеется,
и вот как она выглядит.

42. МОБИЛЬНАЯ ВЕРСИЯ САЙТА

• Для создания мобильной версии сайта нужен
адаптивный дизайн.
• Элементы должны гибко подстраиваться под
ширину устройства (width: 100% или max-width).
• Графически, навигацию нужно упрощать и
увеличивать иконки.
• Интерфейс должен хорошо работать с жестами
и прокруткой.

43. Мобильная версия сайта

МОБИЛЬНАЯ ВЕРСИЯ САЙТА
• А для тестирования проще всего использовать
эмуляторы мобильных операционных систем.
• После тестов на эмуляторах – нужно проверить
на реальных устройствах, а ещё лучше – на
разных браузерах (ведь они разные).
• Но если сайт нацелен на компьютеры, зачем
мобильная версия? Ответ – мобильные
устройства более распространены, а ещё
наличие адаптивного дизайна повышает
результат сайта в поисковой строке.

44. РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ

• Я сделал небольшую страницу с кнопками
выбора жанров: Фэнтези, Научная фантастика,
Классика и Случайная книга.
• При нажатии на кнопку отображается карточка с
информацией о книге (название, автор,
описание).

45. РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ

• Добавлена поддержка мобильных устройств
через media-запросы — элементы
автоматически подстраиваются под экран.

46. РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ

• Перед высвечиванием книги, я добавил отсчёт,
после которого вылетает смайлик пиньяты и
название самой книги.

47. Разработка веб-приложения

РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ
• Есть возможность добавлять понравившиеся
книги в список избранного.

48. Разработка веб-сайта

РАЗРАБОТКА ВЕБ-САЙТА
• Вся логика работает на JavaScript, это даёт
динамичность страницы без перезагрузок.
• Для анимаций я работал с CSS keyframes, что
гарантирует плавность и производительность.
• Звуки загружаются и включаются через
встроенный Audio.

49. эпилог

ЭПИЛОГ
• В ходе практики я получил ценный опыт работы во
взрослом окружении.
• Я укрепил уже имеющиеся навыки, и обрёл
новые, помогал в проведении мероприятий.
• И сейчас я предоставлю вам кадры с моих
повседневных рабочих будней.

50. эпилог

ЭПИЛОГ

51. ЭПИЛОГ

52. ЭПИЛОГ

English     Русский Rules