Material for this slide includes: 1. What is API (Application Programming Interface)? 2. Advantage of API for web development 3. What is SweetAlert2 API? 4. How to use SweetAlert2 API? 5. Example of SweetAlert2 API 6. What is DataTables API? 7. How to use DataTables API? 8. Example of DataTables API 9. What is WYSIWYG (CKEditor 4) API? 10. How to use CKEditor 4 API? 11. Example of CKEditor 4 API

1. Study Program of Information Systems
Faculty of Engineering and Computer Science
SY. 2020-2021
Andi Nurkholis, S.Kom., M.Kom.
December 21, 2020

2. 2

3. 3
Application programming interface (API) is a set of
subroutine definitions, protocols, and tools for building
application software. In general, APIs define the rules
that programmers must follow in order to interact with a
programming language, a software library, or any other
software tool.

4. 4
Laravel allows
developers to integrate
an API to speed up the
application creation
process

5. • Simplicity, APIs allow for a single instance of
data creation to be automatically distributed
externally, rather than reproducing work
when and as needed
• Efficiency, Consuming an API created and
hosted by a 3rd party can also substantially
increase optimization and system and
process automation.
• Customization, Enterprise applications have
also greatly benefited from the increased
capacity offered by APIs.
5

6. SweetAlert2 is a beautiful, responsive, customizable and
accessible (WAI-ARIA) replacement for JavaScript's
popup boxes.
6

7. 7

8. 8

9. 9
DataTables is a powerful jQuery library for
creating table listings and adding interactions to
them. It provides searching, sorting and
pagination.

10. 10

11. 11

12. CKEditor 4 is a WYSIWYG (What You See Is What You Get) editor
that is used to edit HTML documents (or their fragments) in the
browser.
12

13. 13

14. 14

15. Andi Nurkholis, S.Kom., M.Kom.
September 28, 2020December 21, 2020
Study Program of Information Systems
Faculty of Engineering and Computer Science
SY. 2020-2021