BAB 4 : LAPORAN TEKNIKAL

Aktiviti 1 : Langkah - langkah untuk mengendalikan laman web MIP menggunakan Wix.

1. Buka website Wix.com, kemudian login masuk ke dalam akaun Wix menggunakan alamat emel Gmail.

Gambar 1.1 : Google Wix

Gambar 1.2 : Login WIx

2. Kemudian anda akan terus masuk ke akaun Wix.com yang akan tunjuk servis yang ada di dalam website. Klik “Manage & Edit Site” untuk mengurus & mengedit website MIP Creative House.

Gambar 1.3 : Dashboard


Gambar 1.4 : Manage & Edit

3. Ini ialah “Dashboard” untuk website di mana akan memaparkan semua detail mengenai Domain, Premium Plan, SEO, Favicon Website (Icon Website), Social Media Syarikat, Tracking Analytics (Google Analytics) & SSL Certificate (Sekuriti platform yang protect website).


Gambar 1.5


4. Klik “Edit Site” untuk mengedit “Site Structure” di dalam website seperti menambah atau membuang page yang ada di dalam website.


Gambar 1.6


Gambar 1.7 : Maklumat Premium Plan yang dilanggan / dibeli.


Gambar 1.8 : Maklumat Domain laman web yang dibeli.


Gambar 1.9 : SEO (Search Engines Optimize) servis google untuk Laman Web. 


Gambar 1.10 : Favicon untuk Laman Web iaitu ikon pada tab.


Gambar 1.11 : SSL Certificate laman web MIP


5. Gambar di bawah ialah “Site Structure” untuk website, penguna boleh menambah, mengedit atau membuang page untuk di masukkan di dalam website.



Gambar 1.12 : Site Structure Laman Web

6. Klik “Menus & Pages” untuk menambah, mengedit atau membuang page untuk di masukkan di dalam website.

Gambar 1.13 : Menus & Pages




Gambar 1.14 : Add Page


Gambar 1.15 : Delete Page

Tetapan Halaman

1. Cipta halaman baru kemudian klik "Show/Hide" untuk dipaparkan pada Main Menu. Kemudian, klik “Settings” untuk Page Settings dant tukar Page Name, Layout, Page Title Search & URL Page.



Gambar 1.16 : Page Info



Gambar 1.17 : Layout


Gambar 1.18 : SEO (Google)

Gambar 1.19 : Page URL


2. Untuk menambah perkataan, gambar, video atau macam-macam lagi anda boleh menekan butang “Add” dan di situ boleh memilih pelbagai fungsi untuk diletakkan di dalam website.


Gambar 1.20 : Text


Gambar 1.21 : Image



Gambar 1.22 : Gallery


Gambar 1.23 :  Video


3. Menukar background page di belakang sekali klik “Page Background”.


Gambar 1.24 : Page Background


4. Menukar latar belakang warna di belakang klik “Page Design”.

Gambar 1.25 : Page Design


5. Klik “Add” untuk menambah Text, Image, Gallery, Video, Music, Menu & Lightbox pada setiap page untuk menjadikan page lebih menarik.


Gambar 1.26 : Create Page


Gambar 1.27 : Add Text

Page Status Tempahan

1. Membuat halaman Status Tempahan untuk di jadikan rujukan pada pelanggan untuk melihat status tempahan. 
Gambar 1.28 : Status Tempahan


2. Buka file Excel Status Tempahan dan klik "File" dan pilih Share untuk mengambil code file. Pilih Embed dan copy embed code yang terletak di bawah sekali page.





Gambar 1.29 : Share Excel 2013

Gambar 1.30 : Embed Code

3. Pilih "Edit Code" dan paste embed code pada HTML iframe untuk di masukkan (paste) ke dalam HTML.

Gambar 1.31 : Edit Code


Gambar 1.32 : Paste Code HTML iframe
Aktiviti 2 : Langkah - Langkah untuk membuat E-Card MIP

Cipta Halaman E-Card

 1. Klik “Menus & Pages” untuk melihat site menu yang ada untuk menambah sebuah halaman untuk membuat E-Card kad kahwin.

