Republik Aljazair Demokratik dan Populer

Universitas Abou Bakr Belkaid–Tlemcen

Fakultas Ilmu Pengetahuan
Departemen Ilmu Komputer

Tema
Perancangan dan pembuatan situs web
E-Commerce

Dibuat oleh : Dibingkai oleh :

· MOULKHALOUAAli. MmeDIDIFedoua

· MEDJADJI

Diajukan pada 27 Juni 2013 di depan komisi pemeriksaan yang terdiri dari:

Tuan Benaissa Mohamed (Penguji)

Ny. Labraoui Nabila (Penguji)

2012-2013
 Pembuatan situs web belanja online 2013

Dedikasi
A
Orang tua kami
Untuk pengorbanan yang diberikan kepada kami; untuk mereka
kesabaran Cinta dan kepercayaan mereka kepada kami
Mereka telah melakukan segalanya untuk kebahagiaan dan keberhasilan kita.
Semoga mereka menemukan dalam pekerjaan yang sederhana ini, bukti dari
perasaan kasih sayang yang mendalam dan keterikatan kami
tak tergoyahkan. Tidak ada dedikasi yang bisa mengungkapkan apa yang kami
Semoga Tuhan memberikan mereka kesehatan yang baik dan ...
panjang umur.

A
saudara-saudara tercinta

Mohamed, Ilyes dan Omarpour untuk dukungan mereka

mendukung dan membantu mereka sepanjang tahun dan kepada kami
Saudari tercinta

A
Teman-teman kita terutama Oussama
Sebagai tanda penghargaan tulus kami untuk
upaya yang telah mereka lakukan untuk mendukung kami selama
studi kami.
Semoga Tuhan selalu menjaga kita bersatu

A
Setiap orang yang membantu kami melaksanakan proyek kami.

MEDJADJIOmar.
MOULKHALOUAAli.
 Pembuatan situs web belanja online 2013

Remerciements

Kami ingin menyatakan melalui beberapa baris ini dari

ucapan terima kasih kami terlebih dahulu kepada kami
penggagas, Nyonya DidiFedouapour atas saran dan beliau
oleh mereka
pengawasan. Setelah itu kepada semua yang ada di dalamnya
kehadiran, dukungan mereka, ketersediaan mereka dan nasihat mereka
kami telah menemukan keberanian untuk menyelesaikan proyek ini.

Akhirnya, kami tidak dapat menyelesaikan proyek ini tanpa

mengungkapkan rasa terima kasih saya kepada semua guru di
Universitas Abou Bakr Belkaid di Tlemcen, untuk mereka
pengabdian dan bantuan mereka sepanjang ini
tahun.
 Pembuatan situs web belanja online 2013

:‫ﺍﻟﺨﻼﺻﺔ‬

‫ﺍﻟﻠﻴﺴﺎﻧﺲ ﺷﻬﺎﺩﺓ ﻟﻨﻴﻞ ﺍﻷﻃﺮﻭﺣﺔ ﺇﻃﺎﺭ ﻓﻲ ﺍﻟﻤﻘﺪﻡ ﺍﻟﻌﻤﻞ ﻫﺬﺍ‬، ‫ﻑﻳﻬﺪ ﺗﺠﺎﺭﻱ ﻣﻮﻗﻊ ﺧﻠﻖ ﻓﻲ ﻳﺘﻤﺜﻞ‬
‫ﻊﻣ ﺍﻻﺗﺼﺎﻝ ﺗﺸﺠﻴﻊ ﻭ ﺗﺴﻬﻴﻞ ﺍﺟﻞ ﻣﻦ ﺍﻻﻧﺘﺮﻧﻴﺖ ﻃﺮﻳﻖ ﻭﻋﻦ ﺑﻌﺪ ﻋﻦ ﺍﻟﺒﻴﻊ ﻋﻤﻠﻴﺔ ﺗﻄﻮﻳﺮ ﺇﻟﻰ‬
.‫ﺍﻟﺰﺑﻮﻥ‬

Ringkasan :

Pekerjaan yang disajikan dalam rangka tesis untuk mendapatkan gelar

Lisensi, bertujuan untuk membuat situs komersial yang bertujuan untuk mengembangkan proses penjualan
dengan internet untuk mempermudah dan mendorong komunikasi dengan pelanggan.

Abstrak:

Pekerjaan yang disajikan dalam konteks untuk memperoleh akreditasi dalam Lisensi, adalah untuk membuat
sebuah situs komersial bertujuan untuk mengembangkan proses penjualan dan tentang cara internet
untuk memfasilitasi dan mendorong komunikasi dengan pelanggan.
 Pembuatan situs web belanja online 2013

DAFTAR ISI

PENDAHULUAN UMUM ………………………………………..1

BAB 1: PRESENTASI PROYEK ……………………………………...2

1. INTRODUCTION :………………………………………………………………..3
[Link] DAN JENIS E-COMMERCE:………………………………3
2.1. DEFINISI:…………………………………………………………………...3
2.2. JENIS:…………………………………………………………………………...3
3. KEUNGGULAN DAN KEKURANGAN E-COMMERCE:…………………….4
3.1. KEUNTUNGAN:……………………………………………………………4
3.2. KERUGIAN:………………………………………………………5
4. PRESENTASI PROYEK:…………………….…………………………..5
4.1. APA ITU TOKO ONLINE……………………………....5
4.2. TUJUAN:……………………………………………………………..…….6
[Link] TENTANG YANG ADA :………………………………………………………6
6. KRITIK DAN SOLUSI……………………………………………………..7
6.1. KRITIK TERHADAP YANG ADA :………………………………………………...7
6.2. SOLUSI YANG DIUSULKAN :…………………………………………………..7
7. PERBEDAAN ANTARA HALAMAN WEB DAN SITUS WEB:………………8
8. PERBEDAAN ANTARA SITUS WEB STATIS DAN SEBUAH
SITUS WEB DINAMIS:……………………………………………….………8
8 .[Link] STATIK:………………………………………………………………8
8 .[Link] DINAMIS:…………………………………………………………..9
8.3. APAKEUNTUNGAN UNTUK SITUS STATIS ?……………………....10
8.4. APA KEUNTUNGAN UNTUK SITUS DINAMIK?...............................10
9. METODE PEMBAYARAN ONLINE:…………………………………………….11
9.1. METODE PEMBAYARAN DALAM PERDAGANGAN ELEKTRONIK:…...11
10. KESIMPULAN :……………………………………………………………….13

BAB II: PERANCANGAN APLIKASI………………………………14

1. PENDAHULUAN:………………………………………………………………...15
2. MERISE UNTUK MODELING SISTEM:…………………………15
3. MODEL-MODEL BERBEDA DARI MERISE:…………………………………...16
3.1. MODELE CONCEPTUEL DE COMMUNICATION (MCC):………………...16
3.2. MODEL KONSEPTUAL PEMROSESAN (MCT):……………………….16
3.3. MODEL KONSEPTUAL DATA (MCD):…………………………...16
4. PRESENTASI ARSITEKTUR SISTEM
KLIEN/PELAYAN:………………………………………………………..…...17
 Pembuatan situs web belanja online 2013

4.1. NOTION KLIEN/PELAYAN:…………………………………………....17

4.2. KEUNTUNGAN ARSITEKTUR KLIEN/PELAYAN :……………...17
4.3. KERUGIAN DARI MODEL KLIENT/SERVER :…………………17
5. FUNGSIONALITAS KLIEN/SEVER :…………………………….18
5.1. SERVER:……………………………………………………………………..18
5.2. KLIEEN:………………………………………………………………………..19
6. MODELE KLIEN:………………………………………………………………21
6.1. MCC DE CLIENT:……………………………………………………………...21
6.2. KLIEN MCT:………………………………………………………………21
7. MODEL ADMINISTRATOR:………………………………………………...22
7.1. MODEL KONSEPTUAL KOMUNIKASI:…………………….22
7.2. MODEL KONSEPTUAL PEMROSESSAN:…………………………...23
8. MODEL KONCEPTUAL DATA KLIEN DAN
ADMINISTRATOR:……………………………………………………………24
9. KAMUS DATA:……………………………………………25
10. KESIMPULAN:……………………………………………………………….....27

BAB III: APLIKASI…………………………………. ………………..…28

1. PENDAHULUAN:………………………………………………………………29
2. LINGKUNGAN PEMBANGUNAN……………………….……...29
2.1. LINGKUNGAN MATERIAL:………………………………………...29
2.2. LINGKUNGAN PERANGKAT LUNAK:………………………………………........29
3. PERANGKAT LUNAK YANG DIGUNAKAN:……………………………………….………………..29
3.1. ADOBE DREAMWEAVER:…………………………………………………29
3.2. NOTEPAD++:………………………………………………………………....30
3.3. JAVASCRIPT:………………………………………………………………...31
3.4. WAMPSERVER:……………………………………………………………...31
3.5. MYSQL:……………………………………………………………………….32
3.6. APACHE:……………………………………………………………………...33
4. ANTARMUKA GRAFIS UTAMA:…………………………34
4.1. ANTARMUKA KLIEN:……………………………………………………......34
4.2. ANTARMUKA ADMINISTRATOR:…………………………………………41
5. KESIMPULAN:…………………………………………………………………43

