пʼятницю, 21 грудня 2018 р.

Canvas. Paint

Імітаційна модель графічного редактора Paint

Файли html i css, такі ж, як і в минулому уроці:

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Paint</title>
    <link rel="stylesheet" href="pr2.css">
 </head>
<body>
<canvas id="c1" width="800" height="400"></canvas>
// для вибору кольору
<input type="color" id="color">
<script src="pr2.js"></script>
</body>
</html>

вівторок, 18 грудня 2018 р.

Canvas. Основи.

HTML / Файл pr1.html

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Canvas. Основи. Лінії</title>
    <link rel="stylesheet" href="pr1.css">
    </head>
<body>

<canvas id="c1" width="400" height="200"></canvas>
<script src="pr1.js" ></script>
</body>
</html>

CSS / Файл pr1.cssctx.beginPath();

четвер, 13 грудня 2018 р.

Мова UML. Діаграма використання

UML (англ. Unified Modeling Language - уніфікована мова моделювання) - мова графічного опису для об'єктного моделювання в області розробки програмного забезпечення, моделювання бізнес-процесів, системного проектування та відображення організаційних структур.
В процесі проектування система розглядається з різних точок зору за допомогою моделей, різні уявлення яких подаються у формі діаграм.
Діаграма — це графічне представлення безлічі елементів. Зазвичай зображується у вигляді графа з вершинами (сутностями) і ребрами (відносинами).
За допомогою діаграм можна візуалізувати систему з різних точок зору.
Класифікація по типам:
• чотири типи діаграм представляють статичну структуру програми;
• п'ять представляють поведінкові аспекти системи;
• три представляють фізичні аспекти функціонування системи (діаграми реалізації).
Види діаграм
• Діаграма використання (Use Case diagram)
• Діаграма класів (Class diagram)
• Діаграма об'єктів (Object diagram)
• Діаграма станів (State chart diagram)
• Діаграма діяльності (Activity diagram)
• Діаграма послідовності (Sequence diagram)
• Діаграма кооперації (Collaboration diagram)
• Діаграма компонентів (Component diagram)
• Діаграма розміщення (Deployment diagram)

Діаграма використання

Діаграма використання (use case diagram) — це найбільш загальне уявлення функціонального призначення системи.
На діаграмі використання застосовуються два типу основних сутностей: варіанти використання  і дійові особи , між якими встановлюються такі основні типи відносин:
• асоціація між дійовою особою і варіантом використання;
• узагальнення між діючими особами;
• узагальнення між варіантами використання;
• залежності (різних типів) між варіантами використання.

Приклад

Завдання

Створити проект "Ідеальна школа / Сучасна школа / Школа"

Сайт для використання: https://app.mindmup.com/