Gambar 2.1 : Add New Page
2. Klik “Add Page” untuk menambah halaman E-Card kad kahwin. Tulis nama pasangan pengantin di  “New Page”.  Klik “Hide” untuk halaman supaya tidak dapat dilihat di senarai menu oleh pengguna Laman Web.


Gambar 2.2 : Letakkan nama pengantin


Settings Page


3. Kemudian klik pada 3 titik di belah kanan & pilih “Settings” untuk mengubah platform page.


Gambar 2.3 : Page Settings

4.Kemudian akan keluar “Page Settings” halaman yang di pilih dan tukar nama halaman.


Gambar 2.4 : Page Info

5. Pilih “Layouts” halaman kepada “No Header & Footer”.

Gambar 2.5 : Layout

6. Selepas itu, pilih SEO (Google) untuk membuat page boleh dicari di internet. Kemudian isikan nama pasangan pengantin di ruangan “What’s the page’s title on search results and browser tabs?

Gambar 2.6 : Page SEO

7. Ubah URL kepada nama pasangan pengantin di ruangan “What’s the page URL?”

Gambar 2.7 : URL Page

Background Image


8. Ubah background page kepada warna tema kad yang di pilih.


Gambar 2.8 : Page Background

9. Klik “Add” kemudian pilih “Text” untuk meletakkan ucapan di Page E-Card.


Gambar 2.9 : Text


Gambar 2.10 : Display Text

Countdown Application

10. Pilih “Add Apps” untuk menambah countdown aplikasi untuk diletakkan di dalam halaman E-Card.


Gambar 2.11 : Add Apps


Gambar 2.12 : Search Apps


Gambar 2.13 : Choose Apps

Gambar 2.14 : Add Countdown Apps

11. Set tarikh dan masa pada app Countdown untuk dipaparkan di halaman E-Card Pelanggan.

Gambar 2.15 : Setting Date & Time

Gambar 2.16 : Text

Gambar 2.17 : Design


Gambar 2.18 : Countdown App

Gambar Kad Kahwin
11. Selepas itu, pilih “Image” dan “My Image Uploads” untuk memilih design gambar kad kahwin pelanggan.


Gambar 2.19 : Add Item

Gambar 2.20 : Upload Folder
12. Pilih gambar design kad kahwin untuk di masukkan ke dalam page.


Gambar 2.21 : Choose Image

13. Susun gambar kad kahwin secara memanjang dan bersambung untuk di paparkan di dalam telefon.


Gambar 2.22 : Susun Gambar


 Button

Saiz Button (Laptop) : W: 72 H: 72
Saiz Button (Phone) : W: 60 H: 60 

14. Klik “Add” dan pilih button untuk membuat link kepada Maps, Whatsapp, Contact dan Google Calendar.


Gambar 2.23 : Add Button

15. Selepas itu, link kan setiap button pada Lightbox yang dibuat untuk pengguna boleh connect pada maps, whatsapp, contact dan calendar.


Gambar 2.24 : Button

Gambar 2.25 : Link File


Gambar 2.26 : Link Button

Lightbox untuk button

16. Untuk membuat “Lightbox” tekan duplicate dan akan terpapar Lightbox Maps dan link pada URL alamat majlis perkahwinan.

Gambar 2.27 : Maps Lightbox


Gambar 2.28 : Whatsapp Lightbox


Gambar 2.29 : Contact Lightbox
      

 Lightbox Google Maps

17. Buka Google Maps dan masukkan koordinat/alamat majlis pengantin untuk mengetahui lokasi majlis. Kemudian, klik pada kongsi dan “Salin Pautan” untuk di link kan pada Web Address.



Gambar 2.30 : Pilih Lightbox


Gambar 2.31 : Pilih Settings

Gambar 2.32 : Tekan Button Google Maps


Gambar 2.33 : Copy Link Map


Gambar 2.34 : Paste link dekat Web Address

Lightbox Waze

18. Buka Waze dan masukkan koordinat/alamat majlis pengantin untuk mengetahui lokasi majlis. Kemudian, klik pada “Permalink” dan copy link yang diberi dan masukkan pada Web Address.


