Konsep E_Business

Membangun Website e-Commerce

April 2021, STMIK PPKIA Tarakanita Rahmawati

Infrastruktur Electronic Commerce

Electronic commerce bergantung pada sejumlah teknologi yang berbeda.

Electronic commerce applications

Business services infrastructure

Electronic publishing infrastructure

Message distribution infrastructure

Global information infrastructure

Teknologi ini bekerja dengan bersama-sama untuk menciptakan infrastruktur berlapis,

terintegrasi yang memungkinkan pengembangan dan penyebaran aplikasi electronic commerce.
Infrastruktur Electronic Commerce

 Lapisan Infrastruktur Informasi Global

Lapisan Global Information Infrastructure (GII) adalah landasan perdagangan elektronik
karena semua lalu lintas harus dikirimkan oleh satu atau lebih jaringan komunikasi dan
protokol.

GII terdiri dari infrastruktur informasi

nasional (National Information
Infrastructure - NII) untuk masing-masing
negara, yang meliputi televisi dengan
saluran kabel dan satelit, jaringan telepon,
sistem komunikasi mobile, jaringan
komputer, EDI, dan protokol Internet (TCP /
IP).
Infrastruktur Electronic Commerce

 Lapisan Message Distribution Infrastructure

Lapisan Message Distribution Infrastructure terdiri dari protokol untuk mengirim dan
menerima pesan.

Tujuannya untuk menyampaikan pesan dari server ke klien menggunakan pertukaran data
elektronik (EDI) GII atau NIL, e-mail (SMTP), File Transfer Protocol (FTP), dan Hypertext
Transfer Protocol (HTTP) semuanya merupakan contoh protokol pengiriman pesan
(messaging).

Protocol e-mail SMTP digunakan untuk memindahkan pesan e-mail melalui Internet.
Demikian pula, transfer file Web dari server ke browser bergantung pada protokol HTTP.
Pesan dapat tidak diformat (seperti e-mail melalui SMTP) atau diformat (seperti pesanan
pembelian melalui EDI).
Infrastruktur Electronic Commerce

 Lapisan Electronic Publishing Infrastructure

Lapisan Electronic Publishing Infrastructure memungkinkan organisasi untuk

mempublikasikan berbagai teks dan multimedia melalui infrastruktur pendistribusian
message.

Web menawarkan contoh yang baik dari lapisan infrastruktur penerbitan elektronik, Karena
Web memiliki tiga elemen kunci:

 Uniform Resource Locator (URL), yang secara unik mengidentifikasi setiap server
 Sebuah pesan yang terdiri dalam Hypertext Markup Language (HTML), yang
memungkinkan untuk memberikan file teks ditambah berbagai tag format dan link
hypertext
 File yang terkait dengan multimedia yang dihubungkan dengan pesan
Infrastruktur Electronic Commerce

 Lapisan Busines Service Infrastructure

Lapisan infrastruktur layanan bisnis terdiri dari sejumlah proses bisnis yang umum
digunakan oleh sebagian besar aplikasi perdagangan elektronik.

Hampir setiap bisnis, misalnya, berusaha untuk menagih pembayaran untuk barang dan jasa
yang dijualnya. Dengan demikian, lapisan layanan bisnis mendukung transmisi yang aman
dari nomor kartu kredit antara pelanggan dan pedagang online. Secara umum, lapisan ini
termasuk fasilitas untuk enkripsi dan otentikasi.
Infrastruktur Electronic Commerce

 Lapisan Electronic Commerce Application

Akhirnya, di atas semua lapisan lain terletak lapisan aplikasi dimana pelanggan berinteraksi.

Transaksi berlangsung pada bagian dari infrastruktur perdagangan elektronik ini, dan web di
mana Anda telah membeli produk atau membandingkan produk memiliki aplikasi electronic
commerce. Aplikasi bisnis di Web melibatkan banyak pemrograman dalam berbagai bahasa
komputer.
Infrastruktur Electronic Commerce

Meskipun semua lapisan lainnya dari model ini berada di server, hal ini memerlukan browser
pada komputer pelanggan untuk berkomunikasi dengan server Web, yang pada gilirannya
berkomunikasi dengan server aplikasi dan server database.