KESIMPULAN UMUM :…………………………………………………....44

REFERENSI:…………………………………………………………………..45
BIBLIOGRAFI:……………………………………………………………..46
Bab I. Umum Pembuatan situs web e-commerce 2013

Pengantar umum

Saat ini, perdagangan elektronik dianggap sebagai masalah prioritas oleh

berbagai organisasi internasional, terutama sejak masalah terkait faktur
digital membawa kebijakan teknologi informasi, komunikasi
dan perkembangan di depan berita.

Rekomendasi strategis spesifik telah dirumuskan dalam berbagai bidang:

infrastruktur dan layanan telekomunikasi, perpajakan, perlindungan konsumen,
keamanan jaringan, perlindungan privasi dan data. Kepercayaan adalah sebuah
elemen krusial untuk pengembangan perdagangan elektronik. Itu adalah,
pada dasarnya, untuk memastikan kepada konsumen dan perusahaan layanan jaringan
pasti, dapat diandalkan dan terverifikasi.

Demikian pula, para konsumen ingin tetap mengendalikan pengumpulan data mereka
pribadi dan penggunaan yang dilakukan, dan ingin yakin untuk memiliki akses ke
mekanisme pengaduan yang sesuai.

Untuk menciptakan tingkat kepercayaan yang diinginkan, diperlukan teknologi yang dapat diandalkan,
perangkat regulasi dan regulasi diri yang tepat, dan melakukan sebuah
pedagogi publik.

Laporan ini, yang menjelaskan pekerjaan ini, terdiri dari tiga bab yang terstruktur
sebagai berikut :

Dalam bab pertama, kami akan mempersembahkan buku pedoman dan tujuan dari ini.
proyek, studi tentang yang ada, kritiknya dan solusi yang diusulkan.

Bab kedua akan didedikasikan untuk analisis kebutuhan dan desain dari ini
proyek.

- Dalam bab ketiga, saya akan mempelajari implementasi aplikasi, dengan menjelaskan
lingkungan perangkat keras dan perangkat lunak, dan saya akan memberikan gambaran tentang antarmuka yang dibuat.

1
Bab I. Umum Pembuatan situs web e-commerce 2013

BAB I:
PRESENTASI PROYEK

2
Bab I. Generalitas Pembuatan situs web e-commerce 2013

1. Introduction :

Dalam bab ini, saya mulai dengan perdagangan elektronik dan sebuah presentasi tentang
perusahaan, tempat magang ini. Selanjutnya, saya menentukan dokumen persyaratan dan tujuan yang harus dicapai.
mencapai proyek ini.
Dengan demikian, saya tertarik pada studi tentang yang ada dan kritik-kritiknya serta saya mengusulkan solusi.
kemungkinan.

2. Definisi dan jenis e-commerce:

2.1. Definisi :

E-commerce atau perdagangan elektronik, merupakan subkumpulan dari e-bisnis, adalah

pembelian, penjualan, dan pertukaran barang dan jasa di jaringan komputer (seperti
internet) melalui mana operasi atau syarat penjualan dilakukan oleh
saluran elektronik. Bertentangan dengan kepercayaan umum, perdagangan elektronik tidaklah
tidak hanya di web. Sebenarnya, perdagangan elektronik masih hidup di
transaksi antar perusahaan sebelum web di tahun 70-an melalui EDI
(Pertukaran Data Elektronik) melalui VAN (Jaringan Bernilai Tambah). E-commerce
dapat dibagi menjadi empat kategori utama: B2B, B2C, C2B, C2C.

2.2. Jenis:

B2B (Bisnis-ke-Bisnis)

Ceux sont les entreprisesqui font affaire avec d’autres, comme les fabricants qui
menjual kepada distributor dan grosir, yang pada gilirannya menjual kepada pengecer. La
Penetapan harga didasarkan pada jumlah pesanan dan sering kali dapat dinegosiasikan.

B2C (Bisnis-ke-konsumen)

Ini adalah perusahaan yang menjual kepada publik secara umum melalui
katalog menggunakan perangkat lunak keranjang. Dalam volume dalam dolar, B2B menduduki peringkat tertinggi,
namun B2C benar-benar apa yang ada di benak pengguna sehubungan dengan
perdagangan elektronik, secara keseluruhan.

.C2B (Konsumen-ke-Bisnis)

Consumer to business (C2B) adalah model bisnis dalam

yang mana para konsumen (individu) bekerja untuk perusahaan dengan memberikan suatu
produk atau layanan, dan bukan sebaliknya seperti yang terjadi secara tradisional.

Jenis sistem ekonomi ini adalah kualitas model perusahaan terbalik. Dua
peristiwa telah memungkinkan munculnya jenis hubungan bisnis baru ini,
3
Bab I. Umum Pembuatan situs web e-commerce 2013