Gambar 2.35 : Button Waze


Gambar 2.36 : Tekan Permalink


Gambar 2.37 : Copy link waze


Gambar 2.38 : Paste link Waze dekat Web Address

Lightbox Contact

19. Untuk memasukkan Contact anda hanya perlu menekan ”Edit Text” dan pilih “Link” dan masukkan nombor telefon ke dalam “Phone Number”.



Gambar 2.39 : Lightbox Contact

Gambar 2.40 : Edit Text


Gambar 2.41 : Pilih link 


Gambar 2.42 : Masukkan nombor telefon pelanggan

Lightbox Whatsapp

20. Untuk memasukkan Whatsapp anda hanya perlu menekan ”Edit Text” dan pilih “Link” dan masukkan link whatsapp ke dalam “Web Address”.



Gambar 2.43 : Lightbox Whatsapp
Untuk membuat link Whatsapp

21. Masukkan emel MIP dan no telefon untuk di hubungi oleh tetamu. Kemudian “Generate Link” untuk mendapatkan link Whatsapp.


Gambar 2.44 : Masukkan maklumat dan no telefon pelanggan untuk di sambungkan.


22. Copy link yang diberi kemudian masukkan pada Lightbox Whatsapp

Gambar 2.45 : Copy link URL Whatsapp


Gambar 2.46 : Edit Text kemudian pilih Link


Gambar 2.47 : Paste URL Whatsapp ke dalam web address


Lightbox Calendar

23. Buka Google Calendar dan klik button “+” di bawah hujung belah kanan untuk membuat reminder pada calendar.

Gambar 2.48 : Google Calendar

24. Selepas itu, masukkan maklumat majlis seperti Tema Majlis, Tarikh, Masa & Tempat untuk rujukan tetamu. Kemudian klik button “Save” untuk menyimpan dalam senarai kalendar.


Gambar 2.49 : Maklumat Majlis

25. Klik pada “Options” dan pilih “Publish Event” untuk dapatkan link Kalendar. Kemudian copy link yang diberikan.


Gambar 2.50 : Klik Options


Gambar 2.51 : Publish Event
  

Gambar 2.52 : Copy link URL Calendar

26. Kemudian tekan icon Kalendar dan klik “Linked” untuk di connect pada link Google Calendar menggunakan link yang diberikan tadi. Masukkan link Kalendar Majlis tadi pada Web Address.



Gambar 2.53 : Link pada button calendar


Gambar 2.54 : Paste URL Calendar ke dalam Web Address

Comments

27. Klik “Add App”  dan cari Comment di bahagian search untuk diletakkan di bawah button. Pilih app Comments Plus+ by POWr.

Gambar 2.55 : App Comments Plus+ by POWr

28. Susun Comments di bawah button untuk di paparkan pada E-Card.
Gambar 2.56 : Letak app comment di bahagian bawah button
29. Klik app “POWr Comments” dan tekan “Display text” untuk mengubah ayat yang akan dipaparkan pada app Comments. 



Gambar 2.57 : Display Text


Gambar 2.58 : Display text settings

30. Pilih tab “Design” kemudian pilih “Fonts” untuk diubah dengan pelbagai bentuk ayat atau saiz pada Comment dan User Name.

Gambar 2.59 : Font Text


Gambar 2.60 : Font setting


31. Pilih Layout untuk ubah bentuk gambar avatar design (Gambar Profile) .

Gambar 2.61 : Layout 

32. Pilih Background & Border untuk di design pada comment. 


Gambar 2.62 : Background & Border


Versi Telefon

33. Untuk mengedit pada halaman telefon hanya perlu klik pada “Mobile” dan pilih “Edit Mobile View” untuk melihat contoh pada telefon.

Gambar 2.63 : Edit Mobile View

34. Pada halaman telefon anda hanya perlu susun kad kahwin, app dan button secara teratur dan tersusun sahaja.



Gambar 2.64 : Mobile view


Aktiviti 3 : Langkah – langkah untuk install Window 10 guna boot drive.


1. Buka Laman Web Microsoft dan cari Windows 10 downloader. Kemudian pilih "Download tool now" dan akan terpapar "MediaCreationTool.exe" sedang di muat turun.


'
Gambar 3.1 : Laman Web Windows 10

Gambar 3.2 : Download MediaCreationTool.exe
2. Selepas itu, baca “Applicable Notices & License Terms* dan Accept dengan syarat dan terma dan syarat Windows.

Gambar 3.3 : Terma & Lesen Windows 10

3. Pilih Create Installation Media untuk menukar boot loader kepada dalam Pendrive.

Gambar 3.4 : Pilih kaedah install

4. Pilih Bahasa, Edition dan Architecture untuk sistem operasi Windows 10.

Gambar 3.5 : Pilih Bahasa

5. Pilih USB Flash Drive untuk memasukkan ISO Windows 10 ke dalam pendrive.

Gambar 3.6 : Pilih peranti untuk menyimpan ISO file Windows 10


6. Tunggu proses download Windows 10 ke dalam Pendrive sehingga selesai.

Gambar 3.7 : Progress download

7. Buka folder yang ada ISO Windows 10 dan pilih “Setup“ untuk memulakan proses install Windows 10.

Gambar 3.8 : Windows 10 Edition

Gambar 3.9 : 64-bit Architecture



Gambar 3.10 : Pilih Setup

8. Pilih Removable Devices untuk digunakan sebagai installer ISO Windows 10

Gambar 3.11 : Pilih ISO dari Removable Devices


Gambar 3.12 : Install Now


9. Pilih Language untuk sistem kemudian, Klik “Next” untuk proses install Windows 10.

Gambar 3.13 : Language

10. Masukkan Product Key Windows 10 yang telah diberi ke ruang yang disediakan.

Gambar 3.14 : Product Key

11. Selepas itu, pilih Upgrade : Install Windows and keep files, settings and applications untuk teruskan guna sistem yang sedia ada.

Gambar 3.15 : Upgrade Windows 10

12. Tunggu sehingga status installing selesai.

Gambar 3.16 : Status Install Windows 10

13. Pilih untuk “I own it” supaya sistem lebih mudah untuk digunakan untuk orang ramai.

Gambar 3.17 : Pilih profil

14. Masukkan Account Microsoft yang sedia ada untuk di daftarkan sebagai Members.


Gambar 3.18 : Akaun Windows 10

15. Tunggu sehingga proses pengaturan selesai.


Gambar 3.7 : Setting up


16. Windows 10 telah selesai di install di dalam komputer.


Gambar 3.7 : Install Selesai


Aktiviti 4 : Langkah - langkah untuk membuat design E-Card Kad Kahwin

1. Click File dan klik New untuk membuat design baru kad kahwin.


Gambar 4.1 : File option

2. Set saiz kad kepada Lebar (W) : 10.056 Inch, Tinggi (H) : 17.319 Inch.


Gambar 4.2 : Masukkan saiz

3. Cari File Pelanggan yang buat E-Card. Contoh : Pelanggan AMIRA & ISKANDAR
Gambar 4.3 : Design E-Card

4. Click File Kad FRONT dan BACK menggunakan format Adobe Illustrator sahaja.


Gambar 4.4 : Pilih Design

5. Copy dan Paste design kad Front masuk dalam file E-Card yang telah di set saiz kad tadi.


Gambar 4.5 : Masukkan design ke dalam file

6. Padankan dan sesuaikan design kad ikut saiz tadi, kemudian Save nama E-Card (Nama Cust)-FRONT


Gambar 4.6 : Design E-Card (FRONT)

7. Untuk detail maklumat di dalam kad boleh copy & paste dari Kad Back, kemudian Save as : E-Card (Nama Cust) IN.


Gambar 4.7 : Design E-Card (IN)

8. Pastikan ada Aturcara Majlis, Turut Mengundang dan Hubungi. Kemudian. Save file atas nama E-Card (NAMA CUST) BACK dan Save as JPEG file.


Gambar 4.8 : Design E-Card (BACK)
.