Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan...

40
Webinar Smart Apps Creator, 26 November 2020 Integrasi Smart Apps Creators dan Google Sites Ir. Moh. Haitan Rachman MT.,KMPC, SAC Principal Founder and Senior Consultant INOSI Learning Center 1 Integrasi SAC dan Google Sites Dr. Ghoziyah Haitan Rachmn Rachman M.T. System and Artificial Intelligence Analyst

Transcript of Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan...

Page 1: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Webinar Smart Apps Creator, 26 November 2020

Integrasi Smart Apps Creators dan

Google Sites

Ir. Moh. Haitan Rachman MT.,KMPC, SAC Principal

Founder and Senior Consultant

INOSI Learning Center 1Integrasi SAC dan Google Sites

Dr. Ghoziyah Haitan Rachmn Rachman M.T.

System and Artificial Intelligence Analyst

Page 2: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Tentang Kami

Ir. Moh. Haitan Rachman MT.,KMPC

Founder and Senior Consultant

As Pincipal of Smart Apps Creator (SAC) Indonesia

PT Inovasi Semesta Ilmu (INOSI)

WA/HP: 0811-249-661

Email : [email protected]

Website : www.inosi.co.id

Bidang Keahlian: Knowledge Management (KM), E-

Learning, E-Government, Balanced Scorecard (BSC),

Inkubator Bisnis dan Startup, Information Technology

(IT), System Analysis and Design (SAD), Internet

Business, Multimedia Development

2INOSI Learning Center Integrasi SAC dan Google Sites

Page 3: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Tentang Kami

Dr. Ghoziyah Haitan Rachman M.T.

System and Artificial Intelligence Analyst

PT Inovasi Semesta Ilmu (INOSI)

Email : [email protected]

Website : www.inosi.co.id

Bidang Keahlian: Database Design, System Analysis

and Design (SAD), Internet Business, Multimedia

Development, MySQL Database, PHP Programming,

Java Programming, Artificial Intelligence

3INOSI Learning Center Integrasi SAC dan Google Sites

Page 4: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Kegiatan Smart Apps Creator

4INOSI Learning Center

http://bit.ly/ForumSACIndonesia

https://apps.creativedu.id

https://t.me/SACIndonesiaChannel

https://inosi.co.id/b/3b_

Integrasi SAC dan Google Sites

Page 5: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Roadmap Pengembangan SAC Indonesia

5INOSI Learning Center

Pelatihan dan

Webinar

Komunitas

Pengembang

Learning Center

& Inkubator

Bisnis

Integrasi SAC dan Google Sites

Page 6: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Smart Apps Creator: Perangkat Untuk Membuat

Aplikasi Mobile Apps Multimedia Interantif Cepat,

Mudah dan Tanpa Programming

6INOSI Learning Center Integrasi SAC dan Google Sites

Page 7: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Memerlukan Programming untuk Membuat Aplikasi

7

APLIKASIPROGRAMMING

- Aplikasi Mobile Android

- Aplikasi Mobile Ios

- Aplikasi Web

- Aplikasi Desktop

- Aplikasi Lynux

- Java

- PHP

- Visual Basic

- Visual Delphi

- HTML

- JavaScript

- C++

- Phython

INOSI Learning Center Integrasi SAC dan Google Sites

Page 8: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Smart Apps Creator (SAC) untuk Membuat Aplikasi

8

APLIKASISmart Apps

Creator (SAC)

- Aplikasi Mobile Android

- Aplikasi Mobile Ios

- Aplikasi Web HTML5

- Aplikasi Desktop

- No Programming

- Objek (Konten)

- Interaksi (Skenario dan Navigasi)

- Animasi

INOSI Learning Center Integrasi SAC dan Google Sites

Page 9: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Perbedaan SAC dan Tool Programming Lain

Smart Apps Creator (SAC) tidak memerlukan kemampuan

programming dan sangat berbeda dengan tool programming.

Smart Apps Creator (SAC) dapat dipelajari dengan mudah, cepat

dan tanpa programming banyak tingkatan, seperti siswa,

mahasiswa, guru, dosen, dan siapa saja yang tidak latar belakang IT