Di satu sisi, peristiwa jaringan komputer telah memungkinkan untuk dengan biaya rendah untuk memasang
hubungan dengan sejumlah besar orang; di sisi lain, pengembangan ...
teknologi dan penurunan biaya yang dihasilkannya, telah memberi akses kepada individu kepada
teknologi yang dulunya hanya diperuntukkan bagi perusahaan (komputer, sarana percetakan dan
akuisisi digital, perangkat lunak

.C2C (Konsumen-ke-Konsumen)
Ada banyak situs yang menawarkan iklan gratis, lelang, dan
forum di mana individu dapat membeli dan menjual secara online berkat sistem
pembayaran seperti PayPal [2], di mana orang dapat mengirim dan menerima uang secara online
dengan sangat sederhana. Layanan lelang eBay adalah contoh yang baik dari perdagangan
Orang, transaksi terjadi setiap hari sejak 1995.

Perusahaan yang menggunakan jaringan internal, untuk menawarkan kepada karyawan mereka
produk dan layanan daring -- tidak selalu daring di web -- telah terlibat dalam
B2E (Bisnis-ke-Karyawan) e-commerce.

3. Keuntungan dan kerugian dari e-commerce:

3.1. Keuntungan:
Pertama-tama, kami akan menganalisis keuntungan yang
e-commerce memberi manfaat bagi perusahaan serta kliennya.

· Untuk perusahaan:

- Ia membuka saluran distribusi baru, sebuah jalur pelengkap untuk

produk dan layanan tertentu dari perusahaan.
Ia memungkinkan untuk menjangkau ceruk pasar yang pencapaiannya dianggap terlalu
mahal melalui cara pemasaran klasik.
-Ia memfavoritkan interaktivitas dengan mengembangkan hubungan pribadi dengan
konsumen atau klien, memfasilitasi penjualan "satu demi satu"
(personalisée) dan yang disesuaikan.
Ini memungkinkan untuk mempertimbangkan kebijakan fidelisasi pelanggan melalui sebuah
penawaran layanan dan nilai tambah yang tinggi.
-Ia memfasilitasi transaksi dengan menghindarkan pembeli untuk berpindah tempat (jadi dari dia
menghemat waktu) sambil menawarkan layanan yang sama dan
nyaman.
Ini memberikan kemungkinan untuk mengurangi harga publik produk dengan menghilangkan
marginal yang biasanya diberikan kepada perantara, seperti beberapa biaya
de struktur.
-Perekaman data melalui internet hampir otomatis dan
meminta sedikit usaha.

4
Bab I. Umum Pembuatan situs web e-commerce 2013

· Untuk pelanggan:

E-commerce adalah alat luar biasa untuk pra-pemilihan;

Mencari harga terbaik;
Tidak ada tekanan dari penjual;
Pasar loak berskala global;
Sebuah penghematan waktu;
- Penawaran terbaru (kami menemukan model-model terbaru).

3.2. Kerugian:

· Untuk perusahaan:

Ketidakpastian dan kurangnya kepercayaan terkait pengamanan sumber daya

pembayaran, meskipun kenyataannya sekarang metode enkripsi
données assurent une confidentialité quasi parfaite lors de la transaction.
Resistensi para perantara (grosir, distributor) yang khawatir akan adanya
penghancuran pekerjaan disertai dengan kehilangan omzet

· Untuk pelanggan:

- pelacakan komputer melalui cookie, yaitu file kecil ini

yang mengidentifikasi komputer pemanggil secara unik agar dapat
melacak semua kebiasaan panggilan dan konsumsi.
Ketidakamanan pembayaran dan ketakutan untuk berhadapan dengan pedagang online
tidak jujur yang tidak mengantarkan.
Kurangnya hubungan manusia dan perasaan terasing di depan dirinya
mesin (kasus pengguna internet yang kurang berpengalaman).
Kurangnya kontak dengan produk.
Biaya telepon.
- Detail dan tarif pengiriman.
Kesulitan dalam mengajukan banding jika mengalami masalah.

4. Presentasi proyek :

4.1. Apa itu toko online?

Berkat toko online, kita bisa memilih dan membayar barang seperti di sebuah
toko nyata. Untuk membeli produk dari toko virtual ini, biasanya cukup dengan
pilih produk yang diinginkan kemudian masukkan ke dalam keranjang belanja.

5
Bab I. Umum Pembuatan situs web e-commerce 2013

Pembeli kemudian dapat mengisi slip dan membayar pesanan mereka dengan kartu kredit atau dengan
cara pembayaran lain. Pesanan akan dikirimkan sesuai dengan pilihan pengguna internet dan
sesuai dengan ketentuan yang ditetapkan oleh pengelola toko.

4.2. Tujuan:

Tujuan proyek ini adalah untuk mengembangkan situs web dinamis dari sebuah toko.
perangkat audio visual.
Situs ini akan memungkinkan untuk melakukan operasi berikut:

Mengelola hubungan dengan pelanggan,

Mengelola hubungan dengan pemasok,
Mengelola pesanan,
Melakukan promosi,
Mengelola produk (menambah, mengubah, atau menghapus produk)

Sebenarnya, situs ini memberikan pengguna internet kesempatan untuk mendaftar, melakukan permintaan mereka
secara daring, dan menerima konfirmasi langsung. Selain itu, para pengguna internet dapat
konsultasikan secara online katalog dan semua inovasinya.

[Link] tentang yang ada:

Untuk membeli peralatan komunikasi seperti telepon seluler atau sebuah

Laptop, klien harus langsung pergi ke lokasi perusahaan untuk
mencari tawaran penjualan yang memenuhi kebutuhannya. Perjalanannya bisa jadi tidak perlu
dan bahkan dapat menyebabkan pemborosan waktu. Selain itu, bahkan penjual pun tidak memiliki
tidak ada cara untuk menyediakan iklan penjualan dan layanan, kecuali untuk
mendukung tradisi seperti surat kabar atau poster kecil. Dengan cara ini, sebuah cara yang dapat diandalkan
et otomatisasi yang memungkinkan untuk memberitahukan banyak pelanggan tentang penawaran penjualan dan
layanan yang diperlukan. Berbagai perawatan lain, sesungguhnya, merupakan sumber masalah,
mengadopsi metode kerja tradisional:

o Pembayaran faktur dilakukan secara tunai atau dengan cek, di tempat.

o Pendaftaran pelanggan dilakukan secara manual di atas kertas.
o produk dikategorikan menurut kategori (kamera digital, kamera pengawas dan
peralatan suara) dan berdasarkan sub-kategori yang tidak terkait dan tidak terstruktur, yang membuat pencarian
lebih menyusahkan.
o dokumen-dokumennya banyak dan tidak terorganisir dengan baik.

Mengingat pertumbuhan teknologi Internet, belanja online telah menjadi suatu keharusan
tak terhindarkan bagi para pedagang.

6
Bab I. Umum Pembuatan situs web e-commerce 2013

6. Kritik dan solusi :

[Link] terhadap yang ada:

Solusi saat ini bersifat manual, sehingga menimbulkan berbagai masalah, yaitu:

OKelebihan dokumen di perusahaan yang dapat memperlambat layanan.

ORisiko mencampur dokumen; yang bisa berakibat fatal.
OPelacakan online untuk pelanggan dan pemasok (pelacakan pengiriman, pelacakan
perintah).
oKehilangan pelanggan adalah mungkin, terutama ketika penanganan permintaan mereka tertunda.
Anda memerlukan banyak waktu untuk dikirim.

6.2. Solusi yang diusulkan :

Berkat Internet, perspektif baru untuk pengembangan muncul dalam

perluasan pasar ekonomi.

Pembuatan situs Internet bertujuan untuk memperkuat citra perusahaan dan membuat
ekonomi. Penggunaan Internet, sebagai segmen komunikasi massa, memungkinkan
juga menurunkan biaya pemasaran dan biaya lainnya. Dengan pengiriman yang tinggi
debit dan pengamanan yang ditingkatkan dari sarana pembayaran yang aman, kepercayaan dari
pengguna terkait e-commerce sedang meningkat. Sebagian besar orang
dewasa menggunakan.

Hari ini, Internet untuk berbelanja. Konsumen dan perusahaan

semakin banyak beralih ke toko online yang memungkinkan perbandingan,
ketersediaan produk dan pemeriksaan harga dari mana penghematan yang signifikan
suhu.

Proyek ini bertujuan untuk mendirikan situs web dinamis yang mengelola
komersialisasi peralatan audiovisual. Ini dimungkinkan melalui katalog-katalog dalam
jalur yang menawarkan peralatan ini dengan harga terbaik dibandingkan dengan pesaing.
Perusahaan hanya perlu menyusun produknya dan tentu saja mengatur basis datanya.
diperbarui. Pelanggan dapat mengunjungi situs setelah mendaftar, dan memesan
produk, yang kemudian dikirim ke rumah.
Toko online ini akan menawarkan banyak layanan, yaitu:

· Pencarian produk
· Konsultasi katalog produk,
· Luncurkan pesanan secara online,
Aplikasi web ini akan memungkinkan untuk menargetkan kategori pelanggan baru (lokal dan
internasional), dan menawarkan kualitas layanan yang lebih baik dalam komunikasi dan
perdagangan.
Situs ini harus memiliki dua antarmuka terpisah:

7
Bab I. Umum Pembuatan situs web e-commerce 2013

· Bagian administrator situs:

Bagian ini akan memungkinkan penyimpanan dokumen dan publikasinya di internet.

Mekanisme ini dilakukan oleh administrator situs yang harus mengautentikasi dirinya dengan
masuk dan kata sandinya dari halaman utama. Setelah autentikasinya sebagai
administrator, ia akan dapat mengakses halaman yang memungkinkannya untuk mengelola alat
administrasi. Situs ini akan menampilkan semua tugas yang dapat dilakukan oleh
administrator yang akan:

Tambahkan produk: setiap produk ditandai dengan nama dan kategori.

-Mengelola akun: menambah atau menghapus sebuah akun. Setiap akun ditandai oleh
login, kata sandi, nama dan nama depan administrator.
-Pengunduran diri: ini memungkinkan keamanan antarmuka

· Bagian klien :

Antarmuka ini harus dapat diakses oleh setiap pengguna internet yang mencari produk dan
melakukan pesanan

7. Perbedaan antara halaman Web dan situs Web:

Sebuah halaman Web adalah sebuah file, seperti ini yang berisi teks, gambar, dan tautan.
ke halaman lain. Sebuah situs Web adalah kumpulan halaman tentang suatu topik, tema,
perdagangan, sebuah organisasi. Sebuah situs web juga memiliki halaman utama. Ini adalah halaman web
yang membantu pembaca menavigasi situs untuk menemukan informasi yang diinginkan.

Sebuah situs Web juga harus terstruktur. Bagaimana sebuah halaman Web terhubung dengan halaman lainnya?
Apakah ada satu atau beberapa jalur yang dapat digunakan pembaca untuk bernavigasi
melalui situs? Contohnya. Di awal dan di akhir setiap halaman, ada beberapa tombol
navigasi untuk pindah ke halaman sebelumnya atau berikutnya.

8. Perbedaan antara situs web statis dan situs web dinamis:

8.1. Situs statis:

Halaman situs tidak dapat diubah oleh pengguna. Situs ini jadi penuh.
dan diperbarui oleh administrator yang melakukannya dari pos kerjanya. Setelah situs tersebut diperbarui
diperbarui di komputer administrator, itu harus dikirim ke situs melalui FTP. The
Situs ini disebut statis karena halaman HTML yang menyusunnya selalu identik antara satu dengan yang lain.
kunjungan tanpa pembaruan. Jadi server tidak memerlukan elemen Skrip.

8
Bab I. Umum Pembuatan situs web e-commerce 2013

Gambar I.1: sebuah Situs Web statis

8 .[Link] dinamis

Halaman situs yang menyusunnya dapat dimodifikasi oleh pengunjung. Selain itu,
antara dua kunjungan ke situs yang sama, konten halaman dapat berbeda tanpa tindakan dari
administrator situs Internet. Aplikasi besar dari jenis situs ini adalah: yang
forum, Wiki (Wikipédia adalah perwakilan terbesar dari jenis ini) dan semua situs
komunitas (Facebook, Twitter, hi5, dll.).

Server yang menjalankan situs menggunakan teknologi Scripting (seperti PHP,

Ruby, Python, atau Perl) serta basis data seperti MySQL.

Gambar I.2: sebuah situs web dinamis

9
Bab I. Umum Pengembangan situs web e-commerce 2013

8.3. Apa keuntungan dari situs statis?

Kami baru saja melihat bahwa situs statis memiliki banyak kekurangan: Anda harus paham
dalam HTML untuk mengubahnya dan langkah pembaruan sangat membosankan. (secara singkat) Tapi itu
juga perlu mengakui bahwa situs statis memiliki keuntungan dalam beberapa bidang:

- situs internet diperbarui secara lokal di mesin administrator: jadi tidak ada
kejutan sekali situsnya sudah online.

- le site internet ne fait pas appel aux technologies en perpétuelles évolutions qui
memungkinkan penempatan situs dinamis (PHP, Ruby, Python, Perl, Java, ASP, dll.)
jadi kita mendapatkan keamanan dan pemantauan teknologi.

- situs web statis mengkonsumsi sedikit sumber daya server: situs ini tidak menggunakan apa pun
teknologi yang rumit (misalnya: PHP + MySQL + Apache), biaya pemeliharaan dan
pemeliharaan dalam aktivitas sangat lebih rendah dibandingkan dengan situs dinamis.

- situs web statis lebih mudah disimpan: mereka yang pernah menangani
basis data MySQL yang digunakan untuk pembuatan situs dinamis tahu bahwa itu adalah
sulit untuk menyimpan dan memulihkan. Memiliki langsung halaman HTML
Situs ini memudahkan penyimpanan (cukup salin / tempel ke USB dan itu saja!).

8.4. Apa keuntungan dari situs dinamis?

- banyak skrip gratis sudah ada dan memungkinkan untuk membuat semua situs yang kita inginkan
ingin. Jadi dengan mengunduh skrip (atau CMS: Sistem Manajemen Konten) yang akan
Baik, akan sangat mudah untuk membuat forum, blog, atau situs lainnya.

Pembaruan sangat sederhana: setelah skrip dinamis diterapkan, kita memperbarui situs.
dalam talian di bagian "administrasi" situs. Jadi kita dapat memperbarui situs
komputer mana pun dan bahkan dari beberapa ponsel (dengan akses Internet
secara alami)

Dengan situs dinamis, adalah mungkin untuk melakukan interaksi yang besar dengan pengunjung
dapat tetap jauh lebih lama di halaman Anda jika fungsionalitasnya adalah
intéressantes.

10
Bab I. Umum Pembuatan situs web e-commerce 2013

9. Metode pembayaran secara online :

Kontrak elektronik online dilakukan melalui pembayaran jasa dan barang.

pembayaran adalah aspek yang paling kontroversial dari perdagangan elektronik karena tetap,
hambatan bagi perkembangannya menghadapi risiko yang masih cukup signifikan dari penipuan dan
peretasan. Memang, hanya metode pembayaran di jaringan yang dapat mendukung
kepercayaan para operator: bank, pedagang, pengguna ...

Penting, risiko penyalahgunaan nomor kartu kredit di jaringan tidak ada

pas plus grands que ceux l’empreinte laissée setelah pembayaran di restoran,
terlebih lagi risiko, bagi konsumen umumnya ditanggung oleh bankir.
Pencarian cara pembayaran yang lebih aman pasti akan memastikan perkembangan
perdagangan elektronik, khususnya melalui kriptografi. Masalah tanda tangan
elektronik sejalan dengan sarana kriptografi.

9.1. Sarana pembayaran dalam perdagangan elektronik :

Di antara berbagai metode pembayaran, beberapa parameter menentukan pilihan

dari itu siapa yang paling tepat bagi konsumen. Pilihan ini akan mengakibatkan beberapa
isu hukum.

Tidak ada alat transaksi, yang sangat banyak, yang telah terbukti sebagai
standar. Beberapa jenis metode pembayaran dapat menjadi terhormat

la carte bleue : adalah cara yang paling umum digunakan di internet oleh penggun
komunikasi nomornya dengan tanggal sa masa berlaku. Risiko
risiko penyadapan nomor kartu kredit sangat rendah.

jeton elektronik dan dompet elektronik: beberapa

perusahaan menawarkan 'mata uang virtual' yang bertujuan untuk membantu situs
komersial untuk mempertahankan pelanggan mereka. Praktik ini sudah dikenal luas oleh
pendukung pemasaran dan sudah banyak situs yang menawarkan
hadiah (« pemotong virtual ») kepada pengunjung setia mereka untuk
menghadiahkan.

-Intermediasi offline: alat pembayaran juga menggunakan

intermediasi offline. Klien, sambil terhubung, mendapatkan,
sepertiga agar ia mengomunikasikan nomor kartu banknya, seorang
nombor rahasia yang membolehkannya melakukan transaksi dengan server
oleh penjual. Penggunaan pihak ketiga ini, akan memungkinkan untuk membangun kepercayaan
antara penjual dan pembeli sambil menjamin keamanan dari
pembayaran dan autentikasi pertukaran.

11
Bab I. Umum Pembuatan situs web e-commerce 2013

Mastercard.

- Paypal: dioperasikan oleh perusahaan Amerika Paypal Inc., adalah layanan dari
pembayaran elektronik yang memungkinkan untuk membayar pembelian, menerima
pembayaran, atau mengirim dan menerima uang.

12
Bab I. Umum Pembuatan situs web e-commerce 2013

10. Conclusions :

Melalui dokumen spesifikasi yang telah disebutkan di atas, saya memahami dengan baik bahwa
antarmuka web yang akan saya buat adalah situs web dinamis tetapi untuk mengimplementasikannya saya
kebutuhan studi konseptual untuk situs ini. Langkah ini memberikan pandangan keseluruhan tentang
sosial dan tugas yang harus saya lakukan untuk menghindari masalah yang ada dan mencapai
tujuan perusahaan.

Grâce au commerce électronique, les frontières n’existent plus. Les avantages

sangat banyak: lebih banyak pilihan, perbandingan harga yang lebih mudah…
Tetapi ini tidak berarti bahwa tidak ada aturan yang jelas untuk mengonsumsi dengan baik di
net.

13
Bab II.C. dari Aplikasi Pelaksanaan situs web e-commerce 2013

BAB II:

PERANCANGAN APLIKASI

14
Bab II.C. dari AplikasiPembuatan situs web e-commerce 2013

1. Introduction :

Saya mengemukakan, dalam bab ini, solusi konseptual yang telah saya usulkan dan desain ini dari
sistem yang harus dibuat bertujuan untuk membuat tugas manajemen lebih fleksibel.
Dengan kata lain, bab ini harus menjawab pertanyaan: bagaimana cara melakukannya? Struktur
bab ini tergantung pada sifat proyek ini. Saya merancang fase perancangan sebuah
sistem informasi yang memerlukan metode untuk menerapkan sebuah
model
Ada beberapa metode analisis, yang paling banyak digunakan adalah metode MERISE.

2. Merise untuk pemodelan sistem :

Untuk memodelkan fitur-fitur, apa yang harus ditawarkan oleh sistem ini, saya telah memilih
metode MERISE.

MERISE merupakan sebuah metode perancangan dan pengembangan sistem

informasi, mewakili interaksi antara berbagai komponennya dan dari
mengusulkan deskripsi formal. Pada awal tahun 90-an, metode ini mengalami sebuah
evolusi penting setelah pengintegrasian konsep berorientasi objek seperti pewarisan. Saya
mempersembahkan, dalam kelanjutan,
Model konseptual komunikasi (MCC) dan Model konseptual data (MCD)
dan Model Konseptual Pengolahan (MCT).
Metode MERISE didasarkan pada pemisahan data dan pengolahan,
melakukan, dalam beberapa model konseptual dan fisik. Pemisahan ini memastikan sebuah
umur panjang pada model. Sebenarnya, pengaturan data tidak perlu sering diubah,
sementara pengobatan dilakukan lebih sering.

Metode Merise merekomendasikan 3 tingkat abstraksi:

-level konseptual yang menggambarkan statika dan dinamika sistem informasi dalam
hanya memperhatikan dari sudut pandang manajer.

- tingkat organisasi yang menggambarkan sifat sumber daya yang digunakan untuk
mendukung deskripsi statis dan dinamis dari sistem informasi. Sumber daya ini
dapat berupa sumber daya manusia dan/atau material dan perangkat lunak.

tingkat operasional di mana kita memilih teknik pemasangan sistem

informasi (data dan pemrosesan).

15
Bab II.C. dari Aplikasi Pembuatan situs web e-commerce 2013

3. Berbagai model MERISE:

3.1. Model Konseptual Komunikasi (MCC) :

Model ini, yang juga disebut diagram konseptual aliran, memungkinkan untuk merepresentasikan aliran
informasi (ditunjukkan oleh panah yang orientasinya menunjukkan arah aliran
informasi) antar aktor internal (dilambangkan oleh elips) atau eksternal
(ditunjukkan oleh gerhana dengan garis terputus).

3.2. Model Konseptual Pemrosesan (MCT) :

Le MCT memodelkan aktivitas domain, aktivitas yang dikondisikan oleh pertukaran dengan
lingkungan, tanpa memperhitungkan organisasi. Dengan demikian, setiap aktivitas (disebut
operasi) mengelompokkan serangkaian kegiatan dasar yang dapat dilakukan di dalam domain,
tanpa informasi eksternal lainnya (tidak perlu berhenti untuk menunggu)
informasi luar.

3.3. Model Konseptual Data (MCD) :

Model Konseptual Data adalah formalisasi dari struktur dan makna

informasi yang menggambarkan objek dan asosiasi yang dianggap menarik di bidang tersebut
dipelajari, dengan mengabaikan solusi dan kendala teknis serta informasi
implantasi di basis data.
Sebuah MCD diekspresikan dalam entitas-relasi Merise yang mencakup konsep-konsep dasar
berikut:

· Entitas: pemodelan objek yang menarik (dalam hal manajemen) bagi pengguna.
· Hubungan: pemodelan asosiasi antara dua atau lebih entitas.
· Kardinalitas: pemodelan partisipasi minimum dan maksimum suatu entitas dalam suatu relasi
· Properti: pemodelan informasi deskriptif yang terkait dengan sebuah entitas atau sebuah
hubungan
· Identifikasi: pemodelan sifat-sifat yang berkontribusi pada penentuan unik dari
kejadian suatu entitas.

16
Bab II.C. dari Aplikasi Pembuatan situs web e-commerce 2013

4. Presentasi arsitektur sistem klien/server:

4.1. Konsep klien/server :

Banyak aplikasi berfungsi dalam lingkungan klien/server.

Ini berarti bahwa mesin klien (mesin yang merupakan bagian dari jaringan) se
menghubungkan ke server, sebuah mesin yang biasanya sangat kuat dalam hal
kapasitas input-output, yang menyediakan layanan bagi mereka. Layanan ini adalah program-program
fournissant des données telles que l’heure, des fichiers, une connexion, etc. les
layanan dijalankan oleh program, yang disebut program klien, yang dijalankan
di mesin klien. Kita berbicara tentang klien (klien FTP, klien email, dll.)
ketika kita merujuk pada program yang berjalan di mesin klien, yang mampu
mengolah informasi yang diperolehnya dari server (dalam kasus klien FTP
ini adalah file, sedangkan untuk klien email ini adalah surat
elektronik ).

4.2. Keuntungan dari arsitektur klien/server:

Model klien/servidor sangat dianjurkan untuk jaringan
membutuhkan tingkat keandalan yang tinggi, keunggulan utamanya adalah:

· Sumber daya terpusat: mengingat bahwa server berada di pusat jaringan,

ia dapat mengelola sumber daya bersama untuk semua pengguna, seperti
contoh basis data terpusat, untuk menghindari masalah
redundansi dan kontradiksi.
· Keamanan yang lebih baik: karena jumlah titik masuk yang memungkinkan akses ke
data kurang penting.
· Sebuah administrasi di tingkat server: klien yang memiliki sedikit kepentingan dalam hal ini
model, mereka memiliki kebutuhan yang lebih sedikit untuk dikelola.

· Jaringan yang dapat berkembang: berkat arsitektur ini, memungkinkan untuk menghapus atau
menambahkan klien tanpa mengganggu dia fungsi jaringan dan tanpa
modifikasi besar.

4.3. Kerugian dari model klien/server :

Arsitektur klien/server tetap memiliki beberapa kekurangan antara lain:

Biaya tinggi disebabkan oleh teknis server.

- Titik lemah: server adalah satu-satunya titik lemah dari jaringan klien/server,
karena seluruh jaringan diarsitektur di sekitarnya! Untungnya,
server memiliki toleransi yang tinggi terhadap kegagalan (terutama berkat sistem RAID
yang memungkinkan tingkat ketersediaan yang tinggi).

17
Bab II.C. dari AplikasiPembuatan situs web e-commerce 2013

5. Fungsi klien/servidor:

5.1. Serveur :
Ø Definisi :

Dans un réseau informatique, un serveur est à la fois un ensemble de logiciels et

komputer yang menghostingnya yang perannya adalah untuk merespons secara otomatis pada
permintaan yang dikirim oleh klien misalnya komputer dan perangkat lunak dan itu melalui
jaringan.

Server adalah umum digunakan di pusat pemrosesan data,

perusahaan, institusi, dan jaringan internet, di mana mereka sering menjadi titik
pusat dan digunakan secara bersamaan oleh banyak pengguna untuk menyimpan,
berbagi dan bertukar informasi. Berbagai pengguna yang beroperasi dari sebuah klien.

Ø Karakteristik :
a. Ia awalnya pasif (atau budak yang menunggu permintaan).
Dia siap mendengarkan dan siap menjawab permintaan yang dikirim oleh pelanggan.
[Link] setelah permintaan diterima, ia memprosesnya dan mengirimkan balasan.
Ø Contoh server :

Banyak contoh di server dan itu sesuai dengan layanan yang diberikan
di antara mereka adalah :

· Server surat

Sebuah server surat menanggapi permintaan pengiriman pesan

elektronik. Server menyimpan pesan yang diterima, dan mengirimkan pesan di
pengalihan kepada penerima (server surat lain). Sebuah server surat menjawab
juga untuk permintaan manipulasi dan pemulihan pesan yang disimpan.

· Server web

Sebuah server web menjawab permintaan untuk melihat dokumen seperti yang
du world wide web (disebut web, kadang-kadang jaring atau www). Setiap konsultasi
dari dokumen hiper teks baru melalui penelusuran sebuah hyperlink dalam perangkat lunak klien
(kebanyakan waktu menggunakan peramban web). Memicu pengiriman permintaan baru,
setiap permintaan dapat dikirim ke server yang berbeda.

18
Bab II.C. dari AplikasiRealokasi situs web e-commerce 2013

· Server basis data

Sebuah server basis data menjawab permintaan manipulasi data

disimpan dalam satu atau beberapa basis data. Ini biasanya merupakan permintaan
penelitian, penyaringan, penambahan, modifikasi atau penghapusan data.

Server basis data adalah bagian dari sistem manajemen basis data
(singkatan SGBD) (perangkat lunak yang mengelola basis data) yang mencakup sebuah
perangkat lunak klien dan perangkat lunak server.

· Pelayan pencetakan

Sebuah server cetak menjawab permintaan terkait pekerjaan

percetakan digital. Dokumen-dokumen ditempatkan dalam antrean, kemudian
dikirim ke printer.

· Server file

Sebuah server file menjawab permintaan yang berkaitan dengan pembuatan, pemindahan,
penghapusan, pembacaan, pengeditan, atau penguncian suatu file. Berkas
disimpan di memori massal server (sebagian besar waktu berupa disk
mengatur dan memanipulasi sesuai permintaan klien. server file adalah
sering disertakan dalam sistem operasi.

· server game

Server adalah bagian dari perangkat lunak permainan daring multi-pemain dalam arsitektur.
klien/serwer. Ini menjawab permintaan penyebaran operasi yang dilakukan oleh setiap
pemain. Server memvalidasi operasi setiap pemain, mengatur permainan kemudian mentransmisikan
perkembangan permainan kepada pemain lain.

5.2. Klien:
· Definisi :

Dalam jaringan komputer, klien adalah komputer dan perangkat lunak yang mengirimkan
permintaan kepada server. Ini bisa berupa perangkat lunak yang dioperasikan oleh seseorang. Kita
panggilan klien juga sama baiknya dengan komputer dari mana permintaan dikirim
juga perangkat lunak yang berisi petunjuk terkait formulasi permintaan
dan orang yang mengoperasikan permintaan. Komputer klien biasanya adalah
komputer pribadi biasa, dilengkapi dengan perangkat lunak terkait berbagai jenis
permintaan yang akan dikirim, seperti misalnya peramban web, perangkat lunak
klien untuk dunia maya.

19
Bab II.C. dari Aplikasi Pembuatan situs web e-commerce 2013

· Caractéristique :

a. Dia aktif pertama (atau yang utama).

b. Ia mengirimkan permintaan ke server.
c. Dia menunggu dan menerima jawaban dari server.

· Berbagai jenis klien:

- Klien berat: istilah "klien berat" (dalam bahasa Inggris "fat client" atau "heavy
klien »), berlawanan dengan klien ringan, merujuk pada aplikasi klien
grafik dijalankan pada sistem operasi pengguna. Seorang klien
lourd biasanya memiliki kemampuan pemrosesan yang canggih dan dapat
posséder une interface graphique sophistiquée. Néanmoins, ceci demande un
upaya pengembangan dan cenderung menggabungkan logika presentasi (antarmuka
grafik) dengan logika aplikasi (pengolahan)

- Klien ringan: istilah "klien ringan" (kadang-kadang "klien miskin", dalam bahasa Inggris
"klien tipis"), berlawanan dengan klien berat, merujuk pada aplikasi
dapat diakses melalui antarmuka web (dalam HTML) yang dapat dilihat dengan bantuan dari
navigasi web, atau seluruh logika bisnis diproses di sisi
server. Untuk alasan ini, browser kadang-kadang disebut sebagai klien universal.

- Klien kaya: seorang "klien kaya" adalah kompromi antara klien ringan dan
klien berat. Tujuan dari klien kaya adalah untuk menawarkan antarmuka
grafik, ditulis dengan tata bahasa deskripsi berdasarkan sintaksis.
XML, yang memungkinkan untuk mendapatkan fungsionalitas serupa dengan yang dimiliki oleh klien
lourd : glisser, déposer, onglets, multi fenêtrage, menus déroulants, mise a jour
dinamis, …

20
Bab II.C. Aplikasi Realisasi situs web e-commerce 2013

6. Model pelanggan :

6.1. MCC klien:

Pelanggan, yang mungkin ingin melakukan pembelian, dapat mengelola produk (menambahkan
dan menghapus produk) dan dapat mengakses situs menggunakan email dan kata sandi. Saya telah
memutuskan untuk tidak membedakan antara pelanggan dan pengunjung. Namun, perlu
absolument se connecter pour pouvoir payer une commande et enregistrer ou afficher une
faktur (lihat gambar 2.1).

Gambar II.1: Model Konseptual Komunikasi Klien

6.2. Klien MCT :

Pelanggan dapat memilih produk yang ditampilkan di situs dan kemudian mengonfirmasi pesanan mereka.
perintah. Tetapi sangat penting untuk mengidentifikasi diri dengan email dan kata sandi sebelum
membayar faktur Anda dan menyimpannya atau mencetaknya (lihat gambar 2.2).

21
Bab II.C. dari Aplikasi Pembuatan situs web e-commerce 2013

7. Model administrator :

7.1. Model Konseptual Komunikasi :

Administrator memiliki peran untuk mengelola sepenuhnya fungsi baik situs.

bertanggung jawab untuk mengelola menambah, menghapus dan memodifikasi produk serta melakukan pemantauan
commandes (enregistrer facture et valider commande). Mais il faut absolument se
menghubungkan untuk dapat melakukan tugas-tugas ini (lihat gambar 2.3).

Gambar II.2: MCC administrator

22
Bab II.C. dari AplikasiRealisaSitus web e-commerce 2013

7.2. Model Konseptual Pengolahan :

Administrator mengidentifikasi dirinya dengan nama pengguna dan kata sandi untuk memvalidasi atau membatalkan
perintah, setelah penerimaan dan verifikasi mereka. Ia juga dapat mencatat atau
mencetak faktur (lihat gambar 2.4).

Perintah
akses

autentikasi
Masukkan nama Anda Penerimaan dari
Akses Masukkan kata sandi Anda perintah
tidak benar s palsu akses
diizinkan

Akses
diizinkan
Pesanan dari Perintah
pembaruan dari Periksa pesanan akses
produk
benar palsu
Perintah
produk divalidasi
Kelola produk

Perintah
dibatalkan
Produk Cetak
dimodifikasi faktur

Produk Unduh
ditambahkan faktur

Produk
dihapus

Gambar II.3: MCD dari administrator

23
Bab II.C. dari Aplikasi Pembuatan situs web e-commerce 2013

8. Model Konseptual Data pelanggan dan administrator:

Model konseptual data memungkinkan untuk mengelompokkan dan mengatur data

diperlukan untuk pengelolaan sekumpulan entitas dalam sistem informasi.

(Lihat gambar 2.5).

Gambar II.4: MCD dari aplikasi

24
Bab II.C. Dari Aplikasi Pembuatan situs web e-commerce 2013

9. Kamus data :

Kamus data memungkinkan untuk mencatat informasi yang diperlukan. Ini menjelaskan
label data, nama setiap kolom, jenis, dimensi, dan label
data yang digunakan. Saya akan menyajikan data ini berdasarkan entitas.
(Lihat tabel 2.1, 2.2, 2.3, 2.4).

Informasi klien :

Tabel II.1

Informasi administrator :

Tabel II.2

25
Bab II.C. dari AplikasiPembangunan situs web e-commerce 2013

Information produit :

Tabelau II.3

Informasi pesanan :

Tabelau II.4

Informasi faktur :

Nama kolom Label properti Ketik Dimensi

Id_facture Nomor faktur Utuh 10
Date_livraison Tanggal pengiriman faktur Tanggal 8

Date_paiement Date de paiement de la facture Tanggal 8

Tabelau II.5

26
Bab II.C. dari Aplikasi Realisasi situs web e-commerce 2013

10. Kesimpulan :

Tahap konseptual adalah langkah dasar untuk pelaksanaan apapun.

proyek. Ini memungkinkan untuk mempermudah sistem informasi dan melaksanakan implementasi dari
basis data dan pengolahan. Selanjutnya, saya harus mencari cara dan alat
kemungkinan untuk mengembangkan aplikasi, apa yang akan saya presentasikan di bab berikut.

27
Bab III. Aplikasi Pembuatan situs web belanja online 2013

BAB 3 :

APLIKASI

28
Bab III. Aplikasi Pembuatan situs web untuk belanja online 2013

1. Introduction :

Bab ini bertujuan untuk menyajikan produk akhir. Ini adalah fase dari
pembuatan situs web dinamis ini yang menggunakan teknologi khusus. Bab ini
terdiri dari dua bagian: bagian pertama menyajikan lingkungan dari
pengembangan sedangkan bagian kedua berkaitan dengan antarmuka grafis utama.

[Link] pengembangan
2.1. Lingkungan material:
Untuk mengembangkan aplikasi ini, saya menggunakan mesin, yang dikonfigurasi sebagai berikut:

vMesin HP C 660

Ø Memori Utama: 4 GB.

Ø Disque Dur : 500 Go.
Ø Prosesor: Intel (R) Core (TM) I 3 GHz.
Ø Jenis sistem: Windows 7

2.2. Lingkungan Perangkat Lunak :

Saat mengembangkan aplikasi ini, saya menggunakan alat perangkat lunak berikut:
· Adobe Dreamweaver.
· notepad++.
· JavaScript.
· Wampserver.
· Server MySQL.
· Server Apache.
Saya akan memperkenalkan berbagai perangkat lunak ini di bagian berikutnya:

3. Perangkat lunak yang digunakan :

3.1. Adobe Dreamweaver :

Adobe Dreamweaver (dulunya Macromedia Dreamweaver) adalah editor situs web

tipe WYSIWYG. Ia adalah salah satu editor HTML pertama dari tipe "tampilan ini, ini juga"
hasil », tetapi juga salah satu yang pertama untuk mengintegrasikan manajer situs (CyberStudio
GoLive menjadi yang pertama). Inovasi ini dengan cepat menjadikannya salah satu dari
penerbit utama situs web, yang dapat digunakan oleh pemula maupun oleh
profesional.

Dreamweaver offre deux modes de conception par son menu affichage. L'utilisateur peut
memilih antara mode pembuatan yang memungkinkan untuk melakukan tata letak langsung dengan bantuan
alat sederhana, comparables à un logiciel de traitement de texte (penyisipan tabel,

29
Chapitre III. Application Pembuatan situs web untuk pembelian online 2013

d gambar, dll.). Juga dimungkinkan untuk menampilkan dan mengubah kode secara langsung
(HTML atau lainnya) yang membentuk halaman. Kita dapat dengan mudah beralih dari satu mode
dari tampilan ke yang lain, atau memilih tampilan campuran. Opsi terakhir ini adalah
sangat menarik bagi pemula yang, pada akhirnya, ingin membiasakan diri
dengan bahasa HTML. Ia telah berkembang dengan teknologi internet.

Ia menawarkan, hari ini, kemungkinan untuk merancang lembar gaya. Keterkaitan dengan
basis data juga telah ditingkatkan serta pengunggahan berkas di
pelayan hosting. Selain itu, ia menawarkan penggunaan model halaman bersarang
web, sesuai format milik.

Sejak versi MX, itu dapat digunakan dengan bahasa web dinamis (ASP, PHP) pada
bantuan alat yang relatif sederhana digunakan. Ini memungkinkan untuk mengembangkan
aplikasi dinamis tanpa pengetahuan sebelumnya tentang bahasa pemrograman.
Dreamweaver diterbitkan oleh perusahaan Adobe Systems dan merupakan bagian dari suite
pengembangan Studio 8 dari penerbit, yang mencakup Macromedia Flash, Macromedia
Kembang api (edisi grafis) dan Macromedia Coldfusion (server). Macromedia, yang
éditait Dreamweaver sebelumnya, diakuisisi oleh Adobe pada bulan Desember 2005.

3.2. Notepad++ :

Sebuah editor teks (gratis juga) yang secara otomatis mewarnai kode yang dimasukkan
berdasarkan logika bahasa pemrograman Anda, ini akan memungkinkan Anda untuk
pemeriksaan yang mudah. Bantuan penting ini disebut pewarnaan sintaksis.

Gambar III.1: Notepad++

30
Bab III. Aplikasi Pembuatan situs web pembelian online 2013

3.3. JavaScript :
JavaScript adalah bahasa pemrograman skrip, terutama digunakan dalam
halaman web interaktif. Ini adalah bahasa yang berorientasi objek dengan prototipe, yaitu bahwa dasar
bahasa dan antarmuka utamanya disediakan oleh objek yang bukan merupakan
instans dari kelas, tetapi dilengkapi dengan konstruktor yang memungkinkan untuk menghasilkan mereka
properti.

Bahasa ini diciptakan pada tahun 1995 oleh Brendan Eich untuk pihak Netscape
Korporasi Komunikasi. Bahasa saat ini pada versi 1.8.2 adalah sebuah
implementasi versi ketiga dari standar ECMA-262 yang juga mengintegrasikan beberapa
elemen yang terinspirasi dari bahasa Python. Versi 1.8.5 dari bahasa ini direncanakan untuk diintegrasikan
versi ke-5 dari standar ECMA.

3.4. Wampserver :

WampServer 2 (sebelumnya WAMP5) adalah platform pengembangan Web

tipe WAMP, memungkinkan untuk berfungsi secara lokal (tanpa terhubung ke server)
eksternal) dari skrip PHP. WampServer bukanlah perangkat lunak itu sendiri, tetapi sebuah lingkungan
yang terdiri dari dua server (Apache dan MySQL), sebuah interpreter skrip (PHP), serta
PHP MyAdmin untuk administrasi Web basis data MySQL.

Ia memiliki antarmuka administrasi yang memungkinkan untuk mengelola dan mengatur servernya
melalui ikon tray (ikon dekat jam Windows).
Inovasi besar dari WampServer 2 terletak pada kemungkinan untuk menginstal dan menggunakan
versi PHP, Apache, atau MySQL apa pun dalam satu klik. Dengan demikian, setiap
pengembang dapat mereproduksi server produksinya dengan akurat di mesin lokalnya.

31
Bab III. Aplikasi Pembuatan situs web untuk belanja online 2013

Antarmuka wampserver2.2:

Gambar III.2: antarmuka wampserver2.2

3.5. MySQL:

MySQL adalah sistem manajemen basis data (DBMS). Bergantung pada jenis aplikasi,
lisensi bersifat bebas atau milik. Itu adalah bagian dari perangkat lunak manajemen basis data
yang paling banyak digunakan di dunia, baik oleh masyarakat umum (aplikasi web terutama)
yang ditawarkan oleh para profesional, bersaing dengan Oracle dan Microsoft SQL Server.

MySQL adalah server basis data relasional SQL yang dikembangkan dengan tujuan
performa tinggi dalam membaca, yang berarti bahwa ia lebih terarah pada layanan
data yang sudah ada ke arah pembaruan yang sering dan sangat aman.
Ini multi-thread dan multi-pengguna.

Ini adalah perangkat lunak bebas yang dikembangkan dengan lisensi ganda tergantung pada penggunaannya.
dalam produk bebas atau dalam produk milik. Dalam kasus terakhir, lisensi
berbayar, jika tidak maka lisensi umum GNU (GPL) yang berlaku. Jenis ini dari
lisensi ganda digunakan oleh produk lain seperti kerangka kerja pengembangan
perangkat lunak (untuk versi sebelumnya dari 4.5).

Kombinasi PHP/MySQL sangat digunakan oleh situs web dan ditawarkan oleh sebagian besar
penyedia Web. Lebih dari separuh situs Web berjalan di bawah Apache, yang merupakan yang paling
sering digunakan bersamaan dengan PHP dan MySQL.

32
Bab III. Aplikasi Pembuatan situs web belanja online 2013

Antarmuka phpmyadmin :

Gambar III.3 antarmuka phpmyadmin

3.6. Apache :

Apache adalah server yang paling umum digunakan di Internet. Ia terutama berfungsi pada
sistem operasi UNIX (Linux, Mac OS X, Solaris, BSD dan UNIX) dan Windows.
versi Windows hanya dianggap stabil sejak versi 1.2 dari Apache.
Apache digunakan oleh banyak produk, termasuk WebSphere dari IBM, serta oleh Oracle
Korporasi. Ini juga didukung dengan cara atau lainnya oleh alat-alat
pengembangan Borland Delphi dan Kylix, serta oleh CMS seperti Drupal.

Apache dirancang untuk mendukung banyak modul, memberikannya

fitur tambahan: interpretasi bahasa Perl, PHP, Python, dan Ruby,
server proxy, Antarmuka Gerbang Umum, Server Side Includes, penulisan ulang URL
negosiasi konten, protokol komunikasi tambahan, dll. Namun demikian, itu adalah
perhatikan bahwa keberadaan banyak modul Apache mempersulit konfigurasi
server web. Sebenarnya, praktik yang baik merekomendasikan untuk hanya memuat modul yang
berguna: banyak celah keamanan yang hanya mempengaruhi modul Apache adalah
secara teratur ditemukan.

Kemungkinan konfigurasi Apache adalah fitur unggulan. Prinsip

berdasarkan hierarki berkas konfigurasi, yang dapat dikelola dengan cara
independen. Karakteristik ini sangat berguna bagi penyedia layanan yang dapat demikian
melayani situs dari beberapa klien dengan menggunakan satu server HTTP. Bagi klien, ini
fungsi ini terlihat melalui file .ht access.

Di antara alat-alat yang membantu pemeliharaan Apache, ada file log yang dapat
menganalisis menggunakan berbagai skrip dan perangkat lunak bebas seperti AWStats, Webalizer
Anda W3Perl. Beberapa antarmuka grafis memudahkan konfigurasi server.

33
Bab III. Aplikasi Pembuatan situs web untuk pembelian online 2013

4. Antarmuka grafis utama:

Bagian ini memungkinkan saya untuk meletakkan dalam kondisi nyata penggunaan aplikasi.

4.1. Interface client :

Dalam paragraf berikut, saya akan menjelaskan berbagai situasi yang dapat dialami
klien.

- Beranda: Di halaman ini, pelanggan dapat diidentifikasi dengan mengetikkan nama dan kata sandi mereka,
tampilkan produk berdasarkan kategori dan tambahkan ke dalam keranjang mereka.

Logo de
site Kepala

Gambar III.4: antarmuka sambutan

34
Bab III. Aplikasi Pembuatan situs web untuk belanja online 2013

Ruang untuk koneksi

klien

Gambar III.5: antarmuka pendaftaran

- Menu Bar: Dalam bilah ini, klien dapat melakukan:

1. Inskripsi :
Halaman ini memungkinkan setiap pelanggan baru untuk mendaftar di basis data ini untuk
Kemampuan, kemudian, melakukan pembelian.

2. Hubungi kami :
Halaman ini juga memungkinkan pelanggan untuk melihat berbagai kontak.

3. Penelitian di situs:
Bilah pencarian memungkinkan pelanggan untuk menemukan kebutuhan mereka hanya dengan menulis itu
yang dia mau.

4. Lihat keranjang:
Halaman ini juga memungkinkan pelanggan untuk memeriksa jumlah yang dipilih dan total jumlahnya
dari keranjangnya.

Tombol
Batang
pendaftaran
penelitian

Keranjang
Tombol de Gambar III.6: antarmuka menu
kontak

35
Chapitre III. Application Pembuatan situs web belanja online 2013

Kode sumber bagian menu:

<div id="menu">

<div id="a">

<a href="formulair_contact.php" style="text-decoration: none ;">< input type="submit"

value="inscriez ...Vous» style="width: 100PX; height: 60PX ;">< /a>

<a href="contact" style="text-decoration: none;" target="_blank"><input type="submit"

value="kontak" style="width: 100PX; height: 60PX ;">< /a>

<div id="fff">

<form action="[Link]" method="get">

<input type="search" style="width: 400PX; height: 25PX;" name="r">

<input type="submit" value="recherche" style="width: 100PX;height:32PX;">

</form></DIV>

<br> <br>

</div>

<div id="b">

<a href="[Link] style=" text-decoration: none">

<img src="image/co_icon_shopcart.png" > <strong> Keranjang saya </strong><br>

<?Php session_start ();

Jika (! isset ($_SESSION ['panier'])) {

$_SESSION ['panier']=array ();

}?>

<?Php echo count ($_SESSION ['panier']) ;?> artikel </a>

</div> </div>

36
Bab III. Aplikasi Pembuatan situs web belanja online 2013

- Inscription :

Cette page permet à tout nouveau client de s’inscrire dans cette base de données pour
mampu, selanjutnya, melakukan pembelian.

Bidang input berisi jumlah karakter minimum. Jika jumlah ini tidak
tidak puas, sebuah peringatan datang mengingatkan pengguna internet tentang kesalahan inputnya untuk demikian
koreksi.

Halaman hanya akan divalidasi jika semua kolom input sesuai dengan persyaratan.
diminta.

Gambar III.7 : Inskripsi

37
Bab III. Aplikasi Pembuatan situs web membeli secara online 2013

Kode sumber dari bagian pendaftaran :

<DIV id="global">
<form action="[Link]" class="css" method="post" style="margin-top:-200PX;">
onsubmit="return formCheck(this);">
<fieldset>
<center><div id="titre2">
<h1>Formulir Pendaftaran</h1>
</div></center>
<table style="margin-top:-200PX;">
<tr height="40PX ;"><td bgcolor="#80A9FF" WIDTH="100PX;"><center>
<label for="nom">Nama: </label></center></td>
<td WIDTH="250PX;" style="background:#0784B4;padding-left:40PX;">
<input type="text" name="nom" id="nom" /></td><tr>
<br ><br>

<tr height="40PX;">
<td bgcolor="#80A9FF">
<center><label for="prenom">Nama Depan:</label></center></td>
<td style="background:#0784B4;padding-left:40PX;">
<input type="text" name="prenom" id="prenom" /></td></tr>
<br ><br>
<tr height="40PX;"><td bgcolor="#80A9FF"><center>
<label for="rue">Alamat:</label></center></td>
<td style="background:#0784B4;padding-left:40PX;">
<input type="text" name="rue" id="rue" /></td></tr>
<br><br>

<tr height="40PX;"><td bgcolor="#80A9FF">

<center><label for="ville">Kota:</label></center></td>
<td style="background:#0784B4;padding-left:40PX;">
<input type="text" name="kota" size="13" id="kota" /></td></tr>
<br ><br>
<tr height="40PX;"><td bgcolor="#80A9FF">
<center><label for="tele">N°telepon:</label></center></td>
<td style="background:#0784B4;padding-left:40PX;">
<input type="text" name="tele" size="20" id="tele" /></td></tr>
<br ><br>

<tr height="40PX;"><td bgcolor="#80A9FF">

<center><label for="mail">Surat:</label></center></td>
<td style="background:#0784B4;padding-left:40PX;"><input type="text" name="mail">
id="mail" value="votre mail" onfocus="[Link]=''"/></td></tr>
<br ><br>

<tr height="40PX;"><td bgcolor="#80A9FF">

<center><label for="passwd">Kata Sandi:</label></center></td>
<td style="background:#0784B4;padding-left:40PX;">
<input type="password" name="passwd" id="passwd" value="kata sandi"

38
Bab III. Aplikasi Pembuatan situs web untuk belanja online 2013

onfocus="[Link]=''
<br ><br></table>
<br>
<br>
<br>
KIRIM
name="envoie"style="height:35px;background:#FFB546;" >
<input type="Reset" value="BATAL">
name="effacer"style="height:35px;background:#FFB546;" >

</fieldset>
</form>

- Contact :

Gambar III.8 : Kontak

39
 Bab III. Aplikasi Pembuatan situs web untuk belanja online 2013

- Keranjang :

Halaman ini juga memungkinkan pelanggan untuk memeriksa jumlah yang dipilih dan jumlahnya
total keranjang belanjanya, kemudian, dia bisa memesan produknya tetapi harus benar-benar se
terhubung untuk dapat melakukan pesanan.

Melanjutkan pesanan Anda

Untuk menghapus semua
artikel keranjang

Gambar III.9 : Keranjang

40
Bab III. Aplikasi Realitas situs web belanja online 2013

4.2. Antarmuka administrator :

Selamat datang: Administrator memasukkan nama dan kata sandi untuk mengakses antarmuka ini, ia
berhak untuk mengelola tindakan yang mungkin di situs seperti (mengubah, menambah dan
menghapus produk atau kategori

Nama pelanggan baru

dan tombol terputus

Gambar III.10 : sambutan admin

41
Bab III. Aplikasi Pembuatan situs web untuk pembelian daring 2013

Faktur: Halaman ini juga memungkinkan untuk menampilkan informasi tentang pelanggan
dan produk yang diambil dan jumlah total serta tanggal pengiriman dan tanggal
pembayaran dan sebuah tombol untuk mencetak halaman ini.

Informasi
klien Informasi
seperti yang tertera di faktur

Produk-produk
dibeli

Gambar III.11: antarmuka faktur

42
Bab III. Aplikasi Pembinaan situs web belanja online 2013

5. Kesimpulan :

Bagian pelaksanaan menentukan ide yang lebih jelas tentang tugas-tugas yang dilakukan dalam hal ini.

situs web melalui presentasi antarmuka grafis. Akhirnya dengan bab ini saya menyelesaikan

fase pengembangan situs ini.

43
 Pembuatan situs web untuk pembelian online2013

Kesimpulan umum

Proyek akhir studi ini bertujuan untuk merancang situs web dinamis yang memungkinkan untuk membuat
perdagangan elektronik ponsel portable.

Dalam tulisan ini, kami telah mempresentasikan berbagai tahap desain dan
pembuatan aplikasi kami.
Ini adalah aplikasi yang hampir selesai dan disertai dengan semua dokumentasi.
teknik dan konsep yang diperlukan untuk perkembangannya yang baik.
Untuk merancang pekerjaan ini, saya pertama-tama mempresentasikan kerangka proyek ini, kemudian saya menganalisis
studi tentang yang ada.

Kedua, saya menunjukkan fase desain.

Akhirnya, saya telah menyelesaikan semua fase yang diperlukan untuk pengembangan aplikasi ini, dan
Dalam fase ini, saya belajar untuk lebih baik mengolah bahasa PHP, HTML, dan Java Script, saya
memperdalam pengetahuan saya tentang bahasa SQL dengan MySQL.

Selain itu, tujuan utama dari proyek ini adalah penemuan dunia perusahaan dan
dalam pandangan ini, proyek ini sepenuhnya memenuhi harapan saya.
Perbaikan juga dapat dilakukan pada situs ini, misalnya dalam kasus sebuah
penggunaan komersial nyata dari situs, menawarkan koneksi yang aman saat pembayaran
dari perintah atau konsultasi akun pelanggan terutama melalui protokol
HTTPS.

Akhirnya, pelaksanaan proyek kerja tim ini dalam jangka waktu terbatas adalah sebuah baik
pelatihan untuk pekerjaan masa depan ini.

44
 Pembuatan situs web e-commerce 2013

Daftar gambar :

Ø Gambar I.1: situs web statis

Ø Gambar I.2: situs web dinamis

Ø Figure II.1 : Le Modèle Conceptuel de Communication du client

Ø Gambar II.2: MCC dari administrator
Ø Gambar II.3: MCD administrator
Ø Gambar II.4: Le MCD aplikasi

Ø Gambar III.1 : Notepad++

Ø Figure III.2 :l’interface wampserver2.2
Ø Gambar III.3: antarmuka phpmyadmin
Ø Gambar III.4: antarmuka sambutan
Ø Gambar III.5: antarmuka daftar
Ø Gambar III.6: antarmuka menu
Ø Gambar III.7 : Inskripsi
Ø Gambar III.8 : Kontak
Ø Gambar III.9: Keranjang
Ø Gambar III.10 : sambutan administrator
Ø Gambar III.11 : antarmuka faktur

Daftar tabel :

Ø Tabel II.1 klien

Ø Tabel II.2d administrator
Ø Tabel II.3 produk
Ø Tabel II.4 perintah
Ø Tabel II.5 dari faktur

45
 Pembuatan situs web e-commerce 2013

Referensi bibliografi :

Daftar situs web :

· [Link]
· [Link]
· [Link]
· [Link]
· http:// [Link]
· [Link]
· [Link]
· [Link]

Daftar karya:
· Philippe Rigaux, 2012, praktik MySQL dan PHP desain dan
pembuatan situs web dinamis, jumlah halaman 531
· Keven yank, 2010, edisi ke-4, buat situs web dengan
basis data di php & mysql, jumlah halaman 450

46