Dalam kasus apapun, browser Web pada komputer klien berinteraksi dengan perangkat lunak
server Web untuk menyelesaikan transaksi.
Web Semantik

Penggunaan Layanan Web yang dapat meningkatkan kualitas kerjasama telah memotivasi
evolusi teknologi dalam industri konstruksi sejak tahun 1990-an.

Zhu dan Issa dalam Chimay J. Anumba dan Kirti Ruikar (2008) menyatakan bahwa Web
Services adalah media yang baik untuk menyimpan, mengolah dan memanipulasi sejumlah besar
informasi yang dihasilkan selama proyek konstruksi.
Web Semantik

Keuntungan menggunakan layanan web (Web Services) dalam konteks konstruksi adalah
untuk mengkomunikasikan secara efisien informasi dan pengetahuan yang representasi secara
relevan dengan cepat, terlepas dari waktu dan kendala lokasi geografis dan dalam format yang
dapat diandalkan.

Tujuan dari aplikasi Web Services adalah untuk mengintegrasikan pengembangan teknologi
berbasis Web menjadi konstruksi dengan tujuan untuk memudahkan proses manajemen proyek.
Web Semantik

Layanan Push based untuk memfasilitas manajemen informasi

Web Semantik

Semantic Web memungkinkan akses yang lebih besar tidak hanya untuk konten Web, tetapi
juga untuk layanan di Web.

Dengan menggunakan teknologi web semantic, pengguna dan software agent harus dapat
menelusuri, dan memonitor sumber daya Web yang menawarkan layanan tertentu.
Web Semantik

Penggunaan Semantic Web tidak terbatas pada manajemen informasi di World Wide
Web, Semantic Web adalah teknologi yang akan bekerja pada intranet internal
perusahaan.

Kemungkinan Semantic Web akan memecahkan beberapa masalah yang terkait

dengan arsitektur teknologi informasi saat ini seperti:

 Informasi yang berlebihan (Information overload),

 Stovepipe systems dan
 Konten yang buruk
Web Semantik

 Information overload: Information overload adalah masalah yang paling jelas.

Saat ini, Internet memiliki lebih dari lima miliar halaman informasi dan lebih dari 300 juta
pengguna. Dengan demikian, masalah ini telah berkembang lebih buruk dengan penyebaran
Internet, email dan instant messaging.
Web Semantik

 Stovepipe systems: stovepipe system adalah di mana semua komponen dari sistem
yang didesain untuk bekerja bersama-sama.

Dengan demikian informasi hanya mengalir dalam saluran ini dan tidak dapat dibagi dengan
sistem atau organisasi lainnya.
Web Semantik

 Konten yang Kurang: Menyusun informasi dari sumber yang berbeda adalah
masalah yang kronis di beberapa bidang pekerjaan.

Misal:
Web Semantik

Konsep Utama

Fasilitas untuk menempatkan mesin - data yang bisa dimengerti di Web menjadi
prioritas utama bagi banyak komunitas seperti halnya dengan pembangunan e-
business.

Semantic Web adalah visi: ide memiliki data pada Web yang didefinisikan dan
dihubungkan dengan cara yang dapat digunakan oleh mesin bukan hanya untuk
tujuan ditampilkan, tapi untuk otomatisasi, integrasi dan penggunaan kembali data di
berbagai aplikasi (W3C dalam Chimay J. Anumba dan Kirti Ruikar, 2008).
Web Semantik

Teknologi Web memiliki kekurangan besar yang muncul dari protokol dan struktur sederhana
yang mendasar.

Hal ini karena sebagian besar isi Web yang disimpan dalam potongan bahasa natural, yang
membuat mereka sangat tergantung pada pengguna manusia selama pencarian, pengaksesan,
ekstraksi, interpretasi dan pengolahan.

Meningkatnya penggunaan Web juga telah meningkatkan kesulitan untuk memanipulasi jumlah
meningkat informasi secara eksponensial.

Menurut W3C (2001), Semantic Web bukanlah Web yang terpisah tapi perluasan dari Web
saat ini. Menggunakan informasi Semantic Web yang diberikan dengan jelas, memungkinkan
komputer dan orang-orang untuk bekerja sama dengan lebih baik (Berners-Lee et al., dalam
Chimay J. Anumba dan Kirti Ruikar, 2008).
Web Semantik

Konsep Semantic Web memiliki dua dimensi yang luas:

1. Semantik untuk penentuan isi: Semantic Web dapat digunakan untuk manajemen
pengetahuan perusahaan dan membuat hubungan antara informasi perusahaan lebih cerdas
dimana hal ini dimungkinkan melalui pengembangan ontologi tingkat perusahaan.

2. Semantik untuk orientasi pesan: Meningkatkan cara informasi dipertukarkan dan

menyediakan model data formal untuk Web Services.

Semantic Web harus memungkinkan pengguna untuk menemukan, memilih,

mempekerjakan, menyusun dan memonitor layanan berbasis Web secara otomatis.
Web Semantik

Semantic Web juga mencakup aplikasi e-bisnis yang umum seperti Supply Chain
Management dan Customer Relationship Management.

Information
technology

Knowledge E-Business
management strategy

Creativity and
innovation
Web Semantik

Beberapa contoh penggunaan potensi Semantic Web di sektor konstruksi adalah:

1. Manajemen Pengetahuan: teknologi Semantic Web dapat digunakan untuk manajemen

pengetahuan dengan organisasi konstruksi untuk membangun, mengelola, mendistribusikan
dan mengevaluasi memori perusahaan dalam sebuah organisasi. Semantic Web ini terdiri
dari Ontologi, sumber daya (seperti dokumen atau orang) dan penjelasan, mungkin dengan
pemodelan beberapa sudut pandang.
2. Otomatisasi Supply chain: Dengan mengekspos layanan dalam format standar dan melalui
format standar pertukaran data (XML) antara mitra proyek beberapa tugas dapat
diotomatisasi membutuhkan intervensi manusia yang lebih sedikit.
3. Pembuatan ruang kerja virtual: Lokasi dan waktu interaksi yang independen dan
kolaborasi di antara mitra proyek konstruksi pada tahap desain awal sangat mempengaruhi
kualitas produk bangunan akhir. Sebuah cross-platform IT didukung ruang kerja virtual itu
perlu. Semantic Web mendukung konsep ini.
4. Penggunaan on-site (di tempat): Teknologi Semantic Web dapat digunakan untuk
otomatisasi.
Web Semantik

Arsitektur Semantic web

Menurut World Wide Web Consortium (W3C), arsitektur dari semantic web terdiri
dari beberapa Layer.

1. Layer Unicode dan URI

2. Layer XML, Namespace, skema XML
3. RDF dan RDF Schema
4. Ontology vocabulary
5. Logic
6. Proof
7. Trust
8. Digital Signature
Web Semantik

Gambar Arsitektur Semantic web (Lee dalam Eka Puji Agustini, dan Andri. 2014)
XML dan CSS

XML adalah profil aplikasi SGML (ISO 8879). XML adalah profil dari standar ISO
SGML, dan sebagian besar XML berasal dari SGML yang tidak berubah.

Dari SGML dilengkapi pemisahan struktur logis dan fisik (elemen dan entitas),
ketersediaan validasi berbasis grammar (DTD), pemisahan data dan metadata
(elemen dan atribut), konten campuran, pemisahan pengolahan dari representasi
(pengolahan instruksi), dan sintaks yang standar menggunakan angle-bracket (< dan
>).
XML dan CSS

Sistem e-Bisnis untuk produk pengadaan konstruksi adalah aplikasi multi-tier, yang
membagi fungsionalitas ke dalam tingkatan yang terpisah.

Struktur dasar dari sebuah aplikasi berbasis Web 3-tier

XML dan CSS

Information tier memelihara data yang berkaitan dengan aplikasi. Tier ini biasanya
menyimpan data dalam sistem manajemen database relasional seperti Microsoft SQL
Server.

Middle tier bertindak sebagai perantara antara data pada information tier dan
application client. Middle tier menerapkan logika bisnis, logika controller dan logika
presentasi untuk mengontrol interaksi antara aplikasi klien dan aplikasi data.

Client tier adalah aplikasi user interface, pada umumnya merupakan browser Web
seperti Microsoft Internet Explorer atau Firefox. Pengguna sistem e-bisnis
berinteraksi secara langsung dengan aplikasi melalui user interface pengguna, yang
dalam standar format HTML (hypertext markup language) sangat terbatas.
XML dan CSS

Perancangan three-tier memiliki banyak keuntungan lebih dari desain tradisional

two-tier atau single-tier, yang meliputi:

 Kebutuhan hardware yang lebih murah.

 Pemeliharaan aplikasi terpusat dengan pengalihan logika bisnis bagi banyak pengguna akhir
menjadi server aplikasi tunggal. Hal ini menghilangkan kekhawatiran distribusi software
yang bermasalah dalam model tradisional two-tier client-server.
 Modularitas yang ditambahkan membuatnya lebih mudah untuk memodifikasi atau
mengganti one tier tanpa mempengaruhi tingkatan lainnya.
 Load balancing lebih mudah dengan pemisahan inti logika bisnis dari fungsi database.
XML dan CSS

Beberapa keuntungan menggunakan XML pada Web

 Kesederhanaan
XML adalah standar yang relatif sederhana, kurang dari 50 halaman. XML dirancang sebagai
bahasa berbasis teks yang dapat dibaca manusia dan cukup jelas.

 Open Standard dan platform / vendor yang independen

XML merupakan platform yang independen dan juga vendor yang independen, dan bentuk
terbatas dari SGML, yang merupakan standar ISO.

 Ekstensibilitas
Tidak seperti HTML, XML dapat dikembangkan memungkinkan pengguna untuk
mendefinisikan tag mereka sendiri.

 Reuse (penggunaan ulang)

Juga memungkinkan libraries tag XML untuk dibangun sekali dan digunakan kembali oleh
banyak aplikasi.
XML dan CSS

 Pemisahan konten dan presentasi

XML memisahkan isi dokumen dari bagaimana dokumen akan disajikan (seperti dalam
browser).

 Peningkatan load balancing

Data dapat dikirim ke browser di desktop untuk komputasi lokal, offloading computation
dari server dan dengan demikian mencapai load balancing yang lebih baik. offloading
Computation merupakan perhitungan pembongkaran yang mengacu pada transfer tugas
komputasi tertentu untuk platform eksternal, seperti cluster, grid, atau cloud.

 Dukungan untuk integrasi data dari berbagai sumber

Kemampuan untuk mengintegrasikan data dari berbagai sumber yang heterogen sangat sulit
dan memakan waktu.
XML dan CSS

 Kemampuan untuk menggambarkan data dari berbagai macam aplikasi

Seperti XML yang dapat dikembangkan, dapat digunakan untuk menggambarkan data yang
terdapat dalam berbagai macam aplikasi.

 Search engines yang lebih canggih

Saat ini, Search engines bekerja pada informasi yang terkandung dalam meta-tag HTML atau
kedekatan satu kata kunci terhadap yang lain. Dengan XML, Search engines akan dapat
dengan sederhana mengurai tag deskripsi.

 Peluang baru
Mungkin salah satu keuntungan besar dari XML adalah sejumlah besar peluang yang
sekarang disajikan oleh teknologi baru ini.
XML dan CSS

Dokumen XML untuk menampilkan informasi produk konstruksi

XML dan CSS

Pengolahan dokumen XML memerlukan program yang disebut XML parser, yang bertanggung
jawab untuk memeriksa sintaks dokumen XML dan membuat data dokumen XML tersedia
untuk aplikasi.

Beberapa parser populer termasuk Microsoft MSXML, Xerces Apache Software Foundation dan
IBM XML4J. Dokumen XML dapat mereferensi dokumen opsional yang menentukan
bagaimana dokumen XML harus terstruktur.

Dokumen-dokumen opsional disebut Document Type Definition (DTD) dan skema. DTD
menyediakan sarana untuk memeriksa jenis dokumen XML dan dengan demikian menyatakan
bahwa unsur-unsur mengandung atribut dan pengaturan yang tepat.
XML dan CSS

Document type definition atau sering disebut DTD, memungkinkan format yang unik
untuk setiap dokumen xml.

DTD berfungsi untuk mendefinisikan tipe dokumen XML. Seperti halnya deklarasi variable,
deklarasi fungsi dan deklarasi tipe data pada bahasa pemrograman atau scripting untuk
memastikan bahwa data yang diterima aplikasi itu adalah data yang valid.

Dokumen XML harus memenuhi spesifikasi dalam Document Type Definition (DTD) untuk
memastikan validitasnya.

DTD adalah deklarasi tipe dokumen, berisi deklarasi yang mendefinisikan elemen, atribut dan
fitur-fitur lain dokumen. DTD diletakkan dibagian prolog dokumen, dimulai dengan tulisan <!
DOCTYPE Nama DTD>, dimana Nama menyatakan nama elemen dokumen.

DTD berisi simbol [ diikuti serangkaian deklarasi markup, diikuti dengan simbol ].
XML dan CSS

Deklarasi markup menjelaskan struktur logika dokumen, yaitu mendefinisikan elemen, atribut
dan fitur lain dokumen. DTD boleh tidak ditulis, namun menyebakan dokumen XML tersebut
tidak dapat diperiksa validitasnya.

Deklarasi Internal DTD

Jika DTD dinyatakan dalam file XML, harus dibungkus dalam definisi <!DOCTYPE>:
XML dan CSS

DTD tersebut ditafsirkan:

o !DOCTYPE note mendefinisikan bahwa akar elemen dari dokumen ini adalah note

o !ELEMENT note mendefinisikan bahwa unsur note harus berisi empat unsur: "to, from,
heading, body"

o !ELEMENT to mendefinisikan elemen to menjadi tipe "# PCDATA"

o !ELEMENT from mendefinisikan elemen from untuk menjadi tipe "# PCDATA"

o !ELEMENT heading mendefinisikan elemen heading menjadi tipe "# PCDATA"

o !ELEMENT body mendefinisikan elemen body menjadi tipe " "#PCDATA"

XML dan CSS

Deklarasi DTD Eksternal

Jika DTD dinyatakan dalam sebuah file eksternal, definisi <! DOCTYPE> harus berisi referensi
ke file DTD:

Dokumen XML dengan referensi ke sebuah DTD Eksternal

XML dan CSS

CSS = Style Sheets untuk HTML

HTML menggunakan tag yang telah ditetapkan. CSS digunakan untuk menambah style
untuk elemen HTML.

XSL = Style Sheets untuk XML

XSL (eXtensible Stylesheet Language) adalah rekomendasi W3C formal yang telah
dibuat khusus untuk mendefinisikan bagaimana data dokumen XML yang diberikan
dan untuk menentukan bagaimana satu dokumen XML dapat diubah menjadi dokumen
lain (W3C, 2001a).

XML tidak menggunakan tag yang telah ditetapkan, dan oleh karena itu arti dari setiap tag tidak
dipahami dengan baik.

Elemen <table> bisa mengindikasikan sebuah tabel HTML, atau yang lain - dan browser tidak
tahu bagaimana untuk menampilkannya!
XML dan CSS

Jadi, XSL menggambarkan bagaimana elemen XML harus ditampilkan.

XML dan CSS

XSL – Lebih dari Bahasa Style Sheet

XSLT (XSL Transformations) merupakan bagian dari XSL (W3C, 2003a). XSLT menyediakan
mekanisme untuk mengubah struktur XML menjadi struktur lain seperti XML, HTML, atau
sejumlah format textbased lainnya (seperti SQL).

Meskipun dapat digunakan untuk membuat tampilan output halaman Web, kemampuan utama
XSLT adalah untuk mengubah struktur yang mendasari bukan hanya representasi media
struktur-struktur, seperti halnya dengan CSS.
XML dan CSS

CSS adalah bahasa stylesheet yang menggambarkan penyajian dari dokumen

HTML (atau XML).

Contoh dari CSS:

XML dan CSS

Menampilkan File XML dengan CSS

Berikut merupakan contoh bagaimana menggunakan CSS untuk format dokumen XML.
XML dan CSS
 Mohon maaf jika ada salah kata..
Sampai jumpa pada pertemuan berikutnya.. dan

Terimaka
sih
April 2021, STMIK PPKIA Tarakanita Rahmawati