dapat mulai terbiasa membuat aplikasi mobile apps

Smart Apps Creator (SAC) dapat mengintegtasikan banyak layanan-

layanan web lain dengan mudah, cepat dan tanpa programming,

seperti google form, youtube, Microsoft form, atau aplikasi lainnya.

9INOSI Learning Center Integrasi SAC dan Google Sites

Page 10: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Integrasi Smart Apps Creator dan Web Services

10

FEEDBACK

(Google Form,

Microsoft Form, ..,)

DISCUSSION

(Facebook, WAG,

LinkedIn, …)

TEST/QUIZ

(Google Form,

Microsoft Form, ..,)

INOSI Learning Center Integrasi SAC dan Google Sites

Page 11: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

SAC Integrasi Dengan Web Service Lain

11INOSI Learning Center Integrasi SAC dan Google Sites

Page 12: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Karakteristik Aplikasi Smart Apps Creator (SAC)

Yang perlu diperhatikan dengan baik dalam pengembangan aplikasi

Smart Apps Creator (SAC) yaitu aset-aset (objek) aplikasi SAC, karena

akan berdampak pola pengembangan aplikasi.

Ketika membuat aplikasi Smart Apps Creator (SAC) yang harus

diperhatikan adalah Full Offline untuk semua asetnya, termasuk video,

audio, file.

Atau merupakan kombinasi antara Offline dan Web Services, untuk

beberapa asetnya terdapat sebagiannya disimpan di layanan Web

Internet, seperti Youtube untuk video, Google Drive untuk file, dsb.

12INOSI Learning Center Integrasi SAC dan Google Sites

Page 13: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Sasaran Pengguna Smart Apps Creator (SAC)

Pendidikan – Siswa / Mahasiswa / Guru / Dosen / Sekolah /

Perguruan Tinggi / Training Center / ….

Pemerintah – Kementerian / Lembaga / Pemerintah Daerah /

Dinas / Kecamata / Desa / Kelurahan / …

Bisnis – Usaha Kecil Menengah / Marketer / Promosi / Studio / …

Pribadi – Pejabat / Direktur / Lawyer / Studio Pribadi / Artist / ….

13INOSI Learning Center Integrasi SAC dan Google Sites

Page 14: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Penerapan: Learning app

14INOSI Learning Center Integrasi SAC dan Google Sites

Page 15: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Penerapan: Wedding app

15INOSI Learning Center Integrasi SAC dan Google Sites

Page 16: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Penerapan: Event/Competition/Seminar app

16INOSI Learning Center Integrasi SAC dan Google Sites

Page 17: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Penerapan: Marketing App

17INOSI Learning Center Integrasi SAC dan Google Sites

Page 18: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Penerapan: Real Estate app

18INOSI Learning Center Integrasi SAC dan Google Sites

Page 19: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Pengantar Website Internet

19INOSI Learning Center Integrasi SAC dan Google Sites

Page 20: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Pengantar Website Internet

Di era digital saat ini, internet sudah dibanjiri dengan berbagai jenis

situs web, dan yang baru bermunculan setiap hari dalam jumlah yang

sangat besar. Diperkirakan ada lebih dari 1,25 miliar situs web di web.

Situs web ini tersebar di World Wide Web seperti bintang di galaksi,

jumlahnya terlalu banyak. Ada suatu masa ketika situs hanya berbasis

teks dan hanya digunakan oleh organisasi pemerintah atau beberapa

nama besar untuk menyampaikan informasi dan maju cepat hingga

hari ini bahkan bisnis terkecil pun memiliki situs web sendiri.

20INOSI Learning Center Integrasi SAC dan Google Sites

Page 21: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Personal Website

INOSI Learning Center Integrasi SAC dan Google Sites 21

Page 22: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Business/Corporate Websites

INOSI Learning Center Integrasi SAC dan Google Sites 22

Page 23: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Blogs

23INOSI Learning Center Integrasi SAC dan Google Sites

Page 24: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Portfolio Websites

24INOSI Learning Center Integrasi SAC dan Google Sites

Page 25: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Educational Websites

INOSI Learning Center Integrasi SAC dan Google Sites 25

Page 26: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Magazine Websites

26INOSI Learning Center Integrasi SAC dan Google Sites

Page 27: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Wiki or Community Forum Website

27INOSI Learning Center Integrasi SAC dan Google Sites

Page 28: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

E-commerce Websites

28INOSI Learning Center Integrasi SAC dan Google Sites

Page 29: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Social Media Websites

29INOSI Learning Center Integrasi SAC dan Google Sites

Page 30: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Directory Websites

30INOSI Learning Center Integrasi SAC dan Google Sites

Page 31: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Website Builders

1. Desktop Website Builder

• Pinegrow, Website realizer, Mobirise, Website X5,

Xara Web Designer, Adobe Dreamwaver, …

2. Online Website Builder

• Google Sites, Wordpress, Wix, Shopify, Weebly

31INOSI Learning Center Integrasi SAC dan Google Sites

Page 32: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Smart Apps Creator (SAC) dan Website Builders

• Hasil pembuatan aplikasi Website Builder (desktop atau online) dapat

diintegrasikan dengan SAC dengan melalui aset website SAC

dengan alamat internet.

• Tentunya yang harus diperhatikan adalah aset-aset (objek) aplikasi

bagian mana yang harus dengan SAC dan bagian mana yang harus

memanfaatkan Webiste Builder. Ketika akan merencanakan

integrasi aplikasi-aplikasi SAC dan Web Builders.

• SAC ini mempunyai fitur-fitur yang dirancang untuk multimedia

interaktif yang memungkinkan terdapat animasi-animasi yang dibuat.

32INOSI Learning Center Integrasi SAC dan Google Sites

Page 33: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Google Sites dan Integrasi Dengan

Smart Apps Creator

33INOSI Learning Center Integrasi SAC dan Google Sites

Page 34: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Google Sites

INOSI Learning Center Integrasi SAC dan Google Sites 34

Page 35: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Google Sites Klasik

INOSI Learning Center Integrasi SAC dan Google Sites 35

Page 36: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

INOSI Learning Center Integrasi SAC dan Google Sites 36

Page 37: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Elemen-Elemen Google Sites

INOSI Learning Center Integrasi SAC dan Google Sites 37

Page 38: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Contoh Google Sites

INOSI Learning Center Integrasi SAC dan Google Sites 38

https://www.choij.com/ https://www.jivrus.com/

Sumber: https://www.sitebuilderreport.com/google-sites-examples

Page 39: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Google Sites dan Integrasi Dengan SAC

• Semua hasil pengembangan Google Sites terdapat di Web Server,

sehingga harus diakses secara online. Sehingga ketika akan

diintegrasikan dengan SAC, perlu diketahui dengan baik bagian mana

yang perlu disimpan online di server atau tidak.

• Google Sites dirancang untuk mengembangkan situs-situs yang

dapat dipadukan dengan layanan-layanan Web yang dimiliki google,

seperti youtube, map, form, drive, dsb.

• Smart Apps Creator (SAC) dapat memanfaatkan halaman-halaman

yang mana memungkinkan dalam satu halaman terdapat aset-aset

yang berasal dari beberapa layanan Google sekaligus.

39INOSI Learning Center Integrasi SAC dan Google Sites

Page 40: Integrasi Smart Apps Creators dan Google Sites · 2020. 11. 27. · -Interaksi (Skenario dan Navigasi)-Animasi INOSI Learning Center Integrasi SAC dan Google Sites. Perbedaan SAC

Kesimpulan

• Smart Apps Creator (SAC) merupakan tool yang dapat diintegrasikan

dengan layanan-layanan Google dengan sangat mudah, termasuk

dengan Google Sites.

• Google Sites memberikan kemudahan dalam pengembangan website

yang banyak menampilkan halaman-halaman statis, tanpa

memerlukan koneksi dengan database

• Kedua tool ini dapat dipadukan untuk meningkatkan aplikasi-

aplikasi yang dikembangkan dengan SAC melalui layanan-

layanan google sites dan google lainnya lebih terpadu.

40INOSI Learning Center Integrasi SAC dan Google